<iframe></noscript> <script type="text/javascript" src="https://dl.episerver.net/13.5.9/epi-util/find.js"></script> <script type="text/javascript"> if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();} </script> <div id="app" v-cloak> <header class="header theme-dark-purple" id="header"> <div class="header__wrapper"> <div class="header__main"> <div class="header-logo"> <a href="/"> <img src="/Areas/WTC/Content/img/wtc_logo-alla-svart.svg" class="convert-svg" /> </a> </div> <div class="header__main-nav navigation-overflow"> <div class="navigation__scroll navigation__scroll--left"><span></span></div> <div class="header__main-nav-wrapper"> <ul class="primary-navigation scroll-element"> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Vårt koncept</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Vårt koncept</h3> <a href="/vart-koncept" class="wtc-btn regular white"><span>Vårt koncept</span></a> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Vårt koncept</h4> <ul> <li class=""> <a href="/vart-koncept/coworking"> <strong>Coworking</strong> <span></span> </a> </li> <li class=""> <a href="/vart-koncept/kontorshotell"> <strong>Kontorshotell</strong> <span></span> </a> </li> <li class=""> <a href="/vart-koncept/kontorslokal"> <strong>Kontorslokal</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Detta ingår</h4> <ul> <li class=""> <a href="/service"> <strong>Service</strong> <span>Service</span> </a> </li> <li class=""> <a href="/klubb"> <strong>Klubb</strong> <span>Klubb</span> </a> </li> <li class=""> <a href="/evenemang"> <strong>Evenemang</strong> <span>Evenemang</span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Våra orter</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Våra orter</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Våra orter</h4> <ul> <li class=""> <a href="/vara-fastigheter/malmo"> <strong>Malmö</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/lund"> <strong>Lund</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/helsingborg"> <strong>Helsingborg</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Malmö</h4> <ul> <li class=""> <a href="/vara-fastigheter/malmo/jungmansgatan"> <strong>Jungmansgatan</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/malmo/skeppsgatan"> <strong>Skeppsgatan</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/malmo/propellergatan"> <strong>Propellergatan</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Lund</h4> <ul> <li class=""> <a href="/vara-fastigheter/lund/hedvig-mollers-gata-12"> <strong>Hedvig Möllers Gata 12</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/lund/hedvig-mollers-gata-5"> <strong>Hedvig Möllers Gata 5</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Helsingborg</h4> <ul> <li class=""> <a href="/vara-fastigheter/helsingborg/broderna-pihls-grand"> <strong>Bröderna Pihls Gränd</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Konferens</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Konferens</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Konferens</h4> <ul> <li class=""> <a href="/konferenslokaler/malmo"> <strong>Malmö</strong> <span></span> </a> </li> <li class=""> <a href="/konferenslokaler/lund"> <strong>Lund</strong> <span></span> </a> </li> <li class=""> <a href="/konferenslokaler/helsingborg"> <strong>Helsingborg</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">För hyresgäster</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>För hyresgäster</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>För hyresgäster</h4> <ul> <li class=""> <a href="/for-hyresgaster"> <strong>Hyresgästinfo</strong> <span></span> </a> </li> <li class=""> <a href="/evenemang"> <strong>Evenemang</strong> <span></span> </a> </li> <li class=""> <a href="/klubb/medlemsformaner"> <strong>Medlemsförmåner</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <a href="/inspiration">Inspiration</a> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Om oss</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Om oss</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Om oss</h4> <ul> <li class=""> <a href="/om-oss/om-wtc"> <strong>Om World Trade Center</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/hallbara-kontor"> <strong>Hållbara kontor</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/press-och-media"> <strong>Press och media</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/en-del-av-granitor"> <strong>En del av Granitor</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/jobba-hos-oss"> <strong>Jobba hos oss</strong> <span>Jobba hos oss</span> </a> </li> <li class=""> <a href="/om-oss/kontakta-oss"> <strong>Kontakta oss</strong> <span></span> </a> </li> <li class=""> <a href="https://www.wtcmalmolundhelsingborg.com/"> <strong>About us</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> </ul> </div> <div class="navigation__scroll navigation__scroll--right"><span></span></div> </div> <div class="header__cta"> <a href="/lediga-kontor" class="sub-header__button">Lediga kontor</a> </div> <div class="header-search"> <form action="/sok" method="get"> <input type="search" class="header-search__input" id="searchInput" name="q" /> <label for="searchInput" class="header-search__label"> <span class="header-search__label-button"></span> </label> </form> </div> <div class="languages"> <a href="#" class="languages__toggler"> <div class="language-icon"> <img src="/Areas/WTC/Content/img/globe-icon.svg" alt="" class="convert-svg" /> </div> </a> <ul class="languages-switcher"> <li> <a href="https://www.wtcmalmolundhelsingborg.com/">English</a> </li> <li> <span class="is-current-language">Svenska</span> </li> </ul> </div> <div class="header__mobile-toggle"><span></span></div> </div> </div> </header> <main class="main-body base-page"> <div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="intro-block row grey"> <div class="intro-block-text col-xs-12 col-md-5 col-lg-4 col-xl-4 col-xxl-3 offset-xxl-1"> <h1> Skillnaden mellan Coworking och Kontorshotell </h1> <div class="intro-block-content"> <div class="intro-block-ingress"> </div> <p> När det gäller att välja en arbetsplats kan begrepp som coworking och kontorshotell ofta förväxlas. Båda erbjuder flexibla arbetsmiljöer, men det finns distinkta skillnader mellan dem. Låt oss kika närmre på dessa skillnader för att hjälpa dig att göra rätt val. </p> </div> </div> <div class="intro-block-addon-holder col-xs-12 col-md-7 col-lg-7 col-xl-7 offset-lg-1"> <div class="product-shelf-image"> <picture> <source srcset="/globalassets/qbank/wtc_jungmansgatan_dsc2960-5263d646f6696f48072840402bae8301f03f.jpg?width=930&format=jpg&quality=75, /globalassets/qbank/wtc_jungmansgatan_dsc2960-5263d646f6696f48072840402bae8301f03f.jpg?width=1860&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/wtc_jungmansgatan_dsc2960-5263d646f6696f48072840402bae8301f03f.jpg?width=700&format=jpg&quality=75, /globalassets/qbank/wtc_jungmansgatan_dsc2960-5263d646f6696f48072840402bae8301f03f.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/wtc_jungmansgatan_dsc2960-5263d646f6696f48072840402bae8301f03f.jpg?width=579&format=jpg&quality=75, /globalassets/qbank/wtc_jungmansgatan_dsc2960-5263d646f6696f48072840402bae8301f03f.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/wtc_jungmansgatan_dsc2960-52632c37ca18426db1f8b78161c430aa322a.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/wtc_jungmansgatan_dsc2960-52632c37ca18426db1f8b78161c430aa322a.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/wtc_jungmansgatan_dsc2960-52632c37ca18426db1f8b78161c430aa322a.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/wtc_jungmansgatan_dsc2960-52632c37ca18426db1f8b78161c430aa322a.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/wtc_jungmansgatan_dsc2960-5263d646f6696f48072840402bae8301f03f.jpg?width=579&format=jpg&quality=75" alt="Man och kvinna befinner sig i en coworkingmiljö" loading="lazy"> </picture> </div> </div> </div> </div></div><div class="row"><div class="col-md-6 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch2\u003eCoworking\u003c/h2\u003e\n\u003cp\u003eCoworking \u0026auml;r en arbetsmilj\u0026ouml; d\u0026auml;r individer eller sm\u0026aring; f\u0026ouml;retag kan hyra skrivbordsutrymme, oftast p\u0026aring; ett m\u0026aring;natligt eller dagligt basis.\u003c/p\u003e\n\u003cdiv style=\u0022background-color: #f3ac73; padding: 12px;\u0022\u003e\u003cstrong\u003eK\u0026auml;nnetecken f\u0026ouml;r Coworking:\u003c/strong\u003e\u003c/div\u003e\n\u003cdiv style=\u0022background-color: #f3ac73; padding: 12px;\u0022\u003e\u003cstrong\u003eGemenskap:\u003c/strong\u003e M\u0026aring;nga coworking-utrymmen betonar skapandet av en community bland sina medlemmar.\u003cbr /\u003e\u003cstrong\u003eFlexibilitet:\u003c/strong\u003e Anv\u0026auml;ndare kan oftast v\u0026auml;lja mellan \u0026ouml;ppna skrivbordsutrymmen eller dedikerade skrivbord.\u003cbr /\u003e\u003cstrong\u003eEvenemang och n\u0026auml;tverkande:\u003c/strong\u003e Coworking-utrymmen erbjuder ofta evenemang och workshops som fr\u0026auml;mjar professionell utveckling och n\u0026auml;tverkande.\u003cbr /\u003e\u003cstrong\u003eOlika medlemskapsplaner:\u003c/strong\u003e Fr\u0026aring;n dagliga till m\u0026aring;natliga pass, anv\u0026auml;ndare kan ofta v\u0026auml;lja en plan som passar deras behov.\u003c/div\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div><div class="col-md-6 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch2\u003eKontorshotell\u003c/h2\u003e\n\u003cp\u003eKontorshotell erbjuder privata kontorsutrymmen eller rum som kan hyras f\u0026ouml;r korta eller l\u0026auml;ngre perioder.\u003c/p\u003e\n\u003cdiv style=\u0022background-color: #1d4f74; padding: 12px;\u0022\u003e\n\u003cdiv style=\u0022color: white;\u0022\u003e\u003cstrong\u003eK\u0026auml;nnetecken f\u0026ouml;r Kontorshotell:\u003c/strong\u003e \u003cbr /\u003e\u003cbr /\u003e\u003cstrong\u003eMer privacy:\u003c/strong\u003e Till skillnad fr\u0026aring;n de \u0026ouml;ppna planl\u0026ouml;sningarna i de flesta coworking-utrymmen, erbjuder kontorshotell st\u0026auml;ngda, privata kontor.\u003cbr /\u003e\u003cstrong\u003eFullt utrustade kontor:\u003c/strong\u003e Dessa kontor \u0026auml;r ofta m\u0026ouml;blerade och inkluderar bekv\u0026auml;mligheter som telefon, skrivare och kopiatorer.\u003cbr /\u003e\u003cstrong\u003eProfessionell atmosf\u0026auml;r:\u003c/strong\u003e Kontorshotell erbjuder en mer formell arbetsmilj\u0026ouml;, vilket kan vara f\u0026ouml;rdelaktigt f\u0026ouml;r kundm\u0026ouml;ten.\u003cbr /\u003e\u003cstrong\u003eEnklare kostnadsstruktur:\u003c/strong\u003e Ist\u0026auml;llet f\u0026ouml;r olika medlemskapsplaner kan anv\u0026auml;ndare f\u0026ouml;rv\u0026auml;nta sig en fast m\u0026aring;nadskostnad.\u003c/div\u003e\n\u003c/div\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch2 style=\u0022text-align: center;\u0022\u003eSkillnaden mellan coworking och kontorshotell\u003c/h2\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003eMedan b\u0026aring;de coworking och kontorshotell erbjuder flexibla arbetsmilj\u0026ouml;er, betonar coworking gemenskap och n\u0026auml;tverkande, medan kontorshotell betonar privacy och en mer formell arbetsmilj\u0026ouml;. Valet mellan dem beror p\u0026aring; dina professionella behov och preferenser.\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-md-6 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/vart-koncept/coworking" class="text-box-container orange"> <h2> Coworking hos World Trade Center </h2> <div class="text-box-body"> <p>Här kan du lösa ner om fördelarna med coworking hos World Trade Center</p> <span class="read-more with-arrow">Coworking inom World Trade Center</span></div> </a> </div> </div></div><div class="col-md-6 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/vart-koncept/kontorshotell" class="text-box-container darkblue"> <h2> Kontorshotell hos World Trade Center </h2> <div class="text-box-body"> <p>Här kan du lösa ner om fördelarna med kontorshotell hos World Trade Center</p> <span class="read-more with-arrow">Kontorshotell inom World Trade Center</span></div> </a> </div> </div></div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="text-center button-block-button"> <a href="/vart-koncept" class="wtc-btn black"><span>Läs mer om vårt koncept!</span></a> </div> </div></div></div> </main> <div class="sub-header__cta sub-header__cta--mobile"> <span> <a href="/lediga-kontor" class="sub-header__button">Lediga kontor</a> </span> </div> <footer> <div class="top-banner"> <div class="container"> <a href="/"> <img src="/Areas/WTC/Content/img/wtc_logo-alla-svart.svg" class="convert-svg" /> </a> <div class="language-switcher"> <a href="https://www.wtcmalmolundhelsingborg.com/">English</a> <span class="is-current-language">Svenska</span> </div> </div> </div> <div class="footer-holder"> <div class="container"> <div class="row" data-equal-btns> <div class="col-md-12 footer-menu-columns"> <div class="footer-menu-column"> <h3><a href="/vart-koncept">Vårt koncept</a></h3> <h4>Vårt koncept</h4> <ul> <li><a href="/vart-koncept/coworking">Coworking</a></li> <li><a href="/vart-koncept/kontorshotell">Kontorshotell</a></li> <li><a href="/vart-koncept/kontorslokal">Kontorslokal</a></li> </ul> <h4>Detta ingår</h4> <ul> <li><a href="/service">Service</a></li> <li><a href="/klubb">Klubb</a></li> <li><a href="/evenemang">Evenemang</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/lediga-kontor">Våra orter</a></h3> <h4>Våra orter</h4> <ul> <li><a href="/vara-fastigheter/malmo">Malmö</a></li> <li><a href="/vara-fastigheter/lund">Lund</a></li> <li><a href="/vara-fastigheter/helsingborg">Helsingborg</a></li> </ul> <h4>Malmö</h4> <ul> <li><a href="/vara-fastigheter/malmo/jungmansgatan">Jungmansgatan</a></li> <li><a href="/vara-fastigheter/malmo/skeppsgatan">Skeppsgatan</a></li> <li><a href="/vara-fastigheter/malmo/propellergatan">Propellergatan</a></li> </ul> <h4>Lund</h4> <ul> <li><a href="/vara-fastigheter/lund/hedvig-mollers-gata-12">Hedvig Möllers Gata 12</a></li> <li><a href="/vara-fastigheter/lund/hedvig-mollers-gata-5">Hedvig Möllers Gata 5</a></li> </ul> <h4>Helsingborg</h4> <ul> <li><a href="/vara-fastigheter/helsingborg/broderna-pihls-grand">Bröderna Pihls Gränd</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/konferenslokaler/malmo">Konferens</a></h3> <h4>Konferens</h4> <ul> <li><a href="/konferenslokaler/malmo">Malmö</a></li> <li><a href="/konferenslokaler/lund">Lund</a></li> <li><a href="/konferenslokaler/helsingborg">Helsingborg</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/for-hyresgaster">För hyresgäster</a></h3> <h4>För hyresgäster</h4> <ul> <li><a href="/for-hyresgaster">Hyresgästinfo</a></li> <li><a href="/evenemang">Evenemang</a></li> <li><a href="/klubb/medlemsformaner">Medlemsförmåner</a></li> </ul> </div> <div class="footer-menu-column"> <h3>Inspiration</h3> <ul><li><a href="/inspiration">Inspiration</a></li></ul> </div> <div class="footer-menu-column"> <h3><a href="/om-oss/om-wtc">Om oss</a></h3> <h4>Om oss</h4> <ul> <li><a href="/om-oss/om-wtc">Om World Trade Center</a></li> <li><a href="/om-oss/hallbara-kontor">Hållbara kontor</a></li> <li><a href="/om-oss/press-och-media">Press och media</a></li> <li><a href="/om-oss/en-del-av-granitor">En del av Granitor</a></li> <li><a href="/om-oss/jobba-hos-oss">Jobba hos oss</a></li> <li><a href="/om-oss/kontakta-oss">Kontakta oss</a></li> <li><a href="https://www.wtcmalmolundhelsingborg.com/">About us</a></li> </ul> </div> <div class="footer-menu-column contact-column"> <h3>Kontakt</h3> <div class="contact-info-container"> <ul class="contact-info"> <li> <svg id="Group_6288" data-name="Group 6288" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 22.5"> <path id="Path_3559" data-name="Path 3559" class="cls-1" d="M8.5,0C3.8,0,0,3,0,8.3S8.5,22.5,8.5,22.5,17,13.5,17,8.3C17,3,13.2,0,8.5,0Zm0,19.4q-1.2-1.35-2.7-3.3C2.5,11.6,2,9.2,2,8.3A6.025,6.025,0,0,1,3.8,3.7,6.771,6.771,0,0,1,8.5,2a7.212,7.212,0,0,1,4.7,1.6A6.1,6.1,0,0,1,15,8.3c0,1-.5,3.3-3.9,7.9C10.2,17.4,9.2,18.6,8.5,19.4Z" /> <path id="Path_3560" data-name="Path 3560" class="cls-1" d="M8.5,6A2.5,2.5,0,1,0,11,8.5,2.476,2.476,0,0,0,8.5,6Zm0,3A.5.5,0,1,1,9,8.5.472.472,0,0,1,8.5,9Z" /> </svg> <span>Jungmansgatan 12, 211 11 Malmö</span> </li> <li class="phone"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.554 20.555"> <g id="phone-talking" transform="translate(-1.215 -2.546)"> <g id="phone-talking-2" data-name="phone-talking"> <path id="shape" class="cls-1" d="M18.115,21.092A1,1,0,0,0,19,20.41l.718-2.153a1,1,0,0,0-.242-1.023L17.646,15.4a1,1,0,0,0-1.23-.145l-1.7,1.039a3,3,0,0,1-3.689-.436L8.454,13.282a3,3,0,0,1-.436-3.689L9.057,7.9a1,1,0,0,0-.145-1.23L7.082,4.839A1,1,0,0,0,6.058,4.6l-2.153.718a1,1,0,0,0-.682.884C3.1,8.167,4.467,11.79,8.5,15.819S16.148,21.218,18.115,21.092Zm.129,2c-2.727.176-6.751-1.443-11.162-5.854S1.052,8.8,1.228,6.071A3,3,0,0,1,3.273,3.418L5.426,2.7a3,3,0,0,1,3.07.725l1.829,1.829a3,3,0,0,1,.436,3.689l-1.039,1.7a1,1,0,0,0,.145,1.23l2.578,2.578a1,1,0,0,0,1.23.145l1.7-1.039a3,3,0,0,1,3.689.436l1.829,1.829a3,3,0,0,1,.725,3.07L20.9,21.042A3,3,0,0,1,18.244,23.087Z" /> </g> </g> </svg> <a href="tel:+46 40 627 11 00">+46 40 627 11 00</a> </li> <li class="email"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 16"> <g id="mail" transform="translate(-1 -4)"> <g id="mail-2" data-name="mail"> <path id="shape" class="cls-1" d="M23,8.978Q23,9,23,9.023V16a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V9.023Q1,9,1,8.978V8A4,4,0,0,1,5,4H19a4,4,0,0,1,4,4v.978Zm-2-.722V8a2,2,0,0,0-2-2H5A2,2,0,0,0,3,8v.256l8.344,4.474a5.4,5.4,0,0,0,1.347,0Zm0,2.088-8.138,4.441a3,3,0,0,1-1.724,0L3,10.344V16a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2Z" /> </g> </g> </svg> <a href="mailto:info@wtcmalmo.se">info@wtcmalmo.se</a> </li> <li> <a href="/cookies">Integritets- och cookiepolicy</a> </li> <li> <a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie-inställningar</a> </li> </ul> </div> </div> </div> </div> </div> <div class="member-of-midroc-image"> <a href="/om-oss/en-del-av-granitor"><img src="/siteassets/logotyper/wtc_member_of_granitor_sv.png" alt="" /></a> </div> </div> </footer> <div class="footer-navigation"> <div class="footer-navigation-item footer-navigation-item--scroll"><a href="#">Scrolla till toppen <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" alt="" /></a></div> <div class="footer-navigation-item footer-navigation-item--next"><a href="https://www.wtcmalmolundhelsingborg.se/for-hyresgaster">Gå vidare till: För hyresgäster <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" alt="" /></a></div> </div> </div> <script type="text/x-template" id="ia-modal-template"> <span> <a href="#" :class="attrs" @click.prevent="showModal = true" :title="title"><slot></slot></a> <transition name="modal" v-if="showModal"> <div class="ia-modal ia-modal-mask modal" :class="{'ia-modal-mask-startpage':startpage}" ref="modal"> <div class="modal-dialog" :class="{'modal-lg': isPropertyOrObject }"> <div class="modal-content"> <div class="modal-header ia-modal-header"> <slot name="header"> <h5 class="modal-title" v-html="ia.pageHeader"></h5> <a href="#" class="ia-modal-close" aria-label="CLOSE" data-dismiss="modal" @click.stop.prevent="showModal = false"> <span aria-hidden="true">×</span> </a> </slot> </div> <div class="modal-body ia-modal-body"> <slot name="body"> <div class="container"> <div class="row"> <div :class="{'col-md-8 col-sm-12 order-last order-md-first' : isPropertyOrObject, 'col-12': !isPropertyOrObject }"> <form @submit.prevent="post" class="needs-validation" novalidate> <template v-if="ia.dialogType == 'project-follow'"> <div v-html="ia.title"></div> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share' || ia.dialogType == 'share-event'"> <p v-html="ia.title"></p> <div class="form-group"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share-favorites'"> <p v-html="ia.title"></p> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'auto' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe" /> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group"> <label for="size" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message2"></textarea> <span class="ia-modal-label">Önskad lokalstorlek</span> <span v-if="$v.ia.message2.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left" alt="" /> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right" alt="" /> </button> </template> <template v-if="isPropertyOrObject && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests-and-questions" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.name.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe" /> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </template> <template v-if="ia.dialogType == 'conference' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.name.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.conferencePeoples" v-model="ia.peopleCount"></custom-select> </div> <div class="form-group"> <label for="other-request" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message"></textarea> <span class="ia-modal-label">Övriga önskemål - T ex tid, förtäring</span> <span v-if="$v.ia.message2.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="member"> Jag är hyresgäst i World Trade Center <input class="form-check-input" type="checkbox" id="member" v-model="ia.isMember" key="member" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click.stop.prevent="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left" alt="" /> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right" alt="" /> </button> </template> <div class="error-summary-group" v-if="$v.ia.$error || ia.errorMessage"> <ul class="error-summary"> <li v-if="!$v.ia.email.required"> Ange en e-postadress </li> <li v-if="!$v.ia.email.email"> Ange en giltig e-postadress </li> <li v-if="!$v.ia.phone.required"> Ange ett telefonnummer </li> <li v-if="!$v.ia.phone.number"> Ange ett giltigt telefonnummer </li> <li v-if="ia.errorMessage"> <blockquote> {{ ia.errorMessage }} </blockquote> </li> </ul> </div> <div class="success-summary-group" v-if="ia.successMessage && submitStatus == 'completed'"> <ul class="success-summary"> <li>{{ ia.successMessage }}</li> </ul> </div> <div class="form-footer ia-modal-footer"> <p v-if="ia.policyUrl"> När du kontaktar oss sparas de uppgifter som du anger i formuläret. Anledningen till varför vi sparar dessa uppgifter är för att vi ska kunna behandla dina frågor och synpunkter. Läs mer om hur vi behandlar dina personuppgifter och vilka rättigheter du har på <a :href="ia.policyUrl" class="policy-link" target="policy">vår integritets- och cookiepolicysida</a> </p> <button class="btn ia-modal-btn ia-modal-send" type="submit" :disabled="loading || submitStatus == 'invalid'"> <img :src="getSubmitImage" class="ia-modal-send-img" alt="" /> {{ getSubmitStatusText }}<span v-show="loading">...</span> </button> </div> <input type="text" v-model="honeypot" class="hidden" /> </form> </div> <!-- col-8 --> <div class="col-md-4 col-sm-12" align="center" v-if="isPropertyOrObject"> <div class="ia-modal-sidebar"> <div class="ia-modal-sidebar-header"> <h3>Jag vill veta mer om</h3> </div><!-- header--> <div class="ia-modal-title"> <div class="ia-modal-sidebar-image-wrapper"> <img v-if="ia.propertyImageUrl" :src="ia.propertyImageUrl" alt="" /> </div> <h1>{{ia.propertyName }}</h1> <h3>{{ ia.propertyCity }}<span v-if="ia.propertyLocation"> - {{ ia.propertyLocation }}</span></h3> </div><!-- title --> <div class="row ia-modal-sidebar-info" v-if="ia.dialogType == 'object'"> <div class="col-6 divider"> <h2>{{ ia.objectSpace }}</h2> <span>(kvadratmeter)</span> </div><!-- col-6 --> <div class="col-6"> <h2>{{ ia.objectPeople }}</h2> <span>(antal personer)</span> </div><!-- col-6 --> </div><!-- row --> <div class="ia-modal-sidebar-footer" v-if="ia.objectFloor"> <h3>VÅNINGSPLAN</h3> <span>{{ ia.objectFloor }}</span> <p>{{ ia.objectQuote }}</p> </div><!-- footer --> </div> </div> </div> </div> </slot> </div> </div> </div> </div> </transition> </span> </script> <script type="text/x-template" id="custom-select-template"> <div class="wtc-dropdown" :class="{'open' : expanded }" @click.stop.prevent="setExpanded(!expanded)" tabindex="0"> <span class="current">{{selectedText}}</span> <div class="list"> <ul> <li v-if="emptyText" class="option" :class="{'selected' : !value}" tabindex="-1" @click.stop.prevent="setValue(null)">{{ emptyText }}</li> <li v-for="(item, index) in items" class="option" :class="{'selected' : value == (item.id || item)}" :tabindex="index" @click.stop.prevent="setValue(item)">{{ item.text || item }}</li> </ul> </div> </div> </script> <script src="/Bundles/EpiCrateScripts?v=My6kavj2JIgWmKbe9zHtJpl3VHXZi8oO1wvyE3t2xF01"></script> <script src="/Bundles/WTCScripts?v=BB6XdS4EXyHUEpQC0WRbIoSRsUoDCLURN8sBESJ9VCc1"></script> <script>(function ($, d) { $.each(readyQ, function (i, f) { $(f) }); $.each(bindReadyQ, function (i, f) { $(d).bind("ready", f) }) })(jQuery, document)</script> <script type="text/x-template" id="text-block"> <div class="text-box text-block row" :class="{'with-addon': model.hasLayout, 'without-addon': !model.hasLayout, 'with-addon--iconlist': model.hasContact}"> <div class="text-block-text" :class="{'col-md-6 col-lg-5 col-xl-5 col-xxl-5 offset-lg-1 offset-xl-1 offset-xxl-2' : model.hasLayout, 'col-md-10 col-lg-10 col-xl-10 col-xxl-10 offset-lg-1': !model.hasLayout }"> <div id="text-block-content" class="text-block-content" ref="textBlockContent" v-if="model.Wysiwyg" :class="{'text-block-with-expandable-body' : showReadMore, 'expanded' : expanded}" v-html="model.Wysiwyg"></div> <a href="#" class="load-read-more" :class="{'read-less' : expanded}" @click.prevent="expanded = !expanded" v-show="showReadMore">{{ !expanded ? model.ReadMoreText : 'Dölj' }}</a> </div> <div v-if="model.hasFacts || model.hasImage || model.hasContact" class="text-box-right text-block-addon-holder col-xs-12 col-md-5 offset-md-1 col-lg-4 offset-lg-1 col-xl-4 offset-xl-1 col-xxl-3 offset-xxl-1"> <div v-if="model.hasImage" class="text-block-picture-addon"> <a :href="model.imageUrl" data-toggle="lightbox"> <img class="expand-cursor text-block-picture object-fit" :src="imageResizer(model.imageUrl).width(720).scale('both').crop()" :alt="model.imageAlt"> </a> </div> <div v-if="model.hasFacts" class="text-block-addon" :class="model.Theme"> <span class="text-block-addon-title">{{ model.FactsHeading }}</span> <div class="text-block-addon-body"> <div v-for="fact in model.Facts" class="addon-fact" :class="{'addon-fact--fullwidth' : fact.FullWidth }"> <div class="addon-label"> {{fact.Label}} </div> <div class="addon-value"> {{fact.Text}} </div> </div> </div> </div> <div v-if="model.hasContact" class="text-block-addon contact-box" :class="model.Theme"> <span v-if="model.Contact.Heading" class="text-block-addon-title">{{ model.Contact.Heading }}</span> <div class="text-block-addon-body"> <div v-if="model.Contact.Adress" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/place.svg" alt="value icon" /> </div> <div class="addon-value"> {{ model.Contact.Adress }} </div> </div> <div v-if="model.Contact.Phone" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/phone-talking.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'tel:' + model.Contact.Phone">{{ model.Contact.Phone }}</a> </div> </div> <div v-if="model.Contact.Email" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/mail.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'mailto:' + model.Contact.Email">{{ model.Contact.Email }}</a> </div> </div> </div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("text-block", { template: '#text-block', props: ['model'], data: function () { return { expanded: false, showReadMore: false } }, methods: { checkReadMore: function () { this.showReadMore = this.model.ReadMoreText && this.$refs.textBlockContent && this.$refs.textBlockContent.offsetHeight > 350; } }, mounted: function () { this.checkReadMore(); } }); </script> <script type="text/javascript"> window.PageEditing = { PageIsInEditMode:false }; (function () { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = '//maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCHHj_hXSbYvU8sn9e5vcZCjTa-zg5pGPE&callback=google_maps_initialize&language=sv-SE&libraries=places'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); function google_maps_initialize() { $(document).trigger("google-maps-initialize"); } initVue('138318', 'Ta bort alla favoriter?'); </script> </body> </html>