<header @scroll.window="showBar = (window.pageYOffset > 20) ? true : false" class="fixed top-0 right-0 pt-3 xl:pt-6 px-3 w-full z-50 xl:px-8">
    <div class="flex justify-between gap-2.5">
        <div class="order-2 border border-[0,5px] border-[#F2F2F2] bg-white flex justify-between pl-4 transition-all xl:items-center xl:order-1 xl:w-auto xl:py-6 xl:pl-9 xl:pr-9" :class="{ 'xl:!py-4 xl:!pr-12' : showBar }">
            <div class="flex mr-4 transition-all xl:block xl:mr-20" :class="{ 'xl:h-[26px] xl:!mr-9 overflow-hidden' : showBar }">
                <a class="w-full max-w-[100px] flex transition-all xl:shrink-0 xl:max-w-[150px]" href="/" :class="{ 'xl:!max-w-[100px]' : showBar }">

                    <span class="flex justify-center items-center w-full h-full">
                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 147.43 58.58" clipPathUnits="objectBoundingBox">
                            <defs>
                                <clipPath id="c">
                                    <rect y="0" width="147.43" height="58.58" style="fill:none;" />
                                </clipPath>
                                <clipPath id="j">
                                    <rect y="0" width="147.43" height="58.58" style="fill:none;" />
                                </clipPath>
                            </defs>
                            <g id="b">
                                <g style="clip-path:url(#c); fill:none;">
                                    <g id="d">
                                        <path id="e" d="m0,38.47L14.45,0h12.04l14.45,38.47h-10.69l-2.3-6.67h-15.34l-2.3,6.66H0Zm15.01-14.17h10.47l-2.74-8.12c-.15-.41-.33-.92-.53-1.54-.2-.62-.41-1.27-.62-1.96-.21-.69-.4-1.39-.59-2.1s-.37-1.33-.56-1.85h-.39c-.15.71-.36,1.51-.65,2.41l-.84,2.69c-.28.9-.53,1.68-.76,2.35l-2.8,8.12Z" style="fill:#323232;" />
                                        <path id="f" d="m45.52,38.47V0h21.17c2.33-.07,4.64.48,6.69,1.6,1.82,1.03,3.29,2.57,4.26,4.42,1.03,2.06,1.54,4.34,1.48,6.64.06,2.35-.47,4.68-1.54,6.78-1,1.87-2.51,3.42-4.37,4.45-2.07,1.11-4.4,1.66-6.75,1.6h-10.92v12.99h-10.02Zm10.02-20.72h8.57c1.33.09,2.63-.39,3.58-1.32.87-1.02,1.31-2.33,1.23-3.67.04-.94-.15-1.88-.53-2.74-.35-.7-.91-1.28-1.6-1.65-.83-.42-1.76-.62-2.69-.59h-8.56v9.97Z" style="fill:#323232;" />
                                        <path id="g" d="m78.05,38.47L92.5,0h12.04l14.45,38.47h-10.69l-2.3-6.66h-15.34l-2.3,6.66h-10.3Zm15-14.17h10.47l-2.74-8.12c-.15-.41-.33-.92-.53-1.54-.2-.62-.41-1.27-.62-1.96-.21-.69-.4-1.39-.59-2.1s-.37-1.33-.56-1.85h-.39c-.15.71-.36,1.51-.64,2.41l-.84,2.69c-.28.9-.53,1.68-.76,2.35l-2.8,8.12Z" style="fill:#323232;" />
                                    </g>
                                </g>
                            </g>
                            <rect id="h" x="127.64" y="18.68" width="19.79" height="19.79" style="fill:#af003c;" />
                            <g id="i">
                                <g style="clip-path:url(#j); fill:none;">
                                    <g id="k">
                                        <path id="l" d="m0,55.96l4.11-10.41h1.9l4.13,10.41h-1.57l-1.02-2.58H2.49l-1,2.58H0Zm2.96-3.81h4.11l-1.26-3.26c-.03-.09-.08-.22-.14-.38s-.13-.34-.2-.54-.14-.4-.21-.61-.14-.4-.2-.57h-.09c-.07.2-.15.43-.24.7s-.18.52-.27.77c-.09.25-.17.46-.23.63l-1.27,3.26Z" style="fill:#323232;" />
                                        <path id="m" d="m13.69,56.14c-.67.03-1.33-.18-1.85-.59-.53-.55-.78-1.31-.7-2.06v-5.51h1.33v5.33c0,.28.03.56.12.82.07.2.19.37.35.5.16.12.34.21.54.26.22.05.45.08.67.08.77,0,1.48-.4,1.86-1.07.21-.37.32-.79.31-1.22v-4.69h1.33v7.98h-1.07l-.12-1.2h-.11c-.19.3-.44.57-.72.79-.27.2-.58.36-.9.45-.34.1-.7.15-1.06.14" style="fill:#323232;" />
                                        <path id="n" d="m21.61,56.14c-.34.02-.68-.06-.97-.24-.23-.15-.4-.37-.5-.62-.1-.26-.15-.54-.15-.83v-5.36h-1.03v-1.12h1.06l.24-2.23h1.06v2.23h1.5v1.12h-1.5v5.16c-.01.2.03.4.14.57.13.14.32.21.52.19h.85v.88c-.12.06-.24.1-.36.12-.14.03-.29.06-.43.08-.14.02-.28.04-.42.04" style="fill:#323232;" />
                                        <path id="o" d="m27.53,56.14c-.71.02-1.41-.13-2.04-.45-.56-.31-1-.79-1.26-1.37-.58-1.52-.58-3.19,0-4.71.26-.58.7-1.06,1.26-1.37,1.3-.6,2.79-.6,4.08,0,.56.3,1,.78,1.25,1.37.57,1.52.57,3.19,0,4.71-.25.58-.69,1.07-1.25,1.37-.63.32-1.33.47-2.04.45m0-1.12c.45.02.89-.09,1.29-.3.36-.22.63-.55.78-.95.19-.52.28-1.07.26-1.63v-.33c.02-.56-.07-1.12-.27-1.64-.15-.39-.42-.72-.78-.94-.4-.21-.84-.32-1.29-.3-.45-.02-.9.09-1.3.3-.36.22-.64.55-.78.94-.19.53-.28,1.08-.26,1.64v.33c-.02.56.07,1.11.26,1.63.14.4.42.73.78.95.4.21.85.32,1.3.3" style="fill:#323232;" />
                                        <path id="p" d="m32.9,55.96v-7.98h1.08l.12,1.2h.11c.18-.3.41-.57.68-.79.25-.2.53-.35.83-.45.32-.1.65-.15.99-.14.46-.01.92.09,1.33.31.4.24.7.62.83,1.07h.09c.33-.59.87-1.03,1.52-1.23.32-.1.66-.15,1-.15.44,0,.87.08,1.28.25.37.17.67.46.86.82.23.47.33,1,.31,1.52v5.57h-1.33v-5.36c0-.27-.03-.54-.11-.8-.06-.19-.17-.36-.33-.49-.14-.12-.31-.2-.49-.25-.2-.05-.4-.08-.6-.08-.35,0-.68.09-.98.27-.31.19-.56.47-.72.79-.19.38-.28.8-.27,1.23v4.69h-1.34v-5.36c0-.27-.03-.54-.12-.8-.06-.19-.17-.36-.32-.49-.14-.12-.3-.2-.48-.25-.19-.05-.39-.08-.58-.08-.74,0-1.41.4-1.75,1.06-.19.38-.28.8-.27,1.23v4.69h-1.33Z" style="fill:#323232;" />
                                        <path id="q" d="m47.95,56.14c-.3,0-.59-.04-.88-.11-.29-.07-.57-.19-.82-.35-.26-.17-.47-.4-.61-.68-.16-.34-.24-.71-.23-1.09-.02-.48.12-.96.39-1.35.28-.37.66-.66,1.1-.83.54-.21,1.1-.35,1.68-.41.7-.08,1.4-.12,2.11-.11v-.91c0-.26-.05-.52-.15-.76-.11-.22-.31-.4-.54-.49-.71-.23-1.48-.23-2.18,0-.23.09-.43.24-.56.45-.11.18-.16.39-.16.61v.23h-1.29c0-.05-.02-.1-.01-.15v-.18c-.02-.44.13-.87.4-1.22.3-.35.69-.61,1.13-.74.54-.18,1.1-.26,1.67-.25.57-.02,1.14.08,1.68.29.41.16.77.45,1.02.82.24.38.35.83.34,1.27v4.32c-.04.24.12.47.36.51.04,0,.08,0,.11,0h.59v.88c-.15.06-.31.12-.47.16-.19.05-.39.07-.59.07-.23,0-.45-.05-.65-.16-.17-.11-.31-.26-.39-.44-.09-.2-.16-.41-.18-.63h-.11c-.19.26-.42.48-.69.66-.29.19-.6.34-.93.43-.37.1-.74.16-1.12.15m.33-1.12c.31,0,.62-.05.92-.15.28-.1.54-.24.77-.43.22-.19.4-.42.53-.68.13-.27.2-.56.2-.87v-.67c-.7,0-1.4.04-2.09.14-.48.05-.93.22-1.33.49-.31.23-.48.6-.46.99-.01.24.05.47.18.67.13.18.31.31.52.39.25.09.51.13.77.13" style="fill:#323232;" />
                                        <path id="r" d="m56.08,56.14c-.34.02-.68-.06-.97-.24-.23-.15-.4-.37-.5-.62-.1-.26-.15-.54-.15-.83v-5.36h-1.03v-1.12h1.06l.24-2.23h1.06v2.23h1.5v1.12h-1.5v5.16c-.01.2.03.4.14.57.13.14.32.21.52.19h.85v.88c-.12.06-.24.1-.36.12-.14.03-.29.06-.43.08-.14.02-.28.04-.42.04" style="fill:#323232;" />
                                        <path id="s" d="m58.72,44.99h1.34v1.49h-1.34v-1.49Zm0,2.99h1.34v7.98h-1.34v-7.98Z" style="fill:#323232;" />
                                        <path id="t" d="m65.42,56.14c-.71.02-1.41-.13-2.04-.45-.56-.31-1-.79-1.26-1.37-.58-1.52-.58-3.19,0-4.71.26-.58.7-1.06,1.26-1.37,1.3-.6,2.79-.6,4.08,0,.56.3,1,.78,1.25,1.37.57,1.52.57,3.19,0,4.71-.25.58-.69,1.07-1.25,1.37-.63.32-1.33.47-2.04.45m0-1.12c.45.02.89-.09,1.29-.3.36-.22.63-.55.78-.95.19-.52.28-1.08.27-1.63v-.33c.02-.56-.07-1.12-.27-1.64-.15-.39-.42-.72-.78-.94-.4-.21-.84-.32-1.29-.3-.45-.02-.9.09-1.3.3-.36.22-.64.55-.78.94-.19.53-.28,1.08-.26,1.64v.33c-.02.56.07,1.11.26,1.63.14.4.42.73.78.95.4.21.85.32,1.3.3" style="fill:#323232;" />
                                        <path id="u" d="m70.79,55.96v-7.98h1.08l.12,1.2h.11c.19-.3.44-.57.72-.79.27-.2.58-.35.9-.45.34-.1.7-.15,1.05-.14.46,0,.91.08,1.33.26.38.17.7.47.9.84.24.48.35,1.02.33,1.56v5.51h-1.34v-5.33c0-.28-.03-.56-.13-.82-.07-.19-.19-.37-.35-.5-.16-.13-.34-.21-.53-.26-.23-.05-.46-.08-.69-.08-.37,0-.74.09-1.06.27-.34.18-.61.46-.8.79-.21.38-.31.8-.3,1.23v4.69h-1.33Z" style="fill:#323232;" />
                                        <path id="v" d="m82.76,55.96v-10.41h8.01v1.24h-6.57v3.21h5.9v1.24h-5.9v3.46h6.66v1.24h-8.1Z" style="fill:#323232;" />
                                        <path id="w" d="m91.94,55.96l2.87-4.08-2.73-3.9h1.61l1.94,2.85h.08l1.94-2.85h1.52l-2.73,3.85,2.88,4.13h-1.59l-2.09-3.08h-.08l-2.09,3.08h-1.52Z" style="fill:#323232;" />
                                        <path id="x" d="m100.56,58.58v-10.61h1.06l.14,1.14h.11c.25-.42.61-.77,1.05-.99,1-.47,2.17-.43,3.14.11.5.33.87.81,1.08,1.37.28.78.41,1.6.38,2.42.02.79-.11,1.58-.39,2.31-.21.55-.59,1.03-1.08,1.36-.49.3-1.05.45-1.62.44-.33,0-.65-.04-.97-.12-.29-.08-.57-.21-.82-.39-.25-.19-.47-.41-.64-.68h-.09v3.63h-1.33Zm3.43-3.61c.42.02.85-.09,1.21-.3.33-.22.58-.55.7-.93.17-.52.24-1.07.23-1.62v-.32c.02-.57-.06-1.14-.24-1.68-.13-.37-.37-.69-.71-.9-.35-.19-.75-.29-1.15-.27-.43-.02-.86.1-1.22.33-.34.24-.58.58-.7.98-.16.52-.23,1.05-.22,1.59v.23c-.01.47.04.93.16,1.39.08.33.24.63.45.89.18.21.41.37.67.47.26.09.53.14.8.14" style="fill:#323232;" />
                                        <path id="y" d="m112.35,56.14c-.69.02-1.38-.13-2-.45-.55-.31-.98-.79-1.23-1.37-.56-1.52-.56-3.19,0-4.71.25-.58.68-1.06,1.24-1.37.63-.32,1.34-.47,2.05-.45.65-.02,1.3.13,1.88.43.51.29.91.75,1.14,1.29.28.68.41,1.41.39,2.15v.64h-5.74c0,.54.1,1.07.28,1.57.14.38.4.7.75.9.39.2.82.3,1.26.28.3,0,.61-.04.9-.13.24-.08.46-.2.65-.37.17-.16.31-.36.4-.58.09-.23.14-.48.15-.73h1.3c0,.4-.09.8-.24,1.18-.15.35-.38.67-.67.92-.32.27-.68.47-1.08.59-.47.15-.96.22-1.46.21m-2.23-4.84h4.33c0-.38-.04-.76-.15-1.12-.09-.28-.23-.53-.43-.74-.18-.19-.41-.33-.65-.42-.27-.09-.56-.13-.84-.13-.41-.01-.82.08-1.18.26-.33.18-.59.45-.74.79-.19.43-.3.89-.32,1.37" style="fill:#323232;" />
                                        <path id="z" d="m117.48,55.96v-7.98h1.08l.12,1.32h.11c.08-.25.19-.5.33-.72.31-.51.88-.81,1.47-.78.14,0,.28.01.42.04.1.02.19.04.28.08v1.23h-.5c-.31,0-.61.05-.89.17-.24.11-.45.28-.61.49-.17.23-.29.48-.36.76-.08.31-.12.62-.11.94v4.45h-1.34Z" style="fill:#323232;" />
                                        <path id="aa" d="m124.38,56.14c-.34.02-.68-.06-.97-.24-.23-.15-.4-.37-.5-.62-.1-.26-.15-.54-.15-.83v-5.36h-1.03v-1.12h1.06l.24-2.23h1.06v2.23h1.5v1.12h-1.5v5.16c-.01.2.03.4.14.57.13.14.32.21.52.19h.85v.88c-.12.06-.24.1-.36.12-.14.03-.29.06-.43.08-.14.02-.28.04-.42.04" style="fill:#323232;" />
                                        <path id="ab" d="m129.81,56.14c-.49,0-.97-.05-1.44-.17-.37-.09-.73-.26-1.04-.48-.26-.2-.48-.46-.62-.76-.15-.31-.22-.65-.21-1v-.14s0-.08.02-.11h1.32s-.01.07-.02.11v.09c0,.3.09.6.28.84.2.21.45.36.74.42.34.08.69.13,1.05.12.31,0,.62-.04.92-.13.26-.07.49-.21.67-.39.17-.18.26-.43.25-.68.02-.29-.1-.58-.33-.77-.25-.2-.55-.34-.86-.42-.35-.1-.72-.21-1.11-.32-.32-.09-.65-.19-.97-.3-.31-.1-.6-.24-.87-.41-.25-.16-.47-.37-.62-.63-.17-.3-.25-.64-.23-.98,0-.33.07-.65.22-.94.15-.28.37-.52.63-.7.3-.2.64-.35.99-.43.43-.1.86-.15,1.3-.14.45,0,.89.05,1.33.17.34.09.67.25.95.47.24.18.43.42.56.69.12.26.18.54.18.83v.18s0,.09-.02.13h-1.3v-.17c0-.21-.06-.41-.16-.58-.13-.21-.32-.37-.55-.46-.34-.13-.7-.19-1.07-.18-.25,0-.51.02-.76.07-.19.04-.37.11-.53.21-.13.08-.24.2-.32.33-.07.13-.11.28-.11.43-.01.23.08.46.26.61.21.16.44.28.69.35.29.09.6.19.93.3l1.08.31c.35.1.69.23,1.02.4.3.15.56.38.74.66.2.33.3.71.28,1.1,0,.38-.07.76-.24,1.11-.16.31-.4.58-.69.77-.32.21-.67.36-1.05.45-.43.1-.87.15-1.31.14" style="fill:#323232;" />
                                    </g>
                                </g>
                            </g>
                        </svg>
                    </span>
                </a>
            </div>
            <div class="relative xl:w-auto xl:flex xl:items-center">
                <button @click="showMenu = !showMenu; showContact = false; showOverlay = true;" class="flex justify-center items-center h-full py-4 px-4 text-white bg-primary xl:hidden">

                    <span class="inline-flex items-center w-10 h-10     ">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <path d="M4 6l16 0" />
                            <path d="M4 12l16 0" />
                            <path d="M4 18l16 0" />
                        </svg>
                    </span>

                </button>

                <div x-show="showMenu" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="fixed top-0 right-0 w-full h-full max-w-md bg-white z-50 xl:relative xl:!block xl:max-w-none xl:translate-x-0">
                    <div class="py-6 px-6 h-full max-xl:overflow-auto md:px-9 lg:px-12 xl:p-0 xl:bg-transparent">
                        <div class="flex items-center justify-between mb-4 xl:hidden">
                            <div class="w-full mr-4 flex max-w-[100px] xl:mr-20" href="/">

                                <span class="flex justify-center items-center w-full h-full">
                                    <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 147.43 58.58" clipPathUnits="objectBoundingBox">
                                        <defs>
                                            <clipPath id="c">
                                                <rect y="0" width="147.43" height="58.58" style="fill:none;" />
                                            </clipPath>
                                            <clipPath id="j">
                                                <rect y="0" width="147.43" height="58.58" style="fill:none;" />
                                            </clipPath>
                                        </defs>
                                        <g id="b">
                                            <g style="clip-path:url(#c); fill:none;">
                                                <g id="d">
                                                    <path id="e" d="m0,38.47L14.45,0h12.04l14.45,38.47h-10.69l-2.3-6.67h-15.34l-2.3,6.66H0Zm15.01-14.17h10.47l-2.74-8.12c-.15-.41-.33-.92-.53-1.54-.2-.62-.41-1.27-.62-1.96-.21-.69-.4-1.39-.59-2.1s-.37-1.33-.56-1.85h-.39c-.15.71-.36,1.51-.65,2.41l-.84,2.69c-.28.9-.53,1.68-.76,2.35l-2.8,8.12Z" style="fill:#323232;" />
                                                    <path id="f" d="m45.52,38.47V0h21.17c2.33-.07,4.64.48,6.69,1.6,1.82,1.03,3.29,2.57,4.26,4.42,1.03,2.06,1.54,4.34,1.48,6.64.06,2.35-.47,4.68-1.54,6.78-1,1.87-2.51,3.42-4.37,4.45-2.07,1.11-4.4,1.66-6.75,1.6h-10.92v12.99h-10.02Zm10.02-20.72h8.57c1.33.09,2.63-.39,3.58-1.32.87-1.02,1.31-2.33,1.23-3.67.04-.94-.15-1.88-.53-2.74-.35-.7-.91-1.28-1.6-1.65-.83-.42-1.76-.62-2.69-.59h-8.56v9.97Z" style="fill:#323232;" />
                                                    <path id="g" d="m78.05,38.47L92.5,0h12.04l14.45,38.47h-10.69l-2.3-6.66h-15.34l-2.3,6.66h-10.3Zm15-14.17h10.47l-2.74-8.12c-.15-.41-.33-.92-.53-1.54-.2-.62-.41-1.27-.62-1.96-.21-.69-.4-1.39-.59-2.1s-.37-1.33-.56-1.85h-.39c-.15.71-.36,1.51-.64,2.41l-.84,2.69c-.28.9-.53,1.68-.76,2.35l-2.8,8.12Z" style="fill:#323232;" />
                                                </g>
                                            </g>
                                        </g>
                                        <rect id="h" x="127.64" y="18.68" width="19.79" height="19.79" style="fill:#af003c;" />
                                        <g id="i">
                                            <g style="clip-path:url(#j); fill:none;">
                                                <g id="k">
                                                    <path id="l" d="m0,55.96l4.11-10.41h1.9l4.13,10.41h-1.57l-1.02-2.58H2.49l-1,2.58H0Zm2.96-3.81h4.11l-1.26-3.26c-.03-.09-.08-.22-.14-.38s-.13-.34-.2-.54-.14-.4-.21-.61-.14-.4-.2-.57h-.09c-.07.2-.15.43-.24.7s-.18.52-.27.77c-.09.25-.17.46-.23.63l-1.27,3.26Z" style="fill:#323232;" />
                                                    <path id="m" d="m13.69,56.14c-.67.03-1.33-.18-1.85-.59-.53-.55-.78-1.31-.7-2.06v-5.51h1.33v5.33c0,.28.03.56.12.82.07.2.19.37.35.5.16.12.34.21.54.26.22.05.45.08.67.08.77,0,1.48-.4,1.86-1.07.21-.37.32-.79.31-1.22v-4.69h1.33v7.98h-1.07l-.12-1.2h-.11c-.19.3-.44.57-.72.79-.27.2-.58.36-.9.45-.34.1-.7.15-1.06.14" style="fill:#323232;" />
                                                    <path id="n" d="m21.61,56.14c-.34.02-.68-.06-.97-.24-.23-.15-.4-.37-.5-.62-.1-.26-.15-.54-.15-.83v-5.36h-1.03v-1.12h1.06l.24-2.23h1.06v2.23h1.5v1.12h-1.5v5.16c-.01.2.03.4.14.57.13.14.32.21.52.19h.85v.88c-.12.06-.24.1-.36.12-.14.03-.29.06-.43.08-.14.02-.28.04-.42.04" style="fill:#323232;" />
                                                    <path id="o" d="m27.53,56.14c-.71.02-1.41-.13-2.04-.45-.56-.31-1-.79-1.26-1.37-.58-1.52-.58-3.19,0-4.71.26-.58.7-1.06,1.26-1.37,1.3-.6,2.79-.6,4.08,0,.56.3,1,.78,1.25,1.37.57,1.52.57,3.19,0,4.71-.25.58-.69,1.07-1.25,1.37-.63.32-1.33.47-2.04.45m0-1.12c.45.02.89-.09,1.29-.3.36-.22.63-.55.78-.95.19-.52.28-1.07.26-1.63v-.33c.02-.56-.07-1.12-.27-1.64-.15-.39-.42-.72-.78-.94-.4-.21-.84-.32-1.29-.3-.45-.02-.9.09-1.3.3-.36.22-.64.55-.78.94-.19.53-.28,1.08-.26,1.64v.33c-.02.56.07,1.11.26,1.63.14.4.42.73.78.95.4.21.85.32,1.3.3" style="fill:#323232;" />
                                                    <path id="p" d="m32.9,55.96v-7.98h1.08l.12,1.2h.11c.18-.3.41-.57.68-.79.25-.2.53-.35.83-.45.32-.1.65-.15.99-.14.46-.01.92.09,1.33.31.4.24.7.62.83,1.07h.09c.33-.59.87-1.03,1.52-1.23.32-.1.66-.15,1-.15.44,0,.87.08,1.28.25.37.17.67.46.86.82.23.47.33,1,.31,1.52v5.57h-1.33v-5.36c0-.27-.03-.54-.11-.8-.06-.19-.17-.36-.33-.49-.14-.12-.31-.2-.49-.25-.2-.05-.4-.08-.6-.08-.35,0-.68.09-.98.27-.31.19-.56.47-.72.79-.19.38-.28.8-.27,1.23v4.69h-1.34v-5.36c0-.27-.03-.54-.12-.8-.06-.19-.17-.36-.32-.49-.14-.12-.3-.2-.48-.25-.19-.05-.39-.08-.58-.08-.74,0-1.41.4-1.75,1.06-.19.38-.28.8-.27,1.23v4.69h-1.33Z" style="fill:#323232;" />
                                                    <path id="q" d="m47.95,56.14c-.3,0-.59-.04-.88-.11-.29-.07-.57-.19-.82-.35-.26-.17-.47-.4-.61-.68-.16-.34-.24-.71-.23-1.09-.02-.48.12-.96.39-1.35.28-.37.66-.66,1.1-.83.54-.21,1.1-.35,1.68-.41.7-.08,1.4-.12,2.11-.11v-.91c0-.26-.05-.52-.15-.76-.11-.22-.31-.4-.54-.49-.71-.23-1.48-.23-2.18,0-.23.09-.43.24-.56.45-.11.18-.16.39-.16.61v.23h-1.29c0-.05-.02-.1-.01-.15v-.18c-.02-.44.13-.87.4-1.22.3-.35.69-.61,1.13-.74.54-.18,1.1-.26,1.67-.25.57-.02,1.14.08,1.68.29.41.16.77.45,1.02.82.24.38.35.83.34,1.27v4.32c-.04.24.12.47.36.51.04,0,.08,0,.11,0h.59v.88c-.15.06-.31.12-.47.16-.19.05-.39.07-.59.07-.23,0-.45-.05-.65-.16-.17-.11-.31-.26-.39-.44-.09-.2-.16-.41-.18-.63h-.11c-.19.26-.42.48-.69.66-.29.19-.6.34-.93.43-.37.1-.74.16-1.12.15m.33-1.12c.31,0,.62-.05.92-.15.28-.1.54-.24.77-.43.22-.19.4-.42.53-.68.13-.27.2-.56.2-.87v-.67c-.7,0-1.4.04-2.09.14-.48.05-.93.22-1.33.49-.31.23-.48.6-.46.99-.01.24.05.47.18.67.13.18.31.31.52.39.25.09.51.13.77.13" style="fill:#323232;" />
                                                    <path id="r" d="m56.08,56.14c-.34.02-.68-.06-.97-.24-.23-.15-.4-.37-.5-.62-.1-.26-.15-.54-.15-.83v-5.36h-1.03v-1.12h1.06l.24-2.23h1.06v2.23h1.5v1.12h-1.5v5.16c-.01.2.03.4.14.57.13.14.32.21.52.19h.85v.88c-.12.06-.24.1-.36.12-.14.03-.29.06-.43.08-.14.02-.28.04-.42.04" style="fill:#323232;" />
                                                    <path id="s" d="m58.72,44.99h1.34v1.49h-1.34v-1.49Zm0,2.99h1.34v7.98h-1.34v-7.98Z" style="fill:#323232;" />
                                                    <path id="t" d="m65.42,56.14c-.71.02-1.41-.13-2.04-.45-.56-.31-1-.79-1.26-1.37-.58-1.52-.58-3.19,0-4.71.26-.58.7-1.06,1.26-1.37,1.3-.6,2.79-.6,4.08,0,.56.3,1,.78,1.25,1.37.57,1.52.57,3.19,0,4.71-.25.58-.69,1.07-1.25,1.37-.63.32-1.33.47-2.04.45m0-1.12c.45.02.89-.09,1.29-.3.36-.22.63-.55.78-.95.19-.52.28-1.08.27-1.63v-.33c.02-.56-.07-1.12-.27-1.64-.15-.39-.42-.72-.78-.94-.4-.21-.84-.32-1.29-.3-.45-.02-.9.09-1.3.3-.36.22-.64.55-.78.94-.19.53-.28,1.08-.26,1.64v.33c-.02.56.07,1.11.26,1.63.14.4.42.73.78.95.4.21.85.32,1.3.3" style="fill:#323232;" />
                                                    <path id="u" d="m70.79,55.96v-7.98h1.08l.12,1.2h.11c.19-.3.44-.57.72-.79.27-.2.58-.35.9-.45.34-.1.7-.15,1.05-.14.46,0,.91.08,1.33.26.38.17.7.47.9.84.24.48.35,1.02.33,1.56v5.51h-1.34v-5.33c0-.28-.03-.56-.13-.82-.07-.19-.19-.37-.35-.5-.16-.13-.34-.21-.53-.26-.23-.05-.46-.08-.69-.08-.37,0-.74.09-1.06.27-.34.18-.61.46-.8.79-.21.38-.31.8-.3,1.23v4.69h-1.33Z" style="fill:#323232;" />
                                                    <path id="v" d="m82.76,55.96v-10.41h8.01v1.24h-6.57v3.21h5.9v1.24h-5.9v3.46h6.66v1.24h-8.1Z" style="fill:#323232;" />
                                                    <path id="w" d="m91.94,55.96l2.87-4.08-2.73-3.9h1.61l1.94,2.85h.08l1.94-2.85h1.52l-2.73,3.85,2.88,4.13h-1.59l-2.09-3.08h-.08l-2.09,3.08h-1.52Z" style="fill:#323232;" />
                                                    <path id="x" d="m100.56,58.58v-10.61h1.06l.14,1.14h.11c.25-.42.61-.77,1.05-.99,1-.47,2.17-.43,3.14.11.5.33.87.81,1.08,1.37.28.78.41,1.6.38,2.42.02.79-.11,1.58-.39,2.31-.21.55-.59,1.03-1.08,1.36-.49.3-1.05.45-1.62.44-.33,0-.65-.04-.97-.12-.29-.08-.57-.21-.82-.39-.25-.19-.47-.41-.64-.68h-.09v3.63h-1.33Zm3.43-3.61c.42.02.85-.09,1.21-.3.33-.22.58-.55.7-.93.17-.52.24-1.07.23-1.62v-.32c.02-.57-.06-1.14-.24-1.68-.13-.37-.37-.69-.71-.9-.35-.19-.75-.29-1.15-.27-.43-.02-.86.1-1.22.33-.34.24-.58.58-.7.98-.16.52-.23,1.05-.22,1.59v.23c-.01.47.04.93.16,1.39.08.33.24.63.45.89.18.21.41.37.67.47.26.09.53.14.8.14" style="fill:#323232;" />
                                                    <path id="y" d="m112.35,56.14c-.69.02-1.38-.13-2-.45-.55-.31-.98-.79-1.23-1.37-.56-1.52-.56-3.19,0-4.71.25-.58.68-1.06,1.24-1.37.63-.32,1.34-.47,2.05-.45.65-.02,1.3.13,1.88.43.51.29.91.75,1.14,1.29.28.68.41,1.41.39,2.15v.64h-5.74c0,.54.1,1.07.28,1.57.14.38.4.7.75.9.39.2.82.3,1.26.28.3,0,.61-.04.9-.13.24-.08.46-.2.65-.37.17-.16.31-.36.4-.58.09-.23.14-.48.15-.73h1.3c0,.4-.09.8-.24,1.18-.15.35-.38.67-.67.92-.32.27-.68.47-1.08.59-.47.15-.96.22-1.46.21m-2.23-4.84h4.33c0-.38-.04-.76-.15-1.12-.09-.28-.23-.53-.43-.74-.18-.19-.41-.33-.65-.42-.27-.09-.56-.13-.84-.13-.41-.01-.82.08-1.18.26-.33.18-.59.45-.74.79-.19.43-.3.89-.32,1.37" style="fill:#323232;" />
                                                    <path id="z" d="m117.48,55.96v-7.98h1.08l.12,1.32h.11c.08-.25.19-.5.33-.72.31-.51.88-.81,1.47-.78.14,0,.28.01.42.04.1.02.19.04.28.08v1.23h-.5c-.31,0-.61.05-.89.17-.24.11-.45.28-.61.49-.17.23-.29.48-.36.76-.08.31-.12.62-.11.94v4.45h-1.34Z" style="fill:#323232;" />
                                                    <path id="aa" d="m124.38,56.14c-.34.02-.68-.06-.97-.24-.23-.15-.4-.37-.5-.62-.1-.26-.15-.54-.15-.83v-5.36h-1.03v-1.12h1.06l.24-2.23h1.06v2.23h1.5v1.12h-1.5v5.16c-.01.2.03.4.14.57.13.14.32.21.52.19h.85v.88c-.12.06-.24.1-.36.12-.14.03-.29.06-.43.08-.14.02-.28.04-.42.04" style="fill:#323232;" />
                                                    <path id="ab" d="m129.81,56.14c-.49,0-.97-.05-1.44-.17-.37-.09-.73-.26-1.04-.48-.26-.2-.48-.46-.62-.76-.15-.31-.22-.65-.21-1v-.14s0-.08.02-.11h1.32s-.01.07-.02.11v.09c0,.3.09.6.28.84.2.21.45.36.74.42.34.08.69.13,1.05.12.31,0,.62-.04.92-.13.26-.07.49-.21.67-.39.17-.18.26-.43.25-.68.02-.29-.1-.58-.33-.77-.25-.2-.55-.34-.86-.42-.35-.1-.72-.21-1.11-.32-.32-.09-.65-.19-.97-.3-.31-.1-.6-.24-.87-.41-.25-.16-.47-.37-.62-.63-.17-.3-.25-.64-.23-.98,0-.33.07-.65.22-.94.15-.28.37-.52.63-.7.3-.2.64-.35.99-.43.43-.1.86-.15,1.3-.14.45,0,.89.05,1.33.17.34.09.67.25.95.47.24.18.43.42.56.69.12.26.18.54.18.83v.18s0,.09-.02.13h-1.3v-.17c0-.21-.06-.41-.16-.58-.13-.21-.32-.37-.55-.46-.34-.13-.7-.19-1.07-.18-.25,0-.51.02-.76.07-.19.04-.37.11-.53.21-.13.08-.24.2-.32.33-.07.13-.11.28-.11.43-.01.23.08.46.26.61.21.16.44.28.69.35.29.09.6.19.93.3l1.08.31c.35.1.69.23,1.02.4.3.15.56.38.74.66.2.33.3.71.28,1.1,0,.38-.07.76-.24,1.11-.16.31-.4.58-.69.77-.32.21-.67.36-1.05.45-.43.1-.87.15-1.31.14" style="fill:#323232;" />
                                                </g>
                                            </g>
                                        </g>
                                    </svg>
                                </span>
                            </div>

                            <button @click="showMenu = !showMenu; showContact = false; showOverlay = false;" class="flex justify-center items-center h-full py-4 px-4 text-white bg-primary xl:hidden">

                                <span class="inline-flex items-center w-4 h-4     ">
                                    <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.5 22.5">
                                        <path id="b" d="m.75,21.75L21.75.75M.75.75l21,21" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                    </svg>
                                </span>

                            </button>
                        </div>

                        <nav>
                            <ul class="flex flex-col xl:flex-row">
                                <li class="relative py-3 shrink-0 xl:py-0 xl:mr-10 last:mr-0">

                                    <div class="flex flex-wrap items-center">
                                        <a href="#" title="Produkte & Services" class="relative ">
                                            <span>
                                                Produkte & Services
                                            </span>

                                        </a>

                                    </div>

                                </li>
                                <li class="relative py-3 shrink-0 xl:py-0 xl:mr-10 last:mr-0">

                                    <div class="flex flex-wrap items-center">
                                        <a href="#" title="Unternehmen" class="relative ">
                                            <span>
                                                Unternehmen
                                            </span>

                                        </a>

                                    </div>

                                </li>
                                <li class="relative py-3 shrink-0 xl:py-0 xl:mr-10 last:mr-0">

                                    <div class="flex flex-wrap items-center">
                                        <a href="#" title="Kontakt" class="relative ">
                                            <span>
                                                Kontakt
                                            </span>

                                        </a>

                                    </div>

                                </li>
                                <li class="relative py-3 shrink-0 xl:py-0 xl:mr-10 last:mr-0">

                                    <div class="flex flex-wrap items-center">
                                        <a href="#" title="Jobs" class="relative ">
                                            <span>
                                                Jobs
                                            </span>

                                            <span class="absolute top-0 -right-3 bg-primary w-1 h-1"></span>
                                        </a>

                                    </div>

                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>

        <div class="flex items-stretch h-max order-1 gap-4">
            <div class="order-2 xl:order-1">
                <div>
                    <a href="#" class="inline-flex bg-gray-600 p-5 lg:p-7 aspect-square">
                        <span class="block scale-120">

                            <span class="inline-flex items-center w-6 h-6  stroke-white   ">
                                <svg class="w-10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
                                    <style type="text/css">
                                        .red-svg {
                                            fill: none;
                                            stroke-width: 12px;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }
                                    </style>
                                    <g>
                                        <path class="red-svg" d="M56.09669,177.27364c-18.35368,0-33.37032-15.01665-33.37032-33.37033" />
                                        <path class="red-svg" d="M177.27364,143.90331c0,18.35368-15.01665,33.37033-33.37033,33.37033" />
                                        <path class="red-svg" d="M143.90331,22.72637c18.35368,0,33.37033,15.01664,33.37033,33.37032" />
                                        <path class="red-svg" d="M22.72637,56.09669c0-18.35368,15.01664-33.37032,33.37032-33.37032" />
                                        <circle class="red-svg" cx="98.2375" cy="94.95036" r="34.59236" />
                                        <line class="red-svg" x1="123.56695" y1="118.49943" x2="147.69177" y2="142.62425" />
                                    </g>
                                </svg>
                            </span>

                        </span>
                    </a>
                </div>
            </div>
            <div class="order-2 xl:order-1">
                <div x-data="{ open: false }" class="inline-flex bg-gray-600 p-8 px-8 sm:px-16 lg:py-10 lg:px-20 relative z-0">
                    <div :class="open ? 'left-0 lg:right-0 lg:left-auto z-20 opacity-100' : '-left-1/2 lg:left-auto lg:-right-1/2 opacity-0 -z-10' " class="h-20 bg-gray-600 duration-300 transition-all fixed lg:absolute max-lg:mt-3 max-lg:ml-3  top-0 w-max">

                        <ul class="flex items-center w-full h-full gap-6 px-8 py-4 text-white">
                            <li>
                                <a class="text-white" href="#">Englisch</a>
                            </li>
                            <div class="w-px h-full bg-gray-500"></div>
                            <li>
                                <a class="text-white" href="#">Deustch</a>
                            </li>
                            <div class="w-px h-full bg-gray-500"></div>
                            <li>
                                <button @click="open = false" type="button" class="flex">

                                    <span class="inline-flex items-center w-6 h-6  stroke-white   ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.5 22.5">
                                            <path id="b" d="m.75,21.75L21.75.75M.75.75l21,21" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </button>
                            </li>
                        </ul>
                    </div>

                    <button @click="open = true" href="#" class="scale-120 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex items-center gap-4 text-white">

                        <span class="inline-flex items-center w-6 h-6  stroke-white   ">
                            <?xml version="1.0" encoding="utf-8"?>
                            <!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
                            <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
                                <style type="text/css">
                                    .st0 {
                                        fill: none;
                                        stroke: #333333;
                                        stroke-width: 10;
                                        stroke-miterlimit: 10;
                                    }

                                    .st1 {
                                        fill: none;
                                        stroke: #333333;
                                        stroke-width: 10;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st2 {
                                        fill: none;
                                        stroke: #AF1B43;
                                        stroke-width: 10;
                                        stroke-miterlimit: 10;
                                    }

                                    .st3 {
                                        fill: none;
                                        stroke: #AF1B43;
                                        stroke-width: 10;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st4 {
                                        fill: none;
                                        stroke: #FFFFFF;
                                        stroke-width: 10;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st5 {
                                        fill: none;
                                        stroke: #1D1E1C;
                                        stroke-width: 10;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st6 {
                                        fill: none;
                                        stroke: #FFFFFF;
                                        stroke-width: 10;
                                        stroke-miterlimit: 10;
                                    }

                                    .st7 {
                                        fill: none;
                                        stroke: #333333;
                                        stroke-width: 9.96097;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st8 {
                                        fill: none;
                                        stroke: #AF1B43;
                                        stroke-width: 9.96097;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st9 {
                                        fill: none;
                                        stroke: #FFFFFF;
                                        stroke-width: 9.96097;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st10 {
                                        fill: none;
                                        stroke: #333333;
                                        stroke-width: 9.94439;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st11 {
                                        fill: none;
                                        stroke: #AF1B43;
                                        stroke-width: 9.94439;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st12 {
                                        fill: none;
                                        stroke: #FFFFFF;
                                        stroke-width: 9.94439;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st13 {
                                        fill: #FFFFFF;
                                    }

                                    .st14 {
                                        fill: none;
                                        stroke: #AF1B43;
                                        stroke-width: 10.11154;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st15 {
                                        fill: none;
                                        stroke: #AF1B43;
                                        stroke-width: 11.01703;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st16 {
                                        fill: #FFFFFF;
                                        stroke: #AF1B43;
                                        stroke-width: 10;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st17 {
                                        fill: none;
                                        stroke: #FFFFFF;
                                        stroke-width: 10.11154;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st18 {
                                        fill: none;
                                        stroke: #FFFFFF;
                                        stroke-width: 11.01703;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st19 {
                                        fill: #FFFFFF;
                                        stroke: #FFFFFF;
                                        stroke-width: 10;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st20 {
                                        fill: none;
                                        stroke: #333333;
                                        stroke-width: 10.07235;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st21 {
                                        fill: none;
                                        stroke: #333333;
                                        stroke-width: 10.0209;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st22 {
                                        fill: none;
                                        stroke: #AF1B43;
                                        stroke-width: 10.07235;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st23 {
                                        fill: none;
                                        stroke: #AF1B43;
                                        stroke-width: 10.0209;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st24 {
                                        fill: none;
                                        stroke: #FFFFFF;
                                        stroke-width: 10.07235;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st25 {
                                        fill: none;
                                        stroke: #FFFFFF;
                                        stroke-width: 10.0209;
                                        stroke-linecap: round;
                                        stroke-linejoin: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st26 {
                                        fill: none;
                                        stroke: #333333;
                                        stroke-width: 10;
                                        stroke-linecap: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st27 {
                                        fill: none;
                                        stroke: #AF1B43;
                                        stroke-width: 10;
                                        stroke-linecap: round;
                                        stroke-miterlimit: 10;
                                    }

                                    .st28 {
                                        fill: none;
                                        stroke: #FFFFFF;
                                        stroke-width: 10;
                                        stroke-linecap: round;
                                        stroke-miterlimit: 10;
                                    }
                                </style>
                                <g>
                                    <circle class="st4" cx="200" cy="200" r="168.90668" />
                                    <line class="st4" x1="31.09333" y1="200" x2="348.98587" y2="200" />
                                    <line class="st4" x1="200" y1="31.09333" x2="200" y2="368.90668" />
                                    <ellipse class="st4" cx="200" cy="200" rx="86.05878" ry="168.90668" />
                                    <path class="st4" d="M84.50507,100.5538c86.32178,26.70246,165.8439,24.67728,244.36984-5.50942" />
                                    <path class="st4" d="M67.65932,304.95563c91.3526-31.23828,178.50104-31.79688,261.21558,0" />
                                </g>
                            </svg>

                        </span>

                        <span class="max-sm:hidden">Deutsch</span>
                    </button>
                </div>
            </div>
            <div class="order-1 xl:order-2">
                <div class="relative">
                    <button @click="showContact = !showContact; showMenu = false; showOverlay = false;" class="inline-flex bg-primary p-5 lg:p-7">

                        <span class="inline-flex items-center w-6 h-6     ">
                            <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.84 27.66">
                                <path id="b" d="m10.02,10.56c0,.3-.24.55-.55.55s-.55-.24-.55-.55.24-.55.55-.55.55.24.55.55h0Zm0,0h-.55m6,0c0,.3-.24.55-.55.55s-.55-.24-.55-.55.24-.55.55-.55c.3,0,.54.25.54.55h0Zm0,0h-.55m6,0c0,.3-.24.55-.55.55s-.55-.24-.55-.55.24-.55.55-.55c.3,0,.54.25.54.55h0Zm0,0h-.55M.75,14.94c-.04,2.32,1.64,4.32,3.93,4.69,1.58.23,3.18.41,4.79.54v6.75l6.08-6.08c.3-.3.71-.47,1.13-.48,2.84-.07,5.67-.31,8.47-.72,2.3-.37,3.97-2.37,3.94-4.69V6.19c.04-2.32-1.64-4.32-3.93-4.69-6.79-.99-13.68-.99-20.47,0C2.39,1.86.71,3.86.75,6.19v8.75h0Z" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                            </svg>
                        </span>

                    </button>

                    <div x-show="showContact" x-transition x-transition.duration.200ms class="fixed top-0 left-0 w-screen h-[75vh] max-w-md z-50 sm:h-auto lg:left-auto lg:right-0">
                        <div class="relative h-full max-w-md">
                            <button @click="showContact = !showContact; showMenu = false; showOverlay = false;" class="absolute top-9 left-10 text-white lg:top-12 lg:left-auto lg:right-12 z-10">

                                <span class="inline-flex items-center w-6 h-6     ">
                                    <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.5 22.5">
                                        <path id="b" d="m.75,21.75L21.75.75M.75.75l21,21" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                    </svg>
                                </span>

                            </button>

                            <div class="relative w-full ">
                                <div class="h-full flex flex-col justify-end pt-60 px-6 pb-6 md:px-8 md:pb-8 xl:px-10 xl:pb-10">
                                    <div class="absolute top-0 left-0 w-full h-full">

                                        <div class="relative h-full w-full ">
                                            <img class="w-full h-full object-cover" src="/image/placeholder.jpg" alt="" />

                                        </div>
                                    </div>

                                    <div class="relative flex flex-col z-10">

                                        <p class="text-white text-sm mb-2 text-white leading-customText">Mario Schmidt </p>

                                        <h5 class="h5 text-white text-left  text-white">
                                            Interesse? Fragen?<br />Wir sind gerne für Sie da.

                                        </h5>

                                        <div class="flex flex-col items-start">

                                            <a href="/" class="btn cursor-pointer inline-flex items-center mb-4 bg-primary justify-between text-white py-2 px-4 rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                                                <span class="shrink-0">
                                                    Kontakt aufnehmen
                                                </span>

                                            </a>
                                            <div class="flex flex-row flex-wrap">

                                                <a href="/" class="btn cursor-pointer inline-flex items-center text-white font-bold mb-4 mr-6 flex-row-reverse justify-end  rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                                                    <span class="shrink-0">
                                                        info@apa-gmbh.de
                                                    </span>

                                                    <span class="inline-flex items-center w-4 h-4    w-8 ">
                                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="18.93" height="18.94" viewBox="0 0 18.93 18.94">
                                                            <path id="b" d="m8.22,10.72L.75,6.77C6.18,3.78,12.07,1.75,18.18.75c-1,6.11-3.03,12.01-6.01,17.44l-3.96-7.47h0Zm0,0l4.83-4.83" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                                        </svg>
                                                    </span>

                                                </a>

                                                <a href="/" class="btn cursor-pointer inline-flex items-center text-white font-bold mb-4 flex-row-reverse justify-end  rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                                                    <span class="shrink-0">
                                                        +49 6023 9716 0
                                                    </span>

                                                    <span class="inline-flex items-center w-4 h-4    w-8 ">
                                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="13.5" height="22.5" viewBox="0 0 13.5 22.5">
                                                            <path id="b" d="m5.25.75h-2.25C1.76.75.75,1.76.75,3v16.5c0,1.24,1.01,2.25,2.25,2.25h7.5c1.24,0,2.25-1.01,2.25-2.25V3c0-1.24-1.01-2.25-2.25-2.25h-2.25m-3,0v1.5h3V.75m-3,0h3m-3,18.75h3" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                                        </svg>
                                                    </span>

                                                </a>
                                            </div>

                                        </div>

                                        <p class="text-white text-sm text-white opacity-50 leading-customText">Sie erreichen uns Mo - Fr von 9 - 17 Uhr. </p>

                                    </div>
                                </div>

                                <div class="absolute bottom-0 left-0 w-full h-full bg-gradient-to-b from-transparent to-gray-700 opacity-90 pointer-events-none"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<section class="relative grid place-content-center bg-gray-700 mb-6 py-8 px-6 md:py-16 md:px-9 lg:px-12 lg:min-h-[75vh] md:overflow-hidden">
    <div class="relative mx-auto h-full grid grid-cols-1 gap-y-8 z-10 md:grid-cols-12 md:gap-x-8 md:items-center ">
        <div class="max-h-[75vh] h-full md:col-start-1 md:col-end-7 xl:col-start-2">

            <div class="relative h-full w-full ">
                <img class="" src="/image/product.png" alt="Alternativer Text" />

            </div>

        </div>

        <div class="md:col-start-7 md:col-end-13">

            <h1 class="text-white normal-case text-left h2 ">
                Montage- &<br />Prüfautomaten

            </h1>

            <div class="flex flex-wrap gap-3 mb-8">

                <div class="inline-block text-xs py-1 px-2 bg-gray-600 text-white b-0 ">
                    Pressen
                </div>

                <div class="inline-block text-xs py-1 px-2 bg-gray-600 text-white b-0 ">
                    Fügen
                </div>

                <div class="inline-block text-xs py-1 px-2 bg-gray-600 text-white b-0 ">
                    Verkettung
                </div>
            </div>

            <div class="text-white text-left h5 ">
                Modular aufgebaute Schraubarbeitsplätze

            </div>

            <a class="btn cursor-pointer inline-flex items-center  bg-primary justify-between text-white py-4 px-6 rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                <span class="shrink-0">
                    Jetzt Produkt anfragen
                </span>

                <span class="inline-flex items-center w-4 h-4    ms-9 ">
                    <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.5 16.5">
                        <path id="b" d="m.75,15.75L15.75.75m0,0H4.5m11.25,0v11.25" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                    </svg>
                </span>

            </a>
        </div>
    </div>

    <div class="absolute bottom-0 left-0 xl:h-full pointer-events-none aspect-square">

        <span class="flex justify-center items-center w-full h-full">
            <?xml version="1.0" encoding="utf-8"?>
            <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
            <svg version="1.1" id="a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 802 809" style="enable-background:new 0 0 802 809;" xml:space="preserve">
                <style type="text/css">
                    .rpat {
                        opacity: 0.3;
                    }

                    .rcube {
                        fill: #B0063E;
                    }
                </style>
                <g>
                    <g id="c">
                        <g id="d" class="rpat">
                            <g id="e">
                                <rect id="f" x="19.6" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="g" x="41.2" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="h" x="62.8" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="i" x="84.4" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="j" x="106" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="k" x="127.6" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="l" x="149.2" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="m" x="170.7" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="n" x="192.3" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="o" x="213.9" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="p" x="235.5" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="q" x="257.1" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="r" x="278.7" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="s" x="300.3" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="t" x="321.8" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="u" x="343.4" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="v" x="365" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="w" x="386.6" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="x" x="408.2" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="y" x="429.8" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="z" x="451.4" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="aa" x="473" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="ab" x="494.5" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="ac" x="516.1" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="ad" x="537.7" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="ae" x="559.3" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="af" x="580.9" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="ag" x="602.5" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="ah" x="624.1" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="ai" x="645.6" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="aj" x="667.2" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="ak" x="688.8" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="al" x="710.4" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="am" x="732" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="an" x="753.6" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="ao" x="775.2" y="10.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="ap" x="796.7" y="10.4" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="aq">
                                <rect id="ar" x="19.4" y="29.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="as" x="41" y="29.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="at" x="62.6" y="29.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="au" x="84.2" y="29.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="av" x="105.8" y="29.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="aw" x="127.4" y="29.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="ax" x="149" y="29.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="ay" x="170.6" y="29.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="az" x="192.2" y="29.2" class="rcube" width="1.1" height="1" />
                                <rect id="ba" x="213.8" y="29.2" class="rcube" width="1" height="1" />
                                <rect id="bb" x="235.4" y="29.3" class="rcube" width="1" height="1" />
                                <rect id="bc" x="256.9" y="29.3" class="rcube" width="1" height="1" />
                                <rect id="bd" x="278.5" y="29.3" class="rcube" width="1" height="1" />
                                <rect id="be" x="300.1" y="29.3" class="rcube" width="1" height="1" />
                                <rect id="bf" x="321.7" y="29.3" class="rcube" width="1" height="1" />
                                <rect id="bg" x="343.3" y="29.3" class="rcube" width="1" height="1" />
                                <rect id="bh" x="364.9" y="29.3" class="rcube" width="1" height="1" />
                                <rect id="bi" x="386.5" y="29.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="bj" x="408.1" y="29.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="bk" x="429.7" y="29.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="bl" x="451.3" y="29.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="bm" x="472.9" y="29.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="bn" x="494.5" y="29.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="bo" x="516" y="29.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="bp" x="537.6" y="29.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="bq" x="559.2" y="29.3" class="rcube" width="0.8" height="0.9" />
                                <rect id="br" x="580.8" y="29.4" class="rcube" width="0.8" height="0.8" />
                                <rect id="bs" x="602.4" y="29.4" class="rcube" width="0.8" height="0.8" />
                                <rect id="bt" x="624" y="29.4" class="rcube" width="0.8" height="0.8" />
                                <rect id="bu" x="645.6" y="29.4" class="rcube" width="0.8" height="0.8" />
                                <rect id="bv" x="667.2" y="29.4" class="rcube" width="0.8" height="0.8" />
                                <rect id="bw" x="688.8" y="29.4" class="rcube" width="0.8" height="0.8" />
                                <rect id="bx" x="710.4" y="29.4" class="rcube" width="0.8" height="0.8" />
                                <rect id="by" x="732" y="29.4" class="rcube" width="0.8" height="0.8" />
                                <rect id="bz" x="753.6" y="29.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="ca" x="775.2" y="29.4" class="rcube" width="0.7" height="0.7" />
                                <rect id="cb" x="797" y="29" class="rcube" width="1" height="1" />
                            </g>
                            <g id="cc">
                                <rect id="cd" x="19.2" y="47.9" class="rcube" width="1.6" height="1.6" />
                                <rect id="ce" x="40.8" y="48" class="rcube" width="1.5" height="1.5" />
                                <rect id="cf" x="62.4" y="48" class="rcube" width="1.5" height="1.5" />
                                <rect id="cg" x="84" y="48" class="rcube" width="1.5" height="1.5" />
                                <rect id="ch" x="105.6" y="48" class="rcube" width="1.5" height="1.5" />
                                <rect id="ci" x="127.2" y="48" class="rcube" width="1.4" height="1.4" />
                                <rect id="cj" x="148.8" y="48" class="rcube" width="1.4" height="1.4" />
                                <rect id="ck" x="170.4" y="48" class="rcube" width="1.4" height="1.4" />
                                <rect id="cl" x="192" y="48" class="rcube" width="1.4" height="1.4" />
                                <rect id="cm" x="213.6" y="48" class="rcube" width="1.4" height="1.3" />
                                <rect id="cn" x="235.2" y="48.1" class="rcube" width="1.3" height="1.3" />
                                <rect id="co" x="256.8" y="48.1" class="rcube" width="1.3" height="1.3" />
                                <rect id="cp" x="278.4" y="48.1" class="rcube" width="1.3" height="1.3" />
                                <rect id="cq" x="300" y="48.1" class="rcube" width="1.3" height="1.3" />
                                <rect id="cr" x="321.6" y="48.1" class="rcube" width="1.2" height="1.2" />
                                <rect id="cs" x="343.2" y="48.1" class="rcube" width="1.2" height="1.2" />
                                <rect id="ct" x="364.8" y="48.1" class="rcube" width="1.2" height="1.2" />
                                <rect id="cu" x="386.4" y="48.1" class="rcube" width="1.2" height="1.2" />
                                <rect id="cv" x="408" y="48.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="cw" x="429.6" y="48.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="cx" x="451.2" y="48.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="cy" x="472.8" y="48.2" class="rcube" width="1.1" height="1.1" />
                                <rect id="cz" x="494.4" y="48.2" class="rcube" width="1" height="1" />
                                <rect id="da" x="516" y="48.2" class="rcube" width="1" height="1" />
                                <rect id="db" x="537.6" y="48.2" class="rcube" width="1" height="1" />
                                <rect id="dc" x="559.2" y="48.2" class="rcube" width="1" height="1" />
                                <rect id="dd" x="580.8" y="48.2" class="rcube" width="1" height="1" />
                                <rect id="de" x="602.4" y="48.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="df" x="624" y="48.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="dg" x="645.6" y="48.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="dh" x="667.2" y="48.3" class="rcube" width="0.9" height="0.9" />
                                <rect id="di" x="688.8" y="48.3" class="rcube" width="0.8" height="0.8" />
                                <rect id="dj" x="710.3" y="48.3" class="rcube" width="0.8" height="0.8" />
                                <rect id="dk" x="732" y="48.3" class="rcube" width="0.8" height="0.8" />
                                <rect id="dl" x="753.5" y="48.3" class="rcube" width="0.8" height="0.8" />
                                <rect id="dm" x="775.2" y="48.3" class="rcube" width="0.7" height="0.7" />
                                <rect id="dn" x="796.7" y="48.4" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="do">
                                <rect id="dp" x="19" y="66.7" class="rcube" width="2" height="2" />
                                <rect id="dq" x="40.6" y="66.7" class="rcube" width="2" height="1.9" />
                                <rect id="dr" x="62.2" y="66.7" class="rcube" width="1.9" height="1.9" />
                                <rect id="ds" x="83.8" y="66.7" class="rcube" width="1.9" height="1.9" />
                                <rect id="dt" x="105.4" y="66.8" class="rcube" width="1.8" height="1.8" />
                                <rect id="du" x="127" y="66.8" class="rcube" width="1.8" height="1.8" />
                                <rect id="dv" x="148.6" y="66.8" class="rcube" width="1.8" height="1.8" />
                                <rect id="dw" x="170.2" y="66.8" class="rcube" width="1.7" height="1.7" />
                                <rect id="dx" x="191.8" y="66.8" class="rcube" width="1.7" height="1.7" />
                                <rect id="dy" x="213.4" y="66.8" class="rcube" width="1.7" height="1.7" />
                                <rect id="dz" x="235" y="66.9" class="rcube" width="1.6" height="1.6" />
                                <rect id="ea" x="256.6" y="66.9" class="rcube" width="1.6" height="1.6" />
                                <rect id="eb" x="278.2" y="66.9" class="rcube" width="1.6" height="1.6" />
                                <rect id="ec" x="299.9" y="66.9" class="rcube" width="1.5" height="1.5" />
                                <rect id="ed" x="321.5" y="66.9" class="rcube" width="1.5" height="1.5" />
                                <rect id="ee" x="343.1" y="66.9" class="rcube" width="1.5" height="1.5" />
                                <rect id="ef" x="364.7" y="67" class="rcube" width="1.4" height="1.4" />
                                <rect id="eg" x="386.3" y="67" class="rcube" width="1.4" height="1.4" />
                                <rect id="eh" x="407.9" y="67" class="rcube" width="1.4" height="1.3" />
                                <rect id="ei" x="429.5" y="67" class="rcube" width="1.3" height="1.3" />
                                <rect id="ej" x="451.1" y="67" class="rcube" width="1.3" height="1.3" />
                                <rect id="ek" x="472.7" y="67.1" class="rcube" width="1.2" height="1.2" />
                                <rect id="el" x="494.3" y="67.1" class="rcube" width="1.2" height="1.2" />
                                <rect id="em" x="515.9" y="67.1" class="rcube" width="1.2" height="1.2" />
                                <rect id="en" x="537.5" y="67.1" class="rcube" width="1.1" height="1.1" />
                                <rect id="eo" x="559.1" y="67.1" class="rcube" width="1.1" height="1.1" />
                                <rect id="ep" x="580.7" y="67.1" class="rcube" width="1.1" height="1.1" />
                                <rect id="eq" x="602.3" y="67.2" class="rcube" width="1" height="1" />
                                <rect id="er" x="623.9" y="67.2" class="rcube" width="1" height="1" />
                                <rect id="es" x="645.5" y="67.2" class="rcube" width="1" height="1" />
                                <rect id="et" x="667.1" y="67.2" class="rcube" width="0.9" height="0.9" />
                                <rect id="eu" x="688.7" y="67.2" class="rcube" width="0.9" height="0.9" />
                                <rect id="ev" x="710.3" y="67.2" class="rcube" width="0.9" height="0.9" />
                                <rect id="ew" x="731.9" y="67.3" class="rcube" width="0.8" height="0.8" />
                                <rect id="ex" x="753.5" y="67.3" class="rcube" width="0.8" height="0.8" />
                                <rect id="ey" x="775.1" y="67.3" class="rcube" width="0.8" height="0.8" />
                                <rect id="ez" x="796.7" y="67.3" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="fa">
                                <rect id="fb" x="18.8" y="85.4" class="rcube" width="2.4" height="2.4" />
                                <rect id="fc" x="40.4" y="85.4" class="rcube" width="2.4" height="2.4" />
                                <rect id="fd" x="62" y="85.5" class="rcube" width="2.3" height="2.3" />
                                <rect id="fe" x="83.6" y="85.5" class="rcube" width="2.3" height="2.3" />
                                <rect id="ff" x="105.2" y="85.5" class="rcube" width="2.2" height="2.2" />
                                <rect id="fg" x="126.8" y="85.6" class="rcube" width="2.2" height="2.2" />
                                <rect id="fh" x="148.4" y="85.6" class="rcube" width="2.1" height="2.1" />
                                <rect id="fi" x="170.1" y="85.6" class="rcube" width="2.1" height="2.1" />
                                <rect id="fj" x="191.7" y="85.6" class="rcube" width="2" height="2" />
                                <rect id="fk" x="213.3" y="85.6" class="rcube" width="2" height="2" />
                                <rect id="fl" x="234.9" y="85.7" class="rcube" width="1.9" height="1.9" />
                                <rect id="fm" x="256.5" y="85.7" class="rcube" width="1.9" height="1.9" />
                                <rect id="fn" x="278.1" y="85.7" class="rcube" width="1.8" height="1.8" />
                                <rect id="fo" x="299.7" y="85.7" class="rcube" width="1.8" height="1.8" />
                                <rect id="fp" x="321.3" y="85.8" class="rcube" width="1.8" height="1.8" />
                                <rect id="fq" x="342.9" y="85.8" class="rcube" width="1.7" height="1.7" />
                                <rect id="fr" x="364.5" y="85.8" class="rcube" width="1.6" height="1.7" />
                                <rect id="fs" x="386.2" y="85.8" class="rcube" width="1.6" height="1.6" />
                                <rect id="ft" x="407.8" y="85.8" class="rcube" width="1.6" height="1.6" />
                                <rect id="fu" x="429.4" y="85.9" class="rcube" width="1.5" height="1.5" />
                                <rect id="fv" x="451" y="85.9" class="rcube" width="1.5" height="1.5" />
                                <rect id="fw" x="472.6" y="85.9" class="rcube" width="1.4" height="1.4" />
                                <rect id="fx" x="494.2" y="85.9" class="rcube" width="1.4" height="1.4" />
                                <rect id="fy" x="515.8" y="86" class="rcube" width="1.3" height="1.3" />
                                <rect id="fz" x="537.4" y="86" class="rcube" width="1.3" height="1.3" />
                                <rect id="ga" x="559" y="86" class="rcube" width="1.2" height="1.2" />
                                <rect id="gb" x="580.7" y="86" class="rcube" width="1.2" height="1.2" />
                                <rect id="gc" x="602.2" y="86.1" class="rcube" width="1.1" height="1.1" />
                                <rect id="gd" x="623.9" y="86.1" class="rcube" width="1.1" height="1.1" />
                                <rect id="ge" x="645.5" y="86.1" class="rcube" width="1" height="1.1" />
                                <rect id="gf" x="667.1" y="86.1" class="rcube" width="1" height="1" />
                                <rect id="gg" x="688.7" y="86.2" class="rcube" width="1" height="0.9" />
                                <rect id="gh" x="710.3" y="86.2" class="rcube" width="0.9" height="0.9" />
                                <rect id="gi" x="731.9" y="86.2" class="rcube" width="0.9" height="0.9" />
                                <rect id="gj" x="753.5" y="86.2" class="rcube" width="0.8" height="0.8" />
                                <rect id="gk" x="775.1" y="86.2" class="rcube" width="0.8" height="0.8" />
                                <rect id="gl" x="796.7" y="86.3" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="gm">
                                <rect id="gn" x="18.6" y="104.2" class="rcube" width="2.8" height="2.8" />
                                <rect id="go" x="40.2" y="104.2" class="rcube" width="2.8" height="2.8" />
                                <rect id="gp" x="61.8" y="104.2" class="rcube" width="2.7" height="2.7" />
                                <rect id="gq" x="83.4" y="104.3" class="rcube" width="2.7" height="2.7" />
                                <rect id="gr" x="105" y="104.3" class="rcube" width="2.6" height="2.6" />
                                <rect id="gs" x="126.7" y="104.3" class="rcube" width="2.5" height="2.5" />
                                <rect id="gt" x="148.3" y="104.3" class="rcube" width="2.5" height="2.5" />
                                <rect id="gu" x="169.9" y="104.4" class="rcube" width="2.4" height="2.4" />
                                <rect id="gv" x="191.5" y="104.4" class="rcube" width="2.4" height="2.4" />
                                <rect id="gw" x="213.1" y="104.4" class="rcube" width="2.3" height="2.3" />
                                <rect id="gx" x="234.7" y="104.5" class="rcube" width="2.2" height="2.2" />
                                <rect id="gy" x="256.4" y="104.5" class="rcube" width="2.2" height="2.2" />
                                <rect id="gz" x="278" y="104.5" class="rcube" width="2.1" height="2.1" />
                                <rect id="ha" x="299.6" y="104.6" class="rcube" width="2.1" height="2.1" />
                                <rect id="hb" x="321.2" y="104.6" class="rcube" width="2" height="2" />
                                <rect id="hc" x="342.8" y="104.6" class="rcube" width="2" height="1.9" />
                                <rect id="hd" x="364.4" y="104.6" class="rcube" width="1.9" height="1.9" />
                                <rect id="he" x="386" y="104.7" class="rcube" width="1.8" height="1.8" />
                                <rect id="hf" x="407.7" y="104.7" class="rcube" width="1.8" height="1.8" />
                                <rect id="hg" x="429.3" y="104.7" class="rcube" width="1.7" height="1.7" />
                                <rect id="hh" x="450.9" y="104.8" class="rcube" width="1.6" height="1.7" />
                                <rect id="hi" x="472.5" y="104.8" class="rcube" width="1.6" height="1.6" />
                                <rect id="hj" x="494.1" y="104.8" class="rcube" width="1.5" height="1.5" />
                                <rect id="hk" x="515.7" y="104.8" class="rcube" width="1.5" height="1.5" />
                                <rect id="hl" x="537.4" y="104.9" class="rcube" width="1.4" height="1.4" />
                                <rect id="hm" x="559" y="104.9" class="rcube" width="1.4" height="1.4" />
                                <rect id="hn" x="580.6" y="104.9" class="rcube" width="1.3" height="1.3" />
                                <rect id="ho" x="602.2" y="105" class="rcube" width="1.2" height="1.2" />
                                <rect id="hp" x="623.8" y="105" class="rcube" width="1.2" height="1.2" />
                                <rect id="hq" x="645.4" y="105" class="rcube" width="1.1" height="1.1" />
                                <rect id="hr" x="667" y="105.1" class="rcube" width="1.1" height="1.1" />
                                <rect id="hs" x="688.7" y="105.1" class="rcube" width="1" height="1" />
                                <rect id="ht" x="710.3" y="105.1" class="rcube" width="1" height="0.9" />
                                <rect id="hu" x="731.9" y="105.1" class="rcube" width="0.9" height="0.9" />
                                <rect id="hv" x="753.5" y="105.2" class="rcube" width="0.8" height="0.8" />
                                <rect id="hw" x="775.1" y="105.2" class="rcube" width="0.8" height="0.8" />
                                <rect id="hx" x="796.7" y="105.2" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="hy">
                                <rect id="hz" x="18.4" y="122.9" class="rcube" width="3.2" height="3.2" />
                                <rect id="ia" x="40" y="122.9" class="rcube" width="3.2" height="3.2" />
                                <rect id="ib" x="61.6" y="123" class="rcube" width="3.1" height="3.1" />
                                <rect id="ic" x="83.2" y="123" class="rcube" width="3" height="3" />
                                <rect id="id" x="104.9" y="123.1" class="rcube" width="3" height="3" />
                                <rect id="ie" x="126.5" y="123.1" class="rcube" width="2.9" height="2.9" />
                                <rect id="if" x="148.1" y="123.1" class="rcube" width="2.8" height="2.8" />
                                <rect id="ig" x="169.7" y="123.2" class="rcube" width="2.8" height="2.8" />
                                <rect id="ih" x="191.3" y="123.2" class="rcube" width="2.7" height="2.7" />
                                <rect id="ii" x="213" y="123.2" class="rcube" width="2.6" height="2.6" />
                                <rect id="ij" x="234.6" y="123.3" class="rcube" width="2.5" height="2.5" />
                                <rect id="ik" x="256.2" y="123.3" class="rcube" width="2.5" height="2.5" />
                                <rect id="il" x="277.8" y="123.3" class="rcube" width="2.4" height="2.4" />
                                <rect id="im" x="299.5" y="123.4" class="rcube" width="2.3" height="2.3" />
                                <rect id="in" x="321.1" y="123.4" class="rcube" width="2.3" height="2.3" />
                                <rect id="io" x="342.7" y="123.4" class="rcube" width="2.2" height="2.2" />
                                <rect id="ip" x="364.3" y="123.5" class="rcube" width="2.1" height="2.1" />
                                <rect id="iq" x="385.9" y="123.5" class="rcube" width="2" height="2.1" />
                                <rect id="ir" x="407.6" y="123.6" class="rcube" width="2" height="2" />
                                <rect id="is" x="429.2" y="123.6" class="rcube" width="1.9" height="1.9" />
                                <rect id="it" x="450.8" y="123.6" class="rcube" width="1.8" height="1.8" />
                                <rect id="iu" x="472.4" y="123.7" class="rcube" width="1.8" height="1.8" />
                                <rect id="iv" x="494" y="123.7" class="rcube" width="1.7" height="1.7" />
                                <rect id="iw" x="515.7" y="123.7" class="rcube" width="1.6" height="1.6" />
                                <rect id="ix" x="537.3" y="123.8" class="rcube" width="1.6" height="1.6" />
                                <rect id="iy" x="558.9" y="123.8" class="rcube" width="1.5" height="1.5" />
                                <rect id="iz" x="580.5" y="123.8" class="rcube" width="1.4" height="1.4" />
                                <rect id="ja" x="602.2" y="123.9" class="rcube" width="1.3" height="1.3" />
                                <rect id="jb" x="623.8" y="123.9" class="rcube" width="1.3" height="1.3" />
                                <rect id="jc" x="645.4" y="123.9" class="rcube" width="1.2" height="1.2" />
                                <rect id="jd" x="667" y="124" class="rcube" width="1.1" height="1.1" />
                                <rect id="je" x="688.6" y="124" class="rcube" width="1.1" height="1.1" />
                                <rect id="jf" x="710.3" y="124" class="rcube" width="1" height="1" />
                                <rect id="jg" x="731.9" y="124.1" class="rcube" width="0.9" height="0.9" />
                                <rect id="jh" x="753.5" y="124.1" class="rcube" width="0.9" height="0.9" />
                                <rect id="ji" x="775.1" y="124.1" class="rcube" width="0.8" height="0.8" />
                                <rect id="jj" x="796.7" y="124.2" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="jk">
                                <rect id="jl" x="18.2" y="141.7" class="rcube" width="3.7" height="3.7" />
                                <rect id="jm" x="39.8" y="141.7" class="rcube" width="3.6" height="3.6" />
                                <rect id="jn" x="61.4" y="141.7" class="rcube" width="3.5" height="3.5" />
                                <rect id="jo" x="83" y="141.8" class="rcube" width="3.4" height="3.4" />
                                <rect id="jp" x="104.7" y="141.8" class="rcube" width="3.3" height="3.3" />
                                <rect id="jq" x="126.3" y="141.9" class="rcube" width="3.3" height="3.3" />
                                <rect id="jr" x="147.9" y="141.9" class="rcube" width="3.2" height="3.2" />
                                <rect id="js" x="169.6" y="141.9" class="rcube" width="3.1" height="3.1" />
                                <rect id="jt" x="191.2" y="142" class="rcube" width="3" height="3" />
                                <rect id="ju" x="212.8" y="142" class="rcube" width="2.9" height="2.9" />
                                <rect id="jv" x="234.4" y="142.1" class="rcube" width="2.9" height="2.9" />
                                <rect id="jw" x="256.1" y="142.1" class="rcube" width="2.8" height="2.8" />
                                <rect id="jx" x="277.7" y="142.1" class="rcube" width="2.7" height="2.7" />
                                <rect id="jy" x="299.3" y="142.2" class="rcube" width="2.6" height="2.6" />
                                <rect id="jz" x="320.9" y="142.2" class="rcube" width="2.5" height="2.5" />
                                <rect id="ka" x="342.6" y="142.3" class="rcube" width="2.4" height="2.4" />
                                <rect id="kb" x="364.2" y="142.3" class="rcube" width="2.4" height="2.4" />
                                <rect id="kc" x="385.8" y="142.4" class="rcube" width="2.3" height="2.3" />
                                <rect id="kd" x="407.5" y="142.4" class="rcube" width="2.2" height="2.2" />
                                <rect id="ke" x="429.1" y="142.4" class="rcube" width="2.1" height="2.1" />
                                <rect id="kf" x="450.7" y="142.5" class="rcube" width="2" height="2" />
                                <rect id="kg" x="472.3" y="142.5" class="rcube" width="2" height="1.9" />
                                <rect id="kh" x="494" y="142.6" class="rcube" width="1.9" height="1.9" />
                                <rect id="ki" x="515.6" y="142.6" class="rcube" width="1.8" height="1.8" />
                                <rect id="kj" x="537.2" y="142.6" class="rcube" width="1.7" height="1.7" />
                                <rect id="kk" x="558.8" y="142.7" class="rcube" width="1.6" height="1.6" />
                                <rect id="kl" x="580.5" y="142.7" class="rcube" width="1.5" height="1.5" />
                                <rect id="km" x="602.1" y="142.8" class="rcube" width="1.5" height="1.5" />
                                <rect id="kn" x="623.7" y="142.8" class="rcube" width="1.4" height="1.4" />
                                <rect id="ko" x="645.4" y="142.8" class="rcube" width="1.3" height="1.3" />
                                <rect id="kp" x="667" y="142.9" class="rcube" width="1.2" height="1.2" />
                                <rect id="kq" x="688.6" y="142.9" class="rcube" width="1.1" height="1.1" />
                                <rect id="kr" x="710.2" y="143" class="rcube" width="1" height="1.1" />
                                <rect id="ks" x="731.9" y="143" class="rcube" width="1" height="1" />
                                <rect id="kt" x="753.5" y="143.1" class="rcube" width="0.9" height="0.9" />
                                <rect id="ku" x="775.1" y="143.1" class="rcube" width="0.8" height="0.8" />
                                <rect id="kv" x="796.7" y="143.1" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="kw">
                                <rect id="kx" x="18" y="160.4" class="rcube" width="4.1" height="4.1" />
                                <rect id="ky" x="39.6" y="160.4" class="rcube" width="4" height="4" />
                                <rect id="kz" x="61.2" y="160.5" class="rcube" width="3.9" height="3.9" />
                                <rect id="la" x="82.8" y="160.5" class="rcube" width="3.8" height="3.8" />
                                <rect id="lb" x="104.5" y="160.6" class="rcube" width="3.7" height="3.7" />
                                <rect id="lc" x="126.1" y="160.6" class="rcube" width="3.6" height="3.6" />
                                <rect id="ld" x="147.8" y="160.7" class="rcube" width="3.5" height="3.5" />
                                <rect id="le" x="169.4" y="160.7" class="rcube" width="3.4" height="3.4" />
                                <rect id="lf" x="191" y="160.8" class="rcube" width="3.3" height="3.3" />
                                <rect id="lg" x="212.6" y="160.8" class="rcube" width="3.2" height="3.2" />
                                <rect id="lh" x="234.3" y="160.9" class="rcube" width="3.1" height="3.1" />
                                <rect id="li" x="255.9" y="160.9" class="rcube" width="3.1" height="3.1" />
                                <rect id="lj" x="277.5" y="161" class="rcube" width="3" height="3" />
                                <rect id="lk" x="299.2" y="161" class="rcube" width="2.9" height="2.9" />
                                <rect id="ll" x="320.8" y="161.1" class="rcube" width="2.8" height="2.8" />
                                <rect id="lm" x="342.5" y="161.1" class="rcube" width="2.7" height="2.7" />
                                <rect id="ln" x="364.1" y="161.1" class="rcube" width="2.6" height="2.6" />
                                <rect id="lo" x="385.7" y="161.2" class="rcube" width="2.5" height="2.5" />
                                <rect id="lp" x="407.4" y="161.2" class="rcube" width="2.4" height="2.4" />
                                <rect id="lq" x="429" y="161.3" class="rcube" width="2.3" height="2.3" />
                                <rect id="lr" x="450.6" y="161.3" class="rcube" width="2.2" height="2.2" />
                                <rect id="ls" x="472.2" y="161.4" class="rcube" width="2.1" height="2.1" />
                                <rect id="lt" x="493.9" y="161.4" class="rcube" width="2" height="2" />
                                <rect id="lu" x="515.5" y="161.5" class="rcube" width="1.9" height="1.9" />
                                <rect id="lv" x="537.1" y="161.5" class="rcube" width="1.8" height="1.8" />
                                <rect id="lw" x="558.8" y="161.6" class="rcube" width="1.8" height="1.8" />
                                <rect id="lx" x="580.4" y="161.6" class="rcube" width="1.7" height="1.6" />
                                <rect id="ly" x="602" y="161.7" class="rcube" width="1.6" height="1.6" />
                                <rect id="lz" x="623.7" y="161.7" class="rcube" width="1.5" height="1.5" />
                                <rect id="ma" x="645.3" y="161.8" class="rcube" width="1.4" height="1.4" />
                                <rect id="mb" x="667" y="161.8" class="rcube" width="1.3" height="1.3" />
                                <rect id="mc" x="688.6" y="161.9" class="rcube" width="1.2" height="1.2" />
                                <rect id="md" x="710.2" y="161.9" class="rcube" width="1.1" height="1.1" />
                                <rect id="me" x="731.8" y="161.9" class="rcube" width="1" height="1" />
                                <rect id="mf" x="753.5" y="162" class="rcube" width="0.9" height="0.9" />
                                <rect id="mg" x="775.1" y="162" class="rcube" width="0.8" height="0.8" />
                                <rect id="mh" x="796.7" y="162.1" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="mi">
                                <rect id="mj" x="17.7" y="179.1" class="rcube" width="4.5" height="4.5" />
                                <rect id="mk" x="39.4" y="179.2" class="rcube" width="4.4" height="4.4" />
                                <rect id="ml" x="61" y="179.2" class="rcube" width="4.3" height="4.3" />
                                <rect id="mm" x="82.7" y="179.3" class="rcube" width="4.2" height="4.2" />
                                <rect id="mn" x="104.3" y="179.4" class="rcube" width="4.1" height="4.1" />
                                <rect id="mo" x="125.9" y="179.4" class="rcube" width="4" height="4" />
                                <rect id="mp" x="147.6" y="179.5" class="rcube" width="3.9" height="3.9" />
                                <rect id="mq" x="169.2" y="179.5" class="rcube" width="3.8" height="3.8" />
                                <rect id="mr" x="190.9" y="179.6" class="rcube" width="3.7" height="3.7" />
                                <rect id="ms" x="212.5" y="179.6" class="rcube" width="3.6" height="3.6" />
                                <rect id="mt" x="234.1" y="179.7" class="rcube" width="3.5" height="3.5" />
                                <rect id="mu" x="255.8" y="179.7" class="rcube" width="3.3" height="3.4" />
                                <rect id="mv" x="277.4" y="179.8" class="rcube" width="3.2" height="3.2" />
                                <rect id="mw" x="299" y="179.8" class="rcube" width="3.1" height="3.1" />
                                <rect id="mx" x="320.7" y="179.9" class="rcube" width="3" height="3" />
                                <rect id="my" x="342.3" y="179.9" class="rcube" width="2.9" height="2.9" />
                                <rect id="mz" x="364" y="180" class="rcube" width="2.8" height="2.8" />
                                <rect id="na" x="385.6" y="180" class="rcube" width="2.7" height="2.7" />
                                <rect id="nb" x="407.2" y="180.1" class="rcube" width="2.6" height="2.6" />
                                <rect id="nc" x="428.9" y="180.1" class="rcube" width="2.5" height="2.5" />
                                <rect id="nd" x="450.5" y="180.2" class="rcube" width="2.4" height="2.4" />
                                <rect id="ne" x="472.2" y="180.2" class="rcube" width="2.3" height="2.3" />
                                <rect id="nf" x="493.8" y="180.3" class="rcube" width="2.2" height="2.2" />
                                <rect id="ng" x="515.4" y="180.4" class="rcube" width="2.1" height="2.1" />
                                <rect id="nh" x="537.1" y="180.4" class="rcube" width="2" height="2" />
                                <rect id="ni" x="558.7" y="180.5" class="rcube" width="1.9" height="1.9" />
                                <rect id="nj" x="580.4" y="180.5" class="rcube" width="1.8" height="1.8" />
                                <rect id="nk" x="602" y="180.6" class="rcube" width="1.7" height="1.7" />
                                <rect id="nl" x="623.6" y="180.6" class="rcube" width="1.6" height="1.6" />
                                <rect id="nm" x="645.3" y="180.7" class="rcube" width="1.5" height="1.5" />
                                <rect id="nn" x="666.9" y="180.7" class="rcube" width="1.3" height="1.4" />
                                <rect id="no" x="688.5" y="180.8" class="rcube" width="1.2" height="1.2" />
                                <rect id="np" x="710.2" y="180.8" class="rcube" width="1.1" height="1.1" />
                                <rect id="nq" x="731.8" y="180.9" class="rcube" width="1" height="1" />
                                <rect id="nr" x="753.5" y="180.9" class="rcube" width="0.9" height="0.9" />
                                <rect id="ns" x="775.1" y="181" class="rcube" width="0.8" height="0.8" />
                                <rect id="nt" x="796.7" y="181" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="nu">
                                <rect id="nv" x="17.5" y="197.9" class="rcube" width="4.9" height="4.9" />
                                <rect id="nw" x="39.2" y="197.9" class="rcube" width="4.8" height="4.8" />
                                <rect id="nx" x="60.8" y="198" class="rcube" width="4.7" height="4.7" />
                                <rect id="ny" x="82.5" y="198.1" class="rcube" width="4.6" height="4.6" />
                                <rect id="nz" x="104.1" y="198.1" class="rcube" width="4.5" height="4.5" />
                                <rect id="oa" x="125.8" y="198.2" class="rcube" width="4.4" height="4.4" />
                                <rect id="ob" x="147.4" y="198.2" class="rcube" width="4.2" height="4.2" />
                                <rect id="oc" x="169" y="198.3" class="rcube" width="4.1" height="4.1" />
                                <rect id="od" x="190.7" y="198.4" class="rcube" width="4" height="4" />
                                <rect id="oe" x="212.3" y="198.4" class="rcube" width="3.9" height="3.9" />
                                <rect id="of" x="234" y="198.5" class="rcube" width="3.8" height="3.8" />
                                <rect id="og" x="255.6" y="198.5" class="rcube" width="3.6" height="3.6" />
                                <rect id="oh" x="277.3" y="198.6" class="rcube" width="3.5" height="3.5" />
                                <rect id="oi" x="298.9" y="198.6" class="rcube" width="3.4" height="3.4" />
                                <rect id="oj" x="320.5" y="198.7" class="rcube" width="3.3" height="3.3" />
                                <rect id="ok" x="342.2" y="198.8" class="rcube" width="3.2" height="3.2" />
                                <rect id="ol" x="363.9" y="198.8" class="rcube" width="3.1" height="3.1" />
                                <rect id="om" x="385.5" y="198.9" class="rcube" width="2.9" height="2.9" />
                                <rect id="on" x="407.1" y="198.9" class="rcube" width="2.8" height="2.8" />
                                <rect id="oo" x="428.8" y="199" class="rcube" width="2.7" height="2.7" />
                                <rect id="op" x="450.4" y="199.1" class="rcube" width="2.6" height="2.6" />
                                <rect id="oq" x="472.1" y="199.1" class="rcube" width="2.5" height="2.5" />
                                <rect id="or" x="493.7" y="199.2" class="rcube" width="2.4" height="2.4" />
                                <rect id="os" x="515.4" y="199.2" class="rcube" width="2.2" height="2.2" />
                                <rect id="ot" x="537" y="199.3" class="rcube" width="2.1" height="2.1" />
                                <rect id="ou" x="558.7" y="199.4" class="rcube" width="2" height="2" />
                                <rect id="ov" x="580.3" y="199.4" class="rcube" width="1.9" height="1.9" />
                                <rect id="ow" x="601.9" y="199.5" class="rcube" width="1.8" height="1.8" />
                                <rect id="ox" x="623.6" y="199.5" class="rcube" width="1.7" height="1.6" />
                                <rect id="oy" x="645.2" y="199.6" class="rcube" width="1.5" height="1.5" />
                                <rect id="oz" x="666.9" y="199.6" class="rcube" width="1.4" height="1.4" />
                                <rect id="pa" x="688.5" y="199.7" class="rcube" width="1.3" height="1.3" />
                                <rect id="pb" x="710.2" y="199.8" class="rcube" width="1.2" height="1.2" />
                                <rect id="pc" x="731.8" y="199.8" class="rcube" width="1.1" height="1.1" />
                                <rect id="pd" x="753.5" y="199.9" class="rcube" width="1" height="0.9" />
                                <rect id="pe" x="775.1" y="199.9" class="rcube" width="0.8" height="0.8" />
                                <rect id="pf" x="796.7" y="200" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="pg">
                                <rect id="ph" x="17.3" y="216.6" class="rcube" width="5.4" height="5.4" />
                                <rect id="pi" x="39" y="216.7" class="rcube" width="5.2" height="5.2" />
                                <rect id="pj" x="60.6" y="216.8" class="rcube" width="5.1" height="5.1" />
                                <rect id="pk" x="82.3" y="216.8" class="rcube" width="5" height="5" />
                                <rect id="pl" x="103.9" y="216.9" class="rcube" width="4.8" height="4.8" />
                                <rect id="pm" x="125.6" y="216.9" class="rcube" width="4.7" height="4.7" />
                                <rect id="pn" x="147.2" y="217" class="rcube" width="4.6" height="4.6" />
                                <rect id="po" x="168.9" y="217.1" class="rcube" width="4.4" height="4.4" />
                                <rect id="pp" x="190.5" y="217.1" class="rcube" width="4.3" height="4.3" />
                                <rect id="pq" x="212.2" y="217.2" class="rcube" width="4.2" height="4.2" />
                                <rect id="pr" x="233.8" y="217.3" class="rcube" width="4.1" height="4.1" />
                                <rect id="ps" x="255.5" y="217.3" class="rcube" width="3.9" height="3.9" />
                                <rect id="pt" x="277.1" y="217.4" class="rcube" width="3.8" height="3.8" />
                                <rect id="pu" x="298.8" y="217.5" class="rcube" width="3.7" height="3.7" />
                                <rect id="pv" x="320.4" y="217.5" class="rcube" width="3.5" height="3.6" />
                                <rect id="pw" x="342.1" y="217.6" class="rcube" width="3.4" height="3.4" />
                                <rect id="px" x="363.7" y="217.7" class="rcube" width="3.3" height="3.3" />
                                <rect id="py" x="385.4" y="217.7" class="rcube" width="3.2" height="3.2" />
                                <rect id="pz" x="407" y="217.8" class="rcube" width="3" height="3" />
                                <rect id="qa" x="428.7" y="217.9" class="rcube" width="2.9" height="2.9" />
                                <rect id="qb" x="450.3" y="217.9" class="rcube" width="2.8" height="2.8" />
                                <rect id="qc" x="472" y="218" class="rcube" width="2.6" height="2.6" />
                                <rect id="qd" x="493.6" y="218.1" class="rcube" width="2.5" height="2.5" />
                                <rect id="qe" x="515.3" y="218.1" class="rcube" width="2.4" height="2.4" />
                                <rect id="qf" x="536.9" y="218.2" class="rcube" width="2.3" height="2.3" />
                                <rect id="qg" x="558.6" y="218.2" class="rcube" width="2.1" height="2.1" />
                                <rect id="qh" x="580.2" y="218.3" class="rcube" width="2" height="2" />
                                <rect id="qi" x="601.9" y="218.4" class="rcube" width="1.9" height="1.9" />
                                <rect id="qj" x="623.5" y="218.4" class="rcube" width="1.8" height="1.8" />
                                <rect id="qk" x="645.2" y="218.5" class="rcube" width="1.6" height="1.6" />
                                <rect id="ql" x="666.8" y="218.6" class="rcube" width="1.5" height="1.5" />
                                <rect id="qm" x="688.5" y="218.6" class="rcube" width="1.4" height="1.4" />
                                <rect id="qn" x="710.2" y="218.7" class="rcube" width="1.2" height="1.2" />
                                <rect id="qo" x="731.8" y="218.8" class="rcube" width="1.1" height="1.1" />
                                <rect id="qp" x="753.5" y="218.8" class="rcube" width="1" height="1" />
                                <rect id="qq" x="775.1" y="218.9" class="rcube" width="0.8" height="0.9" />
                                <rect id="qr" x="796.7" y="218.9" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="qs">
                                <rect id="qt" x="17.1" y="235.4" class="rcube" width="5.8" height="5.8" />
                                <rect id="qu" x="38.8" y="235.4" class="rcube" width="5.6" height="5.6" />
                                <rect id="qv" x="60.4" y="235.5" class="rcube" width="5.5" height="5.5" />
                                <rect id="qw" x="82.1" y="235.6" class="rcube" width="5.3" height="5.4" />
                                <rect id="qx" x="103.7" y="235.6" class="rcube" width="5.2" height="5.2" />
                                <rect id="qy" x="125.4" y="235.7" class="rcube" width="5.1" height="5.1" />
                                <rect id="qz" x="147" y="235.8" class="rcube" width="4.9" height="4.9" />
                                <rect id="ra" x="168.7" y="235.9" class="rcube" width="4.8" height="4.8" />
                                <rect id="rb" x="190.4" y="235.9" class="rcube" width="4.6" height="4.6" />
                                <rect id="rc" x="212" y="236" class="rcube" width="4.5" height="4.5" />
                                <rect id="rd" x="233.7" y="236.1" class="rcube" width="4.4" height="4.4" />
                                <rect id="re" x="255.3" y="236.1" class="rcube" width="4.2" height="4.2" />
                                <rect id="rf" x="277" y="236.2" class="rcube" width="4.1" height="4.1" />
                                <rect id="rg" x="298.6" y="236.3" class="rcube" width="4" height="3.9" />
                                <rect id="rh" x="320.3" y="236.4" class="rcube" width="3.8" height="3.8" />
                                <rect id="ri" x="342" y="236.4" class="rcube" width="3.7" height="3.7" />
                                <rect id="rj" x="363.6" y="236.5" class="rcube" width="3.5" height="3.5" />
                                <rect id="rk" x="385.3" y="236.6" class="rcube" width="3.4" height="3.4" />
                                <rect id="rl" x="406.9" y="236.6" class="rcube" width="3.2" height="3.2" />
                                <rect id="rm" x="428.6" y="236.7" class="rcube" width="3.1" height="3.1" />
                                <rect id="rn" x="450.2" y="236.8" class="rcube" width="3" height="3" />
                                <rect id="ro" x="471.9" y="236.9" class="rcube" width="2.8" height="2.8" />
                                <rect id="rp" x="493.6" y="236.9" class="rcube" width="2.7" height="2.7" />
                                <rect id="rq" x="515.2" y="237" class="rcube" width="2.5" height="2.5" />
                                <rect id="rr" x="536.9" y="237.1" class="rcube" width="2.4" height="2.4" />
                                <rect id="rs" x="558.5" y="237.1" class="rcube" width="2.3" height="2.3" />
                                <rect id="rt" x="580.2" y="237.2" class="rcube" width="2.1" height="2.1" />
                                <rect id="ru" x="601.8" y="237.3" class="rcube" width="2" height="2" />
                                <rect id="rv" x="623.5" y="237.3" class="rcube" width="1.8" height="1.8" />
                                <rect id="rw" x="645.2" y="237.4" class="rcube" width="1.7" height="1.7" />
                                <rect id="rx" x="666.8" y="237.5" class="rcube" width="1.6" height="1.6" />
                                <rect id="ry" x="688.5" y="237.6" class="rcube" width="1.4" height="1.4" />
                                <rect id="rz" x="710.1" y="237.6" class="rcube" width="1.3" height="1.3" />
                                <rect id="sa" x="731.8" y="237.7" class="rcube" width="1.1" height="1.1" />
                                <rect id="sb" x="753.4" y="237.8" class="rcube" width="1" height="1" />
                                <rect id="sc" x="775.1" y="237.8" class="rcube" width="0.9" height="0.9" />
                                <rect id="sd" x="796.7" y="237.9" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="se">
                                <rect id="sf" x="16.9" y="254.1" class="rcube" width="6.2" height="6.2" />
                                <rect id="sg" x="38.6" y="254.2" class="rcube" width="6" height="6" />
                                <rect id="sh" x="60.2" y="254.3" class="rcube" width="5.9" height="5.9" />
                                <rect id="si" x="81.9" y="254.4" class="rcube" width="5.7" height="5.7" />
                                <rect id="sj" x="103.6" y="254.4" class="rcube" width="5.6" height="5.6" />
                                <rect id="sk" x="125.2" y="254.5" class="rcube" width="5.4" height="5.4" />
                                <rect id="sl" x="146.9" y="254.6" class="rcube" width="5.3" height="5.3" />
                                <rect id="sm" x="168.5" y="254.6" class="rcube" width="5.1" height="5.1" />
                                <rect id="sn" x="190.2" y="254.7" class="rcube" width="5" height="5" />
                                <rect id="so" x="211.9" y="254.8" class="rcube" width="4.8" height="4.8" />
                                <rect id="sp" x="233.5" y="254.9" class="rcube" width="4.7" height="4.7" />
                                <rect id="sq" x="255.2" y="255" class="rcube" width="4.5" height="4.5" />
                                <rect id="sr" x="276.9" y="255" class="rcube" width="4.4" height="4.4" />
                                <rect id="ss" x="298.5" y="255.1" class="rcube" width="4.2" height="4.2" />
                                <rect id="st" x="320.2" y="255.2" class="rcube" width="4.1" height="4.1" />
                                <rect id="su" x="341.8" y="255.3" class="rcube" width="3.9" height="3.9" />
                                <rect id="sv" x="363.5" y="255.3" class="rcube" width="3.8" height="3.8" />
                                <rect id="sw" x="385.2" y="255.4" class="rcube" width="3.6" height="3.6" />
                                <rect id="sx" x="406.8" y="255.5" class="rcube" width="3.5" height="3.5" />
                                <rect id="sy" x="428.5" y="255.6" class="rcube" width="3.3" height="3.3" />
                                <rect id="sz" x="450.1" y="255.6" class="rcube" width="3.1" height="3.2" />
                                <rect id="ta" x="471.8" y="255.7" class="rcube" width="3" height="3" />
                                <rect id="tb" x="493.5" y="255.8" class="rcube" width="2.9" height="2.8" />
                                <rect id="tc" x="515.1" y="255.9" class="rcube" width="2.7" height="2.7" />
                                <rect id="td" x="536.8" y="255.9" class="rcube" width="2.5" height="2.5" />
                                <rect id="te" x="558.5" y="256" class="rcube" width="2.4" height="2.4" />
                                <rect id="tf" x="580.1" y="256.1" class="rcube" width="2.2" height="2.2" />
                                <rect id="tg" x="601.8" y="256.2" class="rcube" width="2.1" height="2.1" />
                                <rect id="th" x="623.4" y="256.2" class="rcube" width="1.9" height="1.9" />
                                <rect id="ti" x="645.1" y="256.3" class="rcube" width="1.8" height="1.8" />
                                <rect id="tj" x="666.8" y="256.4" class="rcube" width="1.6" height="1.6" />
                                <rect id="tk" x="688.4" y="256.5" class="rcube" width="1.5" height="1.5" />
                                <rect id="tl" x="710.1" y="256.5" class="rcube" width="1.3" height="1.3" />
                                <rect id="tm" x="731.8" y="256.6" class="rcube" width="1.2" height="1.2" />
                                <rect id="tn" x="753.4" y="256.7" class="rcube" width="1" height="1" />
                                <rect id="to" x="775.1" y="256.8" class="rcube" width="0.9" height="0.9" />
                                <rect id="tp" x="796.7" y="256.9" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="tq">
                                <rect id="tr" x="16.7" y="272.9" class="rcube" width="6.6" height="6.6" />
                                <rect id="ts" x="38.3" y="272.9" class="rcube" width="6.5" height="6.5" />
                                <rect id="tt" x="60" y="273" class="rcube" width="6.3" height="6.3" />
                                <rect id="tu" x="81.7" y="273.1" class="rcube" width="6.1" height="6.1" />
                                <rect id="tv" x="103.4" y="273.2" class="rcube" width="6" height="6" />
                                <rect id="tw" x="125" y="273.3" class="rcube" width="5.8" height="5.8" />
                                <rect id="tx" x="146.7" y="273.4" class="rcube" width="5.6" height="5.6" />
                                <rect id="ty" x="168.4" y="273.4" class="rcube" width="5.5" height="5.5" />
                                <rect id="tz" x="190" y="273.5" class="rcube" width="5.3" height="5.3" />
                                <rect id="ua" x="211.7" y="273.6" class="rcube" width="5.1" height="5.1" />
                                <rect id="ub" x="233.4" y="273.7" class="rcube" width="5" height="5" />
                                <rect id="uc" x="255" y="273.8" class="rcube" width="4.8" height="4.8" />
                                <rect id="ud" x="276.7" y="273.9" class="rcube" width="4.6" height="4.6" />
                                <rect id="ue" x="298.4" y="273.9" class="rcube" width="4.5" height="4.5" />
                                <rect id="uf" x="320" y="274" class="rcube" width="4.3" height="4.3" />
                                <rect id="ug" x="341.7" y="274.1" class="rcube" width="4.2" height="4.2" />
                                <rect id="uh" x="363.4" y="274.2" class="rcube" width="4" height="4" />
                                <rect id="ui" x="385" y="274.3" class="rcube" width="3.8" height="3.8" />
                                <rect id="uj" x="406.7" y="274.3" class="rcube" width="3.7" height="3.7" />
                                <rect id="uk" x="428.4" y="274.4" class="rcube" width="3.5" height="3.5" />
                                <rect id="ul" x="450" y="274.5" class="rcube" width="3.3" height="3.3" />
                                <rect id="um" x="471.7" y="274.6" class="rcube" width="3.2" height="3.2" />
                                <rect id="un" x="493.4" y="274.7" class="rcube" width="3" height="3" />
                                <rect id="uo" x="515.1" y="274.7" class="rcube" width="2.8" height="2.9" />
                                <rect id="up" x="536.7" y="274.8" class="rcube" width="2.7" height="2.7" />
                                <rect id="uq" x="558.4" y="274.9" class="rcube" width="2.5" height="2.5" />
                                <rect id="ur" x="580.1" y="275" class="rcube" width="2.4" height="2.4" />
                                <rect id="us" x="601.7" y="275.1" class="rcube" width="2.2" height="2.2" />
                                <rect id="ut" x="623.4" y="275.1" class="rcube" width="2" height="2" />
                                <rect id="uu" x="645.1" y="275.2" class="rcube" width="1.9" height="1.9" />
                                <rect id="uv" x="666.7" y="275.3" class="rcube" width="1.7" height="1.7" />
                                <rect id="uw" x="688.4" y="275.4" class="rcube" width="1.5" height="1.5" />
                                <rect id="ux" x="710.1" y="275.5" class="rcube" width="1.4" height="1.4" />
                                <rect id="uy" x="731.7" y="275.6" class="rcube" width="1.2" height="1.2" />
                                <rect id="uz" x="753.4" y="275.6" class="rcube" width="1" height="1" />
                                <rect id="va" x="775.1" y="275.7" class="rcube" width="0.9" height="0.9" />
                                <rect id="vb" x="796.7" y="275.8" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="vc">
                                <rect id="vd" x="16.5" y="291.6" class="rcube" width="7" height="7" />
                                <rect id="ve" x="38.2" y="291.7" class="rcube" width="6.9" height="6.9" />
                                <rect id="vf" x="59.8" y="291.8" class="rcube" width="6.7" height="6.7" />
                                <rect id="vg" x="81.5" y="291.9" class="rcube" width="6.5" height="6.5" />
                                <rect id="vh" x="103.2" y="292" class="rcube" width="6.3" height="6.3" />
                                <rect id="vi" x="124.8" y="292" class="rcube" width="6.2" height="6.2" />
                                <rect id="vj" x="146.5" y="292.1" class="rcube" width="6" height="6" />
                                <rect id="vk" x="168.2" y="292.2" class="rcube" width="5.8" height="5.8" />
                                <rect id="vl" x="189.9" y="292.3" class="rcube" width="5.6" height="5.6" />
                                <rect id="vm" x="211.5" y="292.4" class="rcube" width="5.5" height="5.5" />
                                <rect id="vn" x="233.2" y="292.5" class="rcube" width="5.3" height="5.3" />
                                <rect id="vo" x="254.9" y="292.6" class="rcube" width="5.1" height="5.1" />
                                <rect id="vp" x="276.6" y="292.7" class="rcube" width="4.9" height="4.9" />
                                <rect id="vq" x="298.2" y="292.7" class="rcube" width="4.8" height="4.8" />
                                <rect id="vr" x="319.9" y="292.8" class="rcube" width="4.6" height="4.6" />
                                <rect id="vs" x="341.6" y="292.9" class="rcube" width="4.4" height="4.4" />
                                <rect id="vt" x="363.3" y="293" class="rcube" width="4.2" height="4.2" />
                                <rect id="vu" x="384.9" y="293.1" class="rcube" width="4.1" height="4.1" />
                                <rect id="vv" x="406.6" y="293.2" class="rcube" width="3.9" height="3.9" />
                                <rect id="vw" x="428.3" y="293.3" class="rcube" width="3.7" height="3.7" />
                                <rect id="vx" x="450" y="293.4" class="rcube" width="3.5" height="3.5" />
                                <rect id="vy" x="471.6" y="293.4" class="rcube" width="3.4" height="3.4" />
                                <rect id="vz" x="493.3" y="293.5" class="rcube" width="3.2" height="3.2" />
                                <rect id="wa" x="515" y="293.6" class="rcube" width="3" height="3" />
                                <rect id="wb" x="536.7" y="293.7" class="rcube" width="2.8" height="2.8" />
                                <rect id="wc" x="558.3" y="293.8" class="rcube" width="2.7" height="2.6" />
                                <rect id="wd" x="580" y="293.9" class="rcube" width="2.5" height="2.5" />
                                <rect id="we" x="601.7" y="294" class="rcube" width="2.3" height="2.3" />
                                <rect id="wf" x="623.3" y="294.1" class="rcube" width="2.1" height="2.1" />
                                <rect id="wg" x="645" y="294.1" class="rcube" width="2" height="2" />
                                <rect id="wh" x="666.7" y="294.2" class="rcube" width="1.8" height="1.8" />
                                <rect id="wi" x="688.4" y="294.3" class="rcube" width="1.6" height="1.6" />
                                <rect id="wj" x="710" y="294.4" class="rcube" width="1.4" height="1.4" />
                                <rect id="wk" x="731.7" y="294.5" class="rcube" width="1.2" height="1.2" />
                                <rect id="wl" x="753.4" y="294.6" class="rcube" width="1.1" height="1.1" />
                                <rect id="wm" x="775.1" y="294.7" class="rcube" width="0.9" height="0.9" />
                                <rect id="wn" x="796.7" y="294.8" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="wo">
                                <rect id="wp" x="16.3" y="310.4" class="rcube" width="7.5" height="7.5" />
                                <rect id="wq" x="37.9" y="310.4" class="rcube" width="7.3" height="7.3" />
                                <rect id="wr" x="59.6" y="310.5" class="rcube" width="7.1" height="7.1" />
                                <rect id="ws" x="81.3" y="310.6" class="rcube" width="6.9" height="6.9" />
                                <rect id="wt" x="103" y="310.7" class="rcube" width="6.7" height="6.7" />
                                <rect id="wu" x="124.7" y="310.8" class="rcube" width="6.5" height="6.5" />
                                <rect id="wv" x="146.4" y="310.9" class="rcube" width="6.3" height="6.3" />
                                <rect id="ww" x="168" y="311" class="rcube" width="6.1" height="6.1" />
                                <rect id="wx" x="189.7" y="311.1" class="rcube" width="6" height="6" />
                                <rect id="wy" x="211.4" y="311.2" class="rcube" width="5.8" height="5.8" />
                                <rect id="wz" x="233.1" y="311.3" class="rcube" width="5.6" height="5.6" />
                                <rect id="xa" x="254.8" y="311.4" class="rcube" width="5.4" height="5.4" />
                                <rect id="xb" x="276.4" y="311.5" class="rcube" width="5.2" height="5.2" />
                                <rect id="xc" x="298.1" y="311.6" class="rcube" width="5" height="5" />
                                <rect id="xd" x="319.8" y="311.7" class="rcube" width="4.8" height="4.8" />
                                <rect id="xe" x="341.5" y="311.8" class="rcube" width="4.6" height="4.6" />
                                <rect id="xf" x="363.1" y="311.9" class="rcube" width="4.5" height="4.5" />
                                <rect id="xg" x="384.8" y="311.9" class="rcube" width="4.3" height="4.3" />
                                <rect id="xh" x="406.5" y="312" class="rcube" width="4.1" height="4.1" />
                                <rect id="xi" x="428.2" y="312.1" class="rcube" width="3.9" height="3.9" />
                                <rect id="xj" x="449.9" y="312.2" class="rcube" width="3.7" height="3.7" />
                                <rect id="xk" x="471.5" y="312.3" class="rcube" width="3.5" height="3.5" />
                                <rect id="xl" x="493.2" y="312.4" class="rcube" width="3.3" height="3.3" />
                                <rect id="xm" x="514.9" y="312.5" class="rcube" width="3.2" height="3.1" />
                                <rect id="xn" x="536.6" y="312.6" class="rcube" width="3" height="3" />
                                <rect id="xo" x="558.3" y="312.7" class="rcube" width="2.8" height="2.8" />
                                <rect id="xp" x="579.9" y="312.8" class="rcube" width="2.6" height="2.6" />
                                <rect id="xq" x="601.6" y="312.9" class="rcube" width="2.4" height="2.4" />
                                <rect id="xr" x="623.3" y="313" class="rcube" width="2.2" height="2.2" />
                                <rect id="xs" x="645" y="313.1" class="rcube" width="2" height="2" />
                                <rect id="xt" x="666.7" y="313.2" class="rcube" width="1.8" height="1.8" />
                                <rect id="xu" x="688.3" y="313.2" class="rcube" width="1.7" height="1.6" />
                                <rect id="xv" x="710" y="313.4" class="rcube" width="1.5" height="1.5" />
                                <rect id="xw" x="731.7" y="313.4" class="rcube" width="1.3" height="1.3" />
                                <rect id="xx" x="753.4" y="313.5" class="rcube" width="1.1" height="1.1" />
                                <rect id="xy" x="775.1" y="313.6" class="rcube" width="0.9" height="0.9" />
                                <rect id="xz" x="796.7" y="313.7" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="ya">
                                <rect id="yb" x="16" y="329.1" class="rcube" width="7.9" height="7.9" />
                                <rect id="yc" x="37.7" y="329.2" class="rcube" width="7.7" height="7.7" />
                                <rect id="yd" x="59.4" y="329.3" class="rcube" width="7.5" height="7.5" />
                                <rect id="ye" x="81.1" y="329.4" class="rcube" width="7.3" height="7.3" />
                                <rect id="yf" x="102.8" y="329.5" class="rcube" width="7.1" height="7.1" />
                                <rect id="yg" x="124.5" y="329.6" class="rcube" width="6.9" height="6.9" />
                                <rect id="yh" x="146.2" y="329.7" class="rcube" width="6.7" height="6.7" />
                                <rect id="yi" x="167.9" y="329.8" class="rcube" width="6.5" height="6.5" />
                                <rect id="yj" x="189.5" y="329.9" class="rcube" width="6.3" height="6.3" />
                                <rect id="yk" x="211.2" y="330" class="rcube" width="6.1" height="6.1" />
                                <rect id="yl" x="232.9" y="330.1" class="rcube" width="5.9" height="5.9" />
                                <rect id="ym" x="254.6" y="330.2" class="rcube" width="5.7" height="5.7" />
                                <rect id="yn" x="276.3" y="330.3" class="rcube" width="5.5" height="5.5" />
                                <rect id="yo" x="298" y="330.4" class="rcube" width="5.3" height="5.3" />
                                <rect id="yp" x="319.7" y="330.5" class="rcube" width="5.1" height="5.1" />
                                <rect id="yq" x="341.3" y="330.6" class="rcube" width="4.9" height="4.9" />
                                <rect id="yr" x="363" y="330.7" class="rcube" width="4.7" height="4.7" />
                                <rect id="ys" x="384.7" y="330.8" class="rcube" width="4.5" height="4.5" />
                                <rect id="yt" x="406.4" y="330.9" class="rcube" width="4.3" height="4.3" />
                                <rect id="yu" x="428.1" y="331" class="rcube" width="4.1" height="4.1" />
                                <rect id="yv" x="449.8" y="331.1" class="rcube" width="3.9" height="3.9" />
                                <rect id="yw" x="471.5" y="331.2" class="rcube" width="3.7" height="3.7" />
                                <rect id="yx" x="493.1" y="331.3" class="rcube" width="3.5" height="3.5" />
                                <rect id="yy" x="514.8" y="331.4" class="rcube" width="3.3" height="3.3" />
                                <rect id="yz" x="536.5" y="331.5" class="rcube" width="3.1" height="3.1" />
                                <rect id="za" x="558.2" y="331.6" class="rcube" width="2.9" height="2.9" />
                                <rect id="zb" x="579.9" y="331.7" class="rcube" width="2.7" height="2.7" />
                                <rect id="zc" x="601.6" y="331.8" class="rcube" width="2.5" height="2.5" />
                                <rect id="zd" x="623.3" y="331.9" class="rcube" width="2.3" height="2.3" />
                                <rect id="ze" x="644.9" y="332" class="rcube" width="2.1" height="2.1" />
                                <rect id="zf" x="666.6" y="332.1" class="rcube" width="1.9" height="1.9" />
                                <rect id="zg" x="688.3" y="332.2" class="rcube" width="1.7" height="1.7" />
                                <rect id="zh" x="710" y="332.3" class="rcube" width="1.5" height="1.5" />
                                <rect id="zi" x="731.7" y="332.4" class="rcube" width="1.3" height="1.3" />
                                <rect id="zj" x="753.4" y="332.5" class="rcube" width="1.1" height="1.1" />
                                <rect id="zk" x="775.1" y="332.6" class="rcube" width="0.9" height="0.9" />
                                <rect id="zl" x="796.7" y="332.7" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="zm">
                                <rect id="zn" x="15.8" y="347.8" class="rcube" width="8.3" height="8.3" />
                                <rect id="zo" x="37.5" y="347.9" class="rcube" width="8.1" height="8.1" />
                                <rect id="zp" x="59.2" y="348" class="rcube" width="7.9" height="7.9" />
                                <rect id="zq" x="80.9" y="348.1" class="rcube" width="7.7" height="7.7" />
                                <rect id="zr" x="102.6" y="348.3" class="rcube" width="7.5" height="7.5" />
                                <rect id="zs" x="124.3" y="348.4" class="rcube" width="7.2" height="7.2" />
                                <rect id="zt" x="146" y="348.5" class="rcube" width="7" height="7" />
                                <rect id="zu" x="167.7" y="348.6" class="rcube" width="6.8" height="6.8" />
                                <rect id="zv" x="189.4" y="348.7" class="rcube" width="6.6" height="6.6" />
                                <rect id="zw" x="211.1" y="348.8" class="rcube" width="6.4" height="6.4" />
                                <rect id="zx" x="232.8" y="348.9" class="rcube" width="6.2" height="6.2" />
                                <rect id="zy" x="254.4" y="349" class="rcube" width="6" height="6" />
                                <rect id="zz" x="276.1" y="349.1" class="rcube" width="5.8" height="5.8" />
                                <rect id="aaa" x="297.8" y="349.2" class="rcube" width="5.6" height="5.6" />
                                <rect id="aab" x="319.5" y="349.3" class="rcube" width="5.4" height="5.4" />
                                <rect id="aac" x="341.2" y="349.4" class="rcube" width="5.1" height="5.1" />
                                <rect id="aad" x="362.9" y="349.5" class="rcube" width="4.9" height="4.9" />
                                <rect id="aae" x="384.6" y="349.6" class="rcube" width="4.7" height="4.7" />
                                <rect id="aaf" x="406.3" y="349.7" class="rcube" width="4.5" height="4.5" />
                                <rect id="aag" x="428" y="349.8" class="rcube" width="4.3" height="4.3" />
                                <rect id="aah" x="449.7" y="349.9" class="rcube" width="4.1" height="4.1" />
                                <rect id="aai" x="471.4" y="350" class="rcube" width="3.9" height="3.9" />
                                <rect id="aaj" x="493.1" y="350.1" class="rcube" width="3.7" height="3.7" />
                                <rect id="aak" x="514.8" y="350.3" class="rcube" width="3.5" height="3.5" />
                                <rect id="aal" x="536.5" y="350.4" class="rcube" width="3.2" height="3.2" />
                                <rect id="aam" x="558.1" y="350.5" class="rcube" width="3" height="3" />
                                <rect id="aan" x="579.8" y="350.6" class="rcube" width="2.8" height="2.8" />
                                <rect id="aao" x="601.5" y="350.7" class="rcube" width="2.6" height="2.6" />
                                <rect id="aap" x="623.2" y="350.8" class="rcube" width="2.4" height="2.4" />
                                <rect id="aaq" x="644.9" y="350.9" class="rcube" width="2.2" height="2.2" />
                                <rect id="aar" x="666.6" y="351" class="rcube" width="2" height="2" />
                                <rect id="aas" x="688.3" y="351.1" class="rcube" width="1.8" height="1.8" />
                                <rect id="aat" x="710" y="351.2" class="rcube" width="1.6" height="1.6" />
                                <rect id="aau" x="731.7" y="351.3" class="rcube" width="1.3" height="1.4" />
                                <rect id="aav" x="753.4" y="351.4" class="rcube" width="1.1" height="1.1" />
                                <rect id="aaw" x="775" y="351.5" class="rcube" width="0.9" height="0.9" />
                                <rect id="aax" x="796.7" y="351.6" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="aay">
                                <rect id="aaz" x="15.6" y="366.6" class="rcube" width="8.7" height="8.7" />
                                <rect id="aba" x="37.3" y="366.7" class="rcube" width="8.5" height="8.5" />
                                <rect id="abb" x="59" y="366.8" class="rcube" width="8.3" height="8.3" />
                                <rect id="abc" x="80.7" y="366.9" class="rcube" width="8.1" height="8" />
                                <rect id="abd" x="102.4" y="367" class="rcube" width="7.8" height="7.8" />
                                <rect id="abe" x="124.1" y="367.1" class="rcube" width="7.6" height="7.6" />
                                <rect id="abf" x="145.8" y="367.2" class="rcube" width="7.4" height="7.4" />
                                <rect id="abg" x="167.5" y="367.4" class="rcube" width="7.2" height="7.2" />
                                <rect id="abh" x="189.2" y="367.5" class="rcube" width="6.9" height="7" />
                                <rect id="abi" x="210.9" y="367.6" class="rcube" width="6.7" height="6.7" />
                                <rect id="abj" x="232.6" y="367.7" class="rcube" width="6.5" height="6.5" />
                                <rect id="abk" x="254.3" y="367.8" class="rcube" width="6.3" height="6.3" />
                                <rect id="abl" x="276" y="367.9" class="rcube" width="6" height="6" />
                                <rect id="abm" x="297.7" y="368" class="rcube" width="5.8" height="5.8" />
                                <rect id="abn" x="319.4" y="368.1" class="rcube" width="5.6" height="5.6" />
                                <rect id="abo" x="341.1" y="368.2" class="rcube" width="5.4" height="5.4" />
                                <rect id="abp" x="362.8" y="368.4" class="rcube" width="5.2" height="5.2" />
                                <rect id="abq" x="384.5" y="368.5" class="rcube" width="5" height="5" />
                                <rect id="abr" x="406.2" y="368.6" class="rcube" width="4.7" height="4.7" />
                                <rect id="abs" x="427.9" y="368.7" class="rcube" width="4.5" height="4.5" />
                                <rect id="abt" x="449.6" y="368.8" class="rcube" width="4.3" height="4.3" />
                                <rect id="abu" x="471.3" y="368.9" class="rcube" width="4.1" height="4.1" />
                                <rect id="abv" x="493" y="369" class="rcube" width="3.8" height="3.8" />
                                <rect id="abw" x="514.7" y="369.1" class="rcube" width="3.6" height="3.6" />
                                <rect id="abx" x="536.4" y="369.2" class="rcube" width="3.4" height="3.4" />
                                <rect id="aby" x="558.1" y="369.4" class="rcube" width="3.2" height="3.2" />
                                <rect id="abz" x="579.8" y="369.5" class="rcube" width="2.9" height="2.9" />
                                <rect id="aca" x="601.5" y="369.6" class="rcube" width="2.7" height="2.7" />
                                <rect id="acb" x="623.2" y="369.7" class="rcube" width="2.5" height="2.5" />
                                <rect id="acc" x="644.9" y="369.8" class="rcube" width="2.3" height="2.3" />
                                <rect id="acd" x="666.6" y="369.9" class="rcube" width="2" height="2" />
                                <rect id="ace" x="688.3" y="370" class="rcube" width="1.8" height="1.8" />
                                <rect id="acf" x="710" y="370.1" class="rcube" width="1.6" height="1.6" />
                                <rect id="acg" x="731.7" y="370.2" class="rcube" width="1.4" height="1.4" />
                                <rect id="ach" x="753.3" y="370.4" class="rcube" width="1.2" height="1.2" />
                                <rect id="aci" x="775" y="370.5" class="rcube" width="0.9" height="0.9" />
                                <rect id="acj" x="796.7" y="370.6" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="ack">
                                <rect id="acl" x="15.4" y="385.3" class="rcube" width="9.1" height="9.1" />
                                <rect id="acm" x="37.1" y="385.4" class="rcube" width="8.9" height="8.9" />
                                <rect id="acn" x="58.8" y="385.5" class="rcube" width="8.7" height="8.7" />
                                <rect id="aco" x="80.5" y="385.7" class="rcube" width="8.4" height="8.4" />
                                <rect id="acp" x="102.2" y="385.8" class="rcube" width="8.2" height="8.2" />
                                <rect id="acq" x="123.9" y="385.9" class="rcube" width="8" height="8" />
                                <rect id="acr" x="145.6" y="386" class="rcube" width="7.7" height="7.7" />
                                <rect id="acs" x="167.4" y="386.1" class="rcube" width="7.5" height="7.5" />
                                <rect id="act" x="189.1" y="386.2" class="rcube" width="7.3" height="7.3" />
                                <rect id="acu" x="210.8" y="386.4" class="rcube" width="7" height="7" />
                                <rect id="acv" x="232.5" y="386.5" class="rcube" width="6.8" height="6.8" />
                                <rect id="acw" x="254.2" y="386.6" class="rcube" width="6.6" height="6.6" />
                                <rect id="acx" x="275.9" y="386.7" class="rcube" width="6.3" height="6.3" />
                                <rect id="acy" x="297.6" y="386.8" class="rcube" width="6.1" height="6.1" />
                                <rect id="acz" x="319.3" y="387" class="rcube" width="5.9" height="5.9" />
                                <rect id="ada" x="341" y="387.1" class="rcube" width="5.6" height="5.6" />
                                <rect id="adb" x="362.7" y="387.2" class="rcube" width="5.4" height="5.4" />
                                <rect id="adc" x="384.4" y="387.3" class="rcube" width="5.2" height="5.2" />
                                <rect id="add" x="406.1" y="387.4" class="rcube" width="4.9" height="4.9" />
                                <rect id="ade" x="427.8" y="387.5" class="rcube" width="4.7" height="4.7" />
                                <rect id="adf" x="449.5" y="387.7" class="rcube" width="4.5" height="4.5" />
                                <rect id="adg" x="471.2" y="387.8" class="rcube" width="4.2" height="4.2" />
                                <rect id="adh" x="492.9" y="387.9" class="rcube" width="4" height="4" />
                                <rect id="adi" x="514.6" y="388" class="rcube" width="3.8" height="3.8" />
                                <rect id="adj" x="536.3" y="388.1" class="rcube" width="3.5" height="3.5" />
                                <rect id="adk" x="558" y="388.2" class="rcube" width="3.3" height="3.3" />
                                <rect id="adl" x="579.7" y="388.4" class="rcube" width="3.1" height="3.1" />
                                <rect id="adm" x="601.4" y="388.5" class="rcube" width="2.8" height="2.8" />
                                <rect id="adn" x="623.1" y="388.6" class="rcube" width="2.6" height="2.6" />
                                <rect id="ado" x="644.8" y="388.7" class="rcube" width="2.4" height="2.4" />
                                <rect id="adp" x="666.5" y="388.8" class="rcube" width="2.1" height="2.1" />
                                <rect id="adq" x="688.2" y="389" class="rcube" width="1.9" height="1.9" />
                                <rect id="adr" x="709.9" y="389.1" class="rcube" width="1.7" height="1.6" />
                                <rect id="ads" x="731.6" y="389.2" class="rcube" width="1.4" height="1.4" />
                                <rect id="adt" x="753.3" y="389.3" class="rcube" width="1.2" height="1.2" />
                                <rect id="adu" x="775" y="389.4" class="rcube" width="1" height="1" />
                                <rect id="adv" x="796.7" y="389.5" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="adw">
                                <rect id="adx" x="15.2" y="404.1" class="rcube" width="9.6" height="9.6" />
                                <rect id="ady" x="36.9" y="404.2" class="rcube" width="9.3" height="9.3" />
                                <rect id="adz" x="58.6" y="404.3" class="rcube" width="9.1" height="9.1" />
                                <rect id="aea" x="80.3" y="404.4" class="rcube" width="8.8" height="8.8" />
                                <rect id="aeb" x="102.1" y="404.5" class="rcube" width="8.6" height="8.6" />
                                <rect id="aec" x="123.8" y="404.7" class="rcube" width="8.3" height="8.3" />
                                <rect id="aed" x="145.5" y="404.8" class="rcube" width="8.1" height="8.1" />
                                <rect id="aee" x="167.2" y="404.9" class="rcube" width="7.8" height="7.8" />
                                <rect id="aef" x="188.9" y="405" class="rcube" width="7.6" height="7.6" />
                                <rect id="aeg" x="210.6" y="405.2" class="rcube" width="7.4" height="7.4" />
                                <rect id="aeh" x="232.3" y="405.3" class="rcube" width="7.1" height="7.1" />
                                <rect id="aei" x="254" y="405.4" class="rcube" width="6.9" height="6.9" />
                                <rect id="aej" x="275.7" y="405.5" class="rcube" width="6.6" height="6.6" />
                                <rect id="aek" x="297.4" y="405.7" class="rcube" width="6.4" height="6.4" />
                                <rect id="ael" x="319.1" y="405.8" class="rcube" width="6.1" height="6.1" />
                                <rect id="aem" x="340.9" y="405.9" class="rcube" width="5.9" height="5.9" />
                                <rect id="aen" x="362.6" y="406" class="rcube" width="5.6" height="5.6" />
                                <rect id="aeo" x="384.3" y="406.2" class="rcube" width="5.4" height="5.4" />
                                <rect id="aep" x="406" y="406.3" class="rcube" width="5.1" height="5.1" />
                                <rect id="aeq" x="427.7" y="406.4" class="rcube" width="4.9" height="4.9" />
                                <rect id="aer" x="449.4" y="406.5" class="rcube" width="4.6" height="4.6" />
                                <rect id="aes" x="471.1" y="406.6" class="rcube" width="4.4" height="4.4" />
                                <rect id="aet" x="492.8" y="406.8" class="rcube" width="4.2" height="4.2" />
                                <rect id="aeu" x="514.5" y="406.9" class="rcube" width="3.9" height="3.9" />
                                <rect id="aev" x="536.2" y="407" class="rcube" width="3.7" height="3.7" />
                                <rect id="aew" x="557.9" y="407.1" class="rcube" width="3.4" height="3.4" />
                                <rect id="aex" x="579.7" y="407.3" class="rcube" width="3.2" height="3.2" />
                                <rect id="aey" x="601.4" y="407.4" class="rcube" width="2.9" height="2.9" />
                                <rect id="aez" x="623.1" y="407.5" class="rcube" width="2.7" height="2.7" />
                                <rect id="afa" x="644.8" y="407.6" class="rcube" width="2.4" height="2.4" />
                                <rect id="afb" x="666.5" y="407.8" class="rcube" width="2.2" height="2.2" />
                                <rect id="afc" x="688.2" y="407.9" class="rcube" width="2" height="2" />
                                <rect id="afd" x="709.9" y="408" class="rcube" width="1.7" height="1.7" />
                                <rect id="afe" x="731.6" y="408.1" class="rcube" width="1.5" height="1.5" />
                                <rect id="aff" x="753.3" y="408.2" class="rcube" width="1.2" height="1.2" />
                                <rect id="afg" x="775" y="408.4" class="rcube" width="1" height="1" />
                                <rect id="afh" x="796.7" y="408.5" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="afi">
                                <rect id="afj" x="15" y="422.8" class="rcube" width="10" height="10" />
                                <rect id="afk" x="36.7" y="422.9" class="rcube" width="9.7" height="9.7" />
                                <rect id="afl" x="58.4" y="423.1" class="rcube" width="9.5" height="9.5" />
                                <rect id="afm" x="80.1" y="423.2" class="rcube" width="9.2" height="9.2" />
                                <rect id="afn" x="101.9" y="423.3" class="rcube" width="9" height="9" />
                                <rect id="afo" x="123.6" y="423.5" class="rcube" width="8.7" height="8.7" />
                                <rect id="afp" x="145.3" y="423.6" class="rcube" width="8.4" height="8.4" />
                                <rect id="afq" x="167" y="423.7" class="rcube" width="8.2" height="8.2" />
                                <rect id="afr" x="188.7" y="423.8" class="rcube" width="7.9" height="7.9" />
                                <rect id="afs" x="210.4" y="424" class="rcube" width="7.7" height="7.7" />
                                <rect id="aft" x="232.1" y="424.1" class="rcube" width="7.4" height="7.4" />
                                <rect id="afu" x="253.9" y="424.2" class="rcube" width="7.1" height="7.1" />
                                <rect id="afv" x="275.6" y="424.4" class="rcube" width="6.9" height="6.9" />
                                <rect id="afw" x="297.3" y="424.5" class="rcube" width="6.6" height="6.6" />
                                <rect id="afx" x="319" y="424.6" class="rcube" width="6.4" height="6.4" />
                                <rect id="afy" x="340.7" y="424.7" class="rcube" width="6.1" height="6.1" />
                                <rect id="afz" x="362.4" y="424.9" class="rcube" width="5.9" height="5.9" />
                                <rect id="aga" x="384.2" y="425" class="rcube" width="5.6" height="5.6" />
                                <rect id="agb" x="405.9" y="425.1" class="rcube" width="5.4" height="5.4" />
                                <rect id="agc" x="427.6" y="425.3" class="rcube" width="5.1" height="5.1" />
                                <rect id="agd" x="449.3" y="425.4" class="rcube" width="4.8" height="4.8" />
                                <rect id="age" x="471" y="425.5" class="rcube" width="4.6" height="4.6" />
                                <rect id="agf" x="492.7" y="425.6" class="rcube" width="4.3" height="4.3" />
                                <rect id="agg" x="514.5" y="425.8" class="rcube" width="4.1" height="4.1" />
                                <rect id="agh" x="536.2" y="425.9" class="rcube" width="3.8" height="3.8" />
                                <rect id="agi" x="557.9" y="426" class="rcube" width="3.5" height="3.5" />
                                <rect id="agj" x="579.6" y="426.1" class="rcube" width="3.3" height="3.3" />
                                <rect id="agk" x="601.3" y="426.3" class="rcube" width="3" height="3" />
                                <rect id="agl" x="623" y="426.4" class="rcube" width="2.8" height="2.8" />
                                <rect id="agm" x="644.7" y="426.5" class="rcube" width="2.5" height="2.5" />
                                <rect id="agn" x="666.5" y="426.7" class="rcube" width="2.3" height="2.3" />
                                <rect id="ago" x="688.2" y="426.8" class="rcube" width="2" height="2" />
                                <rect id="agp" x="709.9" y="426.9" class="rcube" width="1.8" height="1.8" />
                                <rect id="agq" x="731.6" y="427" class="rcube" width="1.5" height="1.5" />
                                <rect id="agr" x="753.3" y="427.2" class="rcube" width="1.2" height="1.2" />
                                <rect id="ags" x="775" y="427.3" class="rcube" width="1" height="1" />
                                <rect id="agt" x="796.7" y="427.4" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="agu">
                                <rect id="agv" x="14.8" y="441.5" class="rcube" width="10.4" height="10.4" />
                                <rect id="agw" x="36.5" y="441.7" class="rcube" width="10.1" height="10.1" />
                                <rect id="agx" x="58.2" y="441.8" class="rcube" width="9.9" height="9.9" />
                                <rect id="agy" x="79.9" y="442" class="rcube" width="9.6" height="9.6" />
                                <rect id="agz" x="101.7" y="442.1" class="rcube" width="9.3" height="9.3" />
                                <rect id="aha" x="123.4" y="442.2" class="rcube" width="9.1" height="9.1" />
                                <rect id="ahb" x="145.1" y="442.4" class="rcube" width="8.8" height="8.8" />
                                <rect id="ahc" x="166.8" y="442.5" class="rcube" width="8.5" height="8.5" />
                                <rect id="ahd" x="188.6" y="442.6" class="rcube" width="8.3" height="8.3" />
                                <rect id="ahe" x="210.3" y="442.8" class="rcube" width="8" height="8" />
                                <rect id="ahf" x="232" y="442.9" class="rcube" width="7.7" height="7.7" />
                                <rect id="ahg" x="253.7" y="443" class="rcube" width="7.5" height="7.5" />
                                <rect id="ahh" x="275.4" y="443.2" class="rcube" width="7.2" height="7.2" />
                                <rect id="ahi" x="297.2" y="443.3" class="rcube" width="6.9" height="6.9" />
                                <rect id="ahj" x="318.9" y="443.4" class="rcube" width="6.6" height="6.6" />
                                <rect id="ahk" x="340.6" y="443.6" class="rcube" width="6.4" height="6.4" />
                                <rect id="ahl" x="362.3" y="443.7" class="rcube" width="6.1" height="6.1" />
                                <rect id="ahm" x="384" y="443.8" class="rcube" width="5.8" height="5.8" />
                                <rect id="ahn" x="405.8" y="444" class="rcube" width="5.6" height="5.6" />
                                <rect id="aho" x="427.5" y="444.1" class="rcube" width="5.3" height="5.3" />
                                <rect id="ahp" x="449.2" y="444.2" class="rcube" width="5" height="5" />
                                <rect id="ahq" x="470.9" y="444.4" class="rcube" width="4.8" height="4.8" />
                                <rect id="ahr" x="492.6" y="444.5" class="rcube" width="4.5" height="4.5" />
                                <rect id="ahs" x="514.4" y="444.6" class="rcube" width="4.2" height="4.2" />
                                <rect id="aht" x="536.1" y="444.8" class="rcube" width="4" height="4" />
                                <rect id="ahu" x="557.8" y="444.9" class="rcube" width="3.7" height="3.7" />
                                <rect id="ahv" x="579.5" y="445" class="rcube" width="3.4" height="3.4" />
                                <rect id="ahw" x="601.3" y="445.2" class="rcube" width="3.1" height="3.1" />
                                <rect id="ahx" x="623" y="445.3" class="rcube" width="2.9" height="2.9" />
                                <rect id="ahy" x="644.7" y="445.5" class="rcube" width="2.6" height="2.6" />
                                <rect id="ahz" x="666.4" y="445.6" class="rcube" width="2.3" height="2.3" />
                                <rect id="aia" x="688.1" y="445.7" class="rcube" width="2.1" height="2.1" />
                                <rect id="aib" x="709.9" y="445.9" class="rcube" width="1.8" height="1.8" />
                                <rect id="aic" x="731.6" y="446" class="rcube" width="1.5" height="1.5" />
                                <rect id="aid" x="753.3" y="446.1" class="rcube" width="1.3" height="1.3" />
                                <rect id="aie" x="775" y="446.3" class="rcube" width="1" height="1" />
                                <rect id="aif" x="796.7" y="446.4" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="aig">
                                <rect id="aih" x="14.6" y="460.3" class="rcube" width="10.8" height="10.8" />
                                <rect id="aii" x="36.3" y="460.4" class="rcube" width="10.5" height="10.5" />
                                <rect id="aij" x="58" y="460.6" class="rcube" width="10.3" height="10.3" />
                                <rect id="aik" x="79.8" y="460.7" class="rcube" width="10" height="10" />
                                <rect id="ail" x="101.5" y="460.9" class="rcube" width="9.7" height="9.7" />
                                <rect id="aim" x="123.2" y="461" class="rcube" width="9.4" height="9.4" />
                                <rect id="ain" x="144.9" y="461.1" class="rcube" width="9.1" height="9.1" />
                                <rect id="aio" x="166.7" y="461.3" class="rcube" width="8.9" height="8.9" />
                                <rect id="aip" x="188.4" y="461.4" class="rcube" width="8.6" height="8.6" />
                                <rect id="aiq" x="210.1" y="461.6" class="rcube" width="8.3" height="8.3" />
                                <rect id="air" x="231.9" y="461.7" class="rcube" width="8" height="8" />
                                <rect id="ais" x="253.6" y="461.8" class="rcube" width="7.7" height="7.7" />
                                <rect id="ait" x="275.3" y="462" class="rcube" width="7.5" height="7.5" />
                                <rect id="aiu" x="297" y="462.1" class="rcube" width="7.2" height="7.2" />
                                <rect id="aiv" x="318.8" y="462.3" class="rcube" width="6.9" height="6.9" />
                                <rect id="aiw" x="340.5" y="462.4" class="rcube" width="6.6" height="6.6" />
                                <rect id="aix" x="362.2" y="462.5" class="rcube" width="6.3" height="6.3" />
                                <rect id="aiy" x="383.9" y="462.7" class="rcube" width="6" height="6" />
                                <rect id="aiz" x="405.7" y="462.8" class="rcube" width="5.8" height="5.8" />
                                <rect id="aja" x="427.4" y="463" class="rcube" width="5.5" height="5.5" />
                                <rect id="ajb" x="449.1" y="463.1" class="rcube" width="5.2" height="5.2" />
                                <rect id="ajc" x="470.8" y="463.2" class="rcube" width="4.9" height="4.9" />
                                <rect id="ajd" x="492.6" y="463.4" class="rcube" width="4.6" height="4.6" />
                                <rect id="aje" x="514.3" y="463.5" class="rcube" width="4.4" height="4.4" />
                                <rect id="ajf" x="536" y="463.7" class="rcube" width="4.1" height="4.1" />
                                <rect id="ajg" x="557.8" y="463.8" class="rcube" width="3.8" height="3.8" />
                                <rect id="ajh" x="579.5" y="464" class="rcube" width="3.5" height="3.5" />
                                <rect id="aji" x="601.2" y="464.1" class="rcube" width="3.2" height="3.2" />
                                <rect id="ajj" x="622.9" y="464.2" class="rcube" width="3" height="3" />
                                <rect id="ajk" x="644.7" y="464.4" class="rcube" width="2.7" height="2.7" />
                                <rect id="ajl" x="666.4" y="464.5" class="rcube" width="2.4" height="2.4" />
                                <rect id="ajm" x="688.1" y="464.6" class="rcube" width="2.1" height="2.1" />
                                <rect id="ajn" x="709.8" y="464.8" class="rcube" width="1.8" height="1.8" />
                                <rect id="ajo" x="731.6" y="464.9" class="rcube" width="1.6" height="1.6" />
                                <rect id="ajp" x="753.3" y="465.1" class="rcube" width="1.3" height="1.3" />
                                <rect id="ajq" x="775" y="465.2" class="rcube" width="1" height="1" />
                                <rect id="ajr" x="796.7" y="465.4" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="ajs">
                                <rect id="ajt" x="14.4" y="479" class="rcube" width="11.2" height="11.2" />
                                <rect id="aju" x="36.1" y="479.2" class="rcube" width="11" height="11" />
                                <rect id="ajv" x="57.8" y="479.3" class="rcube" width="10.7" height="10.7" />
                                <rect id="ajw" x="79.6" y="479.5" class="rcube" width="10.4" height="10.4" />
                                <rect id="ajx" x="101.3" y="479.6" class="rcube" width="10.1" height="10.1" />
                                <rect id="ajy" x="123" y="479.8" class="rcube" width="9.8" height="9.8" />
                                <rect id="ajz" x="144.8" y="479.9" class="rcube" width="9.5" height="9.5" />
                                <rect id="aka" x="166.5" y="480.1" class="rcube" width="9.2" height="9.2" />
                                <rect id="akb" x="188.2" y="480.2" class="rcube" width="8.9" height="8.9" />
                                <rect id="akc" x="210" y="480.4" class="rcube" width="8.6" height="8.6" />
                                <rect id="akd" x="231.7" y="480.5" class="rcube" width="8.3" height="8.3" />
                                <rect id="ake" x="253.4" y="480.6" class="rcube" width="8" height="8" />
                                <rect id="akf" x="275.2" y="480.8" class="rcube" width="7.7" height="7.7" />
                                <rect id="akg" x="296.9" y="480.9" class="rcube" width="7.5" height="7.5" />
                                <rect id="akh" x="318.6" y="481.1" class="rcube" width="7.1" height="7.1" />
                                <rect id="aki" x="340.4" y="481.2" class="rcube" width="6.9" height="6.9" />
                                <rect id="akj" x="362.1" y="481.4" class="rcube" width="6.6" height="6.6" />
                                <rect id="akk" x="383.8" y="481.5" class="rcube" width="6.3" height="6.3" />
                                <rect id="akl" x="405.6" y="481.7" class="rcube" width="6" height="6" />
                                <rect id="akm" x="427.3" y="481.8" class="rcube" width="5.7" height="5.7" />
                                <rect id="akn" x="449" y="482" class="rcube" width="5.4" height="5.4" />
                                <rect id="ako" x="470.8" y="482.1" class="rcube" width="5.1" height="5.1" />
                                <rect id="akp" x="492.5" y="482.2" class="rcube" width="4.8" height="4.8" />
                                <rect id="akq" x="514.2" y="482.4" class="rcube" width="4.5" height="4.5" />
                                <rect id="akr" x="536" y="482.5" class="rcube" width="4.2" height="4.2" />
                                <rect id="aks" x="557.7" y="482.7" class="rcube" width="3.9" height="3.9" />
                                <rect id="akt" x="579.4" y="482.8" class="rcube" width="3.6" height="3.6" />
                                <rect id="aku" x="601.2" y="483" class="rcube" width="3.3" height="3.4" />
                                <rect id="akv" x="622.9" y="483.1" class="rcube" width="3.1" height="3.1" />
                                <rect id="akw" x="644.6" y="483.3" class="rcube" width="2.8" height="2.8" />
                                <rect id="akx" x="666.3" y="483.4" class="rcube" width="2.5" height="2.5" />
                                <rect id="aky" x="688.1" y="483.6" class="rcube" width="2.2" height="2.2" />
                                <rect id="akz" x="709.8" y="483.7" class="rcube" width="1.9" height="1.9" />
                                <rect id="ala" x="731.5" y="483.9" class="rcube" width="1.6" height="1.6" />
                                <rect id="alb" x="753.3" y="484" class="rcube" width="1.3" height="1.3" />
                                <rect id="alc" x="775" y="484.1" class="rcube" width="1" height="1" />
                                <rect id="ald" x="796.7" y="484.3" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="ale">
                                <rect id="alf" x="14.2" y="497.8" class="rcube" width="11.7" height="11.7" />
                                <rect id="alg" x="35.9" y="497.9" class="rcube" width="11.4" height="11.4" />
                                <rect id="alh" x="57.6" y="498.1" class="rcube" width="11.1" height="11.1" />
                                <rect id="ali" x="79.4" y="498.2" class="rcube" width="10.8" height="10.8" />
                                <rect id="alj" x="101.1" y="498.4" class="rcube" width="10.5" height="10.5" />
                                <rect id="alk" x="122.8" y="498.5" class="rcube" width="10.2" height="10.1" />
                                <rect id="all" x="144.6" y="498.7" class="rcube" width="9.9" height="9.9" />
                                <rect id="alm" x="166.3" y="498.9" class="rcube" width="9.5" height="9.5" />
                                <rect id="aln" x="188.1" y="499" class="rcube" width="9.2" height="9.2" />
                                <rect id="alo" x="209.8" y="499.1" class="rcube" width="8.9" height="8.9" />
                                <rect id="alp" x="231.5" y="499.3" class="rcube" width="8.6" height="8.6" />
                                <rect id="alq" x="253.3" y="499.5" class="rcube" width="8.3" height="8.3" />
                                <rect id="alr" x="275" y="499.6" class="rcube" width="8" height="8" />
                                <rect id="als" x="296.8" y="499.8" class="rcube" width="7.7" height="7.7" />
                                <rect id="alt" x="318.5" y="499.9" class="rcube" width="7.4" height="7.4" />
                                <rect id="alu" x="340.2" y="500.1" class="rcube" width="7.1" height="7.1" />
                                <rect id="alv" x="362" y="500.2" class="rcube" width="6.8" height="6.8" />
                                <rect id="alw" x="383.7" y="500.4" class="rcube" width="6.5" height="6.5" />
                                <rect id="alx" x="405.5" y="500.5" class="rcube" width="6.2" height="6.2" />
                                <rect id="aly" x="427.2" y="500.7" class="rcube" width="5.9" height="5.9" />
                                <rect id="alz" x="448.9" y="500.8" class="rcube" width="5.6" height="5.6" />
                                <rect id="ama" x="470.7" y="501" class="rcube" width="5.3" height="5.3" />
                                <rect id="amb" x="492.4" y="501.1" class="rcube" width="5" height="5" />
                                <rect id="amc" x="514.2" y="501.3" class="rcube" width="4.7" height="4.7" />
                                <rect id="amd" x="535.9" y="501.4" class="rcube" width="4.4" height="4.4" />
                                <rect id="ame" x="557.6" y="501.6" class="rcube" width="4.1" height="4.1" />
                                <rect id="amf" x="579.4" y="501.7" class="rcube" width="3.8" height="3.8" />
                                <rect id="amg" x="601.1" y="501.9" class="rcube" width="3.5" height="3.5" />
                                <rect id="amh" x="622.8" y="502" class="rcube" width="3.2" height="3.1" />
                                <rect id="ami" x="644.6" y="502.2" class="rcube" width="2.8" height="2.9" />
                                <rect id="amj" x="666.3" y="502.3" class="rcube" width="2.5" height="2.5" />
                                <rect id="amk" x="688" y="502.5" class="rcube" width="2.2" height="2.2" />
                                <rect id="aml" x="709.8" y="502.6" class="rcube" width="1.9" height="1.9" />
                                <rect id="amm" x="731.5" y="502.8" class="rcube" width="1.6" height="1.6" />
                                <rect id="amn" x="753.3" y="503" class="rcube" width="1.3" height="1.3" />
                                <rect id="amo" x="775" y="503.1" class="rcube" width="1" height="1" />
                                <rect id="amp" x="796.7" y="503.2" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="amq">
                                <rect id="amr" x="13.9" y="516.5" class="rcube" width="12.1" height="12.1" />
                                <rect id="ams" x="35.7" y="516.7" class="rcube" width="11.8" height="11.8" />
                                <rect id="amt" x="57.4" y="516.8" class="rcube" width="11.5" height="11.5" />
                                <rect id="amu" x="79.2" y="517" class="rcube" width="11.1" height="11.1" />
                                <rect id="amv" x="100.9" y="517.2" class="rcube" width="10.8" height="10.8" />
                                <rect id="amw" x="122.7" y="517.3" class="rcube" width="10.5" height="10.5" />
                                <rect id="amx" x="144.4" y="517.5" class="rcube" width="10.2" height="10.2" />
                                <rect id="amy" x="166.2" y="517.6" class="rcube" width="9.9" height="9.9" />
                                <rect id="amz" x="187.9" y="517.8" class="rcube" width="9.6" height="9.6" />
                                <rect id="ana" x="209.6" y="517.9" class="rcube" width="9.2" height="9.2" />
                                <rect id="anb" x="231.4" y="518.1" class="rcube" width="8.9" height="8.9" />
                                <rect id="anc" x="253.1" y="518.3" class="rcube" width="8.6" height="8.6" />
                                <rect id="and" x="274.9" y="518.4" class="rcube" width="8.3" height="8.3" />
                                <rect id="ane" x="296.6" y="518.6" class="rcube" width="8" height="8" />
                                <rect id="anf" x="318.4" y="518.7" class="rcube" width="7.7" height="7.7" />
                                <rect id="ang" x="340.1" y="518.9" class="rcube" width="7.4" height="7.4" />
                                <rect id="anh" x="361.9" y="519" class="rcube" width="7" height="7" />
                                <rect id="ani" x="383.6" y="519.2" class="rcube" width="6.7" height="6.7" />
                                <rect id="anj" x="405.4" y="519.4" class="rcube" width="6.4" height="6.4" />
                                <rect id="ank" x="427.1" y="519.5" class="rcube" width="6.1" height="6.1" />
                                <rect id="anl" x="448.8" y="519.7" class="rcube" width="5.8" height="5.8" />
                                <rect id="anm" x="470.6" y="519.8" class="rcube" width="5.5" height="5.5" />
                                <rect id="ann" x="492.3" y="520" class="rcube" width="5.1" height="5.1" />
                                <rect id="ano" x="514.1" y="520.2" class="rcube" width="4.8" height="4.8" />
                                <rect id="anp" x="535.8" y="520.3" class="rcube" width="4.5" height="4.5" />
                                <rect id="anq" x="557.6" y="520.5" class="rcube" width="4.2" height="4.2" />
                                <rect id="anr" x="579.3" y="520.6" class="rcube" width="3.9" height="3.9" />
                                <rect id="ans" x="601" y="520.8" class="rcube" width="3.6" height="3.6" />
                                <rect id="ant" x="622.8" y="521" class="rcube" width="3.2" height="3.2" />
                                <rect id="anu" x="644.5" y="521.1" class="rcube" width="2.9" height="2.9" />
                                <rect id="anv" x="666.3" y="521.3" class="rcube" width="2.6" height="2.6" />
                                <rect id="anw" x="688" y="521.4" class="rcube" width="2.3" height="2.3" />
                                <rect id="anx" x="709.8" y="521.6" class="rcube" width="2" height="2" />
                                <rect id="any" x="731.5" y="521.7" class="rcube" width="1.7" height="1.7" />
                                <rect id="anz" x="753.3" y="521.9" class="rcube" width="1.3" height="1.3" />
                                <rect id="aoa" x="775" y="522" class="rcube" width="1" height="1" />
                                <rect id="aob" x="796.7" y="522.2" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="aoc">
                                <rect id="aod" x="13.7" y="535.3" class="rcube" width="12.5" height="12.5" />
                                <rect id="aoe" x="35.5" y="535.4" class="rcube" width="12.2" height="12.2" />
                                <rect id="aof" x="57.2" y="535.6" class="rcube" width="11.9" height="11.8" />
                                <rect id="aog" x="79" y="535.8" class="rcube" width="11.5" height="11.5" />
                                <rect id="aoh" x="100.7" y="535.9" class="rcube" width="11.2" height="11.2" />
                                <rect id="aoi" x="122.5" y="536.1" class="rcube" width="10.9" height="10.9" />
                                <rect id="aoj" x="144.2" y="536.2" class="rcube" width="10.5" height="10.5" />
                                <rect id="aok" x="166" y="536.4" class="rcube" width="10.2" height="10.2" />
                                <rect id="aol" x="187.7" y="536.6" class="rcube" width="9.9" height="9.9" />
                                <rect id="aom" x="209.5" y="536.7" class="rcube" width="9.6" height="9.6" />
                                <rect id="aon" x="231.2" y="536.9" class="rcube" width="9.2" height="9.2" />
                                <rect id="aoo" x="253" y="537.1" class="rcube" width="8.9" height="8.9" />
                                <rect id="aop" x="274.7" y="537.2" class="rcube" width="8.6" height="8.6" />
                                <rect id="aoq" x="296.5" y="537.4" class="rcube" width="8.3" height="8.3" />
                                <rect id="aor" x="318.2" y="537.6" class="rcube" width="7.9" height="7.9" />
                                <rect id="aos" x="340" y="537.7" class="rcube" width="7.6" height="7.6" />
                                <rect id="aot" x="361.7" y="537.9" class="rcube" width="7.3" height="7.3" />
                                <rect id="aou" x="383.5" y="538" class="rcube" width="7" height="7" />
                                <rect id="aov" x="405.2" y="538.2" class="rcube" width="6.6" height="6.6" />
                                <rect id="aow" x="427" y="538.4" class="rcube" width="6.3" height="6.3" />
                                <rect id="aox" x="448.7" y="538.5" class="rcube" width="6" height="6" />
                                <rect id="aoy" x="470.5" y="538.7" class="rcube" width="5.6" height="5.6" />
                                <rect id="aoz" x="492.2" y="538.9" class="rcube" width="5.3" height="5.3" />
                                <rect id="apa" x="514" y="539" class="rcube" width="5" height="5" />
                                <rect id="apb" x="535.7" y="539.2" class="rcube" width="4.7" height="4.7" />
                                <rect id="apc" x="557.5" y="539.4" class="rcube" width="4.3" height="4.3" />
                                <rect id="apd" x="579.2" y="539.5" class="rcube" width="4" height="4" />
                                <rect id="ape" x="601" y="539.7" class="rcube" width="3.7" height="3.7" />
                                <rect id="apf" x="622.8" y="539.8" class="rcube" width="3.3" height="3.3" />
                                <rect id="apg" x="644.5" y="540" class="rcube" width="3" height="3" />
                                <rect id="aph" x="666.2" y="540.2" class="rcube" width="2.7" height="2.7" />
                                <rect id="api" x="688" y="540.3" class="rcube" width="2.4" height="2.4" />
                                <rect id="apj" x="709.8" y="540.5" class="rcube" width="2" height="2" />
                                <rect id="apk" x="731.5" y="540.7" class="rcube" width="1.7" height="1.7" />
                                <rect id="apl" x="753.2" y="540.8" class="rcube" width="1.4" height="1.4" />
                                <rect id="apm" x="775" y="541" class="rcube" width="1" height="1" />
                                <rect id="apn" x="796.7" y="541.2" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="apo">
                                <rect id="app" x="13.5" y="554" class="rcube" width="12.9" height="12.9" />
                                <rect id="apq" x="35.3" y="554.2" class="rcube" width="12.6" height="12.6" />
                                <rect id="apr" x="57" y="554.3" class="rcube" width="12.3" height="12.3" />
                                <rect id="aps" x="78.8" y="554.5" class="rcube" width="11.9" height="11.9" />
                                <rect id="apt" x="100.6" y="554.7" class="rcube" width="11.6" height="11.6" />
                                <rect id="apu" x="122.3" y="554.9" class="rcube" width="11.2" height="11.2" />
                                <rect id="apv" x="144.1" y="555" class="rcube" width="10.9" height="10.9" />
                                <rect id="apw" x="165.8" y="555.2" class="rcube" width="10.6" height="10.6" />
                                <rect id="apx" x="187.6" y="555.4" class="rcube" width="10.2" height="10.2" />
                                <rect id="apy" x="209.3" y="555.5" class="rcube" width="9.9" height="9.9" />
                                <rect id="apz" x="231.1" y="555.7" class="rcube" width="9.5" height="9.5" />
                                <rect id="aqa" x="252.8" y="555.9" class="rcube" width="9.2" height="9.2" />
                                <rect id="aqb" x="274.6" y="556" class="rcube" width="8.9" height="8.9" />
                                <rect id="aqc" x="296.4" y="556.2" class="rcube" width="8.5" height="8.5" />
                                <rect id="aqd" x="318.1" y="556.4" class="rcube" width="8.2" height="8.2" />
                                <rect id="aqe" x="339.9" y="556.5" class="rcube" width="7.8" height="7.8" />
                                <rect id="aqf" x="361.6" y="556.7" class="rcube" width="7.5" height="7.5" />
                                <rect id="aqg" x="383.4" y="556.9" class="rcube" width="7.2" height="7.2" />
                                <rect id="aqh" x="405.1" y="557.1" class="rcube" width="6.8" height="6.8" />
                                <rect id="aqi" x="426.9" y="557.2" class="rcube" width="6.5" height="6.5" />
                                <rect id="aqj" x="448.6" y="557.4" class="rcube" width="6.1" height="6.2" />
                                <rect id="aqk" x="470.4" y="557.6" class="rcube" width="5.8" height="5.8" />
                                <rect id="aql" x="492.2" y="557.8" class="rcube" width="5.5" height="5.5" />
                                <rect id="aqm" x="513.9" y="557.9" class="rcube" width="5.1" height="5.1" />
                                <rect id="aqn" x="535.7" y="558.1" class="rcube" width="4.8" height="4.8" />
                                <rect id="aqo" x="557.4" y="558.2" class="rcube" width="4.5" height="4.5" />
                                <rect id="aqp" x="579.2" y="558.4" class="rcube" width="4.1" height="4.1" />
                                <rect id="aqq" x="600.9" y="558.6" class="rcube" width="3.8" height="3.8" />
                                <rect id="aqr" x="622.7" y="558.8" class="rcube" width="3.4" height="3.4" />
                                <rect id="aqs" x="644.5" y="558.9" class="rcube" width="3.1" height="3.1" />
                                <rect id="aqt" x="666.2" y="559.1" class="rcube" width="2.8" height="2.8" />
                                <rect id="aqu" x="688" y="559.3" class="rcube" width="2.4" height="2.4" />
                                <rect id="aqv" x="709.7" y="559.4" class="rcube" width="2.1" height="2.1" />
                                <rect id="aqw" x="731.5" y="559.6" class="rcube" width="1.7" height="1.7" />
                                <rect id="aqx" x="753.2" y="559.8" class="rcube" width="1.4" height="1.4" />
                                <rect id="aqy" x="775" y="560" class="rcube" width="1.1" height="1.1" />
                                <rect id="aqz" x="796.7" y="560.1" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="ara">
                                <rect id="arb" x="13.3" y="572.8" class="rcube" width="13.4" height="13.3" />
                                <rect id="arc" x="35.1" y="572.9" class="rcube" width="13" height="13" />
                                <rect id="ard" x="56.8" y="573.1" class="rcube" width="12.7" height="12.7" />
                                <rect id="are" x="78.6" y="573.3" class="rcube" width="12.3" height="12.3" />
                                <rect id="arf" x="100.4" y="573.5" class="rcube" width="11.9" height="12" />
                                <rect id="arg" x="122.1" y="573.6" class="rcube" width="11.6" height="11.6" />
                                <rect id="arh" x="143.9" y="573.8" class="rcube" width="11.2" height="11.2" />
                                <rect id="ari" x="165.6" y="574" class="rcube" width="10.9" height="10.9" />
                                <rect id="arj" x="187.4" y="574.2" class="rcube" width="10.5" height="10.5" />
                                <rect id="ark" x="209.2" y="574.3" class="rcube" width="10.2" height="10.2" />
                                <rect id="arl" x="230.9" y="574.5" class="rcube" width="9.9" height="9.8" />
                                <rect id="arm" x="252.7" y="574.7" class="rcube" width="9.5" height="9.5" />
                                <rect id="arn" x="274.5" y="574.9" class="rcube" width="9.1" height="9.2" />
                                <rect id="aro" x="296.2" y="575" class="rcube" width="8.8" height="8.8" />
                                <rect id="arp" x="318" y="575.2" class="rcube" width="8.4" height="8.4" />
                                <rect id="arq" x="339.7" y="575.4" class="rcube" width="8.1" height="8.1" />
                                <rect id="arr" x="361.5" y="575.6" class="rcube" width="7.7" height="7.7" />
                                <rect id="ars" x="383.3" y="575.7" class="rcube" width="7.4" height="7.4" />
                                <rect id="art" x="405" y="575.9" class="rcube" width="7" height="7" />
                                <rect id="aru" x="426.8" y="576.1" class="rcube" width="6.7" height="6.7" />
                                <rect id="arv" x="448.5" y="576.3" class="rcube" width="6.3" height="6.3" />
                                <rect id="arw" x="470.3" y="576.4" class="rcube" width="6" height="6" />
                                <rect id="arx" x="492.1" y="576.6" class="rcube" width="5.6" height="5.6" />
                                <rect id="ary" x="513.8" y="576.8" class="rcube" width="5.3" height="5.3" />
                                <rect id="arz" x="535.6" y="577" class="rcube" width="4.9" height="4.9" />
                                <rect id="asa" x="557.4" y="577.1" class="rcube" width="4.6" height="4.6" />
                                <rect id="asb" x="579.1" y="577.3" class="rcube" width="4.2" height="4.2" />
                                <rect id="asc" x="600.9" y="577.5" class="rcube" width="3.9" height="3.9" />
                                <rect id="asd" x="622.7" y="577.7" class="rcube" width="3.5" height="3.5" />
                                <rect id="ase" x="644.4" y="577.8" class="rcube" width="3.2" height="3.2" />
                                <rect id="asf" x="666.2" y="578" class="rcube" width="2.8" height="2.8" />
                                <rect id="asg" x="687.9" y="578.2" class="rcube" width="2.5" height="2.5" />
                                <rect id="ash" x="709.7" y="578.4" class="rcube" width="2.1" height="2.1" />
                                <rect id="asi" x="731.5" y="578.5" class="rcube" width="1.8" height="1.8" />
                                <rect id="asj" x="753.2" y="578.7" class="rcube" width="1.4" height="1.4" />
                                <rect id="ask" x="775" y="578.9" class="rcube" width="1.1" height="1.1" />
                                <rect id="asl" x="796.7" y="579.1" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="asm">
                                <rect id="asn" x="13.1" y="591.5" class="rcube" width="13.8" height="13.8" />
                                <rect id="aso" x="34.9" y="591.7" class="rcube" width="13.4" height="13.4" />
                                <rect id="asp" x="56.7" y="591.9" class="rcube" width="13.1" height="13" />
                                <rect id="asq" x="78.4" y="592" class="rcube" width="12.7" height="12.7" />
                                <rect id="asr" x="100.2" y="592.2" class="rcube" width="12.3" height="12.3" />
                                <rect id="ass" x="121.9" y="592.4" class="rcube" width="12" height="12" />
                                <rect id="ast" x="143.7" y="592.6" class="rcube" width="11.6" height="11.6" />
                                <rect id="asu" x="165.5" y="592.8" class="rcube" width="11.2" height="11.2" />
                                <rect id="asv" x="187.2" y="593" class="rcube" width="10.9" height="10.9" />
                                <rect id="asw" x="209" y="593.1" class="rcube" width="10.5" height="10.5" />
                                <rect id="asx" x="230.8" y="593.3" class="rcube" width="10.1" height="10.2" />
                                <rect id="asy" x="252.6" y="593.5" class="rcube" width="9.8" height="9.8" />
                                <rect id="asz" x="274.3" y="593.7" class="rcube" width="9.4" height="9.4" />
                                <rect id="ata" x="296.1" y="593.9" class="rcube" width="9.1" height="9.1" />
                                <rect id="atb" x="317.9" y="594" class="rcube" width="8.7" height="8.7" />
                                <rect id="atc" x="339.6" y="594.2" class="rcube" width="8.3" height="8.3" />
                                <rect id="atd" x="361.4" y="594.4" class="rcube" width="8" height="8" />
                                <rect id="ate" x="383.2" y="594.6" class="rcube" width="7.6" height="7.6" />
                                <rect id="atf" x="404.9" y="594.8" class="rcube" width="7.2" height="7.2" />
                                <rect id="atg" x="426.7" y="594.9" class="rcube" width="6.9" height="6.9" />
                                <rect id="ath" x="448.5" y="595.1" class="rcube" width="6.5" height="6.5" />
                                <rect id="ati" x="470.2" y="595.3" class="rcube" width="6.2" height="6.2" />
                                <rect id="atj" x="492" y="595.5" class="rcube" width="5.8" height="5.8" />
                                <rect id="atk" x="513.8" y="595.7" class="rcube" width="5.4" height="5.4" />
                                <rect id="atl" x="535.5" y="595.8" class="rcube" width="5.1" height="5.1" />
                                <rect id="atm" x="557.3" y="596" class="rcube" width="4.7" height="4.7" />
                                <rect id="atn" x="579.1" y="596.2" class="rcube" width="4.3" height="4.3" />
                                <rect id="ato" x="600.8" y="596.4" class="rcube" width="4" height="4" />
                                <rect id="atp" x="622.6" y="596.6" class="rcube" width="3.6" height="3.6" />
                                <rect id="atq" x="644.4" y="596.8" class="rcube" width="3.3" height="3.3" />
                                <rect id="atr" x="666.1" y="596.9" class="rcube" width="2.9" height="2.9" />
                                <rect id="ats" x="687.9" y="597.1" class="rcube" width="2.5" height="2.5" />
                                <rect id="att" x="709.7" y="597.3" class="rcube" width="2.2" height="2.2" />
                                <rect id="atu" x="731.5" y="597.5" class="rcube" width="1.8" height="1.8" />
                                <rect id="atv" x="753.2" y="597.7" class="rcube" width="1.4" height="1.4" />
                                <rect id="atw" x="775" y="597.8" class="rcube" width="1.1" height="1.1" />
                                <rect id="atx" x="796.7" y="598" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="aty">
                                <rect id="atz" x="12.9" y="610.2" class="rcube" width="14.2" height="14.2" />
                                <rect id="aua" x="34.7" y="610.4" class="rcube" width="13.8" height="13.8" />
                                <rect id="aub" x="56.4" y="610.6" class="rcube" width="13.5" height="13.5" />
                                <rect id="auc" x="78.2" y="610.8" class="rcube" width="13.1" height="13.1" />
                                <rect id="aud" x="100" y="611" class="rcube" width="12.7" height="12.7" />
                                <rect id="aue" x="121.8" y="611.2" class="rcube" width="12.3" height="12.3" />
                                <rect id="auf" x="143.5" y="611.4" class="rcube" width="11.9" height="12" />
                                <rect id="aug" x="165.3" y="611.5" class="rcube" width="11.6" height="11.6" />
                                <rect id="auh" x="187.1" y="611.7" class="rcube" width="11.2" height="11.2" />
                                <rect id="aui" x="208.9" y="611.9" class="rcube" width="10.8" height="10.8" />
                                <rect id="auj" x="230.6" y="612.1" class="rcube" width="10.5" height="10.5" />
                                <rect id="auk" x="252.4" y="612.3" class="rcube" width="10.1" height="10.1" />
                                <rect id="aul" x="274.2" y="612.5" class="rcube" width="9.7" height="9.7" />
                                <rect id="aum" x="296" y="612.7" class="rcube" width="9.3" height="9.3" />
                                <rect id="aun" x="317.7" y="612.9" class="rcube" width="9" height="9" />
                                <rect id="auo" x="339.5" y="613" class="rcube" width="8.6" height="8.6" />
                                <rect id="aup" x="361.3" y="613.2" class="rcube" width="8.2" height="8.2" />
                                <rect id="auq" x="383" y="613.4" class="rcube" width="7.8" height="7.8" />
                                <rect id="aur" x="404.8" y="613.6" class="rcube" width="7.5" height="7.5" />
                                <rect id="aus" x="426.6" y="613.8" class="rcube" width="7.1" height="7.1" />
                                <rect id="aut" x="448.4" y="614" class="rcube" width="6.7" height="6.7" />
                                <rect id="auu" x="470.1" y="614.2" class="rcube" width="6.3" height="6.3" />
                                <rect id="auv" x="491.9" y="614.4" class="rcube" width="6" height="6" />
                                <rect id="auw" x="513.7" y="614.5" class="rcube" width="5.6" height="5.6" />
                                <rect id="aux" x="535.5" y="614.7" class="rcube" width="5.2" height="5.2" />
                                <rect id="auy" x="557.2" y="614.9" class="rcube" width="4.8" height="4.8" />
                                <rect id="auz" x="579" y="615.1" class="rcube" width="4.5" height="4.5" />
                                <rect id="ava" x="600.8" y="615.3" class="rcube" width="4.1" height="4.1" />
                                <rect id="avb" x="622.6" y="615.5" class="rcube" width="3.7" height="3.7" />
                                <rect id="avc" x="644.3" y="615.7" class="rcube" width="3.3" height="3.3" />
                                <rect id="avd" x="666.1" y="615.9" class="rcube" width="3" height="3" />
                                <rect id="ave" x="687.9" y="616" class="rcube" width="2.6" height="2.6" />
                                <rect id="avf" x="709.7" y="616.2" class="rcube" width="2.2" height="2.2" />
                                <rect id="avg" x="731.4" y="616.4" class="rcube" width="1.8" height="1.8" />
                                <rect id="avh" x="753.2" y="616.6" class="rcube" width="1.5" height="1.5" />
                                <rect id="avi" x="775" y="616.8" class="rcube" width="1.1" height="1.1" />
                                <rect id="avj" x="796.7" y="617" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="avk">
                                <rect id="avl" x="12.7" y="629" class="rcube" width="14.6" height="14.6" />
                                <rect id="avm" x="34.5" y="629.2" class="rcube" width="14.2" height="14.2" />
                                <rect id="avn" x="56.2" y="629.4" class="rcube" width="13.9" height="13.8" />
                                <rect id="avo" x="78" y="629.6" class="rcube" width="13.5" height="13.5" />
                                <rect id="avp" x="99.8" y="629.8" class="rcube" width="13.1" height="13.1" />
                                <rect id="avq" x="121.6" y="630" class="rcube" width="12.7" height="12.7" />
                                <rect id="avr" x="143.4" y="630.2" class="rcube" width="12.3" height="12.3" />
                                <rect id="avs" x="165.1" y="630.3" class="rcube" width="11.9" height="11.9" />
                                <rect id="avt" x="186.9" y="630.5" class="rcube" width="11.5" height="11.5" />
                                <rect id="avu" x="208.7" y="630.7" class="rcube" width="11.1" height="11.1" />
                                <rect id="avv" x="230.5" y="630.9" class="rcube" width="10.8" height="10.8" />
                                <rect id="avw" x="252.2" y="631.1" class="rcube" width="10.4" height="10.4" />
                                <rect id="avx" x="274" y="631.3" class="rcube" width="10" height="10" />
                                <rect id="avy" x="295.8" y="631.5" class="rcube" width="9.6" height="9.6" />
                                <rect id="avz" x="317.6" y="631.7" class="rcube" width="9.2" height="9.2" />
                                <rect id="awa" x="339.4" y="631.9" class="rcube" width="8.8" height="8.8" />
                                <rect id="awb" x="361.2" y="632.1" class="rcube" width="8.4" height="8.4" />
                                <rect id="awc" x="382.9" y="632.3" class="rcube" width="8" height="8" />
                                <rect id="awd" x="404.7" y="632.5" class="rcube" width="7.7" height="7.7" />
                                <rect id="awe" x="426.5" y="632.7" class="rcube" width="7.3" height="7.3" />
                                <rect id="awf" x="448.3" y="632.8" class="rcube" width="6.9" height="6.9" />
                                <rect id="awg" x="470" y="633" class="rcube" width="6.5" height="6.5" />
                                <rect id="awh" x="491.8" y="633.2" class="rcube" width="6.1" height="6.1" />
                                <rect id="awi" x="513.6" y="633.4" class="rcube" width="5.7" height="5.7" />
                                <rect id="awj" x="535.4" y="633.6" class="rcube" width="5.3" height="5.3" />
                                <rect id="awk" x="557.2" y="633.8" class="rcube" width="5" height="5" />
                                <rect id="awl" x="579" y="634" class="rcube" width="4.6" height="4.6" />
                                <rect id="awm" x="600.7" y="634.2" class="rcube" width="4.2" height="4.2" />
                                <rect id="awn" x="622.5" y="634.4" class="rcube" width="3.8" height="3.8" />
                                <rect id="awo" x="644.3" y="634.6" class="rcube" width="3.4" height="3.4" />
                                <rect id="awp" x="666.1" y="634.8" class="rcube" width="3" height="3" />
                                <rect id="awq" x="687.8" y="635" class="rcube" width="2.7" height="2.7" />
                                <rect id="awr" x="709.6" y="635.2" class="rcube" width="2.3" height="2.3" />
                                <rect id="aws" x="731.4" y="635.3" class="rcube" width="1.9" height="1.9" />
                                <rect id="awt" x="753.2" y="635.5" class="rcube" width="1.5" height="1.5" />
                                <rect id="awu" x="775" y="635.7" class="rcube" width="1.1" height="1.1" />
                                <rect id="awv" x="796.7" y="635.9" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="aww">
                                <rect id="awx" x="12.5" y="647.7" class="rcube" width="15" height="15" />
                                <rect id="awy" x="34.3" y="647.9" class="rcube" width="14.6" height="14.6" />
                                <rect id="awz" x="56" y="648.1" class="rcube" width="14.2" height="14.2" />
                                <rect id="axa" x="77.8" y="648.3" class="rcube" width="13.8" height="13.8" />
                                <rect id="axb" x="99.6" y="648.5" class="rcube" width="13.4" height="13.5" />
                                <rect id="axc" x="121.4" y="648.7" class="rcube" width="13" height="13" />
                                <rect id="axd" x="143.2" y="648.9" class="rcube" width="12.7" height="12.7" />
                                <rect id="axe" x="165" y="649.1" class="rcube" width="12.3" height="12.3" />
                                <rect id="axf" x="186.8" y="649.3" class="rcube" width="11.9" height="11.8" />
                                <rect id="axg" x="208.5" y="649.5" class="rcube" width="11.5" height="11.5" />
                                <rect id="axh" x="230.3" y="649.7" class="rcube" width="11.1" height="11.1" />
                                <rect id="axi" x="252.1" y="649.9" class="rcube" width="10.7" height="10.7" />
                                <rect id="axj" x="273.9" y="650.1" class="rcube" width="10.3" height="10.3" />
                                <rect id="axk" x="295.7" y="650.3" class="rcube" width="9.9" height="9.9" />
                                <rect id="axl" x="317.5" y="650.5" class="rcube" width="9.5" height="9.5" />
                                <rect id="axm" x="339.2" y="650.7" class="rcube" width="9.1" height="9.1" />
                                <rect id="axn" x="361" y="650.9" class="rcube" width="8.7" height="8.7" />
                                <rect id="axo" x="382.8" y="651.1" class="rcube" width="8.3" height="8.3" />
                                <rect id="axp" x="404.6" y="651.3" class="rcube" width="7.9" height="7.9" />
                                <rect id="axq" x="426.4" y="651.5" class="rcube" width="7.5" height="7.5" />
                                <rect id="axr" x="448.2" y="651.7" class="rcube" width="7.1" height="7.1" />
                                <rect id="axs" x="470" y="651.9" class="rcube" width="6.7" height="6.7" />
                                <rect id="axt" x="491.8" y="652.1" class="rcube" width="6.3" height="6.3" />
                                <rect id="axu" x="513.5" y="652.3" class="rcube" width="5.9" height="5.9" />
                                <rect id="axv" x="535.3" y="652.5" class="rcube" width="5.5" height="5.5" />
                                <rect id="axw" x="557.1" y="652.7" class="rcube" width="5.1" height="5.1" />
                                <rect id="axx" x="578.9" y="652.9" class="rcube" width="4.7" height="4.7" />
                                <rect id="axy" x="600.7" y="653.1" class="rcube" width="4.3" height="4.3" />
                                <rect id="axz" x="622.5" y="653.3" class="rcube" width="3.9" height="3.9" />
                                <rect id="aya" x="644.2" y="653.5" class="rcube" width="3.5" height="3.5" />
                                <rect id="ayb" x="666" y="653.7" class="rcube" width="3.1" height="3.1" />
                                <rect id="ayc" x="687.8" y="653.9" class="rcube" width="2.7" height="2.7" />
                                <rect id="ayd" x="709.6" y="654.1" class="rcube" width="2.3" height="2.3" />
                                <rect id="aye" x="731.4" y="654.3" class="rcube" width="1.9" height="1.9" />
                                <rect id="ayf" x="753.2" y="654.5" class="rcube" width="1.5" height="1.5" />
                                <rect id="ayg" x="775" y="654.7" class="rcube" width="1.1" height="1.1" />
                                <rect id="ayh" x="796.7" y="654.9" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="ayi">
                                <rect id="ayj" x="12.3" y="666.5" class="rcube" width="15.5" height="15.5" />
                                <rect id="ayk" x="34.1" y="666.7" class="rcube" width="15" height="15" />
                                <rect id="ayl" x="55.8" y="666.9" class="rcube" width="14.6" height="14.6" />
                                <rect id="aym" x="77.6" y="667.1" class="rcube" width="14.2" height="14.2" />
                                <rect id="ayn" x="99.4" y="667.3" class="rcube" width="13.8" height="13.8" />
                                <rect id="ayo" x="121.2" y="667.5" class="rcube" width="13.4" height="13.4" />
                                <rect id="ayp" x="143" y="667.7" class="rcube" width="13" height="13" />
                                <rect id="ayq" x="164.8" y="667.9" class="rcube" width="12.6" height="12.6" />
                                <rect id="ayr" x="186.6" y="668.1" class="rcube" width="12.2" height="12.2" />
                                <rect id="ays" x="208.4" y="668.3" class="rcube" width="11.8" height="11.8" />
                                <rect id="ayt" x="230.2" y="668.5" class="rcube" width="11.4" height="11.4" />
                                <rect id="ayu" x="252" y="668.7" class="rcube" width="11" height="11" />
                                <rect id="ayv" x="273.8" y="668.9" class="rcube" width="10.5" height="10.5" />
                                <rect id="ayw" x="295.5" y="669.1" class="rcube" width="10.1" height="10.1" />
                                <rect id="ayx" x="317.3" y="669.3" class="rcube" width="9.7" height="9.7" />
                                <rect id="ayy" x="339.1" y="669.5" class="rcube" width="9.3" height="9.3" />
                                <rect id="ayz" x="360.9" y="669.8" class="rcube" width="8.9" height="8.9" />
                                <rect id="aza" x="382.7" y="670" class="rcube" width="8.5" height="8.5" />
                                <rect id="azb" x="404.5" y="670.2" class="rcube" width="8.1" height="8.1" />
                                <rect id="azc" x="426.3" y="670.4" class="rcube" width="7.7" height="7.7" />
                                <rect id="azd" x="448.1" y="670.6" class="rcube" width="7.3" height="7.3" />
                                <rect id="aze" x="469.9" y="670.8" class="rcube" width="6.9" height="6.9" />
                                <rect id="azf" x="491.7" y="671" class="rcube" width="6.5" height="6.5" />
                                <rect id="azg" x="513.5" y="671.2" class="rcube" width="6" height="6" />
                                <rect id="azh" x="535.2" y="671.4" class="rcube" width="5.6" height="5.6" />
                                <rect id="azi" x="557" y="671.6" class="rcube" width="5.2" height="5.2" />
                                <rect id="azj" x="578.8" y="671.8" class="rcube" width="4.8" height="4.8" />
                                <rect id="azk" x="600.6" y="672" class="rcube" width="4.4" height="4.4" />
                                <rect id="azl" x="622.4" y="672.2" class="rcube" width="4" height="4" />
                                <rect id="azm" x="644.2" y="672.4" class="rcube" width="3.6" height="3.6" />
                                <rect id="azn" x="666" y="672.6" class="rcube" width="3.2" height="3.2" />
                                <rect id="azo" x="687.8" y="672.8" class="rcube" width="2.8" height="2.8" />
                                <rect id="azp" x="709.6" y="673" class="rcube" width="2.4" height="2.4" />
                                <rect id="azq" x="731.4" y="673.2" class="rcube" width="2" height="2" />
                                <rect id="azr" x="753.2" y="673.4" class="rcube" width="1.5" height="1.5" />
                                <rect id="azs" x="775" y="673.6" class="rcube" width="1.1" height="1.1" />
                                <rect id="azt" x="796.7" y="673.8" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="azu">
                                <rect id="azv" x="12.1" y="685.2" class="rcube" width="15.9" height="15.9" />
                                <rect id="azw" x="33.8" y="685.4" class="rcube" width="15.5" height="15.5" />
                                <rect id="azx" x="55.7" y="685.6" class="rcube" width="15" height="15" />
                                <rect id="azy" x="77.4" y="685.8" class="rcube" width="14.6" height="14.6" />
                                <rect id="azz" x="99.2" y="686.1" class="rcube" width="14.2" height="14.2" />
                                <rect id="baa" x="121" y="686.3" class="rcube" width="13.8" height="13.8" />
                                <rect id="bab" x="142.8" y="686.5" class="rcube" width="13.4" height="13.3" />
                                <rect id="bac" x="164.6" y="686.7" class="rcube" width="12.9" height="12.9" />
                                <rect id="bad" x="186.4" y="686.9" class="rcube" width="12.5" height="12.5" />
                                <rect id="bae" x="208.2" y="687.1" class="rcube" width="12.1" height="12.1" />
                                <rect id="baf" x="230" y="687.3" class="rcube" width="11.7" height="11.7" />
                                <rect id="bag" x="251.8" y="687.5" class="rcube" width="11.2" height="11.2" />
                                <rect id="bah" x="273.6" y="687.7" class="rcube" width="10.8" height="10.8" />
                                <rect id="bai" x="295.4" y="688" class="rcube" width="10.4" height="10.4" />
                                <rect id="baj" x="317.2" y="688.2" class="rcube" width="10" height="10" />
                                <rect id="bak" x="339" y="688.4" class="rcube" width="9.6" height="9.6" />
                                <rect id="bal" x="360.8" y="688.6" class="rcube" width="9.1" height="9.2" />
                                <rect id="bam" x="382.6" y="688.8" class="rcube" width="8.7" height="8.7" />
                                <rect id="ban" x="404.4" y="689" class="rcube" width="8.3" height="8.3" />
                                <rect id="bao" x="426.2" y="689.2" class="rcube" width="7.9" height="7.9" />
                                <rect id="bap" x="448" y="689.4" class="rcube" width="7.5" height="7.5" />
                                <rect id="baq" x="469.8" y="689.6" class="rcube" width="7" height="7" />
                                <rect id="bar" x="491.6" y="689.8" class="rcube" width="6.6" height="6.6" />
                                <rect id="bas" x="513.4" y="690.1" class="rcube" width="6.2" height="6.2" />
                                <rect id="bat" x="535.2" y="690.3" class="rcube" width="5.8" height="5.8" />
                                <rect id="bau" x="557" y="690.5" class="rcube" width="5.3" height="5.3" />
                                <rect id="bav" x="578.8" y="690.7" class="rcube" width="4.9" height="4.9" />
                                <rect id="baw" x="600.6" y="690.9" class="rcube" width="4.5" height="4.5" />
                                <rect id="bax" x="622.4" y="691.1" class="rcube" width="4.1" height="4.1" />
                                <rect id="bay" x="644.2" y="691.3" class="rcube" width="3.7" height="3.7" />
                                <rect id="baz" x="666" y="691.5" class="rcube" width="3.2" height="3.2" />
                                <rect id="bba" x="687.8" y="691.7" class="rcube" width="2.8" height="2.8" />
                                <rect id="bbb" x="709.6" y="692" class="rcube" width="2.4" height="2.4" />
                                <rect id="bbc" x="731.3" y="692.2" class="rcube" width="2" height="2" />
                                <rect id="bbd" x="753.2" y="692.4" class="rcube" width="1.6" height="1.6" />
                                <rect id="bbe" x="775" y="692.6" class="rcube" width="1.1" height="1.1" />
                                <rect id="bbf" x="796.7" y="692.8" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="bbg">
                                <rect id="bbh" x="11.9" y="704" class="rcube" width="16.3" height="16.3" />
                                <rect id="bbi" x="33.7" y="704.2" class="rcube" width="15.9" height="15.9" />
                                <rect id="bbj" x="55.5" y="704.4" class="rcube" width="15.4" height="15.4" />
                                <rect id="bbk" x="77.2" y="704.6" class="rcube" width="15" height="15" />
                                <rect id="bbl" x="99.1" y="704.8" class="rcube" width="14.6" height="14.6" />
                                <rect id="bbm" x="120.9" y="705" class="rcube" width="14.1" height="14.1" />
                                <rect id="bbn" x="142.7" y="705.2" class="rcube" width="13.7" height="13.7" />
                                <rect id="bbo" x="164.5" y="705.5" class="rcube" width="13.3" height="13.3" />
                                <rect id="bbp" x="186.3" y="705.7" class="rcube" width="12.8" height="12.8" />
                                <rect id="bbq" x="208.1" y="705.9" class="rcube" width="12.4" height="12.4" />
                                <rect id="bbr" x="229.9" y="706.1" class="rcube" width="12" height="12" />
                                <rect id="bbs" x="251.7" y="706.3" class="rcube" width="11.5" height="11.5" />
                                <rect id="bbt" x="273.5" y="706.6" class="rcube" width="11.1" height="11.1" />
                                <rect id="bbu" x="295.3" y="706.8" class="rcube" width="10.7" height="10.7" />
                                <rect id="bbv" x="317.1" y="707" class="rcube" width="10.2" height="10.2" />
                                <rect id="bbw" x="338.9" y="707.2" class="rcube" width="9.8" height="9.8" />
                                <rect id="bbx" x="360.7" y="707.4" class="rcube" width="9.4" height="9.4" />
                                <rect id="bby" x="382.5" y="707.6" class="rcube" width="8.9" height="8.9" />
                                <rect id="bbz" x="404.3" y="707.8" class="rcube" width="8.5" height="8.5" />
                                <rect id="bca" x="426.1" y="708.1" class="rcube" width="8.1" height="8.1" />
                                <rect id="bcb" x="447.9" y="708.3" class="rcube" width="7.6" height="7.7" />
                                <rect id="bcc" x="469.7" y="708.5" class="rcube" width="7.2" height="7.2" />
                                <rect id="bcd" x="491.5" y="708.7" class="rcube" width="6.8" height="6.8" />
                                <rect id="bce" x="513.3" y="708.9" class="rcube" width="6.3" height="6.3" />
                                <rect id="bcf" x="535.1" y="709.2" class="rcube" width="5.9" height="5.9" />
                                <rect id="bcg" x="556.9" y="709.4" class="rcube" width="5.5" height="5.5" />
                                <rect id="bch" x="578.7" y="709.6" class="rcube" width="5" height="5" />
                                <rect id="bci" x="600.5" y="709.8" class="rcube" width="4.6" height="4.6" />
                                <rect id="bcj" x="622.3" y="710" class="rcube" width="4.2" height="4.2" />
                                <rect id="bck" x="644.1" y="710.2" class="rcube" width="3.8" height="3.8" />
                                <rect id="bcl" x="665.9" y="710.5" class="rcube" width="3.3" height="3.3" />
                                <rect id="bcm" x="687.7" y="710.7" class="rcube" width="2.9" height="2.9" />
                                <rect id="bcn" x="709.5" y="710.9" class="rcube" width="2.5" height="2.5" />
                                <rect id="bco" x="731.3" y="711.1" class="rcube" width="2" height="2" />
                                <rect id="bcp" x="753.1" y="711.3" class="rcube" width="1.6" height="1.6" />
                                <rect id="bcq" x="774.9" y="711.5" class="rcube" width="1.2" height="1.2" />
                                <rect id="bcr" x="796.7" y="711.8" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="bcs">
                                <rect id="bct" x="11.6" y="722.7" class="rcube" width="16.7" height="16.7" />
                                <rect id="bcu" x="33.4" y="722.9" class="rcube" width="16.3" height="16.3" />
                                <rect id="bcv" x="55.2" y="723.1" class="rcube" width="15.8" height="15.8" />
                                <rect id="bcw" x="77.1" y="723.4" class="rcube" width="15.4" height="15.4" />
                                <rect id="bcx" x="98.9" y="723.6" class="rcube" width="14.9" height="15" />
                                <rect id="bcy" x="120.7" y="723.8" class="rcube" width="14.5" height="14.5" />
                                <rect id="bcz" x="142.5" y="724" class="rcube" width="14.1" height="14" />
                                <rect id="bda" x="164.3" y="724.3" class="rcube" width="13.6" height="13.6" />
                                <rect id="bdb" x="186.1" y="724.5" class="rcube" width="13.2" height="13.2" />
                                <rect id="bdc" x="207.9" y="724.7" class="rcube" width="12.7" height="12.7" />
                                <rect id="bdd" x="229.7" y="724.9" class="rcube" width="12.3" height="12.3" />
                                <rect id="bde" x="251.5" y="725.2" class="rcube" width="11.8" height="11.8" />
                                <rect id="bdf" x="273.3" y="725.4" class="rcube" width="11.4" height="11.4" />
                                <rect id="bdg" x="295.1" y="725.6" class="rcube" width="10.9" height="10.9" />
                                <rect id="bdh" x="317" y="725.8" class="rcube" width="10.5" height="10.5" />
                                <rect id="bdi" x="338.8" y="726" class="rcube" width="10.1" height="10.1" />
                                <rect id="bdj" x="360.6" y="726.2" class="rcube" width="9.6" height="9.6" />
                                <rect id="bdk" x="382.4" y="726.5" class="rcube" width="9.2" height="9.2" />
                                <rect id="bdl" x="404.2" y="726.7" class="rcube" width="8.7" height="8.7" />
                                <rect id="bdm" x="426" y="726.9" class="rcube" width="8.3" height="8.3" />
                                <rect id="bdn" x="447.8" y="727.2" class="rcube" width="7.8" height="7.8" />
                                <rect id="bdo" x="469.6" y="727.4" class="rcube" width="7.4" height="7.4" />
                                <rect id="bdp" x="491.4" y="727.6" class="rcube" width="7" height="7" />
                                <rect id="bdq" x="513.2" y="727.8" class="rcube" width="6.5" height="6.5" />
                                <rect id="bdr" x="535" y="728" class="rcube" width="6" height="6" />
                                <rect id="bds" x="556.8" y="728.3" class="rcube" width="5.6" height="5.6" />
                                <rect id="bdt" x="578.7" y="728.5" class="rcube" width="5.2" height="5.2" />
                                <rect id="bdu" x="600.5" y="728.7" class="rcube" width="4.7" height="4.7" />
                                <rect id="bdv" x="622.3" y="728.9" class="rcube" width="4.3" height="4.3" />
                                <rect id="bdw" x="644.1" y="729.2" class="rcube" width="3.8" height="3.8" />
                                <rect id="bdx" x="665.9" y="729.4" class="rcube" width="3.4" height="3.4" />
                                <rect id="bdy" x="687.7" y="729.6" class="rcube" width="2.9" height="2.9" />
                                <rect id="bdz" x="709.5" y="729.8" class="rcube" width="2.5" height="2.5" />
                                <rect id="bea" x="731.3" y="730" class="rcube" width="2" height="2" />
                                <rect id="beb" x="753.1" y="730.3" class="rcube" width="1.6" height="1.6" />
                                <rect id="bec" x="774.9" y="730.5" class="rcube" width="1.2" height="1.2" />
                                <rect id="bed" x="796.7" y="730.7" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="bee">
                                <rect id="bef" x="11.4" y="741.4" class="rcube" width="17.1" height="17.2" />
                                <rect id="beg" x="33.2" y="741.7" class="rcube" width="16.7" height="16.7" />
                                <rect id="beh" x="55" y="741.9" class="rcube" width="16.2" height="16.2" />
                                <rect id="bei" x="76.9" y="742.1" class="rcube" width="15.8" height="15.8" />
                                <rect id="bej" x="98.7" y="742.3" class="rcube" width="15.3" height="15.3" />
                                <rect id="bek" x="120.5" y="742.6" class="rcube" width="14.9" height="14.9" />
                                <rect id="bel" x="142.3" y="742.8" class="rcube" width="14.4" height="14.4" />
                                <rect id="bem" x="164.1" y="743" class="rcube" width="13.9" height="14" />
                                <rect id="ben" x="185.9" y="743.3" class="rcube" width="13.5" height="13.5" />
                                <rect id="beo" x="207.8" y="743.5" class="rcube" width="13" height="13" />
                                <rect id="bep" x="229.6" y="743.7" class="rcube" width="12.6" height="12.6" />
                                <rect id="beq" x="251.4" y="744" class="rcube" width="12.1" height="12.1" />
                                <rect id="ber" x="273.2" y="744.2" class="rcube" width="11.7" height="11.7" />
                                <rect id="bes" x="295" y="744.4" class="rcube" width="11.2" height="11.2" />
                                <rect id="bet" x="316.8" y="744.6" class="rcube" width="10.8" height="10.8" />
                                <rect id="beu" x="338.6" y="744.9" class="rcube" width="10.3" height="10.3" />
                                <rect id="bev" x="360.5" y="745.1" class="rcube" width="9.9" height="9.8" />
                                <rect id="bew" x="382.3" y="745.3" class="rcube" width="9.4" height="9.4" />
                                <rect id="bex" x="404.1" y="745.5" class="rcube" width="8.9" height="8.9" />
                                <rect id="bey" x="425.9" y="745.8" class="rcube" width="8.5" height="8.5" />
                                <rect id="bez" x="447.7" y="746" class="rcube" width="8" height="8" />
                                <rect id="bfa" x="469.5" y="746.2" class="rcube" width="7.6" height="7.6" />
                                <rect id="bfb" x="491.3" y="746.5" class="rcube" width="7.1" height="7.1" />
                                <rect id="bfc" x="513.2" y="746.7" class="rcube" width="6.7" height="6.7" />
                                <rect id="bfd" x="535" y="746.9" class="rcube" width="6.2" height="6.2" />
                                <rect id="bfe" x="556.8" y="747.2" class="rcube" width="5.7" height="5.7" />
                                <rect id="bff" x="578.6" y="747.4" class="rcube" width="5.3" height="5.3" />
                                <rect id="bfg" x="600.4" y="747.6" class="rcube" width="4.8" height="4.8" />
                                <rect id="bfh" x="622.2" y="747.8" class="rcube" width="4.4" height="4.4" />
                                <rect id="bfi" x="644" y="748.1" class="rcube" width="3.9" height="3.9" />
                                <rect id="bfj" x="665.9" y="748.3" class="rcube" width="3.5" height="3.5" />
                                <rect id="bfk" x="687.7" y="748.5" class="rcube" width="3" height="3" />
                                <rect id="bfl" x="709.5" y="748.8" class="rcube" width="2.5" height="2.5" />
                                <rect id="bfm" x="731.3" y="749" class="rcube" width="2.1" height="2.1" />
                                <rect id="bfn" x="753.1" y="749.2" class="rcube" width="1.6" height="1.6" />
                                <rect id="bfo" x="774.9" y="749.4" class="rcube" width="1.2" height="1.2" />
                                <rect id="bfp" x="796.7" y="749.7" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="bfq">
                                <rect id="bfr" x="11.2" y="760.2" class="rcube" width="17.6" height="17.6" />
                                <rect id="bfs" x="33" y="760.4" class="rcube" width="17.1" height="17.1" />
                                <rect id="bft" x="54.8" y="760.7" class="rcube" width="16.6" height="16.6" />
                                <rect id="bfu" x="76.7" y="760.9" class="rcube" width="16.2" height="16.2" />
                                <rect id="bfv" x="98.5" y="761.1" class="rcube" width="15.7" height="15.7" />
                                <rect id="bfw" x="120.3" y="761.4" class="rcube" width="15.2" height="15.2" />
                                <rect id="bfx" x="142.1" y="761.6" class="rcube" width="14.8" height="14.8" />
                                <rect id="bfy" x="163.9" y="761.8" class="rcube" width="14.3" height="14.3" />
                                <rect id="bfz" x="185.8" y="762.1" class="rcube" width="13.8" height="13.8" />
                                <rect id="bga" x="207.6" y="762.3" class="rcube" width="13.4" height="13.3" />
                                <rect id="bgb" x="229.4" y="762.5" class="rcube" width="12.9" height="12.9" />
                                <rect id="bgc" x="251.2" y="762.8" class="rcube" width="12.4" height="12.4" />
                                <rect id="bgd" x="273" y="763" class="rcube" width="12" height="12" />
                                <rect id="bge" x="294.9" y="763.2" class="rcube" width="11.5" height="11.5" />
                                <rect id="bgf" x="316.7" y="763.5" class="rcube" width="11" height="11" />
                                <rect id="bgg" x="338.5" y="763.7" class="rcube" width="10.5" height="10.5" />
                                <rect id="bgh" x="360.3" y="763.9" class="rcube" width="10.1" height="10.1" />
                                <rect id="bgi" x="382.2" y="764.2" class="rcube" width="9.6" height="9.6" />
                                <rect id="bgj" x="404" y="764.4" class="rcube" width="9.1" height="9.2" />
                                <rect id="bgk" x="425.8" y="764.6" class="rcube" width="8.7" height="8.7" />
                                <rect id="bgl" x="447.6" y="764.9" class="rcube" width="8.2" height="8.2" />
                                <rect id="bgm" x="469.4" y="765.1" class="rcube" width="7.7" height="7.7" />
                                <rect id="bgn" x="491.3" y="765.3" class="rcube" width="7.3" height="7.3" />
                                <rect id="bgo" x="513.1" y="765.6" class="rcube" width="6.8" height="6.8" />
                                <rect id="bgp" x="534.9" y="765.8" class="rcube" width="6.3" height="6.3" />
                                <rect id="bgq" x="556.7" y="766" class="rcube" width="5.9" height="5.9" />
                                <rect id="bgr" x="578.5" y="766.3" class="rcube" width="5.4" height="5.4" />
                                <rect id="bgs" x="600.4" y="766.5" class="rcube" width="4.9" height="4.9" />
                                <rect id="bgt" x="622.2" y="766.7" class="rcube" width="4.5" height="4.5" />
                                <rect id="bgu" x="644" y="767" class="rcube" width="4" height="4" />
                                <rect id="bgv" x="665.8" y="767.2" class="rcube" width="3.5" height="3.5" />
                                <rect id="bgw" x="687.6" y="767.4" class="rcube" width="3.1" height="3.1" />
                                <rect id="bgx" x="709.5" y="767.7" class="rcube" width="2.6" height="2.6" />
                                <rect id="bgy" x="731.3" y="767.9" class="rcube" width="2.1" height="2.1" />
                                <rect id="bgz" x="753.1" y="768.1" class="rcube" width="1.7" height="1.7" />
                                <rect id="bha" x="774.9" y="768.4" class="rcube" width="1.2" height="1.2" />
                                <rect id="bhb" x="796.7" y="768.6" class="rcube" width="0.7" height="0.7" />
                            </g>
                            <g id="bhc">
                                <rect id="bhd" x="11" y="778.9" class="rcube" width="18" height="18" />
                                <rect id="bhe" x="32.8" y="779.2" class="rcube" width="17.5" height="17.5" />
                                <rect id="bhf" x="54.7" y="779.4" class="rcube" width="17" height="17" />
                                <rect id="bhg" x="76.5" y="779.7" class="rcube" width="16.5" height="16.5" />
                                <rect id="bhh" x="98.3" y="779.9" class="rcube" width="16.1" height="16.1" />
                                <rect id="bhi" x="120.1" y="780.1" class="rcube" width="15.6" height="15.6" />
                                <rect id="bhj" x="142" y="780.4" class="rcube" width="15.1" height="15.1" />
                                <rect id="bhk" x="163.8" y="780.6" class="rcube" width="14.6" height="14.6" />
                                <rect id="bhl" x="185.6" y="780.8" class="rcube" width="14.1" height="14.2" />
                                <rect id="bhm" x="207.4" y="781.1" class="rcube" width="13.7" height="13.7" />
                                <rect id="bhn" x="229.3" y="781.3" class="rcube" width="13.2" height="13.2" />
                                <rect id="bho" x="251.1" y="781.6" class="rcube" width="12.7" height="12.7" />
                                <rect id="bhp" x="272.9" y="781.8" class="rcube" width="12.2" height="12.2" />
                                <rect id="bhq" x="294.7" y="782" class="rcube" width="11.8" height="11.8" />
                                <rect id="bhr" x="316.6" y="782.3" class="rcube" width="11.3" height="11.3" />
                                <rect id="bhs" x="338.4" y="782.5" class="rcube" width="10.8" height="10.8" />
                                <rect id="bht" x="360.2" y="782.8" class="rcube" width="10.3" height="10.3" />
                                <rect id="bhu" x="382" y="783" class="rcube" width="9.8" height="9.8" />
                                <rect id="bhv" x="403.9" y="783.2" class="rcube" width="9.4" height="9.4" />
                                <rect id="bhw" x="425.7" y="783.5" class="rcube" width="8.9" height="8.9" />
                                <rect id="bhx" x="447.5" y="783.7" class="rcube" width="8.4" height="8.4" />
                                <rect id="bhy" x="469.4" y="784" class="rcube" width="7.9" height="7.9" />
                                <rect id="bhz" x="491.2" y="784.2" class="rcube" width="7.4" height="7.4" />
                                <rect id="bia" x="513" y="784.4" class="rcube" width="7" height="7" />
                                <rect id="bib" x="534.8" y="784.7" class="rcube" width="6.5" height="6.5" />
                                <rect id="bic" x="556.7" y="784.9" class="rcube" width="6" height="6" />
                                <rect id="bid" x="578.5" y="785.2" class="rcube" width="5.5" height="5.5" />
                                <rect id="bie" x="600.3" y="785.4" class="rcube" width="5" height="5" />
                                <rect id="bif" x="622.1" y="785.7" class="rcube" width="4.6" height="4.6" />
                                <rect id="big" x="644" y="785.9" class="rcube" width="4.1" height="4.1" />
                                <rect id="bih" x="665.8" y="786.1" class="rcube" width="3.6" height="3.6" />
                                <rect id="bii" x="687.6" y="786.4" class="rcube" width="3.1" height="3.1" />
                                <rect id="bij" x="709.4" y="786.6" class="rcube" width="2.6" height="2.6" />
                                <rect id="bik" x="731.3" y="786.8" class="rcube" width="2.2" height="2.2" />
                                <rect id="bil" x="753.1" y="787.1" class="rcube" width="1.7" height="1.7" />
                                <rect id="bim" x="774.9" y="787.3" class="rcube" width="1.2" height="1.2" />
                                <rect id="bin" x="796.7" y="787.6" class="rcube" width="0.7" height="0.7" />
                            </g>
                        </g>
                    </g>
                </g>
            </svg>

        </span>

    </div>
</section>

<section class="relative pb-8 px-6 bg-gray-700 md:pb-16 md:px-9 lg:px-0 lg:pb-0 lg:h-px lg:min-h-[75vh]">
    <div class="relative mx-auto h-full flex flex-col z-10 lg:grid lg:grid-cols-12 lg:gap-x-5 lg:items-center">
        <div class="relative w-screen ml-[calc(50%-50vw)] lg:w-auto lg:col-start-1 lg:col-end-6 lg:ml-0 lg:h-full">

            <div class="relative md:h-full w-full ">
                <img class="h-full object-cover" src="/image/placeholder.jpg" alt="Alternativer Text" />

            </div>

            <div class="absolute bottom-0 left-0 w-full pointer-events-none bg-gradient-to-b from-transparent to-gray-700 h-full lg:bg-gradient-to-r"></div>
        </div>

        <div class="relative mt-8 lg:mt-0 lg:col-start-7 lg:col-end-12">

            <h1 class="text-white hyphens-auto text-left h2 ">
                Schraubautomaten

            </h1>

            <div class="flex flex-wrap gap-3 mb-8">

                <div class="inline-block text-xs py-1 px-2 bg-gray-600 text-white b-0 ">
                    Pressen
                </div>

                <div class="inline-block text-xs py-1 px-2 bg-gray-600 text-white b-0 ">
                    Fügen
                </div>

                <div class="inline-block text-xs py-1 px-2 bg-gray-600 text-white b-0 ">
                    Verkettung
                </div>
            </div>

            <div class="text-white text-left h5 ">
                Herstellung

            </div>

            <a class="btn cursor-pointer inline-flex items-center  bg-primary justify-between text-white py-4 px-6 rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                <span class="shrink-0">
                    Jetzt Produkt anfragen
                </span>

                <span class="inline-flex items-center w-4 h-4    ms-9 ">
                    <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.5 16.5">
                        <path id="b" d="m.75,15.75L15.75.75m0,0H4.5m11.25,0v11.25" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                    </svg>
                </span>

            </a>
        </div>
    </div>
</section>

<section class="relative py-12 md:py-20 md:px-9 lg:py lg:py-28 lg:px-12 xl:py-32">
    <div class="w-full mx-auto xl:grid xl:gap-y-8 xl:grid-cols-12 xl:gap-x-8">
        <div class="grid gap-6 md:grid-cols-2 md:gap-6 lg:grid-cols-3 xl:col-start-2 xl:col-end-12">

            <div class="relative overflow-hidden pt-6 px-6 pb-14 w-full h-full flex flex-col md:pt-8 md:px-8 xl:pt-8 xl:px-8 aspect-square ">

                <div class="absolute top-0 left-0 w-full h-full">

                    <div class="relative h-full w-full ">
                        <img class="w-full h-full object-cover" src="/image/placeholder.jpg" alt="" />

                        <div class="absolute bottom-0 left-0 w-full pointer-events-none h-full bg-gray-600 opacity-80 md:bg-gradient-to-b md:from-transparent md:to-gray-700 md:opacity-90 md:bg-transparent h-full"></div>

                    </div>
                </div>

                <div class="relative z-10 mt-auto">
                    <div class="text-white font-bold text-xl mb-2 xl:mb-4">
                        19 Zoll Prüfrack 42 HE: 60 bis 1000 V, 15 bis 200 KW bis 450 A
                    </div>

                </div>

                <div class="absolute bottom-0 left-0 w-full  pointer-events-none bg-gradient-to-b from-transparent to-gray-700 opacity-50 f-full md:h-3/4"></div>
            </div>

            <div class="relative overflow-hidden pt-6 px-6 pb-14 w-full h-full flex flex-col md:pt-8 md:px-8 xl:pt-8 xl:px-8 aspect-square ">

                <div class="absolute top-0 left-0 w-full h-full">

                    <div class="relative h-full w-full ">
                        <img class="w-full h-full object-cover" src="/image/placeholder.jpg" alt="" />

                        <div class="absolute bottom-0 left-0 w-full pointer-events-none h-full bg-gray-600 opacity-80 md:bg-gradient-to-b md:from-transparent md:to-gray-700 md:opacity-90 md:bg-transparent h-full"></div>

                    </div>
                </div>

                <div class="relative z-10 mt-auto">
                    <div class="text-white font-bold text-xl mb-2 xl:mb-4">
                        19 Zoll Prüfracks 16 HE: 60 bis 120 V, 3 KW
                    </div>

                </div>

                <div class="absolute bottom-0 left-0 w-full  pointer-events-none bg-gradient-to-b from-transparent to-gray-700 opacity-50 f-full md:h-3/4"></div>
            </div>

            <div class="bg-primary aspect-square overflow-hidden">
                <div class="py-10 px-5 md:py-15 md:px-10">

                    <h5 class="text-white text-left h5 ">
                        Höhere Leistungen / Ströme / Spannungen auf Anfrage

                    </h5>

                </div>
            </div>
        </div>
    </div>
</section>

<section class="relative bg-primary py-12 px-6 md:py-20 md:px-9 lg:py lg:py-28 lg:px-12 xl:py-32">
    <div class="mx-auto xl:grid xl:gap-y-8 xl:grid-cols-12 xl:gap-x-8">
        <div class="relative xl:col-start-2 xl:col-end-12">

            <h2 class="text-white !mb-12 xl:!mb-24 text-left h3 ">
                Ihre Effizienz <br /> im Fokus

            </h2>

            <div class="grid gap-y-12 md:grid-cols-2 md:gap-12 lg:grid-cols-3 lg:gap-16">

                <div class="relative">
                    <div class="flex items-center mb-4">

                        <span class="inline-flex items-center w-8 h-8  text-white  mr-4 shrink-0 ">
                            <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="42.53" height="45.94" viewBox="0 0 42.53 45.94">
                                <path id="b" d="m41.77,12.72l-5.12-2.99m5.13,2.99v5.13m0-5.13l-5.13,2.99M.75,12.72l5.13-2.99M.75,12.72l5.13,2.99M.75,12.72v5.13m20.51,6.84l5.13-2.99m-5.13,2.99l-5.13-2.99m5.13,2.99v5.13m0,15.38l5.13-2.99m-5.13,2.99v-5.13m0,5.13l-5.13-2.99m0-38.46l5.13-2.99,5.13,2.99m15.38,24.36v5.13l-5.12,2.99m-30.77,0l-5.13-2.99v-5.13" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                            </svg>
                        </span>

                        <h5 class="!mb-0 text-left h5 text-white">
                            CAD Konstruktion

                        </h5>

                    </div>

                    <p class="text-white text-sm  leading-customText">Wir konstruieren nach Wunsch mit 3D CAD und Sie erhalten nach Absprache und Freigabe der Konstruktion die Übersichts- und Einzelteilzeichnungen, die Stücklisten, Ersatz- und Verschleißteillistensowie die für die Maschinenrichtlinie notwendigen Beschreibungen incl. Risikoanalysen etc. </p>

                </div>

                <div class="relative">
                    <div class="flex items-center mb-4">

                        <span class="inline-flex items-center w-8 h-8  text-white  mr-4 shrink-0 ">
                            <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="42.53" height="45.94" viewBox="0 0 42.53 45.94">
                                <path id="b" d="m41.77,12.72l-5.12-2.99m5.13,2.99v5.13m0-5.13l-5.13,2.99M.75,12.72l5.13-2.99M.75,12.72l5.13,2.99M.75,12.72v5.13m20.51,6.84l5.13-2.99m-5.13,2.99l-5.13-2.99m5.13,2.99v5.13m0,15.38l5.13-2.99m-5.13,2.99v-5.13m0,5.13l-5.13-2.99m0-38.46l5.13-2.99,5.13,2.99m15.38,24.36v5.13l-5.12,2.99m-30.77,0l-5.13-2.99v-5.13" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                            </svg>
                        </span>

                        <h5 class="!mb-0 text-left h5 text-white">
                            CAD Konstruktion

                        </h5>

                    </div>

                    <p class="text-white text-sm  leading-customText">Wir konstruieren nach Wunsch mit 3D CAD und Sie erhalten nach Absprache und Freigabe der Konstruktion die Übersichts- und Einzelteilzeichnungen, die Stücklisten, Ersatz- und Verschleißteillistensowie die für die Maschinenrichtlinie notwendigen Beschreibungen incl. Risikoanalysen etc. </p>

                </div>

                <div class="relative">
                    <div class="flex items-center mb-4">

                        <span class="inline-flex items-center w-8 h-8  text-white  mr-4 shrink-0 ">
                            <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="42.53" height="45.94" viewBox="0 0 42.53 45.94">
                                <path id="b" d="m41.77,12.72l-5.12-2.99m5.13,2.99v5.13m0-5.13l-5.13,2.99M.75,12.72l5.13-2.99M.75,12.72l5.13,2.99M.75,12.72v5.13m20.51,6.84l5.13-2.99m-5.13,2.99l-5.13-2.99m5.13,2.99v5.13m0,15.38l5.13-2.99m-5.13,2.99v-5.13m0,5.13l-5.13-2.99m0-38.46l5.13-2.99,5.13,2.99m15.38,24.36v5.13l-5.12,2.99m-30.77,0l-5.13-2.99v-5.13" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                            </svg>
                        </span>

                        <h5 class="!mb-0 text-left h5 text-white">
                            CAD Konstruktion

                        </h5>

                    </div>

                    <p class="text-white text-sm  leading-customText">Wir konstruieren nach Wunsch mit 3D CAD und Sie erhalten nach Absprache und Freigabe der Konstruktion die Übersichts- und Einzelteilzeichnungen, die Stücklisten, Ersatz- und Verschleißteillistensowie die für die Maschinenrichtlinie notwendigen Beschreibungen incl. Risikoanalysen etc. </p>

                </div>

                <div class="relative">
                    <div class="flex items-center mb-4">

                        <span class="inline-flex items-center w-8 h-8  text-white  mr-4 shrink-0 ">
                            <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="42.53" height="45.94" viewBox="0 0 42.53 45.94">
                                <path id="b" d="m41.77,12.72l-5.12-2.99m5.13,2.99v5.13m0-5.13l-5.13,2.99M.75,12.72l5.13-2.99M.75,12.72l5.13,2.99M.75,12.72v5.13m20.51,6.84l5.13-2.99m-5.13,2.99l-5.13-2.99m5.13,2.99v5.13m0,15.38l5.13-2.99m-5.13,2.99v-5.13m0,5.13l-5.13-2.99m0-38.46l5.13-2.99,5.13,2.99m15.38,24.36v5.13l-5.12,2.99m-30.77,0l-5.13-2.99v-5.13" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                            </svg>
                        </span>

                        <h5 class="!mb-0 text-left h5 text-white">
                            CAD Konstruktion

                        </h5>

                    </div>

                    <p class="text-white text-sm  leading-customText">Wir konstruieren nach Wunsch mit 3D CAD und Sie erhalten nach Absprache und Freigabe der Konstruktion die Übersichts- und Einzelteilzeichnungen, die Stücklisten, Ersatz- und Verschleißteillistensowie die für die Maschinenrichtlinie notwendigen Beschreibungen incl. Risikoanalysen etc. </p>

                </div>

                <div class="relative">
                    <div class="flex items-center mb-4">

                        <span class="inline-flex items-center w-8 h-8  text-white  mr-4 shrink-0 ">
                            <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="42.53" height="45.94" viewBox="0 0 42.53 45.94">
                                <path id="b" d="m41.77,12.72l-5.12-2.99m5.13,2.99v5.13m0-5.13l-5.13,2.99M.75,12.72l5.13-2.99M.75,12.72l5.13,2.99M.75,12.72v5.13m20.51,6.84l5.13-2.99m-5.13,2.99l-5.13-2.99m5.13,2.99v5.13m0,15.38l5.13-2.99m-5.13,2.99v-5.13m0,5.13l-5.13-2.99m0-38.46l5.13-2.99,5.13,2.99m15.38,24.36v5.13l-5.12,2.99m-30.77,0l-5.13-2.99v-5.13" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                            </svg>
                        </span>

                        <h5 class="!mb-0 text-left h5 text-white">
                            CAD Konstruktion

                        </h5>

                    </div>

                    <p class="text-white text-sm  leading-customText">Wir konstruieren nach Wunsch mit 3D CAD und Sie erhalten nach Absprache und Freigabe der Konstruktion die Übersichts- und Einzelteilzeichnungen, die Stücklisten, Ersatz- und Verschleißteillistensowie die für die Maschinenrichtlinie notwendigen Beschreibungen incl. Risikoanalysen etc. </p>

                </div>

                <div class="relative">
                    <div class="flex items-center mb-4">

                        <span class="inline-flex items-center w-8 h-8  text-white  mr-4 shrink-0 ">
                            <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="42.53" height="45.94" viewBox="0 0 42.53 45.94">
                                <path id="b" d="m41.77,12.72l-5.12-2.99m5.13,2.99v5.13m0-5.13l-5.13,2.99M.75,12.72l5.13-2.99M.75,12.72l5.13,2.99M.75,12.72v5.13m20.51,6.84l5.13-2.99m-5.13,2.99l-5.13-2.99m5.13,2.99v5.13m0,15.38l5.13-2.99m-5.13,2.99v-5.13m0,5.13l-5.13-2.99m0-38.46l5.13-2.99,5.13,2.99m15.38,24.36v5.13l-5.12,2.99m-30.77,0l-5.13-2.99v-5.13" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                            </svg>
                        </span>

                        <h5 class="!mb-0 text-left h5 text-white">
                            CAD Konstruktion

                        </h5>

                    </div>

                    <p class="text-white text-sm  leading-customText">Wir konstruieren nach Wunsch mit 3D CAD und Sie erhalten nach Absprache und Freigabe der Konstruktion die Übersichts- und Einzelteilzeichnungen, die Stücklisten, Ersatz- und Verschleißteillistensowie die für die Maschinenrichtlinie notwendigen Beschreibungen incl. Risikoanalysen etc. </p>

                </div>
            </div>
        </div>
    </div>
</section>

<section class="relative py-12 px-6 md:py-32 md:pl-9 md:pr-0 lg:pl-12">
    <div class="mx-auto xl:grid xl:gap-y-8 xl:grid-cols-12 xl:gap-x-8">
        <div class="grid mx-auto md:w-auto md:grid-cols-2 md:gap-20 xl:col-start-2 xl:col-end-12">

            <div>
                <div>

                    <h2 class="my-10 text-left h2 ">
                        Tracing

                    </h2>

                    <ul class="list-style list-style-square ">

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Kommunikation der SPS mit OPC-UA</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Anbindung an Datenbanken</span>

                            <ul class="pl-6 my-2">

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    SQL
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    SAP
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Access
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    (REST) Services
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Weitere auf Anfrage
                                </li>

                            </ul>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Datenbankabfragen</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Schreiben von Ergebnisdaten</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Alerrativ schreiben der Daten in Exceltabellen</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Prüffung der Daten mit automatischem Abgleich bei netzausfall möglich</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Schreiben von Maschinen Zuständen</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Life-Bit Überwachung</span>

                        </li>

                    </ul>
                </div>
            </div>
            <div>
                <div>

                    <h2 class="my-10 text-left h2 ">
                        Labels

                    </h2>

                    <ul class="list-style list-style-square ">

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Inhalt</span>

                            <ul class="pl-6 my-2">

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    DM-/QR-Codes
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Seriennummern
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Klartext
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Logos etc, als bilddatei
                                </li>

                            </ul>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Ausführung</span>

                            <ul class="pl-6 my-2">

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Lasermarkierung
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Labeldrucker
                                </li>

                            </ul>

                        </li>

                    </ul>
                </div>
                <div>

                    <h2 class="my-10 text-left h2 ">
                        Fernwartung

                    </h2>

                    <ul class="list-style list-style-square ">

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Kommunikation über gesicherte VPN-Verbindung</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Fehleranalyse</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Support</span>

                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="relative py-12 px-6 md:py-20 md:pl-9 md:pr-0 lg:pl-12">
    <div class="mx-auto">
        <div class="relative z-10 grid grid-cols-1 gap-y-8 md:items-center md:grid-cols-12 md:gap-x-12">
            <div class="order-2 w-full md:pt-6 md:col-start-1 md:col-end-6 md:order-1 xl:col-start-2">

                <h2 class="!mb-8 text-left h3 ">
                    einfach<br />installiert

                </h2>

                <p class="default text-base  leading-customText">Jede POWER BLOXX Einheit ist ein Schlüsselfertiges System und wird vollständig montiert und betriebsbereit ausgeliefert, was eine zügige Installation und eine Reduzierung der Komplexität ermöglicht.<br />Die Systeme verlangen lediglich nach minimaler Wartung und bieten eine Garantie von bis zu 20 Jahren. </p>

            </div>

            <div class="order-1 w-screen ml-[calc(50%-50vw)] md:order-2 md:w-auto md:ml-0 md:col-start-6 md:col-end-13">

                <div class="relative h-full w-full ">
                    <img class="" src="/image/placeholder.jpg" alt="" />

                </div>

            </div>
        </div>
    </div>
</section>

<section class="relative py-12 px-6 md:py-20 md:pl-9 md:pr-0 lg:pl-12">
    <div class="mx-auto">
        <div class="relative z-10 grid grid-cols-1 gap-y-8 md:grid-cols-12 md:gap-x-8 md:items-center">
            <div class="md:col-start-1 md:col-end-13 md:order-1 xl:col-start-2">
                <div>

                    <div x-data="{swiper: null}" x-init="const swiper = new Swiper($refs.container, {
    slidesPerView: 1.2,
    spaceBetween: 40,
    direction: 'horizontal', 
    loop: false,
    effect: 'slide',
    scrollbar: {
        el: '.swiper-scrollbar-custom',
        dragClass: 'swiper-scrollbar-drag-custom',
        draggable: true,
    },
    breakpoints: {
        768: {
            spaceBetween: 40,
            slidesPerView: 2.2,
        },
        1024: {
            spaceBetween: 40,
            slidesPerView: 2.2,
        },
        1200: {
            spaceBetween: 40,
            slidesPerView: 2.2,
        },
        1440: {
            spaceBetween: 40,
            slidesPerView: 2.2,
        }
    }
        })">
                        <div class="swiper" x-ref="container" x-init="$nextTick(() => {
                const lightbox = new PhotoSwipeLightbox({
                    gallery: '#' + $refs.gallery.id,
                    children: 'a',
                    pswpModule: PhotoSwipe
                });
                lightbox.init();
            });

            ">
                            <div :id="$id('gallery')" class="swiper-wrapper flex items-center !ease-linear" x-ref="gallery">

                                <div class="swiper-slide !h-auto overflow-hidden relative">
                                    <div class="swiper-slide !h-auto overflow-hidden relative aspect-[1.77] overflow-hidden">
                                        <a href="https://images.unsplash.com/photo-1706213048664-505fd6a7a59b?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyfHx8ZW58MHx8fHx8" data-pswp-width="500" data-pswp-height="750" data-cropped="true" target="_blank" class="w-full h-full" data-cropped="true">

                                            <div class="relative h-full w-full ">
                                                <img class="w-full h-full object-cover" src="https://images.unsplash.com/photo-1706213048664-505fd6a7a59b?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyfHx8ZW58MHx8fHx8" alt="" />

                                            </div>

                                            <div class="absolute bottom-0 right-0 z-10">

                                                <button class="btn cursor-pointer inline-flex items-center ml-auto bg-primary justify-between text-white py-5 px-5 rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                                                    <span class="inline-flex items-center w-4 h-4     ">
                                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.73 22.73">
                                                            <path id="b" d="m.75,11.36h21.23M11.36.75v21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                                        </svg>
                                                    </span>

                                                </button>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="swiper-slide !h-auto overflow-hidden relative">
                                    <div class="swiper-slide !h-auto overflow-hidden relative aspect-[1.77] overflow-hidden">
                                        <a href="/image/placeholder.jpg" data-pswp-width="850" data-pswp-height="480" data-cropped="true" target="_blank" class="w-full h-full" data-cropped="true">

                                            <div class="relative h-full w-full ">
                                                <img class="w-full h-full object-cover" src="/image/placeholder.jpg" alt="" />

                                            </div>

                                            <div class="absolute bottom-0 right-0 z-10">

                                                <button class="btn cursor-pointer inline-flex items-center ml-auto bg-primary justify-between text-white py-5 px-5 rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                                                    <span class="inline-flex items-center w-4 h-4     ">
                                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.73 22.73">
                                                            <path id="b" d="m.75,11.36h21.23M11.36.75v21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                                        </svg>
                                                    </span>

                                                </button>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="swiper-slide !h-auto overflow-hidden relative">
                                    <div class="swiper-slide !h-auto overflow-hidden relative aspect-[1.77] overflow-hidden">
                                        <a href="/image/placeholder.jpg" data-pswp-width="850" data-pswp-height="480" data-cropped="true" target="_blank" class="w-full h-full" data-cropped="true">

                                            <div class="relative h-full w-full ">
                                                <img class="w-full h-full object-cover" src="/image/placeholder.jpg" alt="" />

                                            </div>

                                            <div class="absolute bottom-0 right-0 z-10">

                                                <button class="btn cursor-pointer inline-flex items-center ml-auto bg-primary justify-between text-white py-5 px-5 rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                                                    <span class="inline-flex items-center w-4 h-4     ">
                                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.73 22.73">
                                                            <path id="b" d="m.75,11.36h21.23M11.36.75v21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                                        </svg>
                                                    </span>

                                                </button>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                            </div>

                            <div class="pt-8 pb-5 lg:pt-10  ">
                                <div class="swiper-scrollbar-custom w-full h-px bg-gray-300">
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>

<section class="relative py-12 px-6 md:py-20 md:px-9 lg:py-28 lg:px-12">
    <div class="mx-auto md:grid md:grid-cols-12 md:gap-x-8 md:gap-y-8">
        <div class="col-span-full xl:col-start-2 xl:col-end-12">

            <h2 class=" text-left h3 ">
                fragen & antworten

            </h2>

        </div>

        <div class="md:col-start-1 md:col-end-7 xl:col-end-9 xl:col-start-2">
            <div>

                <div x-data="{ activeAccordion: null }">

                    <div x-data="{ id: 1 }" class=" mb-6 transition" :class="activeAccordion === id ? 'bg-gray-700' : 'bg-gray-100'">
                        <button @click="activeAccordion = activeAccordion === id ? null : id" :aria-expanded="activeAccordion" aria-controls="accordion-panel-1" class="button group-aria-expanded:button-active font-bold flex items-center justify-between text-left w-full py-7 px-5 text-sm transition lg:px-10 xl:text-lg" :class="activeAccordion === id ? 'text-white' : 'text-gray-700'" id="accordion-header-1">
                            <span class="mr-5 lg:mr-10">
                                Gibt es bestimmte Zertifizierungen, die eingehalten werden müssen?
                            </span>
                            <span class="flex items-center justify-center">
                                <span class="flex items-center justify-center" :class="{ '!hidden': activeAccordion === id }">

                                    <span class="inline-flex items-center w-4 h-4     ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.73 22.73">
                                            <path id="b" d="m.75,11.36h21.23M11.36.75v21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </span>
                                <span class="items-center justify-center hidden" :class="{ '!flex': activeAccordion === id }">

                                    <span class="inline-flex items-center w-4 h-4     ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="22.73" height="1.5" viewBox="0 0 22.73 1.5">
                                            <path id="b" d="m.75.75h21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </span>
                            </span>
                        </button>

                        <div x-cloak x-show="activeAccordion == id" x-collapse id="accordion-panel-1" aria-labelledby="accordion-header-1">
                            <div class="py-7 px-5 pt-0 text-sm lg:px-10 max-w-[90%]" :class="activeAccordion === id ? 'text-white' : 'text-gray-700'">
                                Wir legen mit Ihnen den Umfang der gewünschten Arbeiten fest, planen, konstruieren evtl. notwendigen Neu Teile und ergänzen die Maschinen und Anlagen incl. Elektrik, Pneumatik, Hydraulik und Steuerungsbau und nehmen diese in Ihrem Haus wieder in Betrieb.
                            </div>
                        </div>
                    </div>

                    <div x-data="{ id: 2 }" class=" mb-6 transition" :class="activeAccordion === id ? 'bg-gray-700' : 'bg-gray-100'">
                        <button @click="activeAccordion = activeAccordion === id ? null : id" :aria-expanded="activeAccordion" aria-controls="accordion-panel-2" class="button group-aria-expanded:button-active font-bold flex items-center justify-between text-left w-full py-7 px-5 text-sm transition lg:px-10 xl:text-lg" :class="activeAccordion === id ? 'text-white' : 'text-gray-700'" id="accordion-header-2">
                            <span class="mr-5 lg:mr-10">
                                Sind Prototypen Standard in der Produktion?
                            </span>
                            <span class="flex items-center justify-center">
                                <span class="flex items-center justify-center" :class="{ '!hidden': activeAccordion === id }">

                                    <span class="inline-flex items-center w-4 h-4     ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.73 22.73">
                                            <path id="b" d="m.75,11.36h21.23M11.36.75v21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </span>
                                <span class="items-center justify-center hidden" :class="{ '!flex': activeAccordion === id }">

                                    <span class="inline-flex items-center w-4 h-4     ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="22.73" height="1.5" viewBox="0 0 22.73 1.5">
                                            <path id="b" d="m.75.75h21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </span>
                            </span>
                        </button>

                        <div x-cloak x-show="activeAccordion == id" x-collapse id="accordion-panel-2" aria-labelledby="accordion-header-2">
                            <div class="py-7 px-5 pt-0 text-sm lg:px-10 max-w-[90%]" :class="activeAccordion === id ? 'text-white' : 'text-gray-700'">
                                Wir legen mit Ihnen den Umfang der gewünschten Arbeiten fest, planen, konstruieren evtl. notwendigen Neu Teile und ergänzen die Maschinen und Anlagen incl. Elektrik, Pneumatik, Hydraulik und Steuerungsbau und nehmen diese in Ihrem Haus wieder in Betrieb.
                            </div>
                        </div>
                    </div>

                    <div x-data="{ id: 3 }" class=" mb-6 transition" :class="activeAccordion === id ? 'bg-gray-700' : 'bg-gray-100'">
                        <button @click="activeAccordion = activeAccordion === id ? null : id" :aria-expanded="activeAccordion" aria-controls="accordion-panel-3" class="button group-aria-expanded:button-active font-bold flex items-center justify-between text-left w-full py-7 px-5 text-sm transition lg:px-10 xl:text-lg" :class="activeAccordion === id ? 'text-white' : 'text-gray-700'" id="accordion-header-3">
                            <span class="mr-5 lg:mr-10">
                                Gibt es zusätzliche Bauteile?
                            </span>
                            <span class="flex items-center justify-center">
                                <span class="flex items-center justify-center" :class="{ '!hidden': activeAccordion === id }">

                                    <span class="inline-flex items-center w-4 h-4     ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.73 22.73">
                                            <path id="b" d="m.75,11.36h21.23M11.36.75v21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </span>
                                <span class="items-center justify-center hidden" :class="{ '!flex': activeAccordion === id }">

                                    <span class="inline-flex items-center w-4 h-4     ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="22.73" height="1.5" viewBox="0 0 22.73 1.5">
                                            <path id="b" d="m.75.75h21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </span>
                            </span>
                        </button>

                        <div x-cloak x-show="activeAccordion == id" x-collapse id="accordion-panel-3" aria-labelledby="accordion-header-3">
                            <div class="py-7 px-5 pt-0 text-sm lg:px-10 max-w-[90%]" :class="activeAccordion === id ? 'text-white' : 'text-gray-700'">
                                Wir legen mit Ihnen den Umfang der gewünschten Arbeiten fest, planen, konstruieren evtl. notwendigen Neu Teile und ergänzen die Maschinen und Anlagen incl. Elektrik, Pneumatik, Hydraulik und Steuerungsbau und nehmen diese in Ihrem Haus wieder in Betrieb.
                            </div>
                        </div>
                    </div>

                    <div x-data="{ id: 4 }" class=" mb-6 transition" :class="activeAccordion === id ? 'bg-gray-700' : 'bg-gray-100'">
                        <button @click="activeAccordion = activeAccordion === id ? null : id" :aria-expanded="activeAccordion" aria-controls="accordion-panel-4" class="button group-aria-expanded:button-active font-bold flex items-center justify-between text-left w-full py-7 px-5 text-sm transition lg:px-10 xl:text-lg" :class="activeAccordion === id ? 'text-white' : 'text-gray-700'" id="accordion-header-4">
                            <span class="mr-5 lg:mr-10">
                                Sind Prototypen Standard in der Produktion?
                            </span>
                            <span class="flex items-center justify-center">
                                <span class="flex items-center justify-center" :class="{ '!hidden': activeAccordion === id }">

                                    <span class="inline-flex items-center w-4 h-4     ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.73 22.73">
                                            <path id="b" d="m.75,11.36h21.23M11.36.75v21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </span>
                                <span class="items-center justify-center hidden" :class="{ '!flex': activeAccordion === id }">

                                    <span class="inline-flex items-center w-4 h-4     ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="22.73" height="1.5" viewBox="0 0 22.73 1.5">
                                            <path id="b" d="m.75.75h21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </span>
                            </span>
                        </button>

                        <div x-cloak x-show="activeAccordion == id" x-collapse id="accordion-panel-4" aria-labelledby="accordion-header-4">
                            <div class="py-7 px-5 pt-0 text-sm lg:px-10 max-w-[90%]" :class="activeAccordion === id ? 'text-white' : 'text-gray-700'">
                                Wir legen mit Ihnen den Umfang der gewünschten Arbeiten fest, planen, konstruieren evtl. notwendigen Neu Teile und ergänzen die Maschinen und Anlagen incl. Elektrik, Pneumatik, Hydraulik und Steuerungsbau und nehmen diese in Ihrem Haus wieder in Betrieb.
                            </div>
                        </div>
                    </div>

                    <div x-data="{ id: 5 }" class=" mb-6 transition" :class="activeAccordion === id ? 'bg-gray-700' : 'bg-gray-100'">
                        <button @click="activeAccordion = activeAccordion === id ? null : id" :aria-expanded="activeAccordion" aria-controls="accordion-panel-5" class="button group-aria-expanded:button-active font-bold flex items-center justify-between text-left w-full py-7 px-5 text-sm transition lg:px-10 xl:text-lg" :class="activeAccordion === id ? 'text-white' : 'text-gray-700'" id="accordion-header-5">
                            <span class="mr-5 lg:mr-10">
                                Gibt es zusätzliche Bauteile?
                            </span>
                            <span class="flex items-center justify-center">
                                <span class="flex items-center justify-center" :class="{ '!hidden': activeAccordion === id }">

                                    <span class="inline-flex items-center w-4 h-4     ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.73 22.73">
                                            <path id="b" d="m.75,11.36h21.23M11.36.75v21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </span>
                                <span class="items-center justify-center hidden" :class="{ '!flex': activeAccordion === id }">

                                    <span class="inline-flex items-center w-4 h-4     ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="22.73" height="1.5" viewBox="0 0 22.73 1.5">
                                            <path id="b" d="m.75.75h21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </span>
                            </span>
                        </button>

                        <div x-cloak x-show="activeAccordion == id" x-collapse id="accordion-panel-5" aria-labelledby="accordion-header-5">
                            <div class="py-7 px-5 pt-0 text-sm lg:px-10 max-w-[90%]" :class="activeAccordion === id ? 'text-white' : 'text-gray-700'">
                                Wir legen mit Ihnen den Umfang der gewünschten Arbeiten fest, planen, konstruieren evtl. notwendigen Neu Teile und ergänzen die Maschinen und Anlagen incl. Elektrik, Pneumatik, Hydraulik und Steuerungsbau und nehmen diese in Ihrem Haus wieder in Betrieb.
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>

        <div class="col-start-7 col-end-13 xl:col-start-9 xl:col-end-12">

            <div class="relative w-full aspect-[78/100]">
                <div class="h-full flex flex-col justify-end pt-60 px-6 pb-6 md:px-8 md:pb-8 xl:px-10 xl:pb-10">
                    <div class="absolute top-0 left-0 w-full h-full">

                        <div class="relative h-full w-full ">
                            <img class="w-full h-full object-cover" src="/image/placeholder.jpg" alt="" />

                        </div>
                    </div>

                    <div class="relative flex flex-col z-10">

                        <p class="text-white text-sm mb-2 text-white leading-customText">Mario Schmidt </p>

                        <h5 class="h5 text-white text-left  text-white">
                            Nicht die richtige Frage dabei? Wir beraten Sie individuell.

                        </h5>

                        <div class="flex flex-col items-start">

                            <div class="flex flex-col">

                                <a class="btn cursor-pointer inline-flex items-center text-white font-bold mb-4 mr-6 flex-row-reverse justify-end  rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                                    <span class="shrink-0">
                                        info@apa-gmbh.de
                                    </span>

                                    <span class="inline-flex items-center w-4 h-4    w-8 ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="18.93" height="18.94" viewBox="0 0 18.93 18.94">
                                            <path id="b" d="m8.22,10.72L.75,6.77C6.18,3.78,12.07,1.75,18.18.75c-1,6.11-3.03,12.01-6.01,17.44l-3.96-7.47h0Zm0,0l4.83-4.83" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </a>

                                <a class="btn cursor-pointer inline-flex items-center text-white font-bold mb-4 flex-row-reverse justify-end  rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                                    <span class="shrink-0">
                                        +49 6023 9716 0
                                    </span>

                                    <span class="inline-flex items-center w-4 h-4    w-8 ">
                                        <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="13.5" height="22.5" viewBox="0 0 13.5 22.5">
                                            <path id="b" d="m5.25.75h-2.25C1.76.75.75,1.76.75,3v16.5c0,1.24,1.01,2.25,2.25,2.25h7.5c1.24,0,2.25-1.01,2.25-2.25V3c0-1.24-1.01-2.25-2.25-2.25h-2.25m-3,0v1.5h3V.75m-3,0h3m-3,18.75h3" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </svg>
                                    </span>

                                </a>
                            </div>

                        </div>

                        <p class="text-white text-sm text-white opacity-50 leading-customText">Sie erreichen uns Mo - Fr von 9 - 17 Uhr. </p>

                    </div>
                </div>

                <div class="absolute bottom-0 left-0 w-full h-full bg-gradient-to-b from-transparent to-gray-700 opacity-90 pointer-events-none"></div>
            </div>
        </div>
    </div>
</section>

<section class="relative pt-9 pb-11 px-6 bg-gray-600">
    <div class="mx-auto">
        <div class="flex justify-between mb-9">

            <div class="text-white !mb-0 text-left h5 ">
                4.304 Kunden & Partner

            </div>

            <div>

                <a href="/" class="btn cursor-pointer inline-flex items-center text-white underline flex-row-reverse justify-end  rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                    <span class="shrink-0">
                        alle Casestudies
                    </span>

                </a>
            </div>
        </div>

        <div x-data="{swiper: null}" x-init="const swiper = new Swiper($refs.container, {
    slidesPerView: 'auto',
    spaceBetween: 40,
    direction: 'horizontal', 
    centeredSlides: true,
    centeredSlidesBounds: true,
    loop: true,
    speed: 4000,
    effect: 'slide',
    autoplay: {
        enabled: true,
        delay: 0,
        disableOnInteraction: false,
      },
    breakpoints: {
        768: {
            spaceBetween: 60,
        },
        1200: {
            spaceBetween: 80,
        }
    }
        })">
            <div class="swiper !overflow-visible" x-ref="container">
                <div class="swiper-wrapper flex items-center !ease-linear">
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/BMZ-Gruppe.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/Continental_AG_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                    <div class="swiper-slide !w-auto !h-auto overflow-hidden relative">

                        <div class="relative h-full w-full ">
                            <img class="" src="/logos/ABB_logo.svg" alt="Alternativer Text" />

                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>
<footer>
    <section class="relative pt-6 pb-12 px-6 md:pt-12 md:pb-24 md:px-9 lg:px-12">
        <div class="mx-auto relative grid grid-cols-1 md:grid-cols-12 md:gap-x-8">
            <div class="order-2 md:order-1 md:grid md:col-start-1 md:col-end-7 xl:col-start-2">
                <div class="md:self-center xl:col-start-2 xl:col-end-[-1]">

                    <div class=" text-left h3 ">
                        ihr Projekt unser antrieb

                    </div>

                    <div class="md:pt-6">

                        <a class="btn cursor-pointer inline-flex items-center  bg-primary justify-between text-white py-4 px-6 rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                            <span class="shrink-0">
                                Kontakt
                            </span>

                            <span class="inline-flex items-center w-4 h-4    ms-9 lg:ms-16 ">
                                <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.5 16.5">
                                    <path id="b" d="m.75,15.75L15.75.75m0,0H4.5m11.25,0v11.25" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                </svg>
                            </span>

                        </a>
                    </div>

                    <div class="mt-8 md:mt-16">

                        <nav>
                            <ul class="grid grid-cols-2">
                                <li x-data="{ activeFooterAccordion: false }" aria-controls="accordion-panel-1" class="font-bold mb-4 text-sm lg:text-base">

                                    <div class="flex flex-wrap items-center">
                                        <a href="#" title="Produkte" class="relative ">
                                            <span>
                                                Produkte
                                            </span>

                                        </a>

                                    </div>

                                </li>
                                <li x-data="{ activeFooterAccordion: false }" aria-controls="accordion-panel-2" class="font-bold mb-4 text-sm lg:text-base">

                                    <div class="flex flex-wrap items-center">
                                        <a href="#" title="Casestudies" class="relative ">
                                            <span>
                                                Casestudies
                                            </span>

                                        </a>

                                        <button @click="activeFooterAccordion = ! activeFooterAccordion" :aria-expanded="activeFooterAccordion" id="accordion-header-2" class="flex items-center ml-3">

                                            <span class="inline-flex items-center w-4 h-4     ">
                                                <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.73 22.73">
                                                    <path id="b" d="m.75,11.36h21.23M11.36.75v21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                                </svg>
                                            </span>

                                        </button>
                                    </div>

                                    <ul class="w-full" x-cloak x-show="activeFooterAccordion" x-collapse aria-labelledby="accordion-header-2">
                                        <li class="mt-4">
                                            <a href="#" title="Jobs" class="font-normal ">Jobs</a>
                                        </li>
                                        <li class="mt-4">
                                            <a href="#" title="LinkedIn" class="font-normal ">LinkedIn</a>
                                        </li>
                                    </ul>
                                </li>
                                <li x-data="{ activeFooterAccordion: false }" aria-controls="accordion-panel-3" class="font-bold mb-4 text-sm lg:text-base">

                                    <div class="flex flex-wrap items-center">
                                        <a href="#" title="Über uns" class="relative ">
                                            <span>
                                                Über uns
                                            </span>

                                        </a>

                                        <button @click="activeFooterAccordion = ! activeFooterAccordion" :aria-expanded="activeFooterAccordion" id="accordion-header-3" class="flex items-center ml-3">

                                            <span class="inline-flex items-center w-4 h-4     ">
                                                <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.73 22.73">
                                                    <path id="b" d="m.75,11.36h21.23M11.36.75v21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                                </svg>
                                            </span>

                                        </button>
                                    </div>

                                    <ul class="w-full" x-cloak x-show="activeFooterAccordion" x-collapse aria-labelledby="accordion-header-3">
                                        <li class="mt-4">
                                            <a href="#" title="Jobs" class="font-normal ">Jobs</a>
                                        </li>
                                        <li class="mt-4">
                                            <a href="#" title="LinkedIn" class="font-normal ">LinkedIn</a>
                                        </li>
                                    </ul>
                                </li>
                                <li x-data="{ activeFooterAccordion: false }" aria-controls="accordion-panel-4" class="font-bold mb-4 text-sm lg:text-base">

                                    <div class="flex flex-wrap items-center">
                                        <a href="#" title="APA TeamViewer" class="relative ">
                                            <span>
                                                APA TeamViewer
                                            </span>

                                        </a>

                                        <button @click="activeFooterAccordion = ! activeFooterAccordion" :aria-expanded="activeFooterAccordion" id="accordion-header-4" class="flex items-center ml-3">

                                            <span class="inline-flex items-center w-4 h-4     ">
                                                <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.73 22.73">
                                                    <path id="b" d="m.75,11.36h21.23M11.36.75v21.23" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                                </svg>
                                            </span>

                                        </button>
                                    </div>

                                    <ul class="w-full" x-cloak x-show="activeFooterAccordion" x-collapse aria-labelledby="accordion-header-4">
                                        <li class="mt-4">
                                            <a href="#" title="Jobs" class="font-normal ">Jobs</a>
                                        </li>
                                        <li class="mt-4">
                                            <a href="#" title="LinkedIn" class="font-normal ">LinkedIn</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </nav>

                    </div>
                </div>
            </div>

            <div class="flex mb-12 order-1 md:order-2 md:mb-0 md:col-start-7 md:col-end-13 md:row-start-1 md:row-end-3">

                <div class="relative w-full ">
                    <div class="h-full flex flex-col justify-end pt-60 px-6 pb-6 md:px-8 md:pb-8 xl:px-10 xl:pb-10">
                        <div class="absolute top-0 left-0 w-full h-full">

                            <div class="relative h-full w-full ">
                                <img class="w-full h-full object-cover" src="/image/placeholder.jpg" alt="" />

                            </div>
                        </div>

                        <div class="relative flex flex-col z-10">

                            <p class="text-white text-sm mb-2 text-white leading-customText">Mario Schmidt </p>

                            <h5 class="h5 text-white text-left  text-white">
                                Interesse? Fragen?<br />Wir sind gerne für Sie da.

                            </h5>

                            <div class="flex flex-col items-start">

                                <div class="flex flex-row flex-wrap">

                                    <a class="btn cursor-pointer inline-flex items-center text-white font-bold mb-4 mr-6 flex-row-reverse justify-end  rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                                        <span class="shrink-0">
                                            info@apa-gmbh.de
                                        </span>

                                        <span class="inline-flex items-center w-4 h-4    w-8 ">
                                            <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="18.93" height="18.94" viewBox="0 0 18.93 18.94">
                                                <path id="b" d="m8.22,10.72L.75,6.77C6.18,3.78,12.07,1.75,18.18.75c-1,6.11-3.03,12.01-6.01,17.44l-3.96-7.47h0Zm0,0l4.83-4.83" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                            </svg>
                                        </span>

                                    </a>

                                    <a class="btn cursor-pointer inline-flex items-center text-white font-bold mb-4 flex-row-reverse justify-end  rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">

                                        <span class="shrink-0">
                                            +49 6023 9716 0
                                        </span>

                                        <span class="inline-flex items-center w-4 h-4    w-8 ">
                                            <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="13.5" height="22.5" viewBox="0 0 13.5 22.5">
                                                <path id="b" d="m5.25.75h-2.25C1.76.75.75,1.76.75,3v16.5c0,1.24,1.01,2.25,2.25,2.25h7.5c1.24,0,2.25-1.01,2.25-2.25V3c0-1.24-1.01-2.25-2.25-2.25h-2.25m-3,0v1.5h3V.75m-3,0h3m-3,18.75h3" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                            </svg>
                                        </span>

                                    </a>
                                </div>

                            </div>

                            <div class="flex items-center mb-6">

                                <span class="inline-flex items-center w-4 h-4  text-white  w-8 ">
                                    <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.5 20.25">
                                        <g id="b">
                                            <path id="c" d="m11.25,8.25c0,1.66-1.34,3-3,3s-3-1.34-3-3,1.34-3,3-3,3,1.34,3,3Z" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                            <path id="d" d="m15.75,8.25c0,7.14-7.5,11.25-7.5,11.25,0,0-7.5-4.11-7.5-11.25C.75,4.11,4.11.75,8.25.75s7.5,3.36,7.5,7.5Z" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
                                        </g>
                                    </svg>
                                </span>

                                <p class="text-white text-sm font-normal leading-customText">Am Neuen Berg 1 . 63755 Alzenau . Jetzt Route planen </p>

                            </div>

                            <p class="text-white text-sm text-white opacity-50 leading-customText">Sie erreichen uns Mo - Fr von 9 - 17 Uhr. </p>

                        </div>
                    </div>

                    <div class="absolute bottom-0 left-0 w-full h-full bg-gradient-to-b from-transparent to-gray-700 opacity-90 pointer-events-none"></div>
                </div>
            </div>

            <div class="flex items-center justify-between mt-6 md:mt-auto lg:col-start-1 lg:col-end-7 order-3">
                <div>

                    <nav>
                        <ul class="flex ">
                            <li class="relative text-xs mr-6 last:mr-0 shrink-0 after:content-['.'] after:block after:absolute after:-right-3 after:bottom-0 last:after:hidden lg:text-sm">

                                <div class="flex flex-wrap items-center">
                                    <a href="#" title="APA © 2023" class="relative text-[#424343]">
                                        <span>
                                            APA © 2023
                                        </span>

                                    </a>

                                </div>

                            </li>
                            <li class="relative text-xs mr-6 last:mr-0 shrink-0 after:content-['.'] after:block after:absolute after:-right-3 after:bottom-0 last:after:hidden lg:text-sm">

                                <div class="flex flex-wrap items-center">
                                    <a href="#" title="AGB" class="relative text-[#424343]">
                                        <span>
                                            AGB
                                        </span>

                                    </a>

                                </div>

                            </li>
                            <li class="relative text-xs mr-6 last:mr-0 shrink-0 after:content-['.'] after:block after:absolute after:-right-3 after:bottom-0 last:after:hidden lg:text-sm">

                                <div class="flex flex-wrap items-center">
                                    <a href="#" title="Datenschutz" class="relative text-[#424343]">
                                        <span>
                                            Datenschutz
                                        </span>

                                    </a>

                                </div>

                            </li>
                            <li class="relative text-xs mr-6 last:mr-0 shrink-0 after:content-['.'] after:block after:absolute after:-right-3 after:bottom-0 last:after:hidden lg:text-sm">

                                <div class="flex flex-wrap items-center">
                                    <a href="#" title="Impressum" class="relative text-[#424343]">
                                        <span>
                                            Impressum
                                        </span>

                                    </a>

                                </div>

                            </li>
                        </ul>
                    </nav>

                </div>
                <div>

                    <button x-data="{ open: false }" @click="open = !open" class="bg-gray-600 w-max items-center py-2 px-4 text-white flex gap-6 relative text-sm lg:text-base">
                        <div class="flex items-center gap-2">

                            <span class="inline-flex items-center w-8 h-8     ">
                                <?xml version="1.0" encoding="utf-8"?>
                                <!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
                                <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
                                    <style type="text/css">
                                        .st0 {
                                            fill: none;
                                            stroke: #333333;
                                            stroke-width: 10;
                                            stroke-miterlimit: 10;
                                        }

                                        .st1 {
                                            fill: none;
                                            stroke: #333333;
                                            stroke-width: 10;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st2 {
                                            fill: none;
                                            stroke: #AF1B43;
                                            stroke-width: 10;
                                            stroke-miterlimit: 10;
                                        }

                                        .st3 {
                                            fill: none;
                                            stroke: #AF1B43;
                                            stroke-width: 10;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st4 {
                                            fill: none;
                                            stroke: #FFFFFF;
                                            stroke-width: 10;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st5 {
                                            fill: none;
                                            stroke: #1D1E1C;
                                            stroke-width: 10;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st6 {
                                            fill: none;
                                            stroke: #FFFFFF;
                                            stroke-width: 10;
                                            stroke-miterlimit: 10;
                                        }

                                        .st7 {
                                            fill: none;
                                            stroke: #333333;
                                            stroke-width: 9.96097;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st8 {
                                            fill: none;
                                            stroke: #AF1B43;
                                            stroke-width: 9.96097;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st9 {
                                            fill: none;
                                            stroke: #FFFFFF;
                                            stroke-width: 9.96097;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st10 {
                                            fill: none;
                                            stroke: #333333;
                                            stroke-width: 9.94439;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st11 {
                                            fill: none;
                                            stroke: #AF1B43;
                                            stroke-width: 9.94439;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st12 {
                                            fill: none;
                                            stroke: #FFFFFF;
                                            stroke-width: 9.94439;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st13 {
                                            fill: #FFFFFF;
                                        }

                                        .st14 {
                                            fill: none;
                                            stroke: #AF1B43;
                                            stroke-width: 10.11154;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st15 {
                                            fill: none;
                                            stroke: #AF1B43;
                                            stroke-width: 11.01703;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st16 {
                                            fill: #FFFFFF;
                                            stroke: #AF1B43;
                                            stroke-width: 10;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st17 {
                                            fill: none;
                                            stroke: #FFFFFF;
                                            stroke-width: 10.11154;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st18 {
                                            fill: none;
                                            stroke: #FFFFFF;
                                            stroke-width: 11.01703;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st19 {
                                            fill: #FFFFFF;
                                            stroke: #FFFFFF;
                                            stroke-width: 10;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st20 {
                                            fill: none;
                                            stroke: #333333;
                                            stroke-width: 10.07235;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st21 {
                                            fill: none;
                                            stroke: #333333;
                                            stroke-width: 10.0209;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st22 {
                                            fill: none;
                                            stroke: #AF1B43;
                                            stroke-width: 10.07235;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st23 {
                                            fill: none;
                                            stroke: #AF1B43;
                                            stroke-width: 10.0209;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st24 {
                                            fill: none;
                                            stroke: #FFFFFF;
                                            stroke-width: 10.07235;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st25 {
                                            fill: none;
                                            stroke: #FFFFFF;
                                            stroke-width: 10.0209;
                                            stroke-linecap: round;
                                            stroke-linejoin: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st26 {
                                            fill: none;
                                            stroke: #333333;
                                            stroke-width: 10;
                                            stroke-linecap: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st27 {
                                            fill: none;
                                            stroke: #AF1B43;
                                            stroke-width: 10;
                                            stroke-linecap: round;
                                            stroke-miterlimit: 10;
                                        }

                                        .st28 {
                                            fill: none;
                                            stroke: #FFFFFF;
                                            stroke-width: 10;
                                            stroke-linecap: round;
                                            stroke-miterlimit: 10;
                                        }
                                    </style>
                                    <g>
                                        <circle class="st4" cx="200" cy="200" r="168.90668" />
                                        <line class="st4" x1="31.09333" y1="200" x2="348.98587" y2="200" />
                                        <line class="st4" x1="200" y1="31.09333" x2="200" y2="368.90668" />
                                        <ellipse class="st4" cx="200" cy="200" rx="86.05878" ry="168.90668" />
                                        <path class="st4" d="M84.50507,100.5538c86.32178,26.70246,165.8439,24.67728,244.36984-5.50942" />
                                        <path class="st4" d="M67.65932,304.95563c91.3526-31.23828,178.50104-31.79688,261.21558,0" />
                                    </g>
                                </svg>

                            </span>

                            <div class="max-sm:hidden">
                                Deutsch
                            </div>
                        </div>
                        <div class="relative w-4 max-sm:hidden">
                            <div class="bg-white w-full h-[1.5px] absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"></div>
                            <div :class="open ? 'w-0 left-full' : 'w-full left-1/2' " class="bg-white h-[1.5px] transition-all absolute top-1/2 -translate-x-1/2 -translate-y-1/2 rotate-90"></div>
                        </div>
                        <div :class="open ? 'opacity-100' : 'opacity-0'" class="absolute bottom-[100%] left-0 gap-4 max-sm:w-[164px] max-sm:translate-x-[-100px] transition-opacity pt-2 pb-4 px-4 text-black border border-[#F2F2F2] bg-white flex flex-col justify-start">
                            <a class="w-[8.5rem] items-center flex justify-between" href="/de">
                                <span>
                                    Deutsch
                                </span>
                                <span>

                                    <span class="inline-flex items-center w-8 h-8  stroke-primary fill-primary  ">
                                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="20px" width="20px" version="1.1" id="Layer_1" viewbox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
                                            <path d="M40.267,14.628L20.974,33.921l-9.293-9.293c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414l10,10  c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293l20-20c0.391-0.391,0.391-1.023,0-1.414S40.657,14.237,40.267,14.628z  " />
                                        </svg>
                                    </span>

                                </span>
                            </a>
                            <a class="w-[8.5rem] items-center flex justify-between" href="/en">
                                <span>
                                    English
                                </span>
                            </a>
                        </div>
                    </button>

                </div>
            </div>
        </div>
    </section>
</footer>
{% render '@header' %}
{% render '@hero--productdetailpage' %}

<section class="relative py-12 md:py-20 md:px-9 lg:py lg:py-28 lg:px-12 xl:py-32">
    <div class="w-full mx-auto xl:grid xl:gap-y-8 xl:grid-cols-12 xl:gap-x-8">
        <div class="grid gap-6 md:grid-cols-2 md:gap-6 lg:grid-cols-3 xl:col-start-2 xl:col-end-12">
            {% render '@card' with {
                style: "media-full",
                title: "19 Zoll Prüfrack 42 HE: 60 bis 1000 V, 15 bis 200 KW bis 450 A",
                overlay: "overlay-gradient",
                link: false,
                tags: null
            } %}
            {% render '@card' with {
                style: "media-full",
                title: "19 Zoll Prüfracks 16 HE: 60 bis 120 V, 3 KW",
                overlay: "overlay-gradient",
                link: false,
                tags: null
            } %}
            {% render '@card-links-collection' with {
                title: "Höhere Leistungen / Ströme / Spannungen auf Anfrage",
                links: null
            } %}
        </div>
    </div>
</section>

{% render '@icon-text-section' %}
{% render '@listing-section' %}
{% render '@text-image-section' %}

<section class="relative py-12 px-6 md:py-20 md:pl-9 md:pr-0 lg:pl-12">
    <div class="mx-auto">
        <div class="relative z-10 grid grid-cols-1 gap-y-8 md:grid-cols-12 md:gap-x-8 md:items-center">
            <div class="md:col-start-1 md:col-end-13 md:order-1 xl:col-start-2">
                <div>
                    {% render "@image-modal" %}
                </div>
            </div>
        </div>
    </div>
</section>

{% render '@faq-section' %}

{% render '@logo-slider-section' %}
{% render '@footer' %}
/* No context defined. */

No notes defined.