PageSourceSearch

https://www.ikanobostad.se/hyra-bostad/

html ikanobostad.se collected 2026-09-24 22:10:32 UTC 160,408 bytes, 1,954 lines download raw bytes

1
2<!DOCTYPE html>
3<html class="h-full"
4      lang="sv">
5<head>
6
7    <meta charset="utf-8" />
8    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
9    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
10    <link rel="stylesheet" href="/css/chrome.css?v=wVKIa0PI3qsSC4gqe-BCi1n6rl6iXM00o5mqHuw1tFM">
11    <link rel="preload" href="/css/content.css?v=M-4EDbM3kD1rD_1Ko2-vIzgTD32OsHNZjYtveOo7HGs" as="style">
12        <link rel="stylesheet" href="/css/content.css?v=M-4EDbM3kD1rD_1Ko2-vIzgTD32OsHNZjYtveOo7HGs" media="print" id="site-content-css">
13    <noscript><link rel="stylesheet" href="/css/content.css?v=M-4EDbM3kD1rD_1Ko2-vIzgTD32OsHNZjYtveOo7HGs"></noscript>
14    
14<script nonce="oJ1jr9su4I8G//1LUk2sdA==">
15        (function () {
16            var el = document.getElementById('site-content-css');
17            if (!el) return;
18            function activate() { el.media = 'all'; }
19            /* Cached/preloaded CSS can finish before this script runs; onload won't fire again. */
20            if (el.sheet) {
21                activate();
22                return;
23            }
24            el.onload = activate;
25        })();
26    </script>
26
27
28
29<title>Hyra bostad | Lediga hyresr&#xE4;tter i Stockholm, G&#xF6;teborg, Malm&#xF6; och V&#xE4;ster&#xE5;s - Ikano Bostad</title>
30<meta name="description" content="Letar du efter en hyresr&#xE4;tt? H&#xE4;r hittar du lediga bost&#xE4;der i Stockholm, G&#xF6;teborg, Malm&#xF6; och V&#xE4;ster&#xE5;s. Filtrera i listan och anm&#xE4;l intresse enkelt via HomeQ." />
31    <link rel="canonical" href="https://www.ikanobostad.se/hyra-bostad/" />
32
33
34    <meta property="og:title" content="Hyra bostad | Lediga hyresr&#xE4;tter i Stockholm, G&#xF6;teborg, Malm&#xF6; och V&#xE4;ster&#xE5;s" />
35    <meta property="og:description" content="Letar du efter en hyresr&#xE4;tt? H&#xE4;r hittar du lediga bost&#xE4;der i Stockholm, G&#xF6;teborg, Malm&#xF6; och V&#xE4;ster&#xE5;s. Filtrera i listan och anm&#xE4;l intresse enkelt via HomeQ." />
36    <meta property="og:type" content="website" />
37    <meta property="og:image" content="https://www.ikanobostad.se/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp" />
38    <meta property="twitter:title" content="Hyra bostad | Lediga hyresr&#xE4;tter i Stockholm, G&#xF6;teborg, Malm&#xF6; och V&#xE4;ster&#xE5;s" />
39    <meta property="twitter:description" content="Letar du efter en hyresr&#xE4;tt? H&#xE4;r hittar du lediga bost&#xE4;der i Stockholm, G&#xF6;teborg, Malm&#xF6; och V&#xE4;ster&#xE5;s. Filtrera i listan och anm&#xE4;l intresse enkelt via HomeQ." />
40    <meta property="twitter:image" content="https://www.ikanobostad.se/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp" />
41
42<meta name="robots" content="FOLLOW,INDEX" />
43    
44
45    
46
47    
47<script nonce="oJ1jr9su4I8G//1LUk2sdA==">window.dataLayer = window.dataLayer || [];</script>
47
48    
48<script defer src="/js/ikano-data-layer.min.js?v=-Dg_kVqlZRYkyyU5Xx9SWyR3X87cNBXzbKNS1DOK7x8"></script>
48
49    
49<script type="application/json" id="ikano-analytics-page-context">
50{"page_type":"standardpage","has_project_page_context":false,"has_object_page_context":false}
51</script>
51
52
53    
54
55<script nonce="oJ1jr9su4I8G//1LUk2sdA==">
56window.addEventListener('load', function () {
vendor: 415 bytes, lines 56-66
56
57  (function (w, d, s, l, i) {
58    w[l] = w[l] || [];
59    w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
60    var f = d.getElementsByTagName(s)[0],
61      j = d.createElement(s),
62      dl = l != 'dataLayer' ? '&l=' + l : '';
63    j.async = true;
64    j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
65    f.parentNode.insertBefore(j, f);
66  })(window, document, 'script', 'dataLayer', '
66GTM-KT73BF3D
vendor: 4 bytes, line 66
66');
67});
68</script>
68<script nonce="oJ1jr9su4I8G//1LUk2sdA==" type="text/javascript">
69    (function(c,l,a,r,i,t,y){
70        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
71        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
72        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
73    })(window, document, "clarity", "script", "yb0exvdiv3");
74</script>
74
75    <link rel="preload" href="/images/logo.svg" as="image" type="image/svg+xml">
76    <link rel="preload" href="/fonts/ikano-sans-regular.woff2" as="font" type="font/woff2" crossorigin>
77    <link rel="preload" href="/fonts/ikano-sans-bold.woff2" as="font" type="font/woff2" crossorigin>
78        <link rel="stylesheet" href="/css/ikano-icons.css?v=DEPQePVARb5nOIW5bwrsGunMXr_CPTMWN9oGC4GUqQA" media="print" id="ikano-icons-css">
79    <noscript><link rel="stylesheet" href="/css/ikano-icons.css?v=DEPQePVARb5nOIW5bwrsGunMXr_CPTMWN9oGC4GUqQA"></noscript>
80    
80<script nonce="oJ1jr9su4I8G//1LUk2sdA==">
81        (function () {
82            var el = document.getElementById('ikano-icons-css');
83            if (!el) return;
84            function activate() { el.media = 'all'; }
85            /* Cached/preloaded CSS can finish before this script runs; onload won't fire again. */
86            if (el.sheet) {
87                activate();
88                return;
89            }
90            el.onload = activate;
91        })();
92    </script>
92
93
94        <link rel="preload" as="image" href="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=3500&amp;height=1150&amp;v=1dd4698a0d77130&amp;format=webp" media="(min-width:2560px)" fetchpriority="high" type="image/webp" />
95        <link rel="preload" as="image" href="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=2500&amp;height=850&amp;v=1dd4698a0d77130&amp;format=webp" media="(min-width:1920px) and (max-width:2559.98px)" fetchpriority="high" type="image/webp" />
96        <link rel="preload" as="image" href="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=1920&amp;height=650&amp;v=1dd4698a0d77130&amp;format=webp" media="(min-width:1200px) and (max-width:1919.98px)" fetchpriority="high" type="image/webp" />
97        <link rel="preload" as="image" href="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=1200&amp;height=400&amp;v=1dd4698a0d77130&amp;format=webp" media="(min-width:1024px) and (max-width:1199.98px)" fetchpriority="high" type="image/webp" />
98        <link rel="preload" as="image" href="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=1000&amp;height=335&amp;v=1dd4698a0d77130&amp;format=webp" media="(min-width:768px) and (max-width:1023.98px)" fetchpriority="high" type="image/webp" />
99        <link rel="preload" as="image" href="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=760&amp;height=600&amp;v=1dd4698a0d77130&amp;format=webp" media="(min-width:451px) and (max-width:767.98px)" fetchpriority="high" type="image/webp" />
100        <link rel="preload" as="image" href="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=450&amp;height=600&amp;v=1dd4698a0d77130&amp;format=webp" media="(max-width:450px)" fetchpriority="high" type="image/webp" />
101    <link rel="stylesheet" href="/css/homeq-overview-scoped.css?v=AuyWigXYGhEl9umJkGjGM8PA7_GDI_q4pMgB1IoIfq4" media="print" id="homeq-overview-css">
102    <noscript><link rel="stylesheet" href="/css/homeq-overview-scoped.css?v=AuyWigXYGhEl9umJkGjGM8PA7_GDI_q4pMgB1IoIfq4"></noscript>
103    
103<script nonce="oJ1jr9su4I8G//1LUk2sdA==">
104        (function () {
105            var el = document.getElementById('homeq-overview-css');
106            if (!el) return;
107            function activate() { el.media = 'all'; }
108            /* Cached/preloaded CSS can finish before this script runs; onload won't fire again. */
109            if (el.sheet) {
110                activate();
111                return;
112            }
113            el.onload = activate;
114        })();
115    </script>
115
116    <link rel="stylesheet" href="/css/homeq-overrides.css?v=rn2qpxaeRfSYZ7VwBzTRyoyTxq9Uh9M9aKgak9WMz9s" media="print" id="homeq-overrides-css">
117    <noscript><link rel="stylesheet" href="/css/homeq-overrides.css?v=rn2qpxaeRfSYZ7VwBzTRyoyTxq9Uh9M9aKgak9WMz9s"></noscript>
118    
118<script nonce="oJ1jr9su4I8G//1LUk2sdA==">
119        (function () {
120            var el = document.getElementById('homeq-overrides-css');
121            if (!el) return;
122            function activate() { el.media = 'all'; }
123            /* Cached/preloaded CSS can finish before this script runs; onload won't fire again. */
124            if (el.sheet) {
125                activate();
126                return;
127            }
128            el.onload = activate;
129        })();
130    </script>
130
131
132    
132<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js" integrity="sha384-NArNwzWsUSF+kY2lgW4YriEkjLqi+J+za6HrENUn/3nZqkBnWbxV22kCJEK5Uu6n" crossorigin="anonymous"></script>
132
133    
133<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js" integrity="sha384-bKXNU7o2Y3Uk/F2PB6U0bMyGZf6pLDnePM70U7sTE3cXUQ+JLgzrr/kwipEh0p23" crossorigin="anonymous"></script>
133
134    
134<script defer src="/js/script-core.min.js?v=6DUjqtlKoUQ8Iwyrk0YnXVIuJ3wMNE1_8FSkEEas7wY"></script>
134
135        
135<script defer src="/js/script-carousel.min.js?v=OwtZ8ixydkUlkWLxAZ_sT8c6P7z90CXjZV3mUgMMB4E"></script>
135
136    
136<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js" integrity="sha384-X9kJyAubVxnP0hcA+AMMs21U445qsnqhnUF8EBlEpP3a42Kh/JwWjlv2ZcvGfphb" crossorigin="anonymous"></script>
136
137
138<script type="text/javascript">!function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");
1382===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{
139src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source
140crossOrigin: "anonymous", 
141cfg: { // Application Insights Configuration
142    connectionString: 'InstrumentationKey=143e888a-7c24-48cd-93ea-03b1be48786c;IngestionEndpoint=https://swedencentral-0.in.applicationinsights.azure.com/;LiveEndpoint=https://swedencentral.livediagnostics.monitor.azure.com/;ApplicationId=6328eb8c-5d61-4f6a-8814-d0a7396bdc70'
143}});</script>
143</head>
144
145
146<body class="flex flex-col bg-cover bg-no-repeat min-h-dvh" data-project-data-url="" x-data="{ sideMenuOpen: false, focusLeftByTab: false, menuOpenKey: 0, sideMenuLastTrigger: null, sideMenuReturnFocus: false, projectObjectDrawerOpen: false, leadFormDrawerOpen: false, leadFormHtml: '', leadFormLoading: false, dragStartY: 0, dragCurrentY: 0, dragOffsetY: 0, isDragging: false }" x-effect="document.body.classList.toggle('no-scroll', sideMenuOpen)" x-effect="if (sideMenuOpen) { $nextTick(() => { $refs.sideMenuClose?.focus(); if ($refs.menuScroll) $refs.menuScroll.scrollTop = 0; }); } else if (sideMenuReturnFocus && sideMenuLastTrigger) { const t = sideMenuLastTrigger; sideMenuLastTrigger = null; sideMenuReturnFocus = false; $nextTick(() => { try { t.focus(); } catch (_) {} }); }" x-init="let leadFormScrollLocked = false; $watch('leadFormDrawerOpen', (open) => { if (open) { window.ikanoDataLayer?.pushFormStart?.(); window.ikanoEnsureLeadFormLoaded?.(); } const lock = window.ikanoImageGalleryBodyLock; if (!lock) return; if (open && !leadFormScrollLocked) { lock.lock(); leadFormScrollLocked = true; } else if (!open && leadFormScrollLocked) { lock.unlock(); leadFormScrollLocked = false; } })" x-on:keydown.escape.window="if (sideMenuOpen) { sideMenuReturnFocus = true; sideMenuOpen = false; $event.stopPropagation(); return; } if (projectObjectDrawerOpen) { ho_objectDrawerEscapeOrClose($event); return; } if (leadFormDrawerOpen) leadFormDrawerOpen = false" x-on:close-project-object-drawer.window="projectObjectDrawerOpen = false">
147
148
149    
150<a href="#main"
151   class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-200 focus:bg-white focus:text-grey-800 focus:p-4 focus:rounded-sm focus:shadow-lg"
152   aria-label="Hoppa till huvudinneh&#xE5;ll">
153    Hoppa till huvudinneh&#xE5;ll
154</a>
155
156<nav class="utility-nav hidden md:block w-full bg-grey-800 min-h-10 text-white" role="navigation" aria-label="Utility navigation">
157    <ul class="container mx-auto flex justify-end items-center gap-6 py-3 list-none">
158            <li>
159                <a href="/kontakta-oss/"
160                   target=""
161                   class="flex items-center gap-2 font-size-5xs xl:font-bold hover:underline hover:decoration-red underline-offset-2 underline">
162                    <span>Kontakta oss</span>
163                </a>
164            </li>
165            <li>
166                <a href="https://hyresratt.ikanobostad.se/Account/BankId?returnUrl="
167                   target=""
168                   class="flex items-center gap-2 font-size-5xs xl:font-bold hover:underline hover:decoration-red underline-offset-2">
169                        <img src="/media/zdflmwbe/icon-loggain.svg?v=1dd2582300c46b0"
170                             alt=""
171                             class="w-4 h-4 object-contain invert"
172                             aria-hidden="true" />
173                    <span>Logga in som hyresg&#xE4;st</span>
174                </a>
175            </li>
176    </ul>
177</nav>
178
179
180<header class="lg:sticky top-0 z-100 bg-white"
181        role="banner"
182        aria-label="Sidhuvud">
183
184        <!-- Desktop Header -->
185        <div class="hidden md:block w-full">
186            <!-- Main Navigation -->
187        <nav class="bg-white" role="navigation"
188             aria-label="Main navigation">
189            <div class="alt-container">
190                <div class="flex justify-between items-center h-20 px-2 xl:px-20">
191                    <!-- Logo - Left -->
192                    <a href="/" class="flex-shrink-0"
193                       aria-label="Ikano Bostad - Till startsidan">
194                        <img src="/images/logo.svg" alt="Ikano Bostad" width="120" height="32"/>
195                    </a>
196
197                    <!-- Main Three Links - Center -->
198                    <div class="flex items-center gap-1">
199                                <a href="/hyra-bostad/"
200                                   class="text-grey-800 font-size-xs font-bold decoration-3 underline-offset-6 hover:underline decoration-red px-2 lg:px-4 transition-colors focus-visible:rounded-sm focus-visible:outline-2 outline-information decoration-3 underline-offset-6 underline decoration-red"
201                                   aria-current=page>
202                                    Hyra bostad
203                                </a>
204                                <a href="/kopa-bostad/"
205                                   class="text-grey-800 font-size-xs font-bold decoration-3 underline-offset-6 hover:underline decoration-red px-2 lg:px-4 transition-colors focus-visible:rounded-sm focus-visible:outline-2 outline-information "
206                                   >
207                                    K&#xF6;pa bostad
208                                </a>
209                                <a href="/stadsutveckling/"
210                                   class="text-grey-800 font-size-xs font-bold decoration-3 underline-offset-6 hover:underline decoration-red px-2 lg:px-4 transition-colors focus-visible:rounded-sm focus-visible:outline-2 outline-information "
211                                   >
212                                    Stadsutveckling
213                                </a>
214                    </div>
215
216                    <div class="flex items-center gap-4 lg:min-w-[10rem] justify-end">
217                        <button type="button"
218                                x-cloak
219                                x-init="$nextTick(() => $el.classList.remove('opacity-0'))"
220                                x-on:click.prevent="if (sideMenuOpen) { sideMenuReturnFocus = true; } else { menuOpenKey++; sideMenuLastTrigger = $el; } sideMenuOpen = !sideMenuOpen"
221                                class="opacity-0 duration-200 flex gap-2 cursor-pointer rounded-full h-12 bg-white border border-grey-300 items-center pl-5 pr-5.5 hover:bg-grey-100"
222                                aria-label="Meny"
223                                aria-controls="site-side-menu"
224                                :aria-expanded="sideMenuOpen ? 'true' : 'false'">
225                            <div class="flex gap-3 items-center">
226                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">
227                                    <path d="M0.988781 12C0.711343 12 0.47715 11.8953 0.286203 11.6858C0.095401 11.4766 0 11.2198 0 10.9155C0 10.6112 0.095401 10.3543 0.286203 10.1448C0.47715 9.93556 0.711343 9.83092 0.988781 9.83092H15.0112C15.2887 9.83092 15.5229 9.93556 15.7138 10.1448C15.9046 10.3543 16 10.6112 16 10.9155C16 11.2198 15.9046 11.4766 15.7138 11.6858C15.5229 11.8953 15.2887 12 15.0112 12H0.988781ZM0.988781 7.08454C0.711343 7.08454 0.47715 6.9799 0.286203 6.77062C0.095401 6.56118 0 6.30431 0 6C0 5.69569 0.095401 5.43882 0.286203 5.22938C0.47715 5.0201 0.711343 4.91546 0.988781 4.91546H15.0112C15.2887 4.91546 15.5229 5.0201 15.7138 5.22938C15.9046 5.43882 16 5.69569 16 6C16 6.30431 15.9046 6.56118 15.7138 6.77062C15.5229 6.9799 15.2887 7.08454 15.0112 7.08454H0.988781ZM0.988781 2.16908C0.711343 2.16908 0.47715 2.06444 0.286203 1.85516C0.095401 1.64572 0 1.38884 0 1.08454C0 0.780232 0.095401 0.523439 0.286203 0.314158C0.47715 0.104719 0.711343 0 0.988781 0H15.0112C15.2887 0 15.5229 0.104719 15.7138 0.314158C15.9046 0.523439 16 0.780232 16 1.08454C16 1.38884 15.9046 1.64572 15.7138 1.85516C15.5229 2.06444 15.2887 2.16908 15.0112 2.16908H0.988781Z" fill="#373533"/>
228                                </svg>
229                                <div class="font-bold leading-none text-grey-800 text-nowrap -translate-y-[0.5px]">
230                                    Meny
231                                </div>
232                            </div>
233                        </button>
234                    </div>
235                </div>
236            </div>
237        </nav>
238    </div>
239
240    <div class="md:hidden w-full z-100 left-0 right-0 absolute lg:fixed mobile-header-wrap">
241        <div class="py-0 lg:py-5 bg-transparent shadow-none mobile-logo-over-hero">
242            <div class="flex justify-center lg:justify-start items-center px-6 md:px-16 ">
243                <a href="/" class="flex-shrink-0"
244                   aria-label="Ikano Bostad - Till startsidan">
245                    <img src="/images/logo.svg" alt="Ikano Bostad" width="120" height="32"
246                         class="mobile-logo-img" style="filter: brightness(0) invert(1);"/>
247                </a>
248            </div>
249        </div>
250    </div>
251
252    <!-- Side menu dialog root: aria-hidden when closed; overlay + panel use x-show for transitions. -->
253<div class="side-menu-dialog"
254     id="site-side-menu"
255     x-cloak
256     x-bind:aria-hidden="!sideMenuOpen"
257     x-bind:class="sideMenuOpen ? 'pointer-events-auto' : 'pointer-events-none'"
258     aria-hidden="true"
259     role="dialog"
260     aria-modal="true"
261     aria-label="Navigation menu">
262<!-- Side Menu Overlay -->
263<div x-show="sideMenuOpen"
264     x-on:click="sideMenuReturnFocus = true; sideMenuOpen = false"
265     x-transition:enter="transition-opacity ease-out duration-300"
266     x-transition:enter-start="opacity-0"
267     x-transition:enter-end="opacity-100"
268     x-transition:leave="transition-opacity ease-in duration-200"
269     x-transition:leave-start="opacity-100"
270     x-transition:leave-end="opacity-0"
271     class="fixed left-0 right-0 bg-grey-800/50 z-150 side-menu-overlay"
272     aria-hidden="true">
273</div>
274
275<!-- Side Menu Drawer (closes only when focus leaves via Tab, not on click) -->
276<div x-show="sideMenuOpen"
277       x-trap.inert="sideMenuOpen"
278       x-transition:enter="transition ease-out duration-300"
279       x-transition:enter-start="translate-x-full"
280       x-transition:enter-end="translate-x-0"
281       x-transition:leave="transition ease-in duration-200"
282       x-transition:leave-start="translate-x-0"
283       x-transition:leave-end="translate-x-full"
284       x-on:keydown.tab="focusLeftByTab = true"
285       x-on:focusout="if (focusLeftByTab && sideMenuOpen && (!$event.relatedTarget || !$el.contains($event.relatedTarget))) { sideMenuReturnFocus = false; sideMenuOpen = false }; focusLeftByTab = false"
286       class="rounded-tl-size-20 lg:rounded-none fixed right-0 w-full min-[375px]:max-w-[92.5vw] lg:max-w-110 bg-grey-300 z-170 shadow-xl overflow-hidden side-menu-drawer">
287    <div class="flex h-full flex-col min-h-0 side-menu-drawer-inner" :key="menuOpenKey">
288        <div class="order-last lg:order-first flex-shrink-0 h-14 bg-grey-100 pl-7 pr-5 flex justify-between items-center">
289            <div class="flex-1">
290                            <ol class="flex items-center gap-x-2 flex-nowrap gap-y-1 text-size-4xs text-tertiary-350">
291                    <li class="flex items-center gap-2">
292                            <a href="/" class="underline hover:text-grey-400 underline-offset-3 transition-colors">Hem</a>
293                    </li>
294                    <li class="flex items-center gap-2">
295                            <span aria-hidden="true">/</span>
296                            <span class="text-grey-800 font-medium crumb-label" aria-current="page">Hyra bostad </span>
297                    </li>
298            </ol>
299
300            </div>
301            <button type="button"
302                    x-ref="sideMenuClose"
303                    x-on:click="sideMenuReturnFocus = true; sideMenuOpen = false"
304                    class="flex flex-col gap-1.5 items-center cursor-pointer hover:text-red transition-colors flex-shrink-0"
305                    aria-label="St&#xE4;ng">
306
307                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
308                    <path d="M2.11122 13.678C1.88237 13.9069 1.60287 14.0137 1.27274 13.9986C0.942586 13.9832 0.652004 13.85 0.400989 13.599C0.149974 13.348 0.0167792 13.0574 0.00140603 12.7273C-0.0137165 12.3971 0.0931484 12.1176 0.322001 11.8888L11.8888 0.322088C12.1176 0.0932371 12.3971 -0.0136277 12.7273 0.00149471C13.0574 0.0168678 13.348 0.150063 13.599 0.401076C13.85 0.65209 13.9832 0.942669 13.9986 1.27282C14.0137 1.60295 13.9069 1.88245 13.678 2.1113L2.11122 13.678Z" fill="currentColor"/>
309                    <path d="M0.322001 2.11121C0.0931486 1.88236 -0.0137155 1.60286 0.00140703 1.27273C0.0167802 0.94258 0.149974 0.652 0.400989 0.400986C0.652004 0.149973 0.942587 0.0167791 1.27274 0.00140602C1.60287 -0.0137164 1.88237 0.0931478 2.11122 0.321999L13.678 11.8887C13.9069 12.1176 14.0137 12.397 13.9986 12.7272C13.9832 13.0573 13.85 13.3479 13.599 13.5989C13.348 13.8499 13.0574 13.9831 12.7273 13.9985C12.3971 14.0136 12.1176 13.9068 11.8888 13.6779L0.322001 2.11121Z" fill="currentColor"/>
310                </svg>
311                <span class="text-size-6xs leading-none font-normal">St&#xE4;ng</span>
312            </button>
313        </div>
314
315        <div class="hamburger-content bg-white" x-ref="menuScroll">
316            <div class="hamburger-navigation">
317                <!-- Menu title -->
318                <div class="pb-4 text-sm text-grey-700">
319                    Meny
320                </div>
321
322                <!-- Side Menu Navigation -->
323                <nav role="navigation"
324                     aria-label="Sidomeny">
325                        <ul class="flex flex-col gap-3">
326                                <li x-data="{ expanded: true }">
327                                    <div class="flex justify-between items-center">
328                                        <a href="/hyra-bostad/"
329                                           class="text-grey-800 text-size-md font-bold decoration-red hover:underline decoration-3 underline-offset-6 transition-colors leading-size-1 underline decoration-3 decoration-red underline-offset-6"
330                                           aria-current=true>
331                                            Hyra bostad
332                                        </a>
333                                            <button type="button"
334                                                    x-on:click="expanded = !expanded"
335                                                    class="group cursor-pointer rounded-full h-6 w-6 flex items-center justify-center hover:bg-grey-300 transition-colors"
336                                                    :aria-expanded="expanded ? 'true' : 'false'"
337                                                    aria-controls="side-menu-l1-1"
338                                                    :aria-label="(expanded ? &quot;D\u00F6lj undermeny&quot; : &quot;Visa undermeny&quot;) + ' — ' + &quot;Hyra bostad&quot;">
339                                                <svg aria-hidden="true" class="transition-transform duration-200" :class="expanded ? 'rotate-180' : ''" xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
340                                                    <path class="group-hover:fill-primary" d="M6.5 8C6.33008 8 6.16746 7.96972 6.01214 7.90916C5.85664 7.8486 5.71516 7.75277 5.58772 7.62168L0.360416 2.23678C0.120139 1.98906 0 1.67814 0 1.30403C0 0.929915 0.120139 0.618998 0.360416 0.371282C0.600883 0.12376 0.902699 0 1.26586 0C1.62903 0 1.93085 0.12376 2.17131 0.371282L6.5 4.83077L10.8287 0.371282C11.0692 0.12376 11.371 0 11.7341 0C12.0973 0 12.3991 0.12376 12.6396 0.371282C12.8799 0.618998 13 0.929915 13 1.30403C13 1.67814 12.8799 1.98906 12.6396 2.23678L7.41228 7.62168C7.28484 7.75277 7.14336 7.8486 6.98786 7.90916C6.83254 7.96972 6.66992 8 6.5 8Z" fill="#373533"/>
341                                                </svg>
342                                            </button>
343                                    </div>
344
345                                        <ul id="side-menu-l1-1"
346                                            x-show="expanded"
347                                            x-transition:enter="transition ease-out duration-200"
348                                            x-transition:enter-start="opacity-0 -translate-y-2"
349                                            x-transition:enter-end="opacity-100 translate-y-0"
350                                            x-transition:leave="transition ease-in duration-150"
351                                            x-transition:leave-start="opacity-100 translate-y-0"
352                                            x-transition:leave-end="opacity-0 -translate-y-2"
353                                            class="pl-2.5 border-l-3 mb-2 border-grey-300 ml-2 flex flex-col gap-1 mt-3"
354                                            x-cloak>
355                                                <li x-data="{ subExpanded: false }">
356                                                    <div class="flex justify-between items-center py-1">
357                                                        <a href="/hyra-bostad/ikano-bostad-som-hyresvard/"
358                                                           class="leading-size-1 "
359                                                           >
360                                                            Ikano Bostad som hyresv&#xE4;rd
361                                                        </a>
362                                                    </div>
363
364                                                </li>
365                                        </ul>
366                                </li>
367                                <li x-data="{ expanded: false }">
368                                    <div class="flex justify-between items-center">
369                                        <a href="/kopa-bostad/"
370                                           class="text-grey-800 text-size-md font-bold decoration-red hover:underline decoration-3 underline-offset-6 transition-colors leading-size-1 "
371                                           >
372                                            K&#xF6;pa bostad
373                                        </a>
374                                            <button type="button"
375                                                    x-on:click="expanded = !expanded"
376                                                    class="group cursor-pointer rounded-full h-6 w-6 flex items-center justify-center hover:bg-grey-300 transition-colors"
377                                                    :aria-expanded="expanded ? 'true' : 'false'"
378                                                    aria-controls="side-menu-l1-2"
379                                                    :aria-label="(expanded ? &quot;D\u00F6lj undermeny&quot; : &quot;Visa undermeny&quot;) + ' — ' + &quot;K\u00F6pa bostad&quot;">
380                                                <svg aria-hidden="true" class="transition-transform duration-200" :class="expanded ? 'rotate-180' : ''" xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
381                                                    <path class="group-hover:fill-primary" d="M6.5 8C6.33008 8 6.16746 7.96972 6.01214 7.90916C5.85664 7.8486 5.71516 7.75277 5.58772 7.62168L0.360416 2.23678C0.120139 1.98906 0 1.67814 0 1.30403C0 0.929915 0.120139 0.618998 0.360416 0.371282C0.600883 0.12376 0.902699 0 1.26586 0C1.62903 0 1.93085 0.12376 2.17131 0.371282L6.5 4.83077L10.8287 0.371282C11.0692 0.12376 11.371 0 11.7341 0C12.0973 0 12.3991 0.12376 12.6396 0.371282C12.8799 0.618998 13 0.929915 13 1.30403C13 1.67814 12.8799 1.98906 12.6396 2.23678L7.41228 7.62168C7.28484 7.75277 7.14336 7.8486 6.98786 7.90916C6.83254 7.96972 6.66992 8 6.5 8Z" fill="#373533"/>
382                                                </svg>
383                                            </button>
384                                    </div>
385
386                                        <ul id="side-menu-l1-2"
387                                            x-show="expanded"
388                                            x-transition:enter="transition ease-out duration-200"
389                                            x-transition:enter-start="opacity-0 -translate-y-2"
390                                            x-transition:enter-end="opacity-100 translate-y-0"
391                                            x-transition:leave="transition ease-in duration-150"
392                                            x-transition:leave-start="opacity-100 translate-y-0"
393                                            x-transition:leave-end="opacity-0 -translate-y-2"
394                                            class="pl-2.5 border-l-3 mb-2 border-grey-300 ml-2 flex flex-col gap-1 mt-3"
395                                            x-cloak>
396                                                <li x-data="{ subExpanded: false }">
397                                                    <div class="flex justify-between items-center py-1">
398                                                        <a href="/kopa-bostad/ett-tryggt-bostadskop/"
399                                                           class="leading-size-1 "
400                                                           >
401                                                            Ett tryggt bostadsk&#xF6;p
402                                                        </a>
403                                                    </div>
404
405                                                </li>
406                                                <li x-data="{ subExpanded: false }">
407                                                    <div class="flex justify-between items-center py-1">
408                                                        <a href="/kopa-bostad/kopa-nyproduktion/"
409                                                           class="leading-size-1 "
410                                                           >
411                                                            K&#xF6;pa nyproduktion
412                                                        </a>
413                                                    </div>
414
415                                                </li>
416                                        </ul>
417                                </li>
418                                <li x-data="{ expanded: false }">
419                                    <div class="flex justify-between items-center">
420                                        <a href="/lediga-lokaler-att-hyra/"
421                                           class="text-grey-800 text-size-md font-bold decoration-red hover:underline decoration-3 underline-offset-6 transition-colors leading-size-1 "
422                                           >
423                                            Hyra lokal
424                                        </a>
425                                    </div>
426
427                                </li>
428                                <li x-data="{ expanded: false }">
429                                    <div class="flex justify-between items-center">
430                                        <a href="/stadsutveckling/"
431                                           class="text-grey-800 text-size-md font-bold decoration-red hover:underline decoration-3 underline-offset-6 transition-colors leading-size-1 "
432                                           >
433                                            Stadsutveckling
434                                        </a>
435                                            <button type="button"
436                                                    x-on:click="expanded = !expanded"
437                                                    class="group cursor-pointer rounded-full h-6 w-6 flex items-center justify-center hover:bg-grey-300 transition-colors"
438                                                    :aria-expanded="expanded ? 'true' : 'false'"
439                                                    aria-controls="side-menu-l1-4"
440                                                    :aria-label="(expanded ? &quot;D\u00F6lj undermeny&quot; : &quot;Visa undermeny&quot;) + ' — ' + &quot;Stadsutveckling&quot;">
441                                                <svg aria-hidden="true" class="transition-transform duration-200" :class="expanded ? 'rotate-180' : ''" xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
442                                                    <path class="group-hover:fill-primary" d="M6.5 8C6.33008 8 6.16746 7.96972 6.01214 7.90916C5.85664 7.8486 5.71516 7.75277 5.58772 7.62168L0.360416 2.23678C0.120139 1.98906 0 1.67814 0 1.30403C0 0.929915 0.120139 0.618998 0.360416 0.371282C0.600883 0.12376 0.902699 0 1.26586 0C1.62903 0 1.93085 0.12376 2.17131 0.371282L6.5 4.83077L10.8287 0.371282C11.0692 0.12376 11.371 0 11.7341 0C12.0973 0 12.3991 0.12376 12.6396 0.371282C12.8799 0.618998 13 0.929915 13 1.30403C13 1.67814 12.8799 1.98906 12.6396 2.23678L7.41228 7.62168C7.28484 7.75277 7.14336 7.8486 6.98786 7.90916C6.83254 7.96972 6.66992 8 6.5 8Z" fill="#373533"/>
443                                                </svg>
444                                            </button>
445                                    </div>
446
447                                        <ul id="side-menu-l1-4"
448                                            x-show="expanded"
449                                            x-transition:enter="transition ease-out duration-200"
450                                            x-transition:enter-start="opacity-0 -translate-y-2"
451                                            x-transition:enter-end="opacity-100 translate-y-0"
452                                            x-transition:leave="transition ease-in duration-150"
453                                            x-transition:leave-start="opacity-100 translate-y-0"
454                                            x-transition:leave-end="opacity-0 -translate-y-2"
455                                            class="pl-2.5 border-l-3 mb-2 border-grey-300 ml-2 flex flex-col gap-1 mt-3"
456                                            x-cloak>
457                                                <li x-dat
457a="{ subExpanded: false }">
458                                                    <div class="flex justify-between items-center py-1">
459                                                        <a href="/stadsutveckling/fastighetsagande-och-forvaltning/"
460                                                           class="leading-size-1 "
461                                                           >
462                                                            Fastighets&#xE4;gande och f&#xF6;rvaltning
463                                                        </a>
464                                                    </div>
465
466                                                </li>
467                                                <li x-data="{ subExpanded: false }">
468                                                    <div class="flex justify-between items-center py-1">
469                                                        <a href="/stadsutveckling/projektutveckling/"
470                                                           class="leading-size-1 "
471                                                           >
472                                                            Projektutveckling
473                                                        </a>
474                                                    </div>
475
476                                                </li>
477                                                <li x-data="{ subExpanded: false }">
478                                                    <div class="flex justify-between items-center py-1">
479                                                        <a href="/stadsutveckling/stadsutvecklingsomraden/"
480                                                           class="leading-size-1 "
481                                                           >
482                                                            Stadsutvecklingsomr&#xE5;den
483                                                        </a>
484                                                    </div>
485
486                                                </li>
487                                                <li x-data="{ subExpanded: false }">
488                                                    <div class="flex justify-between items-center py-1">
489                                                        <a href="/stadsutveckling/referensprojekt/"
490                                                           class="leading-size-1 "
491                                                           >
492                                                            Referensprojekt
493                                                        </a>
494                                                    </div>
495
496                                                </li>
497                                        </ul>
498                                </li>
499                                <li x-data="{ expanded: false }">
500                                    <div class="flex justify-between items-center">
501                                        <a href="/om-ikano-bostad/"
502                                           class="text-grey-800 text-size-md font-bold decoration-red hover:underline decoration-3 underline-offset-6 transition-colors leading-size-1 "
503                                           >
504                                            Om Ikano Bostad
505                                        </a>
506                                            <button type="button"
507                                                    x-on:click="expanded = !expanded"
508                                                    class="group cursor-pointer rounded-full h-6 w-6 flex items-center justify-center hover:bg-grey-300 transition-colors"
509                                                    :aria-expanded="expanded ? 'true' : 'false'"
510                                                    aria-controls="side-menu-l1-5"
511                                                    :aria-label="(expanded ? &quot;D\u00F6lj undermeny&quot; : &quot;Visa undermeny&quot;) + ' — ' + &quot;Om Ikano Bostad&quot;">
512                                                <svg aria-hidden="true" class="transition-transform duration-200" :class="expanded ? 'rotate-180' : ''" xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
513                                                    <path class="group-hover:fill-primary" d="M6.5 8C6.33008 8 6.16746 7.96972 6.01214 7.90916C5.85664 7.8486 5.71516 7.75277 5.58772 7.62168L0.360416 2.23678C0.120139 1.98906 0 1.67814 0 1.30403C0 0.929915 0.120139 0.618998 0.360416 0.371282C0.600883 0.12376 0.902699 0 1.26586 0C1.62903 0 1.93085 0.12376 2.17131 0.371282L6.5 4.83077L10.8287 0.371282C11.0692 0.12376 11.371 0 11.7341 0C12.0973 0 12.3991 0.12376 12.6396 0.371282C12.8799 0.618998 13 0.929915 13 1.30403C13 1.67814 12.8799 1.98906 12.6396 2.23678L7.41228 7.62168C7.28484 7.75277 7.14336 7.8486 6.98786 7.90916C6.83254 7.96972 6.66992 8 6.5 8Z" fill="#373533"/>
514                                                </svg>
515                                            </button>
516                                    </div>
517
518                                        <ul id="side-menu-l1-5"
519                                            x-show="expanded"
520                                            x-transition:enter="transition ease-out duration-200"
521                                            x-transition:enter-start="opacity-0 -translate-y-2"
522                                            x-transition:enter-end="opacity-100 translate-y-0"
523                                            x-transition:leave="transition ease-in duration-150"
524                                            x-transition:leave-start="opacity-100 translate-y-0"
525                                            x-transition:leave-end="opacity-0 -translate-y-2"
526                                            class="pl-2.5 border-l-3 mb-2 border-grey-300 ml-2 flex flex-col gap-1 mt-3"
527                                            x-cloak>
528                                                <li x-data="{ subExpanded: false }">
529                                                    <div class="flex justify-between items-center py-1">
530                                                        <a href="/om-ikano-bostad/strategi/"
531                                                           class="leading-size-1 "
532                                                           >
533                                                            Strategi
534                                                        </a>
535                                                    </div>
536
537                                                </li>
538                                                <li x-data="{ subExpanded: false }">
539                                                    <div class="flex justify-between items-center py-1">
540                                                        <a href="/om-ikano-bostad/fastighetsbestand/"
541                                                           class="leading-size-1 "
542                                                           >
543                                                            Fastighetsbest&#xE5;nd
544                                                        </a>
545                                                    </div>
546
547                                                </li>
548                                                <li x-data="{ subExpanded: false }">
549                                                    <div class="flex justify-between items-center py-1">
550                                                        <a href="/om-ikano-bostad/hallbarhet/"
551                                                           class="leading-size-1 "
552                                                           >
553                                                            H&#xE5;llbarhet
554                                                        </a>
555                                                    </div>
556
557                                                </li>
558                                                <li x-data="{ subExpanded: false }">
559                                                    <div class="flex justify-between items-center py-1">
560                                                        <a href="/om-ikano-bostad/samhallsengagemang/"
561                                                           class="leading-size-1 "
562                                                           >
563                                                            Samh&#xE4;llsengagemang
564                                                        </a>
565                                                    </div>
566
567                                                </li>
568                                                <li x-data="{ subExpanded: false }">
569                                                    <div class="flex justify-between items-center py-1">
570                                                        <a href="/om-ikano-bostad/bolagsstyrning/"
571                                                           class="leading-size-1 "
572                                                           >
573                                                            Bolagsstyrning
574                                                        </a>
575                                                    </div>
576
577                                                </li>
578                                                <li x-data="{ subExpanded: false }">
579                                                    <div class="flex justify-between items-center py-1">
580                                                        <a href="/om-ikano-bostad/var-historia/"
581                                                           class="leading-size-1 "
582                                                           >
583                                                            V&#xE5;r historia 
584                                                        </a>
585                                                    </div>
586
587                                                </li>
588                                                <li x-data="{ subExpanded: false }">
589                                                    <div class="flex justify-between items-center py-1">
590                                                        <a href="https://press.ikanobostad.se"
591                                                           target="_blank"
592                                                           class="leading-size-1 "
593                                                           >
594                                                            Nyheter och press
595                                                        </a>
596                                                    </div>
597
598                                                </li>
599                                                <li x-data="{ subExpanded: false }">
600                                                    <div class="flex justify-between items-center py-1">
601                                                        <a href="/om-ikano-bostad/jobba-hos-oss/"
602                                                           class="leading-size-1 "
603                                                           >
604                                                            Jobba hos oss
605                                                        </a>
606                                                    </div>
607
608                                                </li>
609                                        </ul>
610                                </li>
611                                <li x-data="{ expanded: false }">
612                                    <div class="flex justify-between items-center">
613                                        <a href="/kontakta-oss/"
614                                           class="text-grey-800 text-size-md font-bold decoration-red hover:underline decoration-3 underline-offset-6 transition-colors leading-size-1 "
615                                           >
616                                            Kontakta oss
617                                        </a>
618                                            <button type="button"
619                                                    x-on:click="expanded = !expanded"
620                                                    class="group cursor-pointer rounded-full h-6 w-6 flex items-center justify-center hover:bg-grey-300 transition-colors"
621                                                    :aria-expanded="expanded ? 'true' : 'false'"
622                                                    aria-controls="side-menu-l1-6"
623                                                    :aria-label="(expanded ? &quot;D\u00F6lj undermeny&quot; : &quot;Visa undermeny&quot;) + ' — ' + &quot;Kontakta oss&quot;">
624                                                <svg aria-hidden="true" class="transition-transform duration-200" :class="expanded ? 'rotate-180' : ''" xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
625                                                    <path class="group-hover:fill-primary" d="M6.5 8C6.33008 8 6.16746 7.96972 6.01214 7.90916C5.85664 7.8486 5.71516 7.75277 5.58772 7.62168L0.360416 2.23678C0.120139 1.98906 0 1.67814 0 1.30403C0 0.929915 0.120139 0.618998 0.360416 0.371282C0.600883 0.12376 0.902699 0 1.26586 0C1.62903 0 1.93085 0.12376 2.17131 0.371282L6.5 4.83077L10.8287 0.371282C11.0692 0.12376 11.371 0 11.7341 0C12.0973 0 12.3991 0.12376 12.6396 0.371282C12.8799 0.618998 13 0.929915 13 1.30403C13 1.67814 12.8799 1.98906 12.6396 2.23678L7.41228 7.62168C7.28484 7.75277 7.14336 7.8486 6.98786 7.90916C6.83254 7.96972 6.66992 8 6.5 8Z" fill="#373533"/>
626                                                </svg>
627                                            </button>
628                                    </div>
629
630                                        <ul id="side-menu-l1-6"
631                                            x-show="expanded"
632                                            x-transition:enter="transition ease-out duration-200"
633                                            x-transition:enter-start="opacity-0 -translate-y-2"
634                                            x-transition:enter-end="opacity-100 translate-y-0"
635                                            x-transition:leave="transition ease-in duration-150"
636                                            x-transition:leave-start="opacity-100 translate-y-0"
637                                            x-transition:leave-end="opacity-0 -translate-y-2"
638                                            class="pl-2.5 border-l-3 mb-2 border-grey-300 ml-2 flex flex-col gap-1 mt-3"
639                                            x-cloak>
640                                                <li x-data="{ subExpanded: false }">
641                                                    <div class="flex justify-between items-center py-1">
642                                                        <a href="/kontakta-oss/for-leverantor-och-samarbetspartner/"
643                                                           class="leading-size-1 "
644                                                           >
645                                                            F&#xF6;r leverant&#xF6;r och samarbetspartner
646                                                        </a>
647                                                    </div>
648
649                                                </li>
650                                                <li x-data="{ subExpanded: false }">
651                                                    <div class="flex justify-between items-center py-1">
652                                                        <a href="/kontakta-oss/vara-kontor/"
653                                                           class="leading-size-1 "
654                                                           >
655                                                            V&#xE5;ra kontor
656                                                        </a>
657                                                    </div>
658
659                                                </li>
660                                                <li x-data="{ subExpanded: false }">
661                                                    <div class
661="flex justify-between items-center py-1">
662                                                        <a href="/kontakta-oss/samarbeten/"
663                                                           class="leading-size-1 "
664                                                           >
665                                                            Samarbeten
666                                                        </a>
667                                                    </div>
668
669                                                </li>
670                                                <li x-data="{ subExpanded: false }">
671                                                    <div class="flex justify-between items-center py-1">
672                                                        <a href="/kundservice/"
673                                                           class="leading-size-1 "
674                                                           >
675                                                            Kundservice
676                                                        </a>
677                                                    </div>
678
679                                                </li>
680                                        </ul>
681                                </li>
682                        </ul>
683                </nav>
684            </div>
685
686            <nav class="hamburger-utility-links" role="navigation" aria-label="Utility navigation">
687    <ul class="flex flex-col gap-4">
688            <li>
689                <a href="/kontakta-oss/"
690                   target=""
691                   class="flex items-center gap-3 text-scale-15 leading-size-15 font-bold text-grey-800 hover:underline decoration-red decoration-2 underline-offset-4 transition-colors">
692                        <img src="/media/kficbv4n/icon-kontakt.svg?v=1dd25822fdf6a50"
693                             alt=""
694                             class="w-6 h-6 object-contain"
695                             aria-hidden="true" />
696                    <span>Kontakta oss</span>
697                </a>
698            </li>
699            <li>
700                <a href="https://hyresratt.ikanobostad.se/Account/BankId?returnUrl="
701                   target=""
702                   class="flex items-center gap-3 text-scale-15 leading-size-15 font-bold text-grey-800 hover:underline decoration-red decoration-2 underline-offset-4 transition-colors">
703                        <img src="/media/zdflmwbe/icon-loggain.svg?v=1dd2582300c46b0"
704                             alt=""
705                             class="w-6 h-6 object-contain"
706                             aria-hidden="true" />
707                    <span>Logga in som hyresg&#xE4;st</span>
708                </a>
709            </li>
710    </ul>
711</nav>
712
713        </div>
714    </div>
715</div>
716</div>
717
718
719</header>
720
721
722
723    <main id="main"
724          class="standardpage flex-grow last:pb-4"
725          aria-label="Huvudinneh&#xE5;ll">
726<section class="relative w-full min-w-0">
727        <div class="relative w-full min-w-0 overflow-hidden flex items-end bg-cover h-100 lg:h-150 min-[1600px]:h-175" >
728    <div class="hero-bg-media pointer-events-none absolute inset-0 overflow-hidden bg-grey-800" aria-hidden="true">
729            <picture>
730                <source type="image/webp" media="(min-width:2560px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=3500&amp;height=1150&amp;v=1dd4698a0d77130&amp;format=webp" />
731                <source type="image/webp" media="(min-width:1920px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=2500&amp;height=850&amp;v=1dd4698a0d77130&amp;format=webp" />
732                <source type="image/webp" media="(min-width:1200px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=1920&amp;height=650&amp;v=1dd4698a0d77130&amp;format=webp" />
733                <source type="image/webp" media="(min-width:1024px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=1200&amp;height=400&amp;v=1dd4698a0d77130&amp;format=webp" />
734                <source type="image/webp" media="(min-width:768px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=1000&amp;height=335&amp;v=1dd4698a0d77130&amp;format=webp" />
735                <source type="image/webp" media="(min-width:451px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=760&amp;height=600&amp;v=1dd4698a0d77130&amp;format=webp" />
736                <source type="image/webp" media="(max-width:450px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=450&amp;height=600&amp;v=1dd4698a0d77130&amp;format=webp" />
737            <source media="(min-width:2560px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=3500&amp;height=1150&amp;v=1dd4698a0d77130" />
738            <source media="(min-width:1920px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=2500&amp;height=850&amp;v=1dd4698a0d77130" />
739            <source media="(min-width:1200px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=1920&amp;height=650&amp;v=1dd4698a0d77130" />
740            <source media="(min-width:1024px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=1200&amp;height=400&amp;v=1dd4698a0d77130" />
741            <source media="(min-width:768px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=1000&amp;height=335&amp;v=1dd4698a0d77130" />
742            <source media="(min-width:451px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=760&amp;height=600&amp;v=1dd4698a0d77130" />
743            <source media="(max-width:450px)" srcset="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=450&amp;height=600&amp;v=1dd4698a0d77130" />
744        <img class="absolute top-0 left-0 w-full h-full object-cover hero-bg-image"
745             loading="eager"
746             decoding="async"
747             fetchpriority="high"
748             data-hero-bg-image
749             src="/media/cyxnt3rd/hyresfastighet-klas-6-slussen-malmo-gardsfasad.webp?rxy=0.6040095885571061,0.3135705198077927&amp;width=450&amp;height=600&amp;v=1dd4698a0d77130"
750             alt="Hyresfastighet klas 6 slussen Malm&#xF6; gardsfasad."
751              />
752    </picture>
753
754    </div>
755        <div class="absolute inset-0 z-10 hero-overlay-default opacity-90"></div>
756        <div class="container z-20 mx-auto relative pb-8 lg:pb-16">
757            <div class="flex flex-col gap-1">
758                            <nav aria-label="Br&#xF6;dsmula">
759            <ol class="flex flex-wrap items-center gap-x-2 text-white opacity-90">
760                    <li class="flex items-center gap-x-2">
761                            <a href="/" class="underline hover:opacity-80 transition-opacity">Hem</a>
762                            <span aria-hidden="true">/</span>
763                    </li>
764            </ol>
765        </nav>
766
767                    <span class="text-size-xl font-bold hyphens-auto md:hyphens-none text-pretty lg:text-size-xl--xl leading-tight tracking-wide text-white">Hyra bostad </span>
768            </div>
769        </div>
770    </div>
771        <div class="py-8 lg:pt-12 lg:pb-16 overflow-x-hidden container">
772            <div class="lg:flex justify-between gap-5">
773                <div class="lg:col-span-7 flex flex-col  lg:max-w-178.5">
774                        <h1>Dags att hyra bostad? Se v&#xE5;ra lediga hyresr&#xE4;tter</h1>
775                        <p class="mt-6 preamble">H&#xE4;r hittar du v&#xE5;ra lediga hyresr&#xE4;tter i Stockholm, G&#xF6;teborg, Malm&#xF6; och V&#xE4;ster&#xE5;s. Filtrera, sortera och s&#xF6;k i listan f&#xF6;r att hitta en bostad som passar dig. N&#xE4;r du g&#xE5;r vidare kommer du till HomeQ d&#xE4;r du enkelt kan skapa ett konto och anm&#xE4;la intresse f&#xF6;r l&#xE4;genheten.</p>
776                </div>
777            </div>
778        </div>
779</section>        
780
781
782<article class="umb-block-grid"
783     data-grid-columns="12;"
784     style="--umb-block-grid--grid-columns: 12;">
785    
786<div class="umb-block-grid__layout-container">
787        <div
788            class="umb-block-grid__layout-item"
789            data-content-element-type-alias="defaultColumnLayout"
790            data-content-element-type-key="e6debf62-6399-4875-a42f-5ef35f2c3d39"
791            data-element-key="3818e38a-0322-4797-82d7-cc8574d7e9f1"
792            data-col-span="12"
793            data-row-span="1"
794            data-block-hidden=""
795            style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; ">
796
797
798<div >
799        <div class="container">
800                                <section 
801                                     class="block-spacing-y"
802                                     >
803                                    <div
804                                        class=" mx-auto">
805                                            <div class="script-block">
806    <div id="homeq-anchor" data-company="59"></div>
807    </div>
808
809                                    </div>
810                                </section>
811        </div>
812</div>
813        </div>
814        <div
815            class="umb-block-grid__layout-item"
816            data-content-element-type-alias="defaultColumnLayout"
817            data-content-element-type-key="e6debf62-6399-4875-a42f-5ef35f2c3d39"
818            data-element-key="7be97a72-56ff-4d81-8ef2-72b20ec67a15"
819            data-col-span="12"
820            data-row-span="1"
821            data-block-hidden=""
822            style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; ">
823
824
825<div >
826        <div class="container">
827                                <section 
828                                     class="block-spacing-y content-columns-block"
829                                     >
830                                    <div
831                                        class=" mx-auto">
832                                        
833
834<div class="content-columns-block">
835
836            <div class="grid grid-cols-1 gap-5 xl:gap-6  items-start min-w-0 max-w-full ">
837            <div class="min-w-0 w-full grid lg:grid-flow-col lg:auto-cols-(--contentcards-cols) min-w-0 wrap-anywhere ">
838                
839
840        <div class="min-w-0 w-full max-md:-mx-6 max-md:w-[calc(100%&#x2B;3rem)] max-md:max-w-none md:mx-0 md:w-full md:rounded-tr-size-3 md:rounded-tl-size-3 lg:rounded-r-none lg:rounded-l-size-3 overflow-hidden ">
841            <picture class="block w-full min-w-0 max-w-full overflow-hidden aspect-6/5">
842            <source srcset="/media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=676&amp;height=507&amp;v=1dd2a3180390ed0 676w, /media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=1352&amp;height=1014&amp;v=1dd2a3180390ed0 1352w" sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px" media="(min-width: 1280px)" />
843            <source srcset="/media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=676&amp;height=507&amp;v=1dd2a3180390ed0 676w, /media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=1352&amp;height=1014&amp;v=1dd2a3180390ed0 1352w" sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px" media="(min-width: 1024px)" />
844            <source srcset="/media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=892&amp;height=669&amp;v=1dd2a3180390ed0 892w, /media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=1784&amp;height=1338&amp;v=1dd2a3180390ed0 1784w" sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px" media="(min-width: 768px)" />
845            <source srcset="/media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=892&amp;height=669&amp;v=1dd2a3180390ed0 892w, /media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=1784&amp;height=1338&amp;v=1dd2a3180390ed0 1784w" sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px" media="(min-width: 640px)" />
846            <source srcset="/media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=589&amp;height=442&amp;v=1dd2a3180390ed0 589w, /media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=1178&amp;height=884&amp;v=1dd2a3180390ed0 1178w" sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px" media="(min-width: 0px)" />
847    <img src="/media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=589&amp;height=442&amp;v=1dd2a3180390ed0"
848         srcset="/media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=589&amp;height=442&amp;v=1dd2a3180390ed0 589w, /media/asxclrj3/divikano_hagsatra_barn.webp?rxy=0.514903577717648,0.6686268070839984&amp;width=1178&amp;height=884&amp;v=1dd2a3180390ed0 1178w"
849         sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px"
850         width="589"
851         height="442"
852         class="block h-full w-full object-cover max-w-full"
853         alt="Barn som leker utanf&#xF6;r bostadshus i Hags&#xE4;tra."
854         loading="lazy"
855         decoding="async"
856                               style="object-position:51.490358% 66.862681%;"
857 />
858</picture>
859
860
861        </div>
862
863<div class="flex flex-col w-full min-w-0 box-border min-w-0 w-full max-md:-mx-6 max-md:w-[calc(100%&#x2B;3rem)] max-md:max-w-none md:mx-0 md:w-full block-page-fill bg-white py-5 max-md:px-6 md:p-8 xl:px-14 xl:py-7 md:rounded-b-size-3 md:rounded-b-none md:rounded-r-size-3 md:rounded-l-none justify-center">
864
865
866        <h3 class="mb-3 hyphens-auto text-pretty font-size-xl">Ikano Bostad som hyresv&#xE4;rd</h3>
867
868        <div class="rte-container font-light font-size-2xs">
869            <p>Att vara din hyresvärd är inget vi ser kortsiktigt på. Tvärtom. För oss handlar det om ett långsiktigt ansvar – att ta hand om både ditt hem och området du bor i.</p>
870        </div>
871
872        <div class="mt-5 flex ">
873            
874    <a href="/hyra-bostad/ikano-bostad-som-hyresvard/"
875       
876       class="button group btn-variant-text-black cursor-pointer"
877        data-cta-track="true" data-cta-payload="{&quot;cta_text&quot;:&quot;L&#228;s mer om Ikano Bostad som hyresv&#228;rd&quot;,&quot;cta_type&quot;:&quot;link&quot;,&quot;cta_location&quot;:&quot;content&quot;,&quot;cta_destination&quot;:&quot;/hyra-bostad/ikano-bostad-som-hyresvard/&quot;}"
878       >
879        <div class="button-inner button-inner--icon-right justify-between btn-size-large btn-has-icon">
880        <span class="button-icon-slot button-icon-slot--arrow inline-flex items-center justify-center shrink-0 order-2 rotate-180" aria-hidden="true">
881                    <svg class="shrink-0 w-6 h-6 rotate-180" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
882            <path d="M10.675 10L8.3 12.375C8.11667 12.5583 8.025 12.7875 8.025 13.0625C8.025 13.3375 8.11667 13.575 8.3 13.775C8.5 13.975 8.7375 14.075 9.0125 14.075C9.2875 14.075 9.525 13.975 9.725 13.775L12.8 10.7C13 10.5 13.1 10.2667 13.1 10C13.1 9.73333 13 9.5 12.8 9.3L9.7 6.2C9.5 6 9.26667 5.90417 9 5.9125C8.73333 5.92083 8.5 6.025 8.3 6.225C8.11667 6.425 8.02083 6.65833 8.0125 6.925C8.00417 7.19167 8.1 7.425 8.3 7.625L10.675 10ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" fill="currentColor"/>
883        </svg>
884
885        </span>
886    <span class="button-label order-1 wrap-anywhere">
887        <span class="button-label-text font-bold text-left block">
888L&#xE4;s mer om Ikano Bostad som hyresv&#xE4;rd        </span>
889    </span>
890</div>
891
892    </a>
893
894        </div>
895</div>
896
897
898            </div>
899            <div class="min-w-0 w-full grid lg:grid-flow-col lg:auto-cols-(--contentcards-cols) min-w-0 wrap-anywhere ">
900                
901
902        <div class="min-w-0 w-full max-md:-mx-6 max-md:w-[calc(100%&#x2B;3rem)] max-md:max-w-none md:mx-0 md:w-full md:rounded-tr-size-3 md:rounded-tl-size-3 lg:rounded-r-none lg:rounded-l-size-3 overflow-hidden ">
903            <picture class="block w-full min-w-0 max-w-full overflow-hidden aspect-6/5">
904            <source srcset="/media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=676&amp;height=507&amp;v=1dd474a19fd5e10 676w, /media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=1352&amp;height=1014&amp;v=1dd474a19fd5e10 1352w" sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px" media="(min-width: 1280px)" />
905            <source srcset="/media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=676&amp;height=507&amp;v=1dd474a19fd5e10 676w, /media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=1352&amp;height=1014&amp;v=1dd474a19fd5e10 1352w" sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px" media="(min-width: 1024px)" />
906            <source srcset="/media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=892&amp;height=669&amp;v=1dd474a19fd5e10 892w, /media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=1784&amp;height=1338&amp;v=1dd474a19fd5e10 1784w" sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px" media="(min-width: 768px)" />
907            <source srcset="/media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=892&amp;height=669&amp;v=1dd474a19fd5e10 892w, /media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=1784&amp;height=1338&amp;v=1dd474a19fd5e10 1784w" sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px" media="(min-width: 640px)" />
908            <source srcset="/media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=589&amp;height=442&amp;v=1dd474a19fd5e10 589w, /media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=1178&amp;height=884&amp;v=1dd474a19fd5e10 1178w" sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px" media="(min-width: 0px)" />
909    <img src="/media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=589&amp;height=442&amp;v=1dd474a19fd5e10"
910         srcset="/media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=589&amp;height=442&amp;v=1dd474a19fd5e10 589w, /media/qbapcas2/ikanobostadhd10.webp?rxy=0.5132543057166172,0.4604140732990691&amp;width=1178&amp;height=884&amp;v=1dd474a19fd5e10 1178w"
911         sizes="(min-width: 1280px) 676px, (min-width: 1024px) 676px, (min-width: 768px) 892px, (min-width: 640px) 892px, 589px"
912         width="589"
913         height="442"
914         class="block h-full w-full object-cover max-w-full"
915         alt="En ung man st&#xE5;r med flyttkartong i en nyproducerad l&#xE4;genhet av Ikano Bostad."
916         loading="lazy"
917         decoding="async"
918                               style="object-position:51.325431% 46.041407%;"
919 />
920</picture>
921
922
923        </div>
924
925<div class="flex flex-col w-full min-w-0 box-border min-w-0 w-full max-md:-mx-6 max-md:w-[calc(100%&#x2B;3rem)] max-md:max-w-none md:mx-0 md:w-full block-page-fill bg-white py-5 max-md:px-6 md:p-8 xl:px-14 xl:py-7 md:rounded-b-size-3 md:rounded-b-none md:rounded-r-size-3 md:rounded-l-none justify-center">
926
927
928        <h3 class="mb-3 hyphens-auto text-pretty font-size-xl">S&#xE5; fungerar det att hyra bostad av oss</h3>
929
930        <div class="rte-container font-light font-size-2xs">
931            <ul><li><p>Sök ledig lägenhet via HomeQ</p></li><li><p>Registrera dig och fyll i intresseanmälan</p></li><li><p>Bifoga arbetsgivarintyg och lönespecifikation</p></li><li><p>Få inbjudan till visning</p></li><li><p>Få erbjudande om förstahandskontrakt</p></li><li><p>Flytta in och registrera dig på Mina sidor</p></li></ul>
932        </div>
933
934        <div class="mt-5 flex ">
935            
936    <a href="/hyra-bostad/ikano-bostad-som-hyresvard/sa-hyr-du-bostad-steg-for-steg/"
937       
938       class="button group btn-variant-text-black cursor-pointer"
939        data-cta-track="true" data-cta-payload="{&quot;cta_text&quot;:&quot;S&#229; hyr du bostad steg f&#246;r steg&quot;,&quot;cta_type&quot;:&quot;link&quot;,&quot;cta_location&quot;:&quot;content&quot;,&quot;cta_destination&quot;:&quot;/hyra-bostad/ikano-bostad-som-hyresvard/sa-hyr-du-bostad-steg-for-steg/&quot;}"
940       >
941        <div class="button-inner button-inner--icon-right justify-between btn-size-large btn-has-icon">
942        <span class="button-icon-slot button-icon-slot--arrow inline-flex items-center justify-center shrink-0 order-2 rotate-180" aria-hidden="true">
943                    <svg class="shrink-0 w-6 h-6 rotate-180" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
944            <path d="M10.675 10L8.3 12.375C8.11667 12.5583 8.025 12.7875 8.025 13.0625C8.025 13.3375 8.11667 13.575 8.3 13.775C8.5 13.975 8.7375 14.075 9.0125 14.075C9.2875 14.075 9.525 13.975 9.725 13.775L12.8 10.7C13 10.5 13.1 10.2667 13.1 10C13.1 9.73333 13 9.5 12.8 9.3L9.7 6.2C9.5 6 9.26667 5.90417 9 5.9125C8.73333 5.92083 8.5 6.025 8.3 6.225C8.11667 6.425 8.02083 6.65833 8.0125 6.925C8.00417 7.19167 8.1 7.425 8.3 7.625L10.675 10ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" fill="currentColor"/>
945        </svg>
946
947        </span>
948    <span class="button-label order-1 wrap-anywhere">
949        <span class="button-label-text font-bold text-left block">
950S&#xE5; hyr du bostad steg f&#xF6;r steg        </span>
951    </span>
952</div>
953
954    </a>
955
956        </div>
957</div>
958
959
960            </div>
961    </div>
962
963
964</div>
965
966                                    </div>
967                                </section>
968        </div>
969</div>
970        </div>
971        <div
972            class="umb-block-grid__layout-item"
973            data-content-element-type-alias="globalBlock"
974            data-content-element-type-key="485cba21-88db-4070-89da-45a31288e0d9"
975            data-element-key="42154e90-d7a1-430c-9cdb-82d0351c5a15"
976            data-col-span="12"
977            data-row-span="1"
978            data-block-hidden=""
979            style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; ">
980
981
982
983
984<article class="umb-block-grid"
985     data-grid-columns="12;"
986     style="--umb-block-grid--grid-columns: 12;">
987    
988<div class="umb-block-grid__layout-container">
989        <div
990            class="umb-block-grid__layout-item"
991            data-content-element-type-alias="defaultColumnLayout"
992            data-content-element-type-key="e6debf62-6399-4875-a42f-5ef35f2c3d39"
993            data-element-key="79462152-cd03-45f4-ac29-d1c2f1e340ca"
994            data-col-span="12"
995            data-row-span="1"
996            data-block-hidden=""
997            style=" --umb-block-grid--item-column-span: 12;
997 --umb-block-grid--item-row-span: 1; ">
998
999
1000<div  style="background-color: #E2DDD5;">
1001        <div class="container">
1002                                <section 
1003                                     class="block-spacing-y"
1004                                     >
1005                                    <div
1006                                        class=" mx-auto">
1007                                        
1008
1009
1010                    <h2 class="mb-6 lg:mb-8 xl:mb-10">Utforska v&#xE5;ra lediga hyresr&#xE4;tter</h2>
1011
1012
1013        <div class="grid grid-col-1 gap-5 xl:gap-8 md:grid-cols-2 lg:grid-cols-3 items-stretch ">
1014
1015                        <a href="/hyra-bostad/?Kommun=Stockholm" target="" class="flex min-w-0 flex-col justify-center wrap-anywhere h-full cursor-pointer no-underline text-inherit">
1016                            
1017
1018<div class="card-item text-left  rounded-size-3 flex flex-col  h-full p-5 md:p-6  block-page-fill bg-white hover:bg-white card-shadow hover:-translate-y-0.5">
1019    <div class="">
1020        <div class="flex justify-between items-center gap-3 ">
1021            <div class="flex items-center gap-3 min-w-0">
1022                <p class="hyphens-auto text-pretty font-bold font-size-sm mb-0">Stockholm</p>
1023            </div>
1024                    <span class="shrink-0 rotate-180 w-5 h-5 text-grey-800" aria-hidden="true">
1025                        <svg class="w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1026                            <path d="M11.2832 11.7967L13.5805 9.49949C13.7877 9.29416 13.8912 9.03758 13.8912 8.72974C13.8912 8.42191 13.7877 8.158 13.5805 7.938C13.3605 7.71416 13.0951 7.60324 12.7842 7.60524C12.4734 7.60724 12.208 7.71816 11.988 7.938L8.931 11.001C8.707 11.2282 8.595 11.4932 8.595 11.7962C8.595 12.0991 8.707 12.3645 8.931 12.5925L12.013 15.6745C12.233 15.8943 12.4943 16.0021 12.7968 15.9977C13.0992 15.9934 13.3605 15.8793 13.5805 15.6555C13.7877 15.4355 13.8934 15.1742 13.8977 14.8717C13.9021 14.5692 13.7943 14.308 13.5745 14.088L11.2832 11.7967ZM11.7968 1.59349C13.2119 1.59349 14.5397 1.86116 15.7802 2.39649C17.0209 2.93182 18.1001 3.65824 19.0177 4.57574C19.9352 5.49341 20.6617 6.57257 21.197 7.81324C21.7323 9.05374 22 10.3816 22 11.7967C22 13.2119 21.7323 14.5397 21.197 15.7802C20.6617 17.0209 19.9352 18.1001 19.0177 19.0177C18.1001 19.9352 17.0209 20.6617 15.7802 21.197C14.5397 21.7323 13.2119 22 11.7968 22C10.3816 22 9.05375 21.7323 7.81325 21.197C6.57258 20.6617 5.49342 19.9352 4.57575 19.0177C3.65825 18.1001 2.93183 17.0209 2.3965 15.7802C1.86117 14.5397 1.5935 13.2119 1.5935 11.7967C1.5935 10.3816 1.86117 9.05374 2.3965 7.81324C2.93183 6.57257 3.65825 5.49341 4.57575 4.57574C5.49342 3.65824 6.57258 2.93182 7.81325 2.39649C9.05375 1.86116 10.3816 1.59349 11.7968 1.59349Z" fill="currentColor"/>
1027                        </svg>
1028                    </span>
1029        </div>
1030
1031
1032
1033    </div>
1034
1035</div>
1036
1037                        </a>
1038                        <a href="/hyra-bostad/?Kommun=G%C3%B6teborg" target="" class="flex min-w-0 flex-col justify-center wrap-anywhere h-full cursor-pointer no-underline text-inherit">
1039                            
1040
1041<div class="card-item text-left  rounded-size-3 flex flex-col  h-full p-5 md:p-6  block-page-fill bg-white hover:bg-white card-shadow hover:-translate-y-0.5">
1042    <div class="">
1043        <div class="flex justify-between items-center gap-3 ">
1044            <div class="flex items-center gap-3 min-w-0">
1045                <p class="hyphens-auto text-pretty font-bold font-size-sm mb-0">G&#246;teborg</p>
1046            </div>
1047                    <span class="shrink-0 rotate-180 w-5 h-5 text-grey-800" aria-hidden="true">
1048                        <svg class="w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1049                            <path d="M11.2832 11.7967L13.5805 9.49949C13.7877 9.29416 13.8912 9.03758 13.8912 8.72974C13.8912 8.42191 13.7877 8.158 13.5805 7.938C13.3605 7.71416 13.0951 7.60324 12.7842 7.60524C12.4734 7.60724 12.208 7.71816 11.988 7.938L8.931 11.001C8.707 11.2282 8.595 11.4932 8.595 11.7962C8.595 12.0991 8.707 12.3645 8.931 12.5925L12.013 15.6745C12.233 15.8943 12.4943 16.0021 12.7968 15.9977C13.0992 15.9934 13.3605 15.8793 13.5805 15.6555C13.7877 15.4355 13.8934 15.1742 13.8977 14.8717C13.9021 14.5692 13.7943 14.308 13.5745 14.088L11.2832 11.7967ZM11.7968 1.59349C13.2119 1.59349 14.5397 1.86116 15.7802 2.39649C17.0209 2.93182 18.1001 3.65824 19.0177 4.57574C19.9352 5.49341 20.6617 6.57257 21.197 7.81324C21.7323 9.05374 22 10.3816 22 11.7967C22 13.2119 21.7323 14.5397 21.197 15.7802C20.6617 17.0209 19.9352 18.1001 19.0177 19.0177C18.1001 19.9352 17.0209 20.6617 15.7802 21.197C14.5397 21.7323 13.2119 22 11.7968 22C10.3816 22 9.05375 21.7323 7.81325 21.197C6.57258 20.6617 5.49342 19.9352 4.57575 19.0177C3.65825 18.1001 2.93183 17.0209 2.3965 15.7802C1.86117 14.5397 1.5935 13.2119 1.5935 11.7967C1.5935 10.3816 1.86117 9.05374 2.3965 7.81324C2.93183 6.57257 3.65825 5.49341 4.57575 4.57574C5.49342 3.65824 6.57258 2.93182 7.81325 2.39649C9.05375 1.86116 10.3816 1.59349 11.7968 1.59349Z" fill="currentColor"/>
1050                        </svg>
1051                    </span>
1052        </div>
1053
1054
1055
1056    </div>
1057
1058</div>
1059
1060                        </a>
1061                        <a href="/hyra-bostad/?Kommun=Malm%C3%B6" target="" class="flex min-w-0 flex-col justify-center wrap-anywhere h-full cursor-pointer no-underline text-inherit">
1062                            
1063
1064<div class="card-item text-left  rounded-size-3 flex flex-col  h-full p-5 md:p-6  block-page-fill bg-white hover:bg-white card-shadow hover:-translate-y-0.5">
1065    <div class="">
1066        <div class="flex justify-between items-center gap-3 ">
1067            <div class="flex items-center gap-3 min-w-0">
1068                <p class="hyphens-auto text-pretty font-bold font-size-sm mb-0">Malm&#246;</p>
1069            </div>
1070                    <span class="shrink-0 rotate-180 w-5 h-5 text-grey-800" aria-hidden="true">
1071                        <svg class="w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1072                            <path d="M11.2832 11.7967L13.5805 9.49949C13.7877 9.29416 13.8912 9.03758 13.8912 8.72974C13.8912 8.42191 13.7877 8.158 13.5805 7.938C13.3605 7.71416 13.0951 7.60324 12.7842 7.60524C12.4734 7.60724 12.208 7.71816 11.988 7.938L8.931 11.001C8.707 11.2282 8.595 11.4932 8.595 11.7962C8.595 12.0991 8.707 12.3645 8.931 12.5925L12.013 15.6745C12.233 15.8943 12.4943 16.0021 12.7968 15.9977C13.0992 15.9934 13.3605 15.8793 13.5805 15.6555C13.7877 15.4355 13.8934 15.1742 13.8977 14.8717C13.9021 14.5692 13.7943 14.308 13.5745 14.088L11.2832 11.7967ZM11.7968 1.59349C13.2119 1.59349 14.5397 1.86116 15.7802 2.39649C17.0209 2.93182 18.1001 3.65824 19.0177 4.57574C19.9352 5.49341 20.6617 6.57257 21.197 7.81324C21.7323 9.05374 22 10.3816 22 11.7967C22 13.2119 21.7323 14.5397 21.197 15.7802C20.6617 17.0209 19.9352 18.1001 19.0177 19.0177C18.1001 19.9352 17.0209 20.6617 15.7802 21.197C14.5397 21.7323 13.2119 22 11.7968 22C10.3816 22 9.05375 21.7323 7.81325 21.197C6.57258 20.6617 5.49342 19.9352 4.57575 19.0177C3.65825 18.1001 2.93183 17.0209 2.3965 15.7802C1.86117 14.5397 1.5935 13.2119 1.5935 11.7967C1.5935 10.3816 1.86117 9.05374 2.3965 7.81324C2.93183 6.57257 3.65825 5.49341 4.57575 4.57574C5.49342 3.65824 6.57258 2.93182 7.81325 2.39649C9.05375 1.86116 10.3816 1.59349 11.7968 1.59349Z" fill="currentColor"/>
1073                        </svg>
1074                    </span>
1075        </div>
1076
1077
1078
1079    </div>
1080
1081</div>
1082
1083                        </a>
1084                        <a href="/hyra-bostad/?Kommun=V%C3%A4ster%C3%A5s" target="" class="flex min-w-0 flex-col justify-center wrap-anywhere h-full cursor-pointer no-underline text-inherit">
1085                            
1086
1087<div class="card-item text-left  rounded-size-3 flex flex-col  h-full p-5 md:p-6  block-page-fill bg-white hover:bg-white card-shadow hover:-translate-y-0.5">
1088    <div class="">
1089        <div class="flex justify-between items-center gap-3 ">
1090            <div class="flex items-center gap-3 min-w-0">
1091                <p class="hyphens-auto text-pretty font-bold font-size-sm mb-0">V&#228;ster&#229;s</p>
1092            </div>
1093                    <span class="shrink-0 rotate-180 w-5 h-5 text-grey-800" aria-hidden="true">
1094                        <svg class="w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1095                            <path d="M11.2832 11.7967L13.5805 9.49949C13.7877 9.29416 13.8912 9.03758 13.8912 8.72974C13.8912 8.42191 13.7877 8.158 13.5805 7.938C13.3605 7.71416 13.0951 7.60324 12.7842 7.60524C12.4734 7.60724 12.208 7.71816 11.988 7.938L8.931 11.001C8.707 11.2282 8.595 11.4932 8.595 11.7962C8.595 12.0991 8.707 12.3645 8.931 12.5925L12.013 15.6745C12.233 15.8943 12.4943 16.0021 12.7968 15.9977C13.0992 15.9934 13.3605 15.8793 13.5805 15.6555C13.7877 15.4355 13.8934 15.1742 13.8977 14.8717C13.9021 14.5692 13.7943 14.308 13.5745 14.088L11.2832 11.7967ZM11.7968 1.59349C13.2119 1.59349 14.5397 1.86116 15.7802 2.39649C17.0209 2.93182 18.1001 3.65824 19.0177 4.57574C19.9352 5.49341 20.6617 6.57257 21.197 7.81324C21.7323 9.05374 22 10.3816 22 11.7967C22 13.2119 21.7323 14.5397 21.197 15.7802C20.6617 17.0209 19.9352 18.1001 19.0177 19.0177C18.1001 19.9352 17.0209 20.6617 15.7802 21.197C14.5397 21.7323 13.2119 22 11.7968 22C10.3816 22 9.05375 21.7323 7.81325 21.197C6.57258 20.6617 5.49342 19.9352 4.57575 19.0177C3.65825 18.1001 2.93183 17.0209 2.3965 15.7802C1.86117 14.5397 1.5935 13.2119 1.5935 11.7967C1.5935 10.3816 1.86117 9.05374 2.3965 7.81324C2.93183 6.57257 3.65825 5.49341 4.57575 4.57574C5.49342 3.65824 6.57258 2.93182 7.81325 2.39649C9.05375 1.86116 10.3816 1.59349 11.7968 1.59349Z" fill="currentColor"/>
1096                        </svg>
1097                    </span>
1098        </div>
1099
1100
1101
1102    </div>
1103
1104</div>
1105
1106                        </a>
1107                        <a href="/hyra-bostad/?Kommun=Kungsbacka" target="" class="flex min-w-0 flex-col justify-center wrap-anywhere h-full cursor-pointer no-underline text-inherit">
1108                            
1109
1110<div class="card-item text-left  rounded-size-3 flex flex-col  h-full p-5 md:p-6  block-page-fill bg-white hover:bg-white card-shadow hover:-translate-y-0.5">
1111    <div class="">
1112        <div class="flex justify-between items-center gap-3 ">
1113            <div class="flex items-center gap-3 min-w-0">
1114                <p class="hyphens-auto text-pretty font-bold font-size-sm mb-0">Kungsbacka</p>
1115            </div>
1116                    <span class="shrink-0 rotate-180 w-5 h-5 text-grey-800" aria-hidden="true">
1117                        <svg class="w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1118                            <path d="M11.2832 11.7967L13.5805 9.49949C13.7877 9.29416 13.8912 9.03758 13.8912 8.72974C13.8912 8.42191 13.7877 8.158 13.5805 7.938C13.3605 7.71416 13.0951 7.60324 12.7842 7.60524C12.4734 7.60724 12.208 7.71816 11.988 7.938L8.931 11.001C8.707 11.2282 8.595 11.4932 8.595 11.7962C8.595 12.0991 8.707 12.3645 8.931 12.5925L12.013 15.6745C12.233 15.8943 12.4943 16.0021 12.7968 15.9977C13.0992 15.9934 13.3605 15.8793 13.5805 15.6555C13.7877 15.4355 13.8934 15.1742 13.8977 14.8717C13.9021 14.5692 13.7943 14.308 13.5745 14.088L11.2832 11.7967ZM11.7968 1.59349C13.2119 1.59349 14.5397 1.86116 15.7802 2.39649C17.0209 2.93182 18.1001 3.65824 19.0177 4.57574C19.9352 5.49341 20.6617 6.57257 21.197 7.81324C21.7323 9.05374 22 10.3816 22 11.7967C22 13.2119 21.7323 14.5397 21.197 15.7802C20.6617 17.0209 19.9352 18.1001 19.0177 19.0177C18.1001 19.9352 17.0209 20.6617 15.7802 21.197C14.5397 21.7323 13.2119 22 11.7968 22C10.3816 22 9.05375 21.7323 7.81325 21.197C6.57258 20.6617 5.49342 19.9352 4.57575 19.0177C3.65825 18.1001 2.93183 17.0209 2.3965 15.7802C1.86117 14.5397 1.5935 13.2119 1.5935 11.7967C1.5935 10.3816 1.86117 9.05374 2.3965 7.81324C2.93183 6.57257 3.65825 5.49341 4.57575 4.57574C5.49342 3.65824 6.57258 2.93182 7.81325 2.39649C9.05375 1.86116 10.3816 1.59349 11.7968 1.59349Z" fill="currentColor"/>
1119                        </svg>
1120                    </span>
1121        </div>
1122
1123
1124
1125    </div>
1126
1127</div>
1128
1129                        </a>
1130                        <a href="/hyra-bostad/?Kommun=Partille" target="" class="flex min-w-0 flex-col justify-center wrap-anywhere h-full cursor-pointer no-underline text-inherit">
1131                            
1132
1133<div class="card-item text-left  rounded-size-3 flex flex-col  h-full p-5 md:p-6  block-page-fill bg-white hover:bg-white card-shadow hover:-translate-y-0.5">
1134    <div class="">
1135        <div class="flex justify-between items-center gap-3 ">
1136            <div class="flex items-center gap-3 min-w-0">
1137                <p class="hyphens-auto text-pretty font-bold font-size-sm mb-0">Partille</p>
1138            </div>
1139                    <span class="shrink-0 rotate-180 w-5 h-5 text-grey-800" aria-hidden="true">
1140                        <svg class="w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1141                            <path d="M11.2832 11.7967L13.5805 9.49949C13.7877 9.29416 13.8912 9.03758 13.8912 8.72974C13.8912 8.42191 13.7877 8.158 13.5805 7.938C13.3605 7.71416 13.0951 7.60324 12.7842 7.60524C12.4734 7.60724 12.208 7.71816 11.988 7.938L8.931 11.001C8.707 11.2282 8.595 11.4932 8.595 11.7962C8.595 12.0991 8.707 12.3645 8.931 12.5925L12.013 15.6745C12.233 15.8943 12.4943 16.0021 12.7968 15.9977C13.0992 15.9934 13.3605 15.8793 13.5805 15.6555C13.7877 15.4355 13.8934 15.1742 13.8977 14.8717C13.9021 14.5692 13.7943 14.308 13.5745 14.088L11.2832 11.7967ZM11.7968 1.59349C13.2119 1.59349 14.5397 1.86116 15.7802 2.39649C17.0209 2.93182 18.1001 3.65824 19.0177 4.57574C19.9352 5.49341 20.6617 6.57257 21.197 7.81324C21.7323 9.05374 22 10.3816 22 11.7967C22 13.2119 21.7323 14.5397 21.197 15.7802C20.6617 17.0209 19.9352 18.1001 19.0177 19.0177C18.1001 19.9352 17.0209 20.6617 15.7802 21.197C14.5397 21.7323 13.2119 22 11.7968 22C10.3816 22 9.05375 21.7323 7.81325 21.197C6.57258 20.6617 5.49342 19.9352 4.57575 19.0177C3.65825 18.1001 2.93183 17.0209 2.3965 15.7802C1.86117 14.5397 1.5935 13.2119 1.5935 11.7967C1.5935 10.3816 1.86117 9.05374 2.3965 7.81324C2.93183 6.57257 3.65825 5.49341 4.57575 4.57574C5.49342 3.65824 6.57258 2.93182 7.81325 2.39649C9.05375 1.86116 10.3816 1.59349 11.7968 1.59349Z" fill="currentColor"/>
1142                        </svg>
1143                    </span>
1144        </div>
1145
1146
1147
1148    </div>
1149
1150</div>
1151
1152                        </a>
1153
1154        </div>
1155
1156
1157
1158                                    </div>
1159                                </section>
1160        </div>
1161</div>
1162        </div>
1163</div>
1164
1165</article>
1166
1167
1168
1169        </div>
1170        <div
1171            class="umb-block-grid__layout-item"
1172            data-content-element-type-alias="defaultColumnLayout"
1173            data-content-element-type-key="e6debf62-6399-4875-a42f-5ef35f2c3d39"
1174            data-element-key="8fbe6684-3e03-4910-9ac6-51104d7ca06a"
1175            data-col-span="12"
1176            data-row-span="1"
1177            data-block-hidden=""
1178            style=" --umb-block-grid--item-column-span: 12;
1178 --umb-block-grid--item-row-span: 1; ">
1179
1180
1181<div >
1182        <div class="container">
1183                                <section 
1184                                     class="block-spacing-y"
1185                                     >
1186                                    <div
1187                                        class=" mx-auto">
1188                                        
1189
1190    <div class="mx-auto max-w-wide-mode">
1191
1192            <div class="mb-7">
1193                        <h2 class="mb-3 text-center max-w-4xl mx-auto">Fr&#xE5;gor och svar</h2>
1194    <div class="text-center max-w-4xl mx-auto font-size-xs"><p>Letar du efter en hyresrätt? Här har vi samlat svar på vanliga frågor om att hyra bostad av Ikano Bostad.</p></div>
1195
1196            </div>
1197
1198            <div class="grid max-w-narrow-mode mx-auto grid-cols-1">
1199
1200                    <div class="gap-6 flex flex-col">
1201
1202                                   
1203
1204
1205    <div class=" max-w-narrow-mode flex flex-col gap-2.5" x-data="{ show: false }">
1206        
1207<div x-cloak  x-data="{ isExpanded: false }">
1208    <div class="mb-0">
1209        <button id="accordion-header-402409ca-ed8a-4b57-9168-486c6076b671"
1210                class="accordion-item-header group flex justify-between gap-5 rounded-sm items-center w-full text-left py-3 px-5.75 cursor-pointer transition-colors duration-300 ease-out"
1211                :class="isExpanded ? 'is-expanded' : ''"
1212                x-on:click="isExpanded = ! isExpanded"
1213                x-bind:aria-expanded="isExpanded ? 'true' : 'false'"
1214                aria-controls="accordion-panel-402409ca-ed8a-4b57-9168-486c6076b671">
1215            <span class="flex min-w-0 flex-1 items-center gap-5 font-size-xs font-bold min-h-11">
1216                <span class="min-w-0">Jag vill hyra en bostad hos Ikano Bostad, hur g&#xF6;r jag?</span>
1217            </span>
1218            <span x-cloak class="ml-3 flex justify-center relative h-9 min-h-9 min-w-9 w-9 group-hover:bg-yellow bg-grey-200 text-grey-800 items-center rounded-full transition-colors duration-500 ease-in-out"
1219                  :class="isExpanded ? 'group-hover:bg-transparent bg-grey-300' : ''">
1220                <svg x-show.important="!isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z"/></svg>
1221                <svg x-show.important="isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M240-440q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h480q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H240Z"/></svg>
1222            </span>
1223        </button>
1224    </div>
1225    <div id="accordion-panel-402409ca-ed8a-4b57-9168-486c6076b671"
1226         role="region"
1227         x-show="isExpanded"
1228         x-collapse.duration.500ms
1229         class="overflow-hidden"
1230         style=&quot;display: none;&quot;>
1231        <div class="pt-2 pb-10 px-5.75">
1232            <div class="rte-container text-base font-light mb-0">
1233                <p>Vi förmedlar våra lediga hyresrätter via HomeQ. När du registrerar dig hos HomeQ kommer du enkelt kunna anmäla ditt intresse på våra lägenheter i Stockholm, Göteborg, Västerås och Malmö.</p>
1234            </div>
1235        </div>
1236    </div>
1237</div>
1238<div x-cloak  x-data="{ isExpanded: false }">
1239    <div class="mb-0">
1240        <button id="accordion-header-95880e44-7981-41c8-b6a1-0e01ddc23819"
1241                class="accordion-item-header group flex justify-between gap-5 rounded-sm items-center w-full text-left py-3 px-5.75 cursor-pointer transition-colors duration-300 ease-out"
1242                :class="isExpanded ? 'is-expanded' : ''"
1243                x-on:click="isExpanded = ! isExpanded"
1244                x-bind:aria-expanded="isExpanded ? 'true' : 'false'"
1245                aria-controls="accordion-panel-95880e44-7981-41c8-b6a1-0e01ddc23819">
1246            <span class="flex min-w-0 flex-1 items-center gap-5 font-size-xs font-bold min-h-11">
1247                <span class="min-w-0">Vad &#xE4;r HomeQ? </span>
1248            </span>
1249            <span x-cloak class="ml-3 flex justify-center relative h-9 min-h-9 min-w-9 w-9 group-hover:bg-yellow bg-grey-200 text-grey-800 items-center rounded-full transition-colors duration-500 ease-in-out"
1250                  :class="isExpanded ? 'group-hover:bg-transparent bg-grey-300' : ''">
1251                <svg x-show.important="!isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z"/></svg>
1252                <svg x-show.important="isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M240-440q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h480q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H240Z"/></svg>
1253            </span>
1254        </button>
1255    </div>
1256    <div id="accordion-panel-95880e44-7981-41c8-b6a1-0e01ddc23819"
1257         role="region"
1258         x-show="isExpanded"
1259         x-collapse.duration.500ms
1260         class="overflow-hidden"
1261         style=&quot;display: none;&quot;>
1262        <div class="pt-2 pb-10 px-5.75">
1263            <div class="rte-container text-base font-light mb-0">
1264                <p>HomeQ är Sveriges största marknadsplats för lediga hyreslägenheten med förstahandskontrakt. Att anmäla intresse för lediga bostäder på HomeQ är gratis i alla led för dig som sökande. Sedan april 2021 förmedlar vi på Ikano Bostad våra lediga hyresrätter via HomeQ. Du hittar våra lediga hyresrätter under hyra bostad.</p>
1265            </div>
1266        </div>
1267    </div>
1268</div>
1269<div x-cloak  x-data="{ isExpanded: false }">
1270    <div class="mb-0">
1271        <button id="accordion-header-04c99fc6-de0f-47ca-ae62-7e63877ca36d"
1272                class="accordion-item-header group flex justify-between gap-5 rounded-sm items-center w-full text-left py-3 px-5.75 cursor-pointer transition-colors duration-300 ease-out"
1273                :class="isExpanded ? 'is-expanded' : ''"
1274                x-on:click="isExpanded = ! isExpanded"
1275                x-bind:aria-expanded="isExpanded ? 'true' : 'false'"
1276                aria-controls="accordion-panel-04c99fc6-de0f-47ca-ae62-7e63877ca36d">
1277            <span class="flex min-w-0 flex-1 items-center gap-5 font-size-xs font-bold min-h-11">
1278                <span class="min-w-0">Hur s&#xF6;ker jag bostad via HomeQ? </span>
1279            </span>
1280            <span x-cloak class="ml-3 flex justify-center relative h-9 min-h-9 min-w-9 w-9 group-hover:bg-yellow bg-grey-200 text-grey-800 items-center rounded-full transition-colors duration-500 ease-in-out"
1281                  :class="isExpanded ? 'group-hover:bg-transparent bg-grey-300' : ''">
1282                <svg x-show.important="!isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z"/></svg>
1283                <svg x-show.important="isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M240-440q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h480q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H240Z"/></svg>
1284            </span>
1285        </button>
1286    </div>
1287    <div id="accordion-panel-04c99fc6-de0f-47ca-ae62-7e63877ca36d"
1288         role="region"
1289         x-show="isExpanded"
1290         x-collapse.duration.500ms
1291         class="overflow-hidden"
1292         style=&quot;display: none;&quot;>
1293        <div class="pt-2 pb-10 px-5.75">
1294            <div class="rte-container text-base font-light mb-0">
1295                <p>
1295Besök HomeQ och registrera dig som sökande där. När du gjort det kan du anmäla ditt intresse för en av Ikano Bostads lägenheter eller någon annan fastighetsägares bostäder. Där hittar du även vanliga frågor och svar.</p>
1296            </div>
1297                <div class="mt-6">
1298                    
1299    <a href="https://www.homeq.se/"
1300       
1301       target="_blank"
1302       class="button group btn-variant-text-black cursor-pointer"
1303        data-cta-track="true" data-cta-payload="{&quot;cta_text&quot;:&quot;G&#229; till homeq.se&quot;,&quot;cta_type&quot;:&quot;link&quot;,&quot;cta_location&quot;:&quot;content&quot;,&quot;cta_destination&quot;:&quot;https://www.homeq.se/&quot;}"
1304       >
1305        <div class="button-inner button-inner--icon-right justify-between btn-size-medium btn-has-icon">
1306        <span class="button-icon-slot button-icon-slot--arrow inline-flex items-center justify-center shrink-0 order-2 rotate-180" aria-hidden="true">
1307                    <svg class="shrink-0 w-6 h-6 rotate-180" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1308            <path d="M10.675 10L8.3 12.375C8.11667 12.5583 8.025 12.7875 8.025 13.0625C8.025 13.3375 8.11667 13.575 8.3 13.775C8.5 13.975 8.7375 14.075 9.0125 14.075C9.2875 14.075 9.525 13.975 9.725 13.775L12.8 10.7C13 10.5 13.1 10.2667 13.1 10C13.1 9.73333 13 9.5 12.8 9.3L9.7 6.2C9.5 6 9.26667 5.90417 9 5.9125C8.73333 5.92083 8.5 6.025 8.3 6.225C8.11667 6.425 8.02083 6.65833 8.0125 6.925C8.00417 7.19167 8.1 7.425 8.3 7.625L10.675 10ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" fill="currentColor"/>
1309        </svg>
1310
1311        </span>
1312    <span class="button-label order-1 wrap-anywhere">
1313        <span class="button-label-text font-bold text-left block">
1314G&#xE5; till homeq.se        </span>
1315    </span>
1316</div>
1317
1318    </a>
1319
1320                </div>
1321        </div>
1322    </div>
1323</div>
1324<div x-cloak  x-data="{ isExpanded: false }">
1325    <div class="mb-0">
1326        <button id="accordion-header-fa66fd60-9133-489e-a689-8e637d0661bd"
1327                class="accordion-item-header group flex justify-between gap-5 rounded-sm items-center w-full text-left py-3 px-5.75 cursor-pointer transition-colors duration-300 ease-out"
1328                :class="isExpanded ? 'is-expanded' : ''"
1329                x-on:click="isExpanded = ! isExpanded"
1330                x-bind:aria-expanded="isExpanded ? 'true' : 'false'"
1331                aria-controls="accordion-panel-fa66fd60-9133-489e-a689-8e637d0661bd">
1332            <span class="flex min-w-0 flex-1 items-center gap-5 font-size-xs font-bold min-h-11">
1333                <span class="min-w-0">Vilka &#xE4;r grundkraven f&#xF6;r att hyra en l&#xE4;genhet? </span>
1334            </span>
1335            <span x-cloak class="ml-3 flex justify-center relative h-9 min-h-9 min-w-9 w-9 group-hover:bg-yellow bg-grey-200 text-grey-800 items-center rounded-full transition-colors duration-500 ease-in-out"
1336                  :class="isExpanded ? 'group-hover:bg-transparent bg-grey-300' : ''">
1337                <svg x-show.important="!isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z"/></svg>
1338                <svg x-show.important="isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M240-440q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h480q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H240Z"/></svg>
1339            </span>
1340        </button>
1341    </div>
1342    <div id="accordion-panel-fa66fd60-9133-489e-a689-8e637d0661bd"
1343         role="region"
1344         x-show="isExpanded"
1345         x-collapse.duration.500ms
1346         class="overflow-hidden"
1347         style=&quot;display: none;&quot;>
1348        <div class="pt-2 pb-10 px-5.75">
1349            <div class="rte-container text-base font-light mb-0">
1350                <p>Vi utgår från våra grundkrav när vi väljer våra hyresgäster. Du ska ha fyllt 18 år och du får inte ha några betalningsanmärkningar. Du har en stadigvarande inkomst som inte understiger tre gånger årshyran för den aktuella lägenheten före skatt, vi tar alltid kreditupplysning på dig. Som regel tar vi referenser från tidigare hyresvärd. Ikano Bostad tillåter inte andrahandsuthyrning av hyreslägenheten i fall att försäljning av den tidigare bostaden tar längre tid än beräknat, eller inte säljs.</p>
1351            </div>
1352                <div class="mt-6">
1353                    
1354    <a href="/hyra-bostad/ikano-bostad-som-hyresvard/vara-krav-for-att-hyra-bostad/"
1355       
1356       class="button group btn-variant-text-black cursor-pointer"
1357        data-cta-track="true" data-cta-payload="{&quot;cta_text&quot;:&quot;V&#229;ra krav f&#246;r att hyra bostad&quot;,&quot;cta_type&quot;:&quot;link&quot;,&quot;cta_location&quot;:&quot;content&quot;,&quot;cta_destination&quot;:&quot;/hyra-bostad/ikano-bostad-som-hyresvard/vara-krav-for-att-hyra-bostad/&quot;}"
1358       >
1359        <div class="button-inner button-inner--icon-right justify-between btn-size-medium btn-has-icon">
1360        <span class="button-icon-slot button-icon-slot--arrow inline-flex items-center justify-center shrink-0 order-2 rotate-180" aria-hidden="true">
1361                    <svg class="shrink-0 w-6 h-6 rotate-180" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1362            <path d="M10.675 10L8.3 12.375C8.11667 12.5583 8.025 12.7875 8.025 13.0625C8.025 13.3375 8.11667 13.575 8.3 13.775C8.5 13.975 8.7375 14.075 9.0125 14.075C9.2875 14.075 9.525 13.975 9.725 13.775L12.8 10.7C13 10.5 13.1 10.2667 13.1 10C13.1 9.73333 13 9.5 12.8 9.3L9.7 6.2C9.5 6 9.26667 5.90417 9 5.9125C8.73333 5.92083 8.5 6.025 8.3 6.225C8.11667 6.425 8.02083 6.65833 8.0125 6.925C8.00417 7.19167 8.1 7.425 8.3 7.625L10.675 10ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" fill="currentColor"/>
1363        </svg>
1364
1365        </span>
1366    <span class="button-label order-1 wrap-anywhere">
1367        <span class="button-label-text font-bold text-left block">
1368V&#xE5;ra krav f&#xF6;r att hyra bostad        </span>
1369    </span>
1370</div>
1371
1372    </a>
1373
1374                </div>
1375        </div>
1376    </div>
1377</div>
1378<div x-cloak  x-data="{ isExpanded: false }">
1379    <div class="mb-0">
1380        <button id="accordion-header-a3767eeb-07da-4dd4-a24b-91a4406d11bc"
1381                class="accordion-item-header group flex justify-between gap-5 rounded-sm items-center w-full text-left py-3 px-5.75 cursor-pointer transition-colors duration-300 ease-out"
1382                :class="isExpanded ? 'is-expanded' : ''"
1383                x-on:click="isExpanded = ! isExpanded"
1384                x-bind:aria-expanded="isExpanded ? 'true' : 'false'"
1385                aria-controls="accordion-panel-a3767eeb-07da-4dd4-a24b-91a4406d11bc">
1386            <span class="flex min-w-0 flex-1 items-center gap-5 font-size-xs font-bold min-h-11">
1387                <span class="min-w-0">Varf&#xF6;r ska jag v&#xE4;lja Ikano Bostad som hyresv&#xE4;rd?</span>
1388            </span>
1389            <span x-cloak class="ml-3 flex justify-center relative h-9 min-h-9 min-w-9 w-9 group-hover:bg-yellow bg-grey-200 text-grey-800 items-center rounded-full transition-colors duration-500 ease-in-out"
1390                  :class="isExpanded ? 'group-hover:bg-transparent bg-grey-300' : ''">
1391                <svg x-show.important="!isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z"/></svg>
1392                <svg x-show.important="isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M240-440q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h480q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H240Z"/></svg>
1393            </span>
1394        </button>
1395    </div>
1396    <div id="accordion-panel-a3767eeb-07da-4dd4-a24b-91a4406d11bc"
1397         role="region"
1398         x-show="isExpanded"
1399         x-collapse.duration.500ms
1400         class="overflow-hidden"
1401         style=&quot;display: none;&quot;>
1402        <div class="pt-2 pb-10 px-5.75">
1403            <div class="rte-container text-base font-light mb-0">
1404                <p>Att vara din hyresvärd är inget vi ser kortsiktigt på. Tvärtom. För oss handlar det om ett långsiktigt ansvar – att ta hand om både ditt hem och området du bor i.&nbsp;</p>
1405            </div>
1406                <div class="mt-6">
1407                    
1408    <a href="/hyra-bostad/ikano-bostad-som-hyresvard/"
1409       
1410       class="button group btn-variant-text-black cursor-pointer"
1411        data-cta-track="true" data-cta-payload="{&quot;cta_text&quot;:&quot;Ikano Bostad som hyresv&#228;rd&quot;,&quot;cta_type&quot;:&quot;link&quot;,&quot;cta_location&quot;:&quot;content&quot;,&quot;cta_destination&quot;:&quot;/hyra-bostad/ikano-bostad-som-hyresvard/&quot;}"
1412       >
1413        <div class="button-inner button-inner--icon-right justify-between btn-size-medium btn-has-icon">
1414        <span class="button-icon-slot button-icon-slot--arrow inline-flex items-center justify-center shrink-0 order-2 rotate-180" aria-hidden="true">
1415                    <svg class="shrink-0 w-6 h-6 rotate-180" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1416            <path d="M10.675 10L8.3 12.375C8.11667 12.5583 8.025 12.7875 8.025 13.0625C8.025 13.3375 8.11667 13.575 8.3 13.775C8.5 13.975 8.7375 14.075 9.0125 14.075C9.2875 14.075 9.525 13.975 9.725 13.775L12.8 10.7C13 10.5 13.1 10.2667 13.1 10C13.1 9.73333 13 9.5 12.8 9.3L9.7 6.2C9.5 6 9.26667 5.90417 9 5.9125C8.73333 5.92083 8.5 6.025 8.3 6.225C8.11667 6.425 8.02083 6.65833 8.0125 6.925C8.00417 7.19167 8.1 7.425 8.3 7.625L10.675 10ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" fill="currentColor"/>
1417        </svg>
1418
1419        </span>
1420    <span class="button-label order-1 wrap-anywhere">
1421        <span class="button-label-text font-bold text-left block">
1422Ikano Bostad som hyresv&#xE4;rd        </span>
1423    </span>
1424</div>
1425
1426    </a>
1427
1428                </div>
1429        </div>
1430    </div>
1431</div>
1432<div x-cloak  x-data="{ isExpanded: false }">
1433    <div class="mb-0">
1434        <button id="accordion-header-de3969e7-8b20-4e24-a821-47c05e4e35ce"
1435                class="accordion-item-header group flex justify-between gap-5 rounded-sm items-center w-full text-left py-3 px-5.75 cursor-pointer transition-colors duration-300 ease-out"
1436                :class="isExpanded ? 'is-expanded' : ''"
1437                x-on:click="isExpanded = ! isExpanded"
1438                x-bind:aria-expanded="isExpanded ? 'true' : 'false'"
1439                aria-controls="accordion-panel-de3969e7-8b20-4e24-a821-47c05e4e35ce">
1440            <span class="flex min-w-0 flex-1 items-center gap-5 font-size-xs font-bold min-h-11">
1441                <span class="min-w-0">Hur fungerar det att hyra bostad av Ikano Bostad?</span>
1442            </span>
1443            <span x-cloak class="ml-3 flex justify-center relative h-9 min-h-9 min-w-9 w-9 group-hover:bg-yellow bg-grey-200 text-grey-800 items-center rounded-full transition-colors duration-500 ease-in-out"
1444                  :class="isExpanded ? 'group-hover:bg-transparent bg-grey-300' : ''">
1445                <svg x-show.important="!isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z"/></svg>
1446                <svg x-show.important="isExpanded" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="w-7 h-7 shrink-0 p-1" aria-hidden="true"><path d="M240-440q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h480q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H240Z"/></svg>
1447            </span>
1448        </button>
1449    </div>
1450    <div id="accordion-panel-de3969e7-8b20-4e24-a821-47c05e4e35ce"
1451         role="region"
1452         x-show="isExpanded"
1453         x-collapse.duration.500ms
1454         class="overflow-hidden"
1455         style=&quot;display: none;&quot;>
1456        <div class="pt-2 pb-10 px-5.75">
1457            <div class="rte-container text-base font-light mb-0">
1458                <p>Funderar du på att hyra en lägenhet av oss? Vår hyresprocess består av sju steg, från intresse till inflyttning.&nbsp;</p>
1459            </div>
1460                <div class="mt-6">
1461                    
1462    <a href="/hyra-bostad/ikano-bostad-som-hyresvard/sa-hyr-du-bostad-steg-for-steg/"
1463       
1464       class="button group btn-variant-text-black cursor-pointer"
1465        data-cta-track="true" data-cta-payload="{&quot;cta_text&quot;:&quot;S&#229; hyr du bostad – steg f&#246;r steg&quot;,&quot;cta_type&quot;:&quot;link&quot;,&quot;cta_location&quot;:&quot;content&quot;,&quot;cta_destination&quot;:&quot;/hyra-bostad/ikano-bostad-som-hyresvard/sa-hyr-du-bostad-steg-for-steg/&quot;}"
1466       >
1467        <div class="button-inner button-inner--icon-right justify-between btn-size-medium btn-has-icon">
1468        <span class="button-icon-slot button-icon-slot--arrow inline-flex items-center justify-center shrink-0 order-2 rotate-180" aria-hidden="true">
1469                    <svg class="shrink-0 w-6 h-6 rotate-180" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1470            <path d="M10.675 10L8.3 12.375C8.11667 12.5583 8.025 12.7875 8.025 13.0625C8.025 13.3375 8.11667 13.575 8.3 13.775C8.5 13.975 8.7375 14.075 9.0125 14.075C9.2875 14.075 9.525 13.975 9.725 13.775L12.8 10.7C13 10.5 13.1 10.2667 13.1 10C13.1 9.73333 13 9.5 12.8 9.3L9.7 6.2C9.5 6 9.26667 5.90417 9 5.9125C8.73333 5.92083 8.5 6.025 8.3 6.225C8.11667 6.425 8.02083 6.65833 8.0125 6.925C8.00417 7.19167 8.1 7.425 8.3 7.625L10.675 10ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" fill="currentColor"/>
1471        </svg>
1472
1473        </span>
1474    <span class="button-label order-1 wrap-anywhere">
1475        <span class="button-label-text font-bold text-left block">
1476S&#xE5; hyr du bostad &#x2013; steg f&#xF6;r steg        </span>
1477    </span>
1478</div>
1479
1480    </a>
1481
1482                </div>
1483        </div>
1484    </div>
1485</div>
1486
1487
1488    </div>
1489
1490
1491
1492
1493
1494                    </div>
1495
1496
1497            </div>
1498
1499    </div>
1500
1501
1502                                    </div>
1503                                </section>
1504        </div>
1505</div>
1506        </div>
1507        <div
1508            class="umb-block-grid__layout-item"
1509            data-content-element-type-alias="defaultColumnLayout"
1510            data-content-element-type-key="e6debf62-6399-4875-a42f-5ef35f2c3d39"
1511            data-element-key="603dbc51-eb2a-4c09-9537-7485182293e7"
1512            data-col-span="12"
1513            data-row-span="1"
1514            data-block-hidden=""
1515            style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; ">
1516
1517
1518<div  style="background-color: #E2DDD5;">
1519        <div class="container">
1520                                <section 
1521                                     class="block-spacing-y"
1522                                     >
1523                                    <div
1524                                        class=" mx-auto">
1525                                        
1526
1527
1528
1529        <div class="grid grid-col-1 gap-5 xl:gap-8 md:grid-cols-2 lg:grid-cols-3 items-stretch ">
1530
1531                        <a href="/hyra-bostad/ikano-bostad-som-hyresvard/" target="" class="flex min-w-0 flex-col justify-center wrap-anywhere h-full cursor-pointer no-underline text-inherit">
1532                                
1533
1534<div class="card-item text-left  rounded-size-3 flex flex-col  h-full p-5 md:p-6  block-page-fill bg-white hover:bg-white card-shadow hover:-translate-y-0.5">
1535    <div class="">
1536
1537<p class="hyphens-auto text-pretty font-bold font-size-sm mb-2">Ikano Bostad som hyresv&#228;rd</p>
1538            <div class="font-light font-size-2xs ">
1539                Letar du efter en trygg hyresv&#xE4;rd? Hos oss hyr du l&#xE4;genhet med fokus p&#xE5; service, l&#xE5;ngsiktighet och trygga omr&#xE5;den.
1540            </div>
1541    </div>
1542
1543        <div class="mt-5 flex justify-start">
1544            
1545    <span class="button group btn-variant-text-black pointer-events-none"  >
1546        <div class="button-inner button-inner--icon-right justify-between btn-size-medium btn-has-icon">
1547        <span class="button-icon-slot button-icon-slot--arrow inline-flex items-center justify-center shrink-0 order-2 rotate-180" aria-hidden="true">
1548                    <svg class="shrink-0 w-6 h-6 rotate-180" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1549            <path d="M10.675 10L8.3 12.375C8.11667 12.5583 8.025 12.7875 8.025 13.0625C8.025 13.3375 8.11667 13.575 8.3 13.775C8.5 13.975 8.7375 14.075 9.0125 14.075C9.2875 14.075 9.525 13.975 9.725 13.775L12.8 10.7C13 10.5 13.1 10.2667 13.1 10C13.1 9.73333 13 9.5 12.8 9.3L9.7 6.2C9.5 6 9.26667 5.90417 9 5.9125C8.73333 5.92083 8.5 6.025 8.3 6.225C8.11667 6.425 8.02083 6.65833 8.0125 6.925C8.00417 7.19167 8.1 7.425 8.3 7.625L10.675 10ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" fill="currentColor"/>
1550        </svg>
1551
1552        </span>
1553    <span class="button-label order-1 wrap-anywhere">
1554        <span class="button-label-text font-bold text-left block">
1555L&#xE4;s mer om oss som hyresv&#xE4;rd        </span>
1556    </span>
1557</div>
1558
1559    </span>
1560
1561        </div>
1562</div>
1563
1564                            </a>
1565                        <a href="/hyra-bostad/ikano-bostad-som-hyresvard/sa-hyr-du-bostad-steg-for-steg/" target="" class="flex min-w-0 flex-col justify-center wrap-anywhere h-full cursor-pointer no-underline text-inherit">
1566                                
1567
1568<div class="card-item text-left  rounded-size-3 flex flex-col  h-full p-5 md:p-6  block-page-fill bg-white hover:bg-white card-shadow hover:-translate-y-0.5">
1569    <div class="">
1570
1571<p class="hyphens-auto text-pretty font-bold font-size-sm mb-2">S&#229; hyr du bostad – steg f&#246;r steg</p>
1572            <div class="font-light font-size-2xs ">
1573                H&#xE4;r g&#xE5;r vi igenom hur hyresprocessen fungerar steg f&#xF6;r steg. Fr&#xE5;n att hitta en ledig l&#xE4;genhet till att flytta in och komma ig&#xE5;ng som hyresg&#xE4;st.
1574            </div>
1575    </div>
1576
1577        <div class="mt-5 flex justify-start">
1578            
1579    <span class="button group btn-variant-text-black pointer-events-none"  >
1580        <div class="button-inner button-inner--icon-right justify-between btn-size-medium btn-has-icon">
1581        <span class="button-icon-slot button-icon-slot--arrow inline-flex items-center justify-center shrink-0 order-2 rotate-180" aria-hidden="true">
1582                    <svg class="shrink-0 w-6 h-6 rotate-180" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1583            <path d="M10.675 10L8.3 12.375C8.11667 12.5583 8.025 12.7875 8.025 13.0625C8.025 13.3375 8.11667 13.575 8.3 13.775C8.5 13.975 8.7375 14.075 9.0125 14.075C9.2875 14.075 9.525 13.975 9.725 13.775L12.8 10.7C13 10.5 13.1 10.2667 13.1 10C13.1 9.73333 13 9.5 12.8 9.3L9.7 6.2C9.5 6 9.26667 5.90417 9 5.9125C8.73333 5.92083 8.5 6.025 8.3 6.225C8.11667 6.425 8.02083 6.65833 8.0125 6.925C8.00417 7.19167 8.1 7.425 8.3 7.625L10.675 10ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" fill="currentColor"/>
1584        </svg>
1585
1586        </span>
1587    <span class="button-label order-1 wrap-anywhere">
1588        <span class="button-label-text font-bold text-left block">
1589L&#xE4;s mer om hyresprocessen        </span>
1590    </span>
1591</div>
1592
1593    </span>
1594
1595        </div>
1596</div>
1597
1598                            </a>
1599                        <a href="/kundservice/" target="" class="flex min-w-0 flex-col justify-center wrap-anywhere h-full cursor-pointer no-underline text-inherit">
1600                                
1601
1602<div class="card-item text-left  rounded-size-3 flex flex-col  h-full p-5 md:p-6  block-page-fill bg-white hover:bg-white card-shadow hover:-translate-y-0.5">
1603    <div class="">
1604
1605<p class="hyphens-auto text-pretty font-bold font-size-sm mb-2">Kundservice</p>
1606            <div class="font-light font-size-2xs ">
1607                Beh&#xF6;ver du hj&#xE4;lp med ett &#xE4;rende eller har fr&#xE5;gor om ditt boende hos oss? H&#xE4;r hittar du svar p&#xE5; vanliga fr&#xE5;gor, felanm&#xE4;lan och kontakt med v&#xE5;r kundservice. 
1608            </div>
1609    </div>
1610
1611        <div class="mt-5 flex justify-start">
1612            
1613    <span class="button group btn-variant-text-black pointer-events-none"  >
1614        <div class="button-inner button-inner--icon-right justify-between btn-size-medium btn-has-icon">
1615        <span class="button-icon-slot button-icon-slot--arrow inline-flex items-center justify-center shrink-0 order-2 rotate-180" aria-hidden="true">
1616                    <svg class="shrink-0 w-6 h-6 rotate-180" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1617            <path d="M10.675 10L8.3 12.375C8.11667 12.5583 8.025 12.7875 8.025 13.0625C8.025 13.3375 8.11667 13.575 8.3 13.775C8.5 13.975 8.7375 14.075 9.0125 14.075C9.2875 14.075 9.525 13.975 9.725 13.775L12.8 10.7C13 10.5 13.1 10.2667 13.1 10C13.1 9.73333 13 9.5 12.8 9.3L9.7 6.2C9.5 6 9.26667 5.90417 9 5.9125C8.73333 5.92083 8.5 6.025 8.3 6.225C8.11667 6.425 8.02083 6.65833 8.0125 6.925C8.00417 7.19167 8.1 7.425 8.3 7.625L10.675 10ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" fill="currentColor"/>
1618        </svg>
1619
1620        </span>
1621    <span class="button-label order-1 wrap-anywhere">
1622        <span class="button-label-text font-bold text-left block">
1623G&#xE5; till kundservice        </span>
1624    </span>
1625</div>
1626
1627    </span>
1628
1629        </div>
1630</div>
1631
1632                            </a>
1633
1634        </div>
1635
1636
1637
1638                                    </div>
1639                                </section>
1640        </div>
1641</div>
1642        </div>
1643</div>
1644
1645</article>
1646
1647
1648    </main>
1649    
1649<script type="application/ld&#x2B;json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Jag vill hyra en bostad hos Ikano Bostad, hur g\u00F6r jag?","acceptedAnswer":{"@type":"Answer","text":"Vi f\u00F6rmedlar v\u00E5ra lediga hyresr\u00E4tter via HomeQ. N\u00E4r du registrerar dig hos HomeQ kommer du enkelt kunna anm\u00E4la ditt intresse p\u00E5 v\u00E5ra l\u00E4genheter i Stockholm, G\u00F6teborg, V\u00E4ster\u00E5s och Malm\u00F6."}},{"@type":"Question","name":"Vad \u00E4r HomeQ? ","acceptedAnswer":{"@type":"Answer","text":"HomeQ \u00E4r Sveriges st\u00F6rsta marknadsplats f\u00F6r lediga hyresl\u00E4genheten med f\u00F6rstahandskontrakt. Att anm\u00E4la intresse f\u00F6r lediga bost\u00E4der p\u00E5 HomeQ \u00E4r gratis i alla led f\u00F6r dig som s\u00F6kande. Sedan april 2021 f\u00F6rmedlar vi p\u00E5 Ikano Bostad v\u00E5ra lediga hyresr\u00E4tter via HomeQ. Du hittar v\u00E5ra lediga hyresr\u00E4tter under hyra bostad."}},{"@type":"Question","name":"Hur s\u00F6ker jag bostad via HomeQ? ","acceptedA
1649nswer":{"@type":"Answer","text":"Bes\u00F6k HomeQ och registrera dig som s\u00F6kande d\u00E4r. N\u00E4r du gjort det kan du anm\u00E4la ditt intresse f\u00F6r en av Ikano Bostads l\u00E4genheter eller n\u00E5gon annan fastighets\u00E4gares bost\u00E4der. D\u00E4r hittar du \u00E4ven vanliga fr\u00E5gor och svar."}},{"@type":"Question","name":"Vilka \u00E4r grundkraven f\u00F6r att hyra en l\u00E4genhet? ","acceptedAnswer":{"@type":"Answer","text":"Vi utg\u00E5r fr\u00E5n v\u00E5ra grundkrav n\u00E4r vi v\u00E4ljer v\u00E5ra hyresg\u00E4ster. Du ska ha fyllt 18 \u00E5r och du f\u00E5r inte ha n\u00E5gra betalningsanm\u00E4rkningar. Du har en stadigvarande inkomst som inte understiger tre g\u00E5nger \u00E5rshyran f\u00F6r den aktuella l\u00E4genheten f\u00F6re skatt, vi tar alltid kreditupplysning p\u00E5 dig. Som regel tar vi referenser fr\u00E5n tidigare hyresv\u00E4rd. Ikano Bostad till\u00E5ter inte andrahandsuthyrning av hyresl\u00E4genheten i fall att f\u00F6rs\u00E4ljning av den tidigare bostaden tar l\u00E4ngre tid \u00E4n ber\u00E4knat, eller inte s\u00E4ljs."}},{"@type":"Question","name":"Varf\u00F6r ska jag v\u00E4lja Ikano Bostad som hyresv\u00E4rd?","acceptedA
1649nswer":{"@type":"Answer","text":"Att vara din hyresv\u00E4rd \u00E4r inget vi ser kortsiktigt p\u00E5. Tv\u00E4rtom. F\u00F6r oss handlar det om ett l\u00E5ngsiktigt ansvar \u2013 att ta hand om b\u00E5de ditt hem och omr\u00E5det du bor i.\u0026nbsp;"}},{"@type":"Question","name":"Hur fungerar det att hyra bostad av Ikano Bostad?","acceptedAnswer":{"@type":"Answer","text":"Funderar du p\u00E5 att hyra en l\u00E4genhet av oss? V\u00E5r hyresprocess best\u00E5r av sju steg, fr\u00E5n intresse till inflyttning.\u0026nbsp;"}}]}</script>
1649
1650
1651    <footer class="bg-white relative pb-14" role="contentinfo">
1652    <div class="border-b border-grey-100">
1653        <div class="alt-container">
1654            <div class="lg:px-20 h-13.5 flex items-center">
1655                            <ol class="flex items-center gap-x-2 flex-nowrap gap-y-1 text-size-4xs text-tertiary-350">
1656                    <li class="flex items-center gap-2">
1657                            <a href="/" class="underline hover:text-grey-400 underline-offset-3 transition-colors">Hem</a>
1658                    </li>
1659                    <li class="flex items-center gap-2">
1660                            <span aria-hidden="true">/</span>
1661                            <span class="text-grey-800 font-medium crumb-label" aria-current="page">Hyra bostad </span>
1662                    </li>
1663            </ol>
1664
1665            </div>
1666        </div>
1667    </div>
1668        <div class="alt-container">
1669        <div class="px-2 lg:px-20 pt-10">
1670
1671            <div class="flex flex-col md:flex-row md:items-start md:justify-between gap-10 md:gap-12 pb-10 md:pb-14 border-b border-grey-300">
1672                <div class="max-w-155.25">
1673                    <a class="inline-flex" href="/" aria-label="Ikano Bostad">
1674                        <img src="/images/logo.svg" alt="Ikano Bostad" width="168" height="56" class="h-14 w-auto">
1675                    </a>
1676                        <div class="text-base lg:text-lg mt-7">
1677                            Ikano Bostad är en affärsdriven och långsiktig fastighetsägare som möter de många människornas behov av bostäder genom aktiv förvaltning och projektutveckling.
1678                        </div>
1679                </div>
1680                    <div class="grid items-center gap-4 lg:justify-end shrink-0">
1681                            <a href="https://hyresratt.ikanobostad.se/Account/BankId?returnUrl=" target="_blank" class="group inline-flex items-center gap-4.5  transition-colors font-size-5xs">
1682                                    <img src="/media/zdflmwbe/icon-loggain.svg?v=1dd2582300c46b0" alt="" class="h-6 w-6 object-contain shrink-0" aria-hidden="true">
1683                                <span class="flex flex-col">
1684                                    <span class="text-scale-15 font-bold text-grey-800 group-hover:underline decoration-red decoration-2 underline-offset-4 transition-colors">Logga in som hyresg&#xE4;st</span>
1685                                        <span class="text-sm">Hantera ditt boende</span>
1686                                </span>
1687                            </a>
1688                            <a href="/kontakta-oss/" class="group inline-flex items-center gap-4.5  transition-colors font-size-5xs">
1689                                    <img src="/media/kficbv4n/icon-kontakt.svg?v=1dd25822fdf6a50" alt="" class="h-6 w-6 object-contain shrink-0" aria-hidden="true">
1690                                <span class="flex flex-col">
1691                                    <span class="text-scale-15 font-bold text-grey-800 group-hover:underline decoration-red decoration-2 underline-offset-4 transition-colors">Kontakta oss</span>
1692                                        <span class="text-sm">Vi hj&#xE4;lper dig g&#xE4;rna</span>
1693                                </span>
1694                            </a>
1695                            <a href="/kontakta-oss/#felanmalan" class="group inline-flex items-center gap-4.5  transition-colors font-size-5xs">
1696                                    <img src="/media/2zqohyta/icon-felanmalan.svg?v=1dd25822ff56350" alt="" class="h-6 w-6 object-contain shrink-0" aria-hidden="true">
1697                                <span class="flex flex-col">
1698                                    <span class="text-scale-15 font-bold text-grey-800 group-hover:underline decoration-red decoration-2 underline-offset-4 transition-colors">Felanm&#xE4;lan</span>
1699                                        <span class="text-sm">Rapportera problem snabbt</span>
1700                                </span>
1701                            </a>
1702                            <a href="https://www.ikanobolig.dk/" target="_blank" class="group inline-flex items-center gap-4.5  transition-colors font-size-5xs">
1703                                    <img src="/media/tcwjxr0g/icon-kopa-bostad.svg?v=1dd25823065b150" alt="" class="h-6 w-6 object-contain shrink-0" aria-hidden="true">
1704                                <span class="flex flex-col">
1705                                    <span class="text-scale-15 font-bold text-grey-800 group-hover:underline decoration-red decoration-2 underline-offset-4 transition-colors">Ikano Bolig</span>
1706                                        <span class="text-sm">Hitta ett boende i Danmark</span>
1707                                </span>
1708                            </a>
1709                    </div>
1710            </div>
1711
1712                <div class="pt-10 pb-14 border-b border-grey-300">
1713                    <div class="footer-nav-grid footer-nav-grid--stacked grid md:grid-cols-3 lg:grid-cols-none lg:grid-flow-col lg:grid-rows-[auto_auto_auto] lg:justify-between space-y-10 gap-x-8 md:gap-x-0 lg:gap-x-10 lg:gap-x-10">
1714                            <div class="col-span-1 row-span-1">
1715                                    <div class="mb-4">
1716                                        <a href="/hyra-bostad/" class="text-grey-800 hover:underline decoration-3 underline-offset-4 decoration-red text-2xl font-bold leading-size-15 ">Hyra bostad</a>
1717                                    </div>
1718                                    <ul class="space-y-3">
1719                                            <li>
1720                                                <a href="/hyra-bostad/ikano-bostad-som-hyresvard/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Ikano Bostad som hyresv&#xE4;rd</a>
1721                                            </li>
1722                                    </ul>
1723                            </div>
1724                            <div class="col-span-1 row-span-1">
1725                                    <div class="mb-4">
1726                                        <a href="/kopa-bostad/" class="text-grey-800 hover:underline decoration-3 underline-offset-4 decoration-red text-2xl font-bold leading-size-15 ">K&#xF6;pa bostad</a>
1727                                    </div>
1728                                    <ul class="space-y-3">
1729                                            <li>
1730                                                <a href="/kopa-bostad/ett-tryggt-bostadskop/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Ett tryggt bostadsk&#xF6;p</a>
1731                                            </li>
1732                                            <li>
1733                                                <a href="/kopa-bostad/kopa-nyproduktion/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">K&#xF6;pa nyproduktion</a>
1734                                            </li>
1735                                    </ul>
1736                            </div>
1737                            <div class="col-span-1 row-span-1">
1738                                    <div class="mb-4">
1739                                        <a href="/lediga-lokaler-att-hyra/" class="text-grey-800 hover:underline decoration-3 underline-offset-4 decoration-red text-2xl font-bold leading-size-15 ">Hyra lokal</a>
1740                                    </div>
1741                            </div>
1742                            <div class="lg:row-span-3 lg:col-span-1">
1743                                    <div class="mb-4">
1744                                        <a href="/stadsutveckling/" class="text-grey-800 hover:underline decoration-3 underline-offset-4 decoration-red text-2xl font-bold leading-size-15 ">Stadsutveckling</a>
1745                                    </div>
1746                                    <ul class="space-y-3">
1747                                            <li>
1748                                                <a href="/stadsutveckling/fastighetsagande-och-forvaltning/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Fastighets&#xE4;gande och f&#xF6;rvaltning</a>
1749                                            </li>
1750                                            <li>
1751                                                <a href="/stadsutveckling/projektutveckling/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Projektutveckling</a>
1752                                            </li>
1753                                            <li>
1754                                                <a href="/stadsutveckling/stadsutvecklingsomraden/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Stadsutvecklingsomr&#xE5;den</a>
1755                                            </li>
1756                                            <li>
1757                                                <a href="/stadsutveckling/referensprojekt/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Referensprojekt</a>
1758                                            </li>
1759                                    </ul>
1760                            </div>
1761                            <div class="lg:row-span-3 lg:col-span-1">
1762                                    <div class="mb-4">
1763                                        <a href="/om-ikano-bostad/" class="text-grey-800 hover:underline decoration-3 underline-offset-4 decoration-red text-2xl font-bold leading-size-15 ">Om Ikano Bostad</a>
1764                                    </div>
1765                                    <ul class="space-y-3">
1766                                            <li>
1767                                                <a href="/om-ikano-bostad/strategi/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Strategi</a>
1768                                            </li>
1769                                            <li>
1770                                                <a href="/om-ikano-bostad/fastighetsbestand/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Fastighetsbest&#xE5;nd</a>
1771                                            </li>
1772                                            <li>
1773                                                <a href="/om-ikano-bostad/hallbarhet/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">H&#xE5;llbarhet</a>
1774                                            </li>
1775                                            <li>
1776                                                <a href="/om-ikano-bostad/samhallsengagemang/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Samh&#xE4;llsengagemang</a>
1777                                            </li>
1778                                            <li>
1779                                                <a href="/om-ikano-bostad/bolagsstyrning/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Bolagsstyrning</a>
1780                                            </li>
1781                                            <li>
1782                                                <a href="/om-ikano-bostad/var-historia/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">V&#xE5;r historia</a>
1783                                            </li>
1784                                            <li>
1785                                                <a href="https://press.ikanobostad.se/" target="_blank" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Nyheter och press</a>
1786                                            </li>
1787                                            <li>
1788                                                <a href="/om-ikano-bostad/jobba-hos-oss/" class="hover:underline decoration-3 underline-offset-4 decoration-red leading-size-1">Jobba hos oss</a>
1789                                            </li>
1790                                    </ul>
1791                            </div>
1792                    </div>
1793                </div>
1794            <div class="flex flex-col md:flex-row md:items-end md:justify-between gap-6 pt-8 lg:pt-14">
1795                <div class="flex flex-col gap-2 lg:gap-1">
1796                    <strong class="text-sm text-grey-800">&copy; Ikano Bostad 2026</strong>
1797                        <div class="flex flex-wrap items-center gap-x-4 gap-y-2 font-size-5xs">
1798                                <a href="/gdpr/" class="underline hover:no-underline underline-offset-2">Hantering av personuppgifter</a>
1799                                    <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2" fill="none">
1800<circle cx="1" cy="1" r="1" fill="currentColor"/>
1801</svg>
1802                                <a href="/cookies/" class="underline hover:no-underline underline-offset-2">Cookies</a>
1803                                    <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2" fill="none">
1804<circle cx="1" cy="1" r="1" fill="currentColor"/>
1805</svg>
1806                                <a href="/tillganglighet/" class="underline hover:no-underline underline-offset-2">Tillg&#xE4;nglighet</a>
1807                                    <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2" fill="none">
1808<circle cx="1" cy="1" r="1" fill="currentColor"/>
1809</svg>
1810                                <a href="https://secure.ethicspoint.eu/domain/media/en/gui/105012/index.html" target="_blank" class="underline hover:no-underline underline-offset-2">Visselbl&#xE5;sning</a>
1811                        <div class="flex flex-wrap items-center gap-x-4 gap-y-2 font-size-5xs">
1812                         <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2" fill="none">
1813<circle cx="1" cy="1" r="1" fill="currentColor"/>
1814</svg>
1815                        <a href="javascript:cookieTractor.openConsentSettings()" class="underline hover:no-underline underline-offset-2">Inst&#xE4;llningar f&#xF6;r cookies</a>
1816                        </div>
1817                        </div>
1818                </div>
1819                    <ul class="flex flex-row gap-3 shrink-0 [&>*]:w-10 [&>*]:h-10 [&>*]:flex [&>*]:justify-center [&>*]:items-center [&>*]:border [&>*]:rounded-full [&>*]:border-grey-300 [&>*]:hover:bg-grey-100 transition-colors [&>*]:hover:text-red">
1820                                <li>
1821                                    <a rel="noopener noreferrer"  href="https://www.facebook.com/ikanobostad" class="w-full h-full flex justify-center items-center" aria-label="ikano-bostad-facebook-ikon.svg">
1822                                        <img src="/media/5oilk4gn/facebook.svg" alt="" class="max-w-5 max-h-5 object-contain">
1823                                    </a>
1824                                </li>
1825                                <li>
1826                                    <a rel="noopener noreferrer"  href="https://www.instagram.com/ikanobostad/" target="_blank" class="w-full h-full flex justify-center items-center" aria-label="ikano-bostad-instagram-ikon.svg">
1827                                        <img src="/media/jzohtjx0/instagram.svg" alt="" class="max-w-5 max-h-5 object-contain">
1828                                    </a>
1829                                </li>
1830                                <li>
1831                                    <a rel="noopener noreferrer"  href="https://www.youtube.com/user/IkanoBostad" target="_blank" class="w-full h-full flex justify-center items-center" aria-label="ikano-bostad-youtube-ikon.svg">
1832                                        <img src="/media/ozxli1bm/youtube.svg" alt="" class="max-w-5 max-h-5 object-contain">
1833                                    </a>
1834                                </li>
1835                                <li>
1836                                    <a rel="noopener noreferrer"  href="https://www.linkedin.com/company/ikano-bostad/" target="_blank" class="w-full h-full flex justify-center items-center" aria-label="ikano-bostad-linkedin-ikon.svg">
1837                                        <img src="/media/i0xfnkbc/linkedin.svg" alt="" class="max-w-5 max-h-5 object-contain">
1838                                    </a>
1839                                </li>
1840                      
1841                    </ul>
1842            </div>
1843</div>
1844        </div>
1845</footer>
1846    
1846<script defer="defer" src="/App_Plugins/UmbracoForms/assets/aspnet-client-validation/dist/aspnet-validation.min.js?v=17.1.1" type="application/javascript"></script>
1846
1847        
1847<script type="application/javascript" src="https://widgets.homeq.se/widgets/overview.js"></script>
1847
1848        
1848<script nonce="oJ1jr9su4I8G//1LUk2sdA==">
1849            // HomeQ URL sync:
1850            // 1) preselect from query (Kommun/kommun) on load
1851            // 2) keep query updated only after user actively changes municipality
1852            (function() {
1853                const urlParams = new URLSearchParams(window.location.search);
1854                const homeqFilter = urlParams.get('Kommun') || urlParams.get('kommun');
1855
1856                function updateUrlFromSelect(select) {
1857                    if (!select) return;
1858                    const selected = select.options[select.selectedIndex];
1859                    const selectedText = selected?.text?.trim() || '';
1860
1861                    const params = new URLSearchParams(window.location.search);
1862                    // Keep one canonical key in URL.
1863                    params.delete('kommun');
1864                    if (selectedText) {
1865                        params.set('Kommun', selectedText);
1866                    } else {
1867                        params.delete('Kommun');
1868                    }
1869
1870                    const qs = params.toString();
1871                    const nextUrl = `${window.location.pathname}${qs ? '?' + qs : ''}${window.location.hash}`;
1872                    window.history.replaceState({}, '', nextUrl);
1873                }
1874
1875                // Wait for the HomeQ widget select to become available.
1876                const observer = new MutationObserver(function(mutations, obs) {
1877                    const select = document.querySelector('#homeq-web-widget select');
1878                    if (!select) return;
1879
1880                    const onChange = (event) => {
1881                        // Ignore programmatic change events fired during widget/init hydration.
1882                        if (!event?.isTrusted) return;
1883                        updateUrlFromSelect(select);
1884                    };
1885                    select.addEventListener('change', onChange);
1886
1887                    if (homeqFilter) {
1888                        // Find option from URL value or text.
1889                        const options = Array.from(select.options);
1890                        const matchingOption = options.find(opt =>
1891                            opt.value === homeqFilter ||
1892                            opt.text.toLowerCase().includes(homeqFilter.toLowerCase())
1893                        );
1894
1895                        if (matchingOption) {
1896                            select.value = matchingOption.value;
1897                            select.dispatchEvent(new Event('change', { bubbles: true }));
1898                        }
1899                    }
1900
1901                    obs.disconnect();
1902                });
1903
1904                observer.observe(document.body, { childList: true, subtree: true });
1905
1906                // Timeout fallback - stop observing after 10 seconds
1907                setTimeout(() => observer.disconnect(), 10000);
1908            })();
1909        </script>
1909
1910    
1911<!-- Mobile Bottom Navigation — fixed; safe-area insets in menu.css track Chrome/Android chin -->
1912<nav class="md:hidden left-0 right-0 z-99 bg-white border-t border-grey-100 mobile-bottom-nav"
1913     role="navigation"
1914     aria-label="Main navigation">
1915    <div class="flex w-full px-1.5 min-w-[375px]:px-3">
1916                <div class="contents">
1917                    <a href="/hyra-bostad/"
1918                       class="flex flex-1 min-w-0 px-2.5 flex-col items-center justify-center gap-2 py-2 text-grey-800 hover:text-red transition-colors font-bold underline decoration-3 underline-offset-4 decoration-red bg-grey-200"
1919                       aria-current=page>
1920                            <img src="/media/0eefmfvb/icon-hyra-bostad.svg?v=1dd2582307a23b0" alt="" class="h-4.25 object-contain shrink-0" aria-hidden="true"/>
1921                        <span class="max-[375px]:text-[9.5px] text-size-6xs text-nowrap xl:text-size-3xs--xl leading-tight text-center">Hyra bostad</span>
1922                    </a>
1923                    <a href="/kopa-bostad/"
1924                       class="flex flex-1 min-w-0 px-2.5 flex-col items-center justify-center gap-2 py-2 text-grey-800 hover:text-red transition-colors "
1925                       >
1926                            <img src="/media/tcwjxr0g/icon-kopa-bostad.svg?v=1dd25823065b150" alt="" class="h-4.25 object-contain shrink-0" aria-hidden="true"/>
1927                        <span class="max-[375px]:text-[9.5px] text-size-6xs text-nowrap xl:text-size-3xs--xl leading-tight text-center">K&#xF6;pa bostad</span>
1928                    </a>
1929                    <a href="/stadsutveckling/"
1930                       class="flex flex-1 min-w-0 px-2.5 flex-col items-center justify-center gap-2 py-2 text-grey-800 hover:text-red transition-colors "
1931                       >
1932                            <img src="/media/24hldix4/icon-stadsutveckling.svg?v=1dd258230959af0" alt="" class="h-4.25 object-contain shrink-0" aria-hidden="true"/>
1933                        <span class="max-[375px]:text-[9.5px] text-size-6xs text-nowrap xl:text-size-3xs--xl leading-tight text-center">Stadsutveckling</span>
1934                    </a>
1935                </div>
1936            <button type="button"
1937                    x-on:click.prevent="if (sideMenuOpen) { sideMenuReturnFocus = true; } else { menuOpenKey++; sideMenuLastTrigger = $el; } sideMenuOpen = !sideMenuOpen"
1938                    class="flex flex-1 min-w-0 flex-col items-center justify-center gap-2 px-2.5 py-2 cursor-pointer text-grey-800 hover:text-red rounded-sm"
1939                    aria-label="Meny"
1940                    aria-controls="site-side-menu"
1941                    :aria-expanded="sideMenuOpen ? 'true' : 'false'">
1942                <svg class="h-4.25 object-contain shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">
1943                    <path d="M0.988781 12C0.711343 12 0.47715 11.8953 0.286203 11.6858C0.095401 11.4766 0 11.2198 0 10.9155C0 10.6112 0.095401 10.3543 0.286203 10.1448C0.47715 9.93556 0.711343 9.83092 0.988781 9.83092H15.0112C15.2887 9.83092 15.5229 9.93556 15.7138 10.1448C15.9046 10.3543 16 10.6112 16 10.9155C16 11.2198 15.9046 11.4766 15.7138 11.6858C15.5229 11.8953 15.2887 12 15.0112 12H0.988781ZM0.988781 7.08454C0.711343 7.08454 0.47715 6.9799 0.286203 6.77062C0.095401 6.56118 0 6.30431 0 6C0 5.69569 0.095401 5.43882 0.286203 5.22938C0.47715 5.0201 0.711343 4.91546 0.988781 4.91546H15.0112C15.2887 4.91546 15.5229 5.0201 15.7138 5.22938C15.9046 5.43882 16 5.69569 16 6C16 6.30431 15.9046 6.56118 15.7138 6.77062C15.5229 6.9799 15.2887 7.08454 15.0112 7.08454H0.988781ZM0.988781 2.16908C0.711343 2.16908 0.47715 2.06444 0.286203 1.85516C0.095401 1.64572 0 1.38884 0 1.08454C0 0.780232 0.095401 0.523439 0.286203 0.314158C0.47715 0.104719 0.711343 0 0.988781 0H15.0112C15.2887 0 15.5229 0.104719 15.7138 0.314158C15.9046 0.523439 16 0.780232 16 1.08454C16 1.38884 15.9046 1.64572 15.7138 1.85516C15.5229 2.16908 15.2887 2.16908 15.0112 2.16908H0.988781Z" fill="#373533"/>
1944                </svg>
1945                <span class="max-[375px]:text-[9.5px] text-size-6xs xl:text-size-3xs--xl leading-tight font-normal">Meny</span>
1946            </button>
1947    </div>
1948</nav>
1949
1950
1951
1952
1953</body>
1954</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.