<iframe></noscript> <script type="text/javascript" src="https://dl.episerver.net/13.5.10/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 header--has-sticky 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 is-current"> <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="is-current"> <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-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> <property-page :model='{"Property":{"Id":1109,"Visible":true,"LimeId":"1109","ParsedLimeId":1109,"IsProject":true,"Name":"Hedvig Möllers Gata 5","Location":"Råbyholm","Address":"Hedvig Möllers gata 5","Description":"Vi fortsätter nu med utvecklingen av World Trade Center Lund i sydöstra Lund. En inspirerande och nytänkande miljö för arbete, idéutbyte och nätverkande. Vi utvecklar nu ännu en fastighet där vi erbjuder flexibla kontorslösningar för företag som vill ha service i världsklass. World Trade Centers unika mix av flexibla kontor kommer finnas även här, allt från Coworking och Kontorshotell till det traditionella \u0022självförsörjande\u0022 kontoret. Vi tittar även på hybrider mellan kontor och kontorshotell - allt för att bemöta ditt företags behov för att vara en attraktiv arbetsplats. Lägg fullt fokus på din egen verksamhet så tar vi hand om servicen; gemensam reception, konferensavdelning, gym, restaurang och inspiration genom events och seminarium. \n\nI sydöstra Lund har du närheten till både city och service. För dig som pendlar med bil eller buss ligger fastigheterna väl placerade intill Råby Trafikplats vid E22. Intill fastigheten finns ett parkeringshus, även utrustat med laddstationer för ett hållbart pendlande.\n\nNär hela World Trade Center området står klart kommer det finnas drygt 18 000 kvadratmeter kontor, service, hotell och p-hus.","Ingress":"World Trade Center i Lund - Nära city, ännu närmare världen","ObjectTypes":"Kontorsfastighet","Access":"Enligt överenskommelse","BuildStart":null,"City":"Lund","Latitude":"55.689452","Longitude":"13.197402","ZipCode":"223 55","FloorsInBuilding":5,"FromArea":100,"ToArea":2300,"AreaTotal":11200,"PageUrl":null,"PageId":0,"Illustration":{"Name":null,"AltText":null,"Key":null,"Url":"/siteassets/byggnadsillustrationer/wtc_illustration_hedvid-mollers-gata-5-copy2.svg","MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small","MobileWidth":0,"MobileHeight":0,"MobileVideoUrl":null},"Images":[{"Name":"MP_WTC Lund__3D Objekt360 ([4859]f18ece72116786d2de2f00ac14d2ad46).jpg","AltText":"MP_WTC Lund__3D Objekt360 ([4859]f18ece72116786d2de2f00ac14d2ad46).jpg","Key":"image/jpeg","Url":"/globalassets/qbank/mp_wtc-lund__3d-objekt360-4859f18ece72116786d2de2f00ac14d2ad46.jpg","MobileUrl":"/globalassets/qbank/wtc-lund_3d_objekt-360-63014066b4edb3a29fdf1fc9ca38f1d8a1d9.jpg","VideoUrl":"","Order":1,"Width":1920,"Height":1080,"ImageSize":"medium","MobileWidth":1000,"MobileHeight":999,"MobileVideoUrl":""}],"Contact":{"Title":null,"FirstName":null,"LastName":null,"Phone":null,"Email":null,"Image":{"Name":null,"AltText":null,"Key":null,"Url":null,"MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small","MobileWidth":0,"MobileHeight":0,"MobileVideoUrl":null}},"PropertyNo":"1957","IsWtc":true,"Documents":[{"_id":4694,"file_id":880201,"rentalobject":4346,"object":7893,"property":1109,"order":null,"blobId":"epi.fx.blob://default/0ef0d479502347a9ab8cbd6ddbcab74e/f17969f448b14735be2ce23d45d5d7df.pdf","size":2470647,"type":"plan","extension":"pdf","filename":"Hedvig_Möllers_gata_5_P3_vån2-4-öppen.pdf","file_url":"/globalassets/lime/documents/880201-hedvig_mollers_gata_5_p3_van2-4-oppen.pdf","last_modified":"2023-04-17T15:10:26.22","_timestamp":"2023-04-17T13:10:26.697"},{"_id":6190,"file_id":880001,"rentalobject":4292,"object":7411,"property":1109,"order":null,"blobId":"epi.fx.blob://default/90d39312ce1c40f5845924d327a2a067/c6f205b150e542f791f75f0721bbbb56.pdf","size":2470647,"type":"plan","extension":"pdf","filename":"Hedvig_Möllers_gata_5_P3_vån2-4-öppen.pdf","file_url":"/globalassets/lime/documents/880001-hedvig_mollers_gata_5_p3_van2-4-oppen.pdf","last_modified":"2023-04-17T15:05:48.437","_timestamp":"2023-04-17T13:13:32.5"},{"_id":6436,"file_id":880401,"rentalobject":4343,"object":7891,"property":1109,"order":null,"blobId":"epi.fx.blob://default/fba8b00c90274d48a6cb318c1ec3346c/25015e93d9004f25b2794c89c984cee5.pdf","size":2609405,"type":"plan","extension":"pdf","filename":"Hedvig_Möllers_gata_5_P5_ny_helplan.pdf","file_url":"/globalassets/lime/documents/880401-hedvig_mollers_gata_5_p5_ny_helplan.pdf","last_modified":"2023-04-17T15:17:38.067","_timestamp":"2023-04-17T13:16:52.823"}]},"MediaFiles":[{"Picture":"\u003cpicture title=\u0022\u0022\u003e\r\n \u003csource srcset=\u0022/globalassets/qbank/mp_wtc-lund__3d-objekt360-4859f18ece72116786d2de2f00ac14d2ad46.jpg?width=1594\u0026height=797\u0026mode=crop\u0026format=jpg\u0026quality=75, /globalassets/qbank/mp_wtc-lund__3d-objekt360-4859f18ece72116786d2de2f00ac14d2ad46.jpg?width=1920\u0026height=960\u0026mode=crop\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/globalassets/qbank/mp_wtc-lund__3d-objekt360-4859f18ece72116786d2de2f00ac14d2ad46.jpg?width=1200\u0026height=600\u0026mode=crop\u0026format=jpg\u0026quality=75, /globalassets/qbank/mp_wtc-lund__3d-objekt360-4859f18ece72116786d2de2f00ac14d2ad46.jpg?width=1920\u0026height=960\u0026mode=crop\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/globalassets/qbank/mp_wtc-lund__3d-objekt360-4859f18ece72116786d2de2f00ac14d2ad46.jpg?width=992\u0026height=496\u0026mode=crop\u0026format=jpg\u0026quality=75, /globalassets/qbank/mp_wtc-lund__3d-objekt360-4859f18ece72116786d2de2f00ac14d2ad46.jpg?width=1920\u0026height=960\u0026mode=crop\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/globalassets/qbank/wtc-lund_3d_objekt-360-63014066b4edb3a29fdf1fc9ca38f1d8a1d9.jpg?width=768\u0026height=904\u0026mode=crop\u0026format=jpg\u0026quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-63014066b4edb3a29fdf1fc9ca38f1d8a1d9.jpg?width=849\u0026height=999\u0026mode=crop\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/globalassets/qbank/wtc-lund_3d_objekt-360-63014066b4edb3a29fdf1fc9ca38f1d8a1d9.jpg?width=576\u0026height=678\u0026mode=crop\u0026format=jpg\u0026quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-63014066b4edb3a29fdf1fc9ca38f1d8a1d9.jpg?width=849\u0026height=999\u0026mode=crop\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 0px)\u0022\u003e\r\n \u003cimg src=\u0022/globalassets/qbank/mp_wtc-lund__3d-objekt360-4859f18ece72116786d2de2f00ac14d2ad46.jpg?width=992\u0026height=496\u0026mode=crop\u0026format=jpg\u0026quality=75\u0022 alt=\u0022\u0022 loading=\u0022lazy\u0022\u003e\r\n\u003c/picture\u003e\r\n","VideoFile":"","MobileVideoFile":""}],"ShowReadMore":false,"HasRentalObjects":true,"TenantsPageUrl":"","PrevPageUrl":"/vara-fastigheter/lund/hedvig-mollers-gata-12","PrevPageName":"Hedvig Möllers Gata 12","NextPageUrl":"/vara-fastigheter/helsingborg/broderna-pihls-grand","NextPageName":"Bröderna Pihls Gränd"}' inline-template> <div class="container-fluid container-fluid--left-aligned"> <div class="row"> <div class="col-md-12"> <p class="back-to-search-link back-to-search-link--property-page" v-if="showBackButton()"> <a href="/lediga-kontor" @click="back($event)">Tillbaka till sökningen</a> </p> <div class="hero hero--project"> <div v-if="model.MediaFiles.length > 1" :class="{'hero-slideshow': !$root.onMobile, 'hero-mobile-slideshow': $root.onMobile}" ref="mobileSlideshow"> <div class="hero-slide" ref="slideItems" v-for="(media,index) in model.MediaFiles" :class="{'hero-slide--current': index == currentIndex}" @click.prevent="setIndex(++currentIndex)"> <div v-if="media.VideoFile" class="aspect-ratio" style="--aspect-x: 2; --aspect-y: 1"> <video :data-desktop-video="media.VideoFile" :data-mobile-video="media.MobileVideoFile" muted autoplay loop playsinline></video> </div> <div v-else v-html="media.Picture" class="aspect-ratio" style="--aspect-x: 2; --aspect-y: 1"> </div> </div> <div class="image-gallery__mobile-nav image-gallery__mobile-nav--bottom"> <div class="image-gallery__mobile-nav-inner"> <div class="image-gallery__mobile-nav-item" :class="{'image-gallery__mobile-nav-item--current': index == currentIndex}" v-for="(image, index) in model.MediaFiles" @click="setIndex(index)"></div> </div> </div> </div> <div v-else-if="model.MediaFiles.length > 0"> <div class="hero-image aspect-ratio" v-if="model.MediaFiles[0].VideoFile" style="--aspect-x: 2; --aspect-y: 1"> <video :data-desktop-video="model.MediaFiles[0].VideoFile" :data-mobile-video="model.MediaFiles[0].MobileVideoFile" muted autoplay loop playsinline></video> </div> <div v-else-if="model.MediaFiles[0].Picture" class="hero-image aspect-ratio" style="--aspect-x: 2; --aspect-y: 1" v-html="model.MediaFiles[0].Picture"></div> </div> <div v-else> <div class="hero-image"> <img src="https://www.dummyimage.com/1920x960/cccccc/0011ff&text=+" class="object-fit" alt="" /> </div> </div> <div class="hero-heading"> <h1>{{model.Property.Name}}</h1> <div class="hero-heading-info">{{ model.Property.City }} <span v-if="model.Property.Location"> {{model.Property.Location}} </span> </div> </div> <div class="favorite-indicator favorite-indicator--right" :class="{'favorite-indicator--favorited': $root.isFavorite()}" @click.stop.prevent="[$root.toggleFavorite(),track(trackingCategory, 'Spara favorit')]"> <div v-if="$root.isFavorite()" class="favorite-indicator-text"> Ta bort favorit </div> <div v-else class="favorite-indicator-text"> Spara favorit </div> <div class="favorite-indicator-heart"> <img src="/Areas/Midroc/Content/img/favorit_fill.svg" class="object-fit convert-svg" /> <div class="favorite-indicator-cross" :class="{'add': !$root.isFavorite()}"></div> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="sticky-sub-menu"> <div class="sub-header"> <div class="sub-navigation navigation-overflow"> <div class="navigation__scroll navigation__scroll--left"><span></span></div> <ul class="scroll-element nav sticky-tabs" role="tablist" onclick="toggleClass(this.closest('.section-navigation'), 'is-expanded');"> <li role="presentation" class="sub-navigation__item is-current"> <a data-toggle="tab" role="tab" class="nav-link" href="#tab-118665">Fastigheten</a> </li> <li role="presentation" class="sub-navigation__item "> <a data-toggle="tab" role="tab" class="nav-link" href="#tab-118717">Södra Lund</a> </li> <li role="presentation" class="sub-navigation__item "> <a data-toggle="tab" role="tab" class="nav-link" href="#tab-118740">Kontakta oss</a> </li> </ul> <div class="navigation__scroll navigation__scroll--right"><span></span></div> </div> <div class="sub-header__cta"> <span> <a href="" class="sub-header__button">Intresseanmälan</a> </span> </div> </div> </div> <div class="sub-header__cta sub-header__cta--mobile"> <span> <a href="" class="sub-header__button">Intresseanmälan</a> </span> </div> <div id="scroll-anchor"></div> <div class="tab-content"> <div role="tabpanel" class="tab-pane fade show active" id="tab-118665"> <div class="container-fluid"><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":"\u003ch1 style=\u0022text-align: center;\u0022\u003eHedvig M\u0026ouml;llers Gata 5 - Framtidens hus\u0026nbsp;\u003c/h1\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003eI anslutning till v\u0026aring;r befintliga fastighet utvecklar vi nu n\u0026auml;sta etapp av World Trade Center Lund. P\u0026aring; Hedvig M\u0026ouml;llers gata 5, v\u0026auml;xer en sp\u0026auml;nnande kontorsfastighet fram med stora ljusinsl\u0026auml;pp och gener\u0026ouml;sa utrymmen f\u0026ouml;r id\u0026eacute;utbyte och n\u0026auml;tverkande.\u0026nbsp;\u0026nbsp;\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-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\u003eEn plats d\u0026auml;r din verksamhet f\u0026aring;r m\u0026ouml;jlighet att v\u0026auml;xa\u0026nbsp;\u003c/h2\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003eWorld Trade Centers unika mix av flexibla kontor kommer \u0026auml;ven finnas \u0026auml;ven h\u0026auml;r, allt fr\u0026aring;n coworking och kontorshotell till det \u0022sj\u0026auml;lvf\u0026ouml;rs\u0026ouml;rjande\u0022 kontoret. Vi tittar \u0026auml;ven p\u0026aring; hybrider mellan kontor och kontorshotell \u0026ndash; allt f\u0026ouml;r att bem\u0026ouml;ta ditt f\u0026ouml;retags behov f\u0026ouml;r att vara en attraktiv arbetsplats.\u0026nbsp;\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":"Read more","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div></div><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 darkblue"> <div class="intro-block-text col-xs-12 col-md-5 col-lg-4 col-xl-4 col-xxl-3 offset-xxl-1"> <h1> En plats där din verksamhet får möjlighet att växa </h1> <div class="intro-block-content"> <div class="intro-block-ingress"> Planen är en fastighet som erbjuder allt du behöver för en rofylld, produktiv och hållbar arbetsvardag. Här kommer det finnas soldränkta terrasser, en inbjudande innergård i anslutning till restaurangen. Planer finns även på ett gym i huset. </div> <p> </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/mp_kontor_98120_wtc-hedvig-mollergatan-5_terrass-31608b09c8bb3636a308b129769ef3953073.jpg?width=930&format=jpg&quality=75, /globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_terrass-31608b09c8bb3636a308b129769ef3953073.jpg?width=1860&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_terrass-31608b09c8bb3636a308b129769ef3953073.jpg?width=700&format=jpg&quality=75, /globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_terrass-31608b09c8bb3636a308b129769ef3953073.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_terrass-31608b09c8bb3636a308b129769ef3953073.jpg?width=579&format=jpg&quality=75, /globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_terrass-31608b09c8bb3636a308b129769ef3953073.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_terrass-31608b09c8bb3636a308b129769ef3953073.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_terrass-31608b09c8bb3636a308b129769ef3953073.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_terrass-31608b09c8bb3636a308b129769ef3953073.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_terrass-31608b09c8bb3636a308b129769ef3953073.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_terrass-31608b09c8bb3636a308b129769ef3953073.jpg?width=579&format=jpg&quality=75" alt="" loading="lazy"> </picture> </div> </div> </div> </div></div></div><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 reverse orange"> <div class="intro-block-text col-xs-12 col-md-5 col-lg-4 col-xl-4 col-xxl-3 offset-xxl-1"> <h1> En plats som är bra för dig, dina kollegor och miljön </h1> <div class="intro-block-content"> <div class="intro-block-ingress"> Fastigheten kommer bli certifierad enligt Miljöbyggnad Guld, vilket innebär att den garanterat är bra för dig, dina kollegor och miljön. Den uppfyller höga krav på dagsljus, luftkvalitet och ljudnivå. Här har du utsikt mot naturen och möjligheter att arbeta utomhus. Huset byggs med sunda materialval och låga emissionsnivåer, värmen kommer från berggrunden och energi från solen. </div> <p> </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/mp_kontor_98120_wtc-hedvig-mollergatan-5_lounge-316184795103b4395b6d4ab1ac12a0dd875d.jpg?width=930&format=jpg&quality=75, /globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_lounge-316184795103b4395b6d4ab1ac12a0dd875d.jpg?width=1860&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_lounge-316184795103b4395b6d4ab1ac12a0dd875d.jpg?width=700&format=jpg&quality=75, /globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_lounge-316184795103b4395b6d4ab1ac12a0dd875d.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_lounge-316184795103b4395b6d4ab1ac12a0dd875d.jpg?width=579&format=jpg&quality=75, /globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_lounge-316184795103b4395b6d4ab1ac12a0dd875d.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_lounge-316184795103b4395b6d4ab1ac12a0dd875d.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_lounge-316184795103b4395b6d4ab1ac12a0dd875d.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_lounge-316184795103b4395b6d4ab1ac12a0dd875d.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_lounge-316184795103b4395b6d4ab1ac12a0dd875d.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_lounge-316184795103b4395b6d4ab1ac12a0dd875d.jpg?width=579&format=jpg&quality=75" alt="" loading="lazy"> </picture> </div> </div> </div> </div></div></div><div class="container-fluid container-fullbleed"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="bulletin orange"> <span> <p>Fastigheten förväntas vara klar för inflytt tidigast under hösten 2025. </p> </span> </div></div></div></div><div class="container-fluid"><div class="row"><div class="col-md-6 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/vara-fastigheter/lund/hedvig-mollers-gata-5/#tab-118717" class="text-box-container darkblue"> <h2> Södra Lund </h2> <div class="text-box-body"> <p>Läs mer om området!</p> <span class="read-more with-arrow">Läs mer här!</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="/vara-fastigheter/lund/hedvig-mollers-gata-5/#tab-118740" class="text-box-container white"> <h2> Kontakta oss! </h2> <div class="text-box-body"> <p>Kontakta oss eller gör en intresseanmälan!</p> <span class="read-more with-arrow">Här</span></div> </a> </div> </div></div></div></div> } </div> <div role="tabpanel" class="tab-pane fade " id="tab-118717"> <div class="container-fluid"><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":"\u003ch1 style=\u0022text-align: center;\u0022\u003eHedvig M\u0026ouml;llers Gata 5 i S\u0026ouml;dra Lund i Lund\u003c/h1\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003eMed blicken fram\u0026aring;t. S\u0026ouml;dra Lund \u0026auml;r ett framtidsomr\u0026aring;de som v\u0026auml;xer \u0026ndash; ett perfekt l\u0026auml;ge f\u0026ouml;r verksamheter som vill utvecklas. H\u0026auml;r blandas f\u0026ouml;retag, bost\u0026auml;der och gr\u0026ouml;nomr\u0026aring;den och skapar en levande milj\u0026ouml; n\u0026auml;ra b\u0026aring;de city och kommunikationer.\u0026nbsp;\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"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003cp\u003eH\u0026auml;r finns bland annat fina parkomr\u0026aring;den att promenera i och en padelhall d\u0026auml;r du kan k\u0026ouml;ra ett svettigt pass p\u0026aring; lunchen. I hotellet p\u0026aring; samma gata hittar du \u0026auml;ven en restaurang. Lund \u0026auml;r en cykelstad och du tar dig enkelt in till stan p\u0026aring; 7 minuter. Om du har bil hittar du parkeringshus inklusive laddplatser i grannbyggnaden. Dessutom finns flera parkeringsplatser p\u0026aring; gatan i omr\u0026aring;det.\u0026nbsp;\u0026nbsp;\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 class="col-md-6 col-sm-12"> <div class="image-module single-image"> <a href="/globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg" data-title="" data-toggle="" data-gallery="" data-type="image" class="pointer-events-none"> <div class="product-shelf-image"> <picture> <source srcset="/globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg?width=797&format=jpg&quality=75, /globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg?width=1594&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg?width=600&format=jpg&quality=75, /globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg?width=496&format=jpg&quality=75, /globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/kvarteret-faergaren---midroc_66-39296d57adf9637df45e8ea4de54ff273215.jpg?width=496&format=jpg&quality=75" alt="" loading="lazy"> </picture> </div> </a> </div> </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":"\u003ch3 style=\u0022text-align: center;\u0022\u003eR\u0026aring;byholm \u0026auml;r ett sp\u0026auml;nnande expansivt omr\u0026aring;de och planer finns p\u0026aring; en rad olika tj\u0026auml;nster som bensinstationer, kaf\u0026eacute;er, biltv\u0026auml;tt, snabbmatsrestauranger, shopping, wellness, fris\u0026ouml;rer och paketservice.\u0026nbsp;\u0026nbsp;\u003c/h3\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":"Read more","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"> <div class="poi-block poi-block-poi_a9d6ccb8-0a48-49b2-a3ec-9c2724fbb546"> <div class="poi-map"> <div class="poi-filter"> <div class="poi-filter-list is-expanded"> <div class="poi-filter-list-header"> <h2>Vad finns i närheten?</h2> </div> <div class="poi-filter-list-items"> <div class="poi-filter-list-item hidden"><label class="checkbox-inline"><input type="checkbox" /><span class="custom-checkbox"></span><img alt="" /> <span></span></label></div> </div> </div> </div> <div class="poi-transport-selector"> <div class="poi-transport-selector-inner"> <h2>Välj färdsätt:</h2> <div class="poi-transport-types"> <label class="poi-transport-type-driving is-current"><input type="radio" checked name="poi-transport" value="DRIVING" /><span>Bil</span></label> <label class="poi-transport-type-walking"><input type="radio" name="poi-transport" value="WALKING" /><span>Bil</span></label> <label class="poi-transport-type-bicycling"><input type="radio" name="poi-transport" value="BICYCLING" /><span>Cykla</span></label> <label class="poi-transport-type-transit"><input type="radio" name="poi-transport" value="TRANSIT" /><span>Kollektivtrafik</span></label> </div> </div> </div> <div class="map-canvas" id="poi_a9d6ccb8-0a48-49b2-a3ec-9c2724fbb546" style="height: 800px; background:#a2ccff"></div> <div class="poi-search"> <div class="poi-search-inner"> <label>Hur långt är det till:</label> <input type="text" class="form-control" /> </div> </div> </div> </div> </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="/vara-fastigheter/lund/hedvig-mollers-gata-5/#tab-118665" class="text-box-container orange"> <h2> Fastigheten Hedvig Möllers Gata 5 </h2> <div class="text-box-body"> <p>Läs mer om framtidens hus!</p> <span class="read-more with-arrow">Läs mer här!</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="/vara-fastigheter/lund/hedvig-mollers-gata-12/#tab-118638" class="text-box-container white"> <h2> Kontakta oss! </h2> <div class="text-box-body"> <p>Kontakta oss eller gör en intresseanmälan!</p> <span class="read-more with-arrow">Här</span></div> </a> </div> </div></div></div></div> } </div> <div role="tabpanel" class="tab-pane fade " id="tab-118740"> <div class="container-fluid"><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":"\u003ch1 style=\u0022text-align: center;\u0022\u003eIntresseanm\u0026auml;lan - Hedvig M\u0026ouml;llers Gata 5\u003c/h1\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":"Read more","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":"\u003cp style=\u0022text-align: center;\u0022\u003eVad roligt att du \u0026auml;r intresserad av v\u0026aring;ra kommande kontor p\u0026aring; Hedvig M\u0026ouml;llers Gata 5! Nedan kan du g\u0026ouml;ra en intresseanm\u0026auml;lan eller kika n\u0026auml;rmre p\u0026aring; v\u0026aring;ra lediga kontor. Har du n\u0026aring;gra fr\u0026aring;gor g\u0026aring;r det \u0026auml;ven bra att kontakta oss!\u0026nbsp;\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="text-center button-block-button"> <ia-modal url="/api/wtc/ia" page-id="116203" attrs="wtc-btn darkblue" dialog-type="auto"><span>Intresseanmälan</span></ia-modal> </div> </div><div class="col-md-6 col-sm-12"><div class="text-center button-block-button"> <a href="/lediga-kontor?q=Skeppsgatan" class="wtc-btn orange"><span>Se lediga kontor</span></a> </div> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="contacts"> <div class="container"> <div class="row"> <div class="col-xl-12 col-xxl-10 contacts-container single-person"> <h2 class="block-heading lightblue"> Kontakt </h2> <div class="contacts-row"> <div class="contact"> <div class="contact-photo"> <picture> <source srcset="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=1594&format=jpg&quality=75, /globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=3188&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=1200&format=jpg&quality=75, /globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=2400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=992&format=jpg&quality=75, /globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=1984&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=992&format=jpg&quality=75" alt="Sandra von Lüders" loading="lazy"> </picture> </div> <div class="contact-info"> <p class="eyebrow"> UTHYRNINGSANSVARIG </p> <h3> Sandra von Lüders </h3> <div class="contact-links"> <p class="contact-phone"> <a href="tel:0704-45 35 09">0704-45 35 09</a> </p> <p class="contact-mail"> <a href="mailto:sandra.von-luders@granitor.se">Maila Sandra </a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div></div></div><div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="header-divider"> <div class="col-sm-12 col-md-10 offset-md-1 col-xl-8 offset-xl-2"> <div class="row"> <div class="col-md-6"> <h2> <p>WTC Klubb</p> </h2> </div> <div class="col-md-6"> <p> Har du kontor hos oss är du även med i klubben! </p> <a href="/klubb"> <div class="read-more with-arrow"> <span class="read-more-text">Läs mer om den här</span> </div> </a> </div> </div> </div> </div> </div></div></div> } </div> </div> <div class="row justify-content-start"> <div class="col-md-6 col-lg-5 offset-lg-1"> <div class="text-block" v-if="model.Property.Description"> <div class="object-description" ref="textBlockContent" :class="{'text-block-with-expandable-body' : showReadMore, 'expanded' : expanded}" v-html="description"> </div> <a href="#" class="load-read-more" :class="{'read-less' : expanded}" @click.prevent="toggleExpanded" v-show="showReadMore">{{ !expanded ? 'Läs mer' : 'Dölj'}}</a> </div> </div> <div class="col-md-6 col-lg-5 offset-lg-1 col-xl-4 offset-xl-2"> <div class="project-facts"> <div class="project-facts__content"> <dl class="project-facts__list"> <dt>Adress</dt> <dd>{{model.Property.Address}}</dd> <dt>Typ av lokaler</dt> <dd>{{ model.Property.ObjectTypes}}</dd> <dt>Lokalstorlek</dt> <dd> {{ model.Property.FromArea | formatMoney }} <template v-if="model.Property.ToArea > model.Property.FromArea"> - {{ model.Property.ToArea | formatMoney }} </template><span>kvm</span> </dd> <dt>Våningar</dt> <dd>{{ model.Property.FloorsInBuilding }}</dd> <dt v-if="model.Property.IsProject && model.Property.BuildStart">Byggstart</dt> <dd v-if="model.Property.IsProject && model.Property.BuildStart">{{model.Property.BuildStart}}</dd> <dt v-if="model.Property.IsProject && model.Property.Access">Tillträde</dt> <dd v-if="model.Property.IsProject && model.Property.Access">{{model.Property.Access}}</dd> </dl> <div class="project-facts__ctas"> <p class="project-facts__cta-wrapper"> <a :href="'/lediga-kontor?q=' + model.Property.Name" class="property-btn orange" @click="track(trackingCategory, 'Button - Ledig lokal')"> Lediga kontor </a> </p> <p class="project-facts__cta-wrapper" v-if="model.TenantsPageUrl"> <a :href="model.TenantsPageUrl" class="property-btn white" @click="track(trackingCategory, 'Button - Hyresgäst info')"> Hyresgästinfo </a> </p> <p class="project-facts__cta-wrapper" > <ia-modal attrs="property-btn darkgrey" url="/api/wtc/ia" emit-global="true" page-id="116203" dialog-type="property" @tracking="track(trackingCategory, 'Button - Intresseanmälan')"> Intresse­anmälan </ia-modal> </p> <p class="project-facts__cta-wrapper project-facts__cta-wrapper--download" v-if="objectDescription"> <a :href="objectDescription" class="download-link" @click="track(trackingCategory, 'Button - Objektbeskrivning')" download> Objektbeskrivning </a> </p> </div> </div> </div> </div> </div> </div> </div> </property-page> <main class="main-body"> <div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="contacts"> <div class="container"> <div class="row"> <div class="col-xl-12 col-xxl-10 contacts-container single-person"> <h2 class="block-heading lightblue"> Kontakt </h2> <div class="contacts-row"> <div class="contact"> <div class="contact-photo"> <picture> <source srcset="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=1594&format=jpg&quality=75, /globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=3188&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=1200&format=jpg&quality=75, /globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=2400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=992&format=jpg&quality=75, /globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=1984&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/midroc_210216-217-5074460cb3514c73b46b1abb76d27cb16fb3.jpg?width=992&format=jpg&quality=75" alt="Sandra von Lüders" loading="lazy"> </picture> </div> <div class="contact-info"> <p class="eyebrow"> UTHYRNINGSANSVARIG </p> <h3> Sandra von Lüders </h3> <div class="contact-links"> <p class="contact-phone"> <a href="tel:0704-45 35 09">0704-45 35 09</a> </p> <p class="contact-mail"> <a href="mailto:sandra.von-luders@granitor.se">Maila Sandra </a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div></div></div> </main> <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/vara-fastigheter/lund">Gå vidare till: Lund <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=kgC2uMc0cayYFdtPs-KyeneAkdnZq22Sboi7Y2AaCp01"></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/javascript"> Vue.component("property-page", { template: '#property-page', props: ['model'], data: function () { return { expanded: false, showReadMore: false, expandedDropDown:false, currentIndex: 0, } }, mounted: function () { this.init(); }, computed: { objectDescription: function () { var doc = this.model.Property.Documents.filter(function (doc) { return doc.type == 'compendium'; }); return doc && doc.length ? doc[0].file_url : ""; }, trackingCategory: function () { return 'Fastighetssida CTA'; }, description: function () { var rows = this.model.Property.Description.split('\n'); var result = ""; for (var i = 0; i < rows.length; i++) { result += '<p>' + rows[i] + '</p>'; } return '<p>' + result + '</p>'; }, }, methods: { init: function () { var that = this; this.$nextTick(function () { if (that.$refs.mobileSlideshow) { that.$refs.mobileSlideshow.addEventListener('scroll', that.scroll); } }); }, scroll: function () { var that = this; if (that.$refs.slideItems && that.$refs.slideItems.length > 0) { var index = Math.round(that.$refs.mobileSlideshow.scrollLeft / that.$refs.slideItems[0].offsetWidth); that.currentIndex = index; } }, setIndex: function (value) { if (value > this.model.MediaFiles.length - 1) value = 0; if (value < 0) value = this.model.MediaFiles.length - 1; this.currentIndex = value; }, back: function (event) { this.track(this.trackingCategory, 'Tillbaka till sökningen'); if (document.referrer) window.location = document.referrer; else window.history.back(); event.preventDefault(); }, trackProperty: function () { this.track(this.trackingCategory, 'Button - Intresseanmälan'); }, checkReadMore: function () { this.showReadMore = this.expanded || (this.model.ShowReadMore && this.$refs.textBlockContent && this.$refs.textBlockContent.offsetHeight > 350); }, getTrackingInfo: function () { var property = this.model.Property; return property.Name + ' ' + property.City + ' - Fastighet' + ', Våning:' + property.FloorsInBuilding; }, toggleExpanded: function () { this.expanded = !this.expanded; if (this.expanded) this.track(this.trackingCategory, 'Läs mer', this.getTrackingInfo()); this.checkReadMore(); }, mapUrl: function (property) { return encodeURI("https://www.google.com/maps/search/?api=1&query=" + property.Latitude + "," + property.Longitude); }, mapSrc: function (property) { return "https://maps.googleapis.com/maps/api/staticmap?key=AIzaSyCHHj_hXSbYvU8sn9e5vcZCjTa-zg5pGPE&size=345x330&maptype=roadmap&markers=|" + property.Latitude + "," + property.Longitude + "&zoom=13"; }, colWidth: function (image) { return image.ImageSize == "small" ? "col-11 col-sm-4" : image.ImageSize == "large" ? "col-11 col-sm-11" : "col-11 col-sm-7"; }, cropImageUrl: function (image) { return image.ImageSize == "small" ? imageResizer(image.Url).width(560).height(630).scale("both").crop() : image.ImageSize == "large" ? imageResizer(image.Url).width(1610).height(630).scale("both").crop() : imageResizer(image.Url).width(1010).height(630).scale("both").crop(); }, cropMobileUrl: function (image) { return imageResizer(image.MobileUrl).width(640).height(680).scale("both").crop(); }, showBackButton: function () { var params = this.$root.getQueryParams(window.location.search); return params["rel"] == 'granitor-search' && window.history.length > 1; } } }); </script> <script> window.trackingCategory = 'Fastighetssida CTA'; function toggleClass(that, className) { $(that).toggleClass(className); } </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"> $(function() { var poiInit = function () { var poi = new pointsOfInterest('poi_a9d6ccb8-0a48-49b2-a3ec-9c2724fbb546', { projectName: '', projectType: '', lat: 55.6887641, lng: 13.1944374, zoom: 16, radius: 1000, trackingCategory: '', categories: { 'shopping': { key: 'shopping', name: 'Shopping', types: ['shopping_mall', 'store'] }, 'restaurant': { key: 'restaurant', name: 'Restauranger', types: ['restaurant', 'bar'] }, 'healthcare': { key: 'healthcare', name: 'Hälsa och vård', types: ['hospital', 'pharmacy'] }, 'parking': { key: 'parking', name: 'Parkering', types: ['parking'] }, }, customMarkers: [ ], ignoreList: [ ], }); } // Lazyload function loadPOI() { if (typeof google === "undefined" || typeof google.maps === "undefined" || typeof google.maps.Map === "undefined") { $(document).on("google-maps-initialize", poiInit); } else { poiInit(); }; } var config = { rootMargin: '300px 0px', threshold: 0.1 }; function checkIfOnScreen() { var viewportTop = $(window).scrollTop(); var viewportBottom = viewportTop + $(window).innerHeight(); $pois = $(".poi-block-poi_a9d6ccb8-0a48-49b2-a3ec-9c2724fbb546:not(.poi-block-loaded)"); $pois.each(function () { var poiTop = $(this).offset().top; var poiBottom = poiTop + $(this).outerHeight(); if (poiBottom > (viewportTop - 400) && poiTop < (viewportBottom + 400)) { $(this).addClass("poi-block-loaded"); loadPOI(); } }); } if (("IntersectionObserver" in window)) { var observer = new IntersectionObserver(onIntersection, config); observer.observe($(".poi-block-poi_a9d6ccb8-0a48-49b2-a3ec-9c2724fbb546")[0]); function onIntersection(entries) { $(entries).each(function () { entry = this; if (entry.intersectionRatio > 0) { observer.unobserve(entry.target); loadPOI(); } }); } } else { $(document).on('scroll', function () { checkIfOnScreen(); }); checkIfOnScreen(); } }); </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('116203', 'Ta bort alla favoriter?'); </script> </body> </html>