<iframe></noscript> <script type="text/javascript" src="https://dl.episerver.net/13.5.8/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> <li class=""> <a href="/klubb/medlemmar"> <strong>Medlemmar</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> <div class="container-fluid page-top-block"> <div class="row"> <div class="col-lg-5"> <div class="page-top-block-text light"> <div class="content"> <h1>Trendspaning: Nu vill vi ha det hemtrevligt på kontoret</h1> <div class="page-top-block__intro"> <p> En kreativ och inspirerande kontorsmiljö som passar alla – går det verkligen att få till? Ja, det går! Lösningen är många små rum med olika funktioner för olika syften på samma öppna yta. Är kontoret dessutom hemtrevligt är chansen stor att trivselfaktorn blir hög. </p> </div> </div> </div> </div> <div class="col-lg-7 page-top-block-image-wrapper"> <div class="page-top-block-image page-top-block--info" > <div class="product-shelf-image intro-block-image"> <picture> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/globalassets/qbank/p1_kreativ_miljo_1920x1080-7253e8549bb43863efef86a780e83ea10a0b.jpg?width=930&format=jpg&quality=75, /globalassets/qbank/p1_kreativ_miljo_1920x1080-7253e8549bb43863efef86a780e83ea10a0b.jpg?width=1860&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/p1_kreativ_miljo_1920x1080-7253e8549bb43863efef86a780e83ea10a0b.jpg?width=700&format=jpg&quality=75, /globalassets/qbank/p1_kreativ_miljo_1920x1080-7253e8549bb43863efef86a780e83ea10a0b.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/p1_kreativ_miljo_1920x1080-7253e8549bb43863efef86a780e83ea10a0b.jpg?width=579&format=jpg&quality=75, /globalassets/qbank/p1_kreativ_miljo_1920x1080-7253e8549bb43863efef86a780e83ea10a0b.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/p1_kreativ_miljo_1920x1080-72535dbcf2a48ec9cf93b688059b80cff576.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/p1_kreativ_miljo_1920x1080-72535dbcf2a48ec9cf93b688059b80cff576.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/p1_kreativ_miljo_1920x1080-72535dbcf2a48ec9cf93b688059b80cff576.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/p1_kreativ_miljo_1920x1080-72535dbcf2a48ec9cf93b688059b80cff576.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/globalassets/qbank/p1_kreativ_miljo_1920x1080-7253e8549bb43863efef86a780e83ea10a0b.jpg?width=579&format=jpg&quality=75" alt="Kollage över bilder till en artikel om hemtrevligt på kontoret" loading="lazy"> </picture> </div> </div> </div> </div> </div> <div class="container-fluid"><div class="row"><div class="col-md-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003cp\u003eOavsett om det g\u0026auml;ller en arbetsplats med fem personer eller 15, s\u0026aring; finns det en rad olika behov som ska tillgodoses f\u0026ouml;r att medarbetare ska k\u0026auml;nna sig inspirerade och kreativa p\u0026aring; kontoret. N\u0026aring;gon vill ha mysig belysning och mycket f\u0026auml;rg, en annan beh\u0026ouml;ver dagsljus, v\u0026auml;xtlighet och d\u0026auml;mpad ljudmilj\u0026ouml;, medan en tredje kan jobba precis var som helst s\u0026aring; l\u0026auml;nge det finns ett eluttag till datorn.\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-8 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/vart-koncept" class="text-box-container orange"> <h2> Dynamiska kontor för företagets alla faser </h2> <div class="text-box-body"> <p>Vårt kontorskoncept i Malmö, Lund och Helsingborg ger dig en arbetsplats som utvecklas och förändras i takt med att du och ditt företag gör det.</p> <span class="read-more with-arrow">Läs mer och bli hyresgäst idag!</span></div> </a> </div> </div></div></div><div class="row"><div class="col-md-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003cp\u003e\u0026ndash; Det \u0026auml;r klart att det \u0026auml;r en utmaning att skapa en kontorsmilj\u0026ouml; som faller alla i smaken. Men har du en tydlig tanke bakom inredningen, ett genomg\u0026aring;ende koncept d\u0026auml;r du tar h\u0026auml;nsyn till b\u0026aring;de det visuella med f\u0026auml;rg och form, och ljud, d\u0026aring; har du kommit l\u0026aring;ngt, s\u0026auml;ger Andreas Sch\u0026ouml;nstr\u0026ouml;m p\u0026aring; Johanson Design.\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-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch3\u003eFr\u0026aring;n vitt och oanv\u0026auml;nt till f\u0026auml;rg och liv\u003c/h3\u003e\n\u003cp\u003eAndreas vet vad han pratar om. Johanson Design \u0026auml;r experter p\u0026aring; kontorsmilj\u0026ouml;er och jobbar med stora varum\u0026auml;rken som Volvo, Ericsson och Wing\u0026aring;rdhs arkitekter.\u003c/p\u003e\n\u003cp\u003eHan tar World Trade Center p\u0026aring; Jungmansgatan i Malm\u0026ouml; som exempel p\u0026aring; en lyckad f\u0026ouml;rvandling. Den stora \u0026ouml;ppna ytan framf\u0026ouml;r receptionen var tidigare m\u0026ouml;blerad med tv\u0026aring; runda, vita bord omg\u0026auml;rdade av svarta stolar. Det var ytterst s\u0026auml;llan n\u0026aring;gon anv\u0026auml;nde m\u0026ouml;blerna.\u003c/p\u003e\n\u003cp\u003eIdag \u0026auml;r milj\u0026ouml;n helt annorlunda. Nu finns soffor med h\u0026ouml;ga, ljudd\u0026auml;mpade v\u0026auml;ggar f\u0026ouml;r ett avskilt m\u0026ouml;te, sittpuffar och l\u0026auml;gre soffor f\u0026ouml;r den som v\u0026auml;ntar p\u0026aring; en kund eller kollega och mindre grupper av f\u0026aring;t\u0026ouml;ljer f\u0026ouml;r den som vill ta en kaffe. Det finns \u0026auml;ven ett h\u0026ouml;gt, l\u0026aring;ngt bord med barstolar som har gott om plats f\u0026ouml;r datorn eller lunchtallriken. F\u0026auml;rgerna \u0026auml;r dova i vinr\u0026ouml;tt, lila och gr\u0026ouml;nbl\u0026aring; toner med inslag av starkare pasteller. \u0026Auml;ven v\u0026auml;ggar, gardiner och mattor f\u0026ouml;ljer samma f\u0026auml;rgkoncept.\u003c/p\u003e\n\u003cp\u003e- F\u0026ouml;r att f\u0026aring; en kreativ milj\u0026ouml; som passar m\u0026aring;nga kr\u0026auml;vs flera mindre platser f\u0026ouml;r olika syften. Nu sitter det alltid folk h\u0026auml;r! Sen \u0026auml;r ljudet v\u0026auml;ldigt viktigt i den h\u0026auml;r typen av \u0026ouml;ppna milj\u0026ouml;er. Du m\u0026aring;ste ha bra akustik f\u0026ouml;r att kunna jobba. H\u0026auml;r p\u0026aring; World Trade Center har man kl\u0026auml;tt en hel v\u0026auml;gg med ljudabsorbenter i plommon, r\u0026ouml;tt och m\u0026auml;ssing som f\u0026ouml;ljer samma koncept som den \u0026ouml;vriga inredningen.\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-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch3\u003eTrendigt med hemtrevnad\u003c/h3\u003e\n\u003cp\u003eTanken om flera ytor med olika funktioner och syften, g\u0026aring;r helt i linje med den senaste kontorstrenden: vi vill ha \u0026rdquo;hemmak\u0026auml;nsla\u0026rdquo; p\u0026aring; jobbet. De traditionella skrivborden blir kanske f\u0026auml;rre, men de hemtrevliga och gemytliga ytorna blir fler.\u003c/p\u003e\n\u003cp\u003e\u0026ndash; Det pratas mycket om det h\u0026auml;r i branschen just nu. Under pandemin n\u0026auml;r m\u0026aring;nga jobbade hemifr\u0026aring;n kanske man satt i soffan med datorn i kn\u0026auml;t och uppt\u0026auml;ckte att det var ganska trevligt och funkade bra, s\u0026auml;ger Andreas.\u003c/p\u003e\n\u003cp\u003e\u0026ndash; Ett s\u0026auml;tt att skapa den h\u0026auml;r k\u0026auml;nslan \u0026auml;r att fl\u0026ouml;rta med det man har hemma, att till exempel anv\u0026auml;nda gr\u0026ouml;vre tyger och tyg med struktur i som man vanligen inte ser i kontorsmilj\u0026ouml;er. V\u0026auml;xter skapar ocks\u0026aring; en h\u0026auml;rlig milj\u0026ouml;, och f\u0026ouml;r att f\u0026aring; dem att bli en del av helheten kan k\u0026auml;rlen till v\u0026auml;xterna g\u0026aring; i samma kul\u0026ouml;r som resten av inredningen.\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-8 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/vart-koncept" class="text-box-container orange"> <h2> Dynamiska kontor för företagets alla faser </h2> <div class="text-box-body"> <p>Vårt kontorskoncept i Malmö, Lund och Helsingborg ger dig en arbetsplats som utvecklas och förändras i takt med att du och ditt företag gör det.</p> <span class="read-more with-arrow">Läs mer och bli hyresgäst idag!</span></div> </a> </div> </div></div></div><div class="row"><div class="col-md-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch3\u003eSm\u0026aring;l\u0026auml;ndsk design sedan 1950-talet\u003c/h3\u003e\n\u003cp\u003eUt\u0026ouml;ver kontorsinteri\u0026ouml;rer till n\u0026auml;ringslivet g\u0026ouml;r Johanson Design \u0026auml;ven m\u0026ouml;bler \u0026aring;t fartyg, skolor, sjukhus, hotell och restauranger. I snart 70 \u0026aring;r har de ritat och tillverkat m\u0026ouml;bler i sin egen fabrik i Markaryd, med m\u0026aring;let att g\u0026ouml;ra inredning av h\u0026ouml;g kvalitet som kan anv\u0026auml;ndas och slitas i m\u0026aring;nga \u0026aring;r.\u003c/p\u003e\n\u003cp\u003e\u0026ndash; Vi brukar s\u0026auml;ga att vi g\u0026ouml;r allt utom sj\u0026auml;lva arbetsplatsen. Inga h\u0026ouml;j- och s\u0026auml;nkbara skrivbord, inga hurtsar eller f\u0026ouml;rvaring, men d\u0026auml;remot allt annat runtomkring som skapar en trevlig och inspirerande milj\u0026ouml;.\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-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch3\u003eNaturn\u0026auml;ra h\u0026aring;ller i l\u0026auml;ngden\u003c/h3\u003e\n\u003cp\u003eF\u0026ouml;r att skapa en kontorsmilj\u0026ouml; som inte k\u0026auml;nns daterad redan om fem \u0026aring;r rekommenderar Andreas att jobba med mjuka, naturn\u0026auml;ra f\u0026auml;rger p\u0026aring; sj\u0026auml;lva m\u0026ouml;blerna, och l\u0026aring;ta gardiner, kuddar, lampor och f\u0026auml;rg p\u0026aring; v\u0026auml;ggar st\u0026aring; f\u0026ouml;r det trendiga som sticker ut.\u003c/p\u003e\n\u003cp\u003e- Det \u0026auml;r mycket mer kostnadseffektivt att byta kuddar och gardiner om n\u0026aring;gra \u0026aring;r \u0026auml;n att byta hela m\u0026ouml;belset. Och mer h\u0026aring;llbart f\u0026ouml;r milj\u0026ouml;n ocks\u0026aring;.\u003c/p\u003e\n\u003cp\u003eOch det\u0026nbsp;finns\u0026nbsp;knep f\u0026ouml;r att utmana det traditionella \u0026auml;ven n\u0026auml;r det g\u0026auml;ller m\u0026ouml;blerna, utan att de f\u0026ouml;r den skull snabbt blir omoderna.\u003c/p\u003e\n\u003cp\u003e\u0026ndash; Man kan till exempel v\u0026auml;lja samma stolsmodell i olika tyger och f\u0026auml;rger runt ett och samma bord, eller olika stolsmodeller i samma ton eller f\u0026auml;rg men med samma kul\u0026ouml;r p\u0026aring; lacken p\u0026aring; underredet. Det finns m\u0026aring;nga roliga saker man kan experimentera med som \u0026auml;nd\u0026aring; h\u0026aring;ller i l\u0026auml;ngden. Ofta blir det v\u0026auml;ldigt bra n\u0026auml;r man v\u0026aring;gar ta ut sv\u0026auml;ngarna och g\u0026ouml;ra lite mer.\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> <div class="container-fluid container-fluid--left-aligned"> <div class="row"> <div class="offset-md-1 col-md-8"> <div class="text-box text-block row without-addon"> <div class="text-block-text"> <div id="text-block-content" class="text-block-content"> </div> </div> </div> </div> </div> </div> <div class="container-fluid container-fluid--left-aligned"> <div class="row row-reverse"> <div class="offset-lg-1 col-lg-5 col-lg-10 col-xl-9"> <hr class="hr" /> </div> </div> <div class="row row-reverse"> <div class="col-md-5 col-lg-4 order-md-2"> <div class="simple-image"> <img src="/globalassets/qbank/istock-1162786825_kvinnapagunga-41383e62833618d9b3b4a11beff0bb154bb9.jpg?width=450&format=jpg&quality=75" alt="Kollage över bilder till en artikel om hemtrevligt på kontoret" /> </div> </div> <div class="offset-lg-1 col-xl-5 col-lg-6 col-md-7 order-lg-1"> <div class="simple-text simple-text--vertical-center"> <h3>Dynamiska kontor för företagets alla faser</h3> <p>Vårt kontorskoncept i Malmö, Lund och Helsingborg ger dig en arbetsplats som utvecklas och förändras i takt med att du och ditt företag gör det.</p> <a class="wtc-btn black" href="/vart-koncept" @click="track('Inspiration Undersida CTA','Artikellänk')" target=""><span>Läs mer och bli hyresgäst idag!</span></a> </div> </div> </div> <div class="row row-reverse"> <div class="offset-lg-1 col-lg-5 col-lg-10 col-xl-9"> <hr class="hr" /> </div> </div> <div class="row row-reverse"> <div class="col-md-5 col-lg-4 order-md-2"> <div class="simple-image"> <img src="/globalassets/qbank/p1_kontorsmiljo_1920x1080-7033e8549bb43863efef86a780e83ea10a0b.jpg?width=450&format=jpg&quality=75" alt="Kollage till en artikel om att få medarbetare att komma till kontoret" /> </div> </div> <div class="offset-lg-1 col-xl-5 col-lg-6 col-md-7 order-lg-1"> <div class="simple-text simple-text--vertical-center"> <p class="eyebrow"> Läs mer inom <strong>Arbetsplatsen:</strong> </p> <h3>Forskaren: Så får du medarbetarna att vilja komma till kontoret</h3> <p>Ett attraktivt kontor behöver erbjuda mer än bara en yta, det märks tydligt efter de senaste årens hybridjobbande. Men hur skapar man egentligen en arbetsplats som passar alla och som tar hänsyn till både fysiska- och psykosociala behov? Forskaren Linda Widar har i flera studier undersökt hur distansarbete kan påverka arbetsmiljö och välbefinnande i arbetet, och menar att det främst är det sociala som gör att vi lämnar hemmet och tar oss till jobbet – fysiskt.</p> <a class="wtc-btn black" href="/inspiration/arbetsplatsen/sa-far-du-medarbetarna-att-vilja-komma-till-kontoret" @click="track('Inspiration Undersida CTA','Nästa artikel')"><span>Läs artikeln nu</span></a> </div> </div> </div> <div class="load-more-button"><a href="/inspiration" class="wtc-btn orange"><span>Till mer inspiration</span></a></div> </div> <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> <li><a href="/klubb/medlemmar">Medlemmar</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/inspiration/arbetsplatsen">Gå vidare till: Arbetsplatsen <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=g7rBsTetZRK16f99CJ9M5OwgjwtT7989TJJrc2w_ojs1"></script> <script src="/Bundles/WTCScripts?v=kbK2r3RTdxxT59QEm9bL3j7NrkbgaGV6sbtJHvWcOl81"></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('114350', 'Ta bort alla favoriter?'); </script> </body> </html>