Anv\u00e4ndarvillkor \u2014 Nordyn<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* --- GRUNDL\u00c4GGANDE VARIABLER (Samma som startsida) --- *\/\n:root{\n --accent:#8A74FF;\n --muted:rgba(255,255,255,.82);\n --line:rgba(255,255,255,.12);\n --pad: clamp(24px, 3vw, 40px);\n}\n\n\/* FIXAR & RESET *\/\nbutton:focus, a:focus, #menuToggle, #menuClose {\n outline: none !important;\n box-shadow: none !important;\n -webkit-tap-highlight-color: transparent !important;\n}\n\n*{box-sizing:border-box}\n\nhtml, body {\n background-color: #000000;\n margin: 0;\n padding: 0;\n width: 100%;\n}\n\nbody{\n font-family:Inter,system-ui,sans-serif;\n color:#fff;\n overflow-x:hidden;\n}\n\n\/* -----------------------------------------------------------\n HEADER (Identisk med startsida)\n ----------------------------------------------------------- *\/\n.header {\n position:fixed;\n top:0; \n left:0;\n right:0;\n z-index:9999;\n padding: 22px 40px;\n display:flex;\n align-items: flex-start;\n justify-content:space-between;\n gap:16px;\n background: transparent;\n \/* F\u00f6r text-sidor kan man k\u00f6ra solid bakgrund eller blur om man vill, \n men h\u00e4r beh\u00e5ller vi mix-blend-mode f\u00f6r konsistens om bakgrunden \u00e4r svart *\/\n mix-blend-mode: difference; \n color: #fff;\n transition: opacity 0.3s ease;\n}\n\n.header.hidden { opacity: 0; pointer-events: none; }\n\n.brand { \n display:flex; \n align-items: center; \n gap: 16px; \n min-width:0; \n}\n\n.logoMark { \n width:145px; \n height:auto; \n display:flex; \n align-items:center; \n flex:0 0 auto; \n color: #fff; \n margin-left: -20px;\n}\n.logoMark svg { width:100%; height:auto; display:block; }\n\n.tagline {\n font-size:13px;\n line-height:1.3;\n color: #fff !important;\n opacity: 0.9;\n font-weight: 500;\n max-width: 200px;\n}\n.tagline.fade-out { opacity: 0; transform: translateX(-10px); transition: 0.4s ease; pointer-events: none; }\n\n.nav { display:flex; align-items:center; gap:22px; flex:0 0 auto; color: #fff; }\n.nav a.contact {\n color:inherit; text-decoration:none; font-size:14px; font-weight:600;\n opacity:.92; padding-top:2px; position:relative; padding-bottom:6px;\n}\n.nav a.contact::after {\n content:\"\"; position:absolute; left:0; bottom:0; height:1px; width:100%;\n background: currentColor; transform: scaleX(0); transform-origin: left;\n transition: transform .3s ease; opacity:.95;\n}\n.nav a.contact:hover::after { transform: scaleX(1); }\n\n.menuToggle {\n all:unset; \n cursor:pointer; \n display:inline-flex; \n align-items:center; \n gap:12px;\n font-size:15px; \n font-weight:600; \n color: #fff; \n position:relative;\n padding-bottom: 4px; \n border-bottom: 1px solid rgba(255,255,255,0.6); \n transition: border-color 0.3s ease;\n}\n.menuToggle:hover { border-color: #fff; }\n.menuIcon { font-size:18px; line-height:1; transform: translateY(-1px); }\n\n\/* -----------------------------------------------------------\n MENY OVERLAY (Identisk med startsida)\n ----------------------------------------------------------- *\/\n.menuOverlay {\n position:fixed; inset:0; background:#000; z-index:9990;\n transform: translateY(-100%);\n opacity: 1;\n visibility:hidden;\n transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1), visibility .6s ease;\n}\n.menuOverlay.opening, .menuOverlay.open { \n visibility:visible;\n transform: translateY(0);\n}\n.menuOverlay.closing { \n transform: translateY(-100%);\n visibility:hidden;\n}\n\n.menuInner {\n min-height: 100svh; height: 100svh; \n padding: 0; \n display:flex; flex-direction:column; overflow:hidden;\n overflow-y: auto;\n}\n\n.menuTop { \n display:flex; \n align-items: flex-start;\n justify-content:space-between; \n gap:16px; \n flex:0 0 auto; \n padding: 22px 40px;\n color: #fff; \n z-index: 10;\n}\n.menuTop .logoMark svg { fill: #fff; }\n.menuTop .tagline { color: rgba(255,255,255,0.7); }\n.menuToggleOverlay { \n all:unset; cursor:pointer; display:inline-flex; align-items:center; gap:12px;\n font-size:15px; font-weight:600; color: #fff; position:relative; padding-bottom: 4px; \n border-bottom: 1px solid rgba(255,255,255,0.6); transition: border-color 0.3s ease;\n}\n\n.menuContent { flex:1 1 auto; display:flex; align-items:center; padding: 18px 40px; }\n.menuList { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:24px; width:100%; }\n.menuItem { opacity:0; transform: translateY(14px); }\n.menuOverlay.open .menuItem {\n animation: menuIn .5s cubic-bezier(.2,.8,.2,1) forwards;\n animation-delay: calc(300ms + var(--d, 0ms));\n}\n@keyframes menuIn{ to { opacity:1; transform: translateY(0); } }\n\n.menuLink {\n color: rgba(255,255,255,0.5); \n text-decoration:none;\n font-size: clamp(32px, 5vw, 48px); font-weight:700; letter-spacing:-0.02em;\n position:relative; display:inline-block; padding:0; line-height:1.1;\n transition: color 0.3s ease;\n}\n.menuLink:hover { color: #fff; }\n\n.menuRow { display:flex; align-items:center; justify-content:space-between; gap:18px; position: relative; }\n.submenu-toggle-btn { background: none; border: none; padding: 10px; cursor: pointer; color: var(--accent); }\n.bigArrow { flex:0 0 auto; color: var(--accent); transform: translateY(4px); transition: transform 0.4s ease; pointer-events: none; }\n.bigArrow svg { width:40px; height:24px; stroke: currentColor; fill: none; }\n.submenu { list-style: none; padding: 0; margin: 0; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s cubic-bezier(0.25, 1, 0.5, 1); }\n.submenu-inner { overflow: hidden; display: flex; flex-direction: column; gap: 12px; padding-left: 4px; }\n.submenu-item { opacity: 0; transform: translateX(40px); transition: opacity 0.4s ease, transform 0.4s ease; }\n.submenu-link { font-size: clamp(20px, 3vw, 28px); font-weight: 600; color: rgba(255,255,255,0.6); text-decoration: none; display: block; transition: color 0.2s; }\n.submenu-link:hover { color: #fff; }\n.menuItem.has-expanded .submenu { grid-template-rows: 1fr; margin-top: 16px; }\n.menuItem.has-expanded .bigArrow { transform: translateY(4px) rotate(90deg); }\n.menuItem.has-expanded .submenu-item { opacity: 1; transform: translateX(0); }\n.menuItem.has-expanded .submenu-item:nth-child(1) { transition-delay: 0.1s; }\n.menuItem.has-expanded .submenu-item:nth-child(2) { transition-delay: 0.15s; }\n.menuItem.has-expanded .submenu-item:nth-child(3) { transition-delay: 0.2s; }\n.menuItem.has-expanded .submenu-item:nth-child(4) { transition-delay: 0.25s; }\n\n.menuBottom { flex:0 0 auto; display:grid; grid-template-columns: 1fr auto; gap:18px; align-items:end; padding: 20px 40px 40px 40px; border-top: 1px solid var(--line); }\n.socials { display:flex; gap: 32px; flex-wrap:wrap; color: #fff; font-weight: 600; font-size: 18px; }\n.socials a { color:inherit; text-decoration:none; display:inline-flex; gap: 10px; align-items:center; transition: opacity 0.2s; }\n.socials a:hover { opacity: 0.7; }\n.extIcon svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2.5; fill:none; margin-bottom: 2px; }\n.menuCTA { text-align: right; font-size: 15px; font-weight: 500; color: rgba(255,255,255,0.8); line-height: 1.4; }\n.menuCTA a { color: var(--accent); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; }\n.menuCTA-text { display: inline; } \n\n\/* -----------------------------------------------------------\n TEXT \/ LEGAL PAGE STYLES (Specifikt f\u00f6r denna sida)\n ----------------------------------------------------------- *\/\n.legal-wrapper {\n background-color: #000;\n min-height: 100vh;\n padding-top: clamp(140px, 15vh, 180px); \/* Space for header *\/\n padding-bottom: clamp(80px, 10vh, 120px);\n padding-left: var(--pad);\n padding-right: var(--pad);\n}\n\n.legal-container {\n max-width: 720px;\n margin: 0 auto;\n animation: fadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n opacity: 0;\n transform: translateY(20px);\n}\n\n@keyframes fadeUp {\n to { opacity: 1; transform: translateY(0); }\n}\n\n.legal-header {\n margin-bottom: 60px;\n border-bottom: 1px solid var(--line);\n padding-bottom: 40px;\n}\n\n.legal-header h1 {\n font-size: clamp(36px, 5vw, 64px);\n font-weight: 800;\n letter-spacing: -0.04em;\n line-height: 1.1;\n margin: 0 0 24px 0;\n color: #fff;\n}\n\n.legal-intro {\n font-size: clamp(18px, 2vw, 22px);\n line-height: 1.6;\n color: var(--muted);\n max-width: 600px;\n}\n\n.legal-content section {\n margin-bottom: 50px;\n}\n\n.legal-content h2 {\n font-size: clamp(20px, 2.5vw, 24px);\n font-weight: 600;\n margin: 0 0 16px 0;\n color: #fff;\n letter-spacing: -0.02em;\n}\n\n.legal-content p {\n font-size: 16px;\n line-height: 1.75;\n color: rgba(255,255,255,0.75);\n margin: 0 0 24px 0;\n}\n\n.legal-content ul {\n margin: 0 0 24px 0;\n padding-left: 20px;\n color: rgba(255,255,255,0.75);\n}\n\n.legal-content li {\n margin-bottom: 12px;\n line-height: 1.7;\n}\n\n.legal-content a {\n color: var(--accent);\n text-decoration: none;\n border-bottom: 1px solid transparent;\n transition: border-color 0.2s;\n}\n\n.legal-content a:hover {\n border-color: var(--accent);\n}\n\n\/* -----------------------------------------------------------\n FOOTER (Identisk med startsida)\n ----------------------------------------------------------- *\/\n.footer{background:#000;border-top:1px solid var(--line);padding:clamp(60px,8vh,100px) clamp(24px,3vw,40px) 40px}\n.footer-container{max-width:1200px;margin:0 auto}\n.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}\n.footer-brand{display:flex;flex-direction:column;gap:20px}\n.footer-logo{width:140px;height:auto}\n.footer-logo svg { width: 100%; height: 100%; fill: #fff; margin-left: -21px; display: block; }\n.footer-tagline{font-size:16px;font-weight:600;color:#fff;margin:0}\n.footer-contact{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.8}\n.footer-contact a{color:var(--accent);text-decoration:none}\n.footer-column h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#fff;margin:0 0 20px 0}\n.footer-links{display:flex;flex-direction:column;gap:12px}\n.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;transition:color .2s ease}\n.footer-links a:hover{color:#fff}\n.footer-bottom{padding-top:40px;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;justify-content:center}\n.footer-bottom a{color:rgba(255,255,255,0.4);text-decoration:none;font-size:12px}\n\n@media (max-width:1024px){\n .footer-main{grid-template-columns:1fr 1fr;gap:40px}\n}\n\n@media (max-width:720px){\n .nav a.contact{display:none}\n .header{ padding:22px 24px; align-items:center; }\n .brand { flex-direction: column; gap: 4px; align-items: flex-start; }\n .logoMark{width:130px;}\n .tagline { font-size: 14px; max-width: 100%; margin-top: 4px; opacity: 0.8; }\n .menuToggle { margin-top: -12px; }\n .menuTop { padding: 22px 24px; }\n .menuContent { padding: 10px 24px; }\n .menuBottom { display: flex; flex-direction: column; gap: 16px; padding: 0 24px 60px 24px; border-top: none; }\n .socials { order: 2; display: flex; flex-direction: row; justify-content: flex-start; gap: 20px; font-size: 23px; margin-bottom: 10px; }\n .menuCTA { order: 3; text-align: right; max-width: none; display: flex; flex-direction: column; align-items: flex-end; gap: 0; }\n .menuCTA br { display: none; }\n .menuCTA-text { display: block; margin-bottom: 0px; color: rgba(255,255,255,0.6); font-weight: 400; font-size: 14px; line-height: 1.2; }\n .menuCTA a { font-size: 18px; font-weight: 600; margin-top: 4px; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"header invert\" id=\"mainHeader\">\n <div class=\"brand\">\n <div class=\"logoMark\" aria-label=\"Nordyn logga\">\n <a href=\"\/en\/\" style=\"color:inherit; text-decoration:none;\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\" role=\"img\" aria-label=\"Nordyn\">\n <g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/>\n <path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/>\n <path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/>\n <path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/>\n <path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/>\n <path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/>\n <path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/>\n <\/g>\n <\/svg>\n <\/a>\n <\/div>\n <div class=\"tagline\" id=\"headerTagline\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <nav class=\"nav\" aria-label=\"Toppmeny\">\n <a class=\"contact\" href=\"\/en\/kontakt\/\">Get in touch<\/a>\n <button class=\"menuToggle\" id=\"menuToggle\" type=\"button\" aria-label=\"\u00d6ppna meny\">\n Menu <span class=\"menuIcon\" id=\"menuIcon\">+<\/span>\n <\/button>\n <\/nav>\n<\/header>\n\n\n<div class=\"menuOverlay\" id=\"menuOverlay\" aria-hidden=\"true\">\n <div class=\"menuInner\">\n <div class=\"menuTop\">\n <div class=\"brand\">\n <div class=\"logoMark\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\"><g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\"><path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/><path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/><path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/><path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/><path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/><path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/><path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/><\/g><\/svg>\n <\/div>\n <div class=\"tagline\" style=\"color: rgba(255,255,255,.7); mix-blend-mode:normal;\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n <button class=\"menuToggleOverlay\" id=\"menuClose\" type=\"button\">\n Menu <span class=\"menuIcon\">\u00d7<\/span>\n <\/button>\n <\/div>\n\n <div class=\"menuContent\">\n <ul class=\"menuList\" aria-label=\"Menu\">\n <li class=\"menuItem\" style=\"--d: 80ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/\" style=\"color: #fff;\">Startpage<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 160ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/case\/\">Our work<\/a><\/div><\/li>\n \n <li class=\"menuItem\" style=\"--d: 240ms;\" id=\"servicesMenuItem\">\n <div class=\"menuRow\">\n <a class=\"menuLink nav-animate\" href=\"\/en\/tjanster\/\">Services<\/a>\n <button class=\"submenu-toggle-btn\" aria-label=\"Visa undertj\u00e4nster\" onclick=\"toggleSubmenu(event)\">\n <span class=\"bigArrow\" aria-hidden=\"true\"><svg viewbox=\"0 0 64 40\"><path d=\"M6 20H46\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/><path d=\"M36 8L50 20L36 32\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n <\/button>\n <\/div>\n <ul class=\"submenu\"><div class=\"submenu-inner\">\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/webbdesign\/\">Web Design<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/e-handel\/\">E-commerce<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/seo\/\">SEO<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/branding\/\">Branding<\/a><\/li>\n <\/div><\/ul>\n <\/li>\n\n <li class=\"menuItem\" style=\"--d: 320ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/vart-lofte\/\">Our Promise<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 400ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/om-nordyn\/\">About nordyn<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 480ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/kontakt\/\">Contact<\/a><\/div><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"menuBottom\">\n <div class=\"bottomLeft\">\n <div class=\"socials\">\n <a class=\"nav-animate\" href=\"#\" target=\"_blank\">Facebook<span class=\"extIcon\"><svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span><\/a>\n <a class=\"nav-animate\" href=\"#\" target=\"_blank\">LinkedIn<span class=\"extIcon\"><svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span><\/a>\n <a class=\"nav-animate\" href=\"#\" target=\"_blank\">Instagram<span class=\"extIcon\"><svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"menuCTA\">\n <span class=\"menuCTA-text\">Interested in a partnership<\/span><br>\n <a class=\"nav-animate\" href=\"\/en\/kontakt\/\">Get in touch<span class=\"ctaArrow\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg><\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<main class=\"legal-wrapper\">\n <div class=\"legal-container\">\n \n <header class=\"legal-header\">\n <h1>Terms of Service<\/h1>\n <p class=\"legal-intro\">Dessa anv\u00e4ndarvillkor g\u00e4ller f\u00f6r anv\u00e4ndning av Nordyns webbplats och beskriver vilka regler och villkor som g\u00e4ller n\u00e4r du bes\u00f6ker eller anv\u00e4nder webbplatsen.<\/p>\n <\/header>\n\n <div class=\"legal-content\">\n <section>\n <h2>Allm\u00e4nt<\/h2>\n <p>Genom att bes\u00f6ka och anv\u00e4nda nordyn.se godk\u00e4nner du dessa villkor i sin helhet. Vi f\u00f6rbeh\u00e5ller oss r\u00e4tten att n\u00e4r som helst uppdatera eller \u00e4ndra dessa villkor. Det \u00e4r ditt ansvar som anv\u00e4ndare att h\u00e5lla dig uppdaterad om eventuella \u00e4ndringar. Om du inte accepterar villkoren b\u00f6r du sluta anv\u00e4nda webbplatsen.<\/p>\n <\/section>\n\n <section>\n <h2>Anv\u00e4ndning av webbplatsen<\/h2>\n <p>Webbplatsen och dess inneh\u00e5ll tillhandah\u00e5lls i informationssyfte f\u00f6r att presentera Nordyns tj\u00e4nster och erbjudanden. Du f\u00f6rbinder dig att:<\/p>\n <ul>\n <li>Endast anv\u00e4nda webbplatsen f\u00f6r lagliga \u00e4ndam\u00e5l.<\/li>\n <li>Inte st\u00f6ra eller manipulera webbplatsens s\u00e4kerhet, tillg\u00e4nglighet eller funktion.<\/li>\n <li>Inte kopiera eller reproducera inneh\u00e5ll utan uttryckligt tillst\u00e5nd.<\/li>\n <\/ul>\n <\/section>\n\n <section>\n <h2>Immateriella r\u00e4ttigheter<\/h2>\n <p>Allt inneh\u00e5ll p\u00e5 denna webbplats, inklusive men inte begr\u00e4nsat till text, design, logotyper, bilder, grafik och kod, tillh\u00f6r Nordyn eller v\u00e5ra licensgivare och skyddas av svensk och internationell upphovsr\u00e4ttslagstiftning. Det \u00e4r inte till\u00e5tet att anv\u00e4nda, kopiera eller distribuera material fr\u00e5n denna webbplats utan skriftligt godk\u00e4nnande fr\u00e5n Nordyn.<\/p>\n <\/section>\n\n <section>\n <h2>Ansvarsbegr\u00e4nsning<\/h2>\n <p>Nordyn str\u00e4var efter att h\u00e5lla informationen p\u00e5 webbplatsen aktuell och korrekt, men vi garanterar inte att inneh\u00e5llet \u00e4r fritt fr\u00e5n fel eller brister. Webbplatsen tillhandah\u00e5lls \"i befintligt skick\".<\/p>\n <p>Nordyn ansvarar inte f\u00f6r n\u00e5gra direkta eller indirekta skador som kan uppst\u00e5 till f\u00f6ljd av anv\u00e4ndning av, eller of\u00f6rm\u00e5ga att anv\u00e4nda, webbplatsen. Detta inkluderar driftavbrott, dataf\u00f6rlust eller andra tekniska problem.<\/p>\n <\/section>\n\n <section>\n <h2>Externa l\u00e4nkar<\/h2>\n <p>Webbplatsen kan inneh\u00e5lla l\u00e4nkar till externa webbplatser som drivs av tredje part. Nordyn har ingen kontroll \u00f6ver inneh\u00e5llet eller s\u00e4kerheten p\u00e5 dessa webbplatser och tar inget ansvar f\u00f6r dem. Bes\u00f6k p\u00e5 externa l\u00e4nkar sker p\u00e5 egen risk.<\/p>\n <\/section>\n\n <section>\n <h2>Personuppgifter<\/h2>\n <p>Vi v\u00e4rnar om din integritet. Information om hur vi samlar in, hanterar och skyddar dina personuppgifter finns beskrivet i v\u00e5r <a href=\"\/en\/integritetspolicy\/\">Privacy Policy<\/a>.<\/p>\n <\/section>\n\n <section>\n <h2>Till\u00e4mplig lag<\/h2>\n <p>Dessa anv\u00e4ndarvillkor regleras av och tolkas i enlighet med svensk lag. Eventuella tvister som uppst\u00e5r i samband med dessa villkor ska avg\u00f6ras av svensk allm\u00e4n domstol.<\/p>\n <\/section>\n\n <section style=\"margin-top: 60px; padding-top: 40px; border-top: 1px solid var(--line);\">\n <h2>Contact<\/h2>\n <p>Har du fr\u00e5gor kring v\u00e5ra anv\u00e4ndarvillkor \u00e4r du v\u00e4lkommen att kontakta oss.<\/p>\n <p>\n <strong>Nordyn<\/strong><br>\n E-post: <a href=\"mailto:info@nordyn.se\">info@nordyn.se<\/a><br>\n Telefon: <a href=\"tel:0729683400\">072-968 34 00<\/a>\n <\/p>\n <\/section>\n <\/div>\n\n <\/div>\n<\/main>\n\n\n<footer class=\"footer\">\n <div class=\"footer-container\">\n <div class=\"footer-main\">\n <div class=\"footer-brand\">\n <div class=\"footer-logo\"><svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\"><g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\"><path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/><path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/><path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/><path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/><path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/><path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/><path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/><\/g><\/svg><\/div>\n <p class=\"footer-tagline\">Nordyn Web Agency Stockholm<\/p>\n <div class=\"footer-contact\"><a href=\"mailto:info@nordyn.se\">info@nordyn.se<\/a><br><a href=\"tel:+46729683400\">+46 72-968 34 00<\/a><br>Stockholm, Sweden<\/div>\n <\/div>\n <div class=\"footer-column\">\n <h4>Services<\/h4>\n <div class=\"footer-links\"><a href=\"\/en\/webbdesign\/\">Web Design<\/a><a href=\"\/en\/E-handel\/\">E-commerce<\/a><a href=\"\/en\/SEO\/\">SEO<\/a><a href=\"\/en\/Branding\/\">Branding<\/a><\/div>\n <\/div>\n <div class=\"footer-column\">\n <h4>Company<\/h4>\n <div class=\"footer-links\"><a href=\"\/en\/om-nordyn\/\">About Nordyn<\/a><a href=\"\/en\/Lediga-tjanster\/\">Open Positions<\/a><a href=\"\/en\/Blogg\/\">Blog<\/a><\/div>\n <\/div>\n <div class=\"footer-column\">\n <h4>Socials<\/h4>\n <div class=\"footer-links\"><a href=\"https:\/\/www.facebook.com\/share\/18A482YcY7\/?mibextid=wwXIfr\" rel=\"nofollow noopener\" target=\"_blank\">Facebook<\/a><a href=\"#\">LinkedIn<\/a><a href=\"https:\/\/www.instagram.com\/nordyn.se?igsh=bzVwdHhudTRlOW9s&utm_source=qr\">Instagram<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <a href=\"\/en\/Integritetspolicy\/\">Privacy Policy<\/a><a href=\"\/en\/cookiepolicy\/\">Cookiepolicy<\/a><a href=\"\/en\/Anvandarvillkor\/\">Terms of Service<\/a><a href=\"\/en\/GDPR\/\">GDPR<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n\/\/ --- CORE LOGIC (Menu, Header Fade etc) ---\n\n\/\/ HEADER FADE\ndocument.addEventListener('DOMContentLoaded', () => {\n const headerTagline = document.getElementById('headerTagline');\n if (headerTagline) {\n window.addEventListener('scroll', () => {\n if (window.scrollY > 10) { headerTagline.classList.add('fade-out'); } \n else { headerTagline.classList.remove('fade-out'); }\n });\n }\n});\n\n\/\/ FULLSCREEN MENU\nconst menuToggle = document.getElementById(\"menuToggle\");\nconst menuOverlay = document.getElementById(\"menuOverlay\");\nconst menuClose = document.getElementById(\"menuClose\");\nconst mainHeader = document.getElementById(\"mainHeader\"); \n\nfunction openMenu(){\n mainHeader.classList.add('hidden');\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.classList.add(\"opening\");\n \n menuOverlay.setAttribute(\"aria-hidden\",\"false\");\n menuToggle.setAttribute(\"aria-expanded\",\"true\");\n document.body.style.overflow = \"hidden\";\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"opening\");\n menuOverlay.classList.add(\"open\");\n }, 400);\n}\n\nfunction closeMenu(){\n mainHeader.classList.remove('hidden');\n menuOverlay.classList.remove(\"open\");\n menuOverlay.classList.add(\"closing\");\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.setAttribute(\"aria-hidden\",\"true\");\n menuToggle.setAttribute(\"aria-expanded\",\"false\");\n document.body.style.overflow = \"\";\n }, 400);\n}\n\nif(menuToggle){\n menuToggle.addEventListener(\"click\", function(e) {\n if(e) e.preventDefault();\n this.blur(); \n if (menuOverlay.classList.contains(\"open\") || menuOverlay.classList.contains(\"opening\")) {\n closeMenu();\n } else {\n openMenu();\n }\n });\n}\nif(menuClose) menuClose.addEventListener(\"click\", closeMenu);\n\nwindow.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\" && menuOverlay.classList.contains(\"open\")) closeMenu();\n});\n\n\/\/ SUBMENU TOGGLE\nfunction toggleSubmenu(event) {\n event.preventDefault();\n event.stopPropagation();\n if (event.currentTarget) event.currentTarget.blur();\n const menuItem = document.getElementById('servicesMenuItem');\n menuItem.classList.toggle('has-expanded');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Anv\u00e4ndarvillkor \u2014 Nordyn Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Kontakta oss Meny + Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Meny \u00d7 Startsida Case Tj\u00e4nster Webbdesign E-handel […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1468","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/comments?post=1468"}],"version-history":[{"count":7,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1468\/revisions"}],"predecessor-version":[{"id":1753,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1468\/revisions\/1753"}],"wp:attachment":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/media?parent=1468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\nAnv\u00e4ndarvillkor \u2014 Nordyn<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* --- GRUNDL\u00c4GGANDE VARIABLER (Samma som startsida) --- *\/\n:root{\n --accent:#8A74FF;\n --muted:rgba(255,255,255,.82);\n --line:rgba(255,255,255,.12);\n --pad: clamp(24px, 3vw, 40px);\n}\n\n\/* FIXAR & RESET *\/\nbutton:focus, a:focus, #menuToggle, #menuClose {\n outline: none !important;\n box-shadow: none !important;\n -webkit-tap-highlight-color: transparent !important;\n}\n\n*{box-sizing:border-box}\n\nhtml, body {\n background-color: #000000;\n margin: 0;\n padding: 0;\n width: 100%;\n}\n\nbody{\n font-family:Inter,system-ui,sans-serif;\n color:#fff;\n overflow-x:hidden;\n}\n\n\/* -----------------------------------------------------------\n HEADER (Identisk med startsida)\n ----------------------------------------------------------- *\/\n.header {\n position:fixed;\n top:0; \n left:0;\n right:0;\n z-index:9999;\n padding: 22px 40px;\n display:flex;\n align-items: flex-start;\n justify-content:space-between;\n gap:16px;\n background: transparent;\n \/* F\u00f6r text-sidor kan man k\u00f6ra solid bakgrund eller blur om man vill, \n men h\u00e4r beh\u00e5ller vi mix-blend-mode f\u00f6r konsistens om bakgrunden \u00e4r svart *\/\n mix-blend-mode: difference; \n color: #fff;\n transition: opacity 0.3s ease;\n}\n\n.header.hidden { opacity: 0; pointer-events: none; }\n\n.brand { \n display:flex; \n align-items: center; \n gap: 16px; \n min-width:0; \n}\n\n.logoMark { \n width:145px; \n height:auto; \n display:flex; \n align-items:center; \n flex:0 0 auto; \n color: #fff; \n margin-left: -20px;\n}\n.logoMark svg { width:100%; height:auto; display:block; }\n\n.tagline {\n font-size:13px;\n line-height:1.3;\n color: #fff !important;\n opacity: 0.9;\n font-weight: 500;\n max-width: 200px;\n}\n.tagline.fade-out { opacity: 0; transform: translateX(-10px); transition: 0.4s ease; pointer-events: none; }\n\n.nav { display:flex; align-items:center; gap:22px; flex:0 0 auto; color: #fff; }\n.nav a.contact {\n color:inherit; text-decoration:none; font-size:14px; font-weight:600;\n opacity:.92; padding-top:2px; position:relative; padding-bottom:6px;\n}\n.nav a.contact::after {\n content:\"\"; position:absolute; left:0; bottom:0; height:1px; width:100%;\n background: currentColor; transform: scaleX(0); transform-origin: left;\n transition: transform .3s ease; opacity:.95;\n}\n.nav a.contact:hover::after { transform: scaleX(1); }\n\n.menuToggle {\n all:unset; \n cursor:pointer; \n display:inline-flex; \n align-items:center; \n gap:12px;\n font-size:15px; \n font-weight:600; \n color: #fff; \n position:relative;\n padding-bottom: 4px; \n border-bottom: 1px solid rgba(255,255,255,0.6); \n transition: border-color 0.3s ease;\n}\n.menuToggle:hover { border-color: #fff; }\n.menuIcon { font-size:18px; line-height:1; transform: translateY(-1px); }\n\n\/* -----------------------------------------------------------\n MENY OVERLAY (Identisk med startsida)\n ----------------------------------------------------------- *\/\n.menuOverlay {\n position:fixed; inset:0; background:#000; z-index:9990;\n transform: translateY(-100%);\n opacity: 1;\n visibility:hidden;\n transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1), visibility .6s ease;\n}\n.menuOverlay.opening, .menuOverlay.open { \n visibility:visible;\n transform: translateY(0);\n}\n.menuOverlay.closing { \n transform: translateY(-100%);\n visibility:hidden;\n}\n\n.menuInner {\n min-height: 100svh; height: 100svh; \n padding: 0; \n display:flex; flex-direction:column; overflow:hidden;\n overflow-y: auto;\n}\n\n.menuTop { \n display:flex; \n align-items: flex-start;\n justify-content:space-between; \n gap:16px; \n flex:0 0 auto; \n padding: 22px 40px;\n color: #fff; \n z-index: 10;\n}\n.menuTop .logoMark svg { fill: #fff; }\n.menuTop .tagline { color: rgba(255,255,255,0.7); }\n.menuToggleOverlay { \n all:unset; cursor:pointer; display:inline-flex; align-items:center; gap:12px;\n font-size:15px; font-weight:600; color: #fff; position:relative; padding-bottom: 4px; \n border-bottom: 1px solid rgba(255,255,255,0.6); transition: border-color 0.3s ease;\n}\n\n.menuContent { flex:1 1 auto; display:flex; align-items:center; padding: 18px 40px; }\n.menuList { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:24px; width:100%; }\n.menuItem { opacity:0; transform: translateY(14px); }\n.menuOverlay.open .menuItem {\n animation: menuIn .5s cubic-bezier(.2,.8,.2,1) forwards;\n animation-delay: calc(300ms + var(--d, 0ms));\n}\n@keyframes menuIn{ to { opacity:1; transform: translateY(0); } }\n\n.menuLink {\n color: rgba(255,255,255,0.5); \n text-decoration:none;\n font-size: clamp(32px, 5vw, 48px); font-weight:700; letter-spacing:-0.02em;\n position:relative; display:inline-block; padding:0; line-height:1.1;\n transition: color 0.3s ease;\n}\n.menuLink:hover { color: #fff; }\n\n.menuRow { display:flex; align-items:center; justify-content:space-between; gap:18px; position: relative; }\n.submenu-toggle-btn { background: none; border: none; padding: 10px; cursor: pointer; color: var(--accent); }\n.bigArrow { flex:0 0 auto; color: var(--accent); transform: translateY(4px); transition: transform 0.4s ease; pointer-events: none; }\n.bigArrow svg { width:40px; height:24px; stroke: currentColor; fill: none; }\n.submenu { list-style: none; padding: 0; margin: 0; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s cubic-bezier(0.25, 1, 0.5, 1); }\n.submenu-inner { overflow: hidden; display: flex; flex-direction: column; gap: 12px; padding-left: 4px; }\n.submenu-item { opacity: 0; transform: translateX(40px); transition: opacity 0.4s ease, transform 0.4s ease; }\n.submenu-link { font-size: clamp(20px, 3vw, 28px); font-weight: 600; color: rgba(255,255,255,0.6); text-decoration: none; display: block; transition: color 0.2s; }\n.submenu-link:hover { color: #fff; }\n.menuItem.has-expanded .submenu { grid-template-rows: 1fr; margin-top: 16px; }\n.menuItem.has-expanded .bigArrow { transform: translateY(4px) rotate(90deg); }\n.menuItem.has-expanded .submenu-item { opacity: 1; transform: translateX(0); }\n.menuItem.has-expanded .submenu-item:nth-child(1) { transition-delay: 0.1s; }\n.menuItem.has-expanded .submenu-item:nth-child(2) { transition-delay: 0.15s; }\n.menuItem.has-expanded .submenu-item:nth-child(3) { transition-delay: 0.2s; }\n.menuItem.has-expanded .submenu-item:nth-child(4) { transition-delay: 0.25s; }\n\n.menuBottom { flex:0 0 auto; display:grid; grid-template-columns: 1fr auto; gap:18px; align-items:end; padding: 20px 40px 40px 40px; border-top: 1px solid var(--line); }\n.socials { display:flex; gap: 32px; flex-wrap:wrap; color: #fff; font-weight: 600; font-size: 18px; }\n.socials a { color:inherit; text-decoration:none; display:inline-flex; gap: 10px; align-items:center; transition: opacity 0.2s; }\n.socials a:hover { opacity: 0.7; }\n.extIcon svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2.5; fill:none; margin-bottom: 2px; }\n.menuCTA { text-align: right; font-size: 15px; font-weight: 500; color: rgba(255,255,255,0.8); line-height: 1.4; }\n.menuCTA a { color: var(--accent); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; }\n.menuCTA-text { display: inline; } \n\n\/* -----------------------------------------------------------\n TEXT \/ LEGAL PAGE STYLES (Specifikt f\u00f6r denna sida)\n ----------------------------------------------------------- *\/\n.legal-wrapper {\n background-color: #000;\n min-height: 100vh;\n padding-top: clamp(140px, 15vh, 180px); \/* Space for header *\/\n padding-bottom: clamp(80px, 10vh, 120px);\n padding-left: var(--pad);\n padding-right: var(--pad);\n}\n\n.legal-container {\n max-width: 720px;\n margin: 0 auto;\n animation: fadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n opacity: 0;\n transform: translateY(20px);\n}\n\n@keyframes fadeUp {\n to { opacity: 1; transform: translateY(0); }\n}\n\n.legal-header {\n margin-bottom: 60px;\n border-bottom: 1px solid var(--line);\n padding-bottom: 40px;\n}\n\n.legal-header h1 {\n font-size: clamp(36px, 5vw, 64px);\n font-weight: 800;\n letter-spacing: -0.04em;\n line-height: 1.1;\n margin: 0 0 24px 0;\n color: #fff;\n}\n\n.legal-intro {\n font-size: clamp(18px, 2vw, 22px);\n line-height: 1.6;\n color: var(--muted);\n max-width: 600px;\n}\n\n.legal-content section {\n margin-bottom: 50px;\n}\n\n.legal-content h2 {\n font-size: clamp(20px, 2.5vw, 24px);\n font-weight: 600;\n margin: 0 0 16px 0;\n color: #fff;\n letter-spacing: -0.02em;\n}\n\n.legal-content p {\n font-size: 16px;\n line-height: 1.75;\n color: rgba(255,255,255,0.75);\n margin: 0 0 24px 0;\n}\n\n.legal-content ul {\n margin: 0 0 24px 0;\n padding-left: 20px;\n color: rgba(255,255,255,0.75);\n}\n\n.legal-content li {\n margin-bottom: 12px;\n line-height: 1.7;\n}\n\n.legal-content a {\n color: var(--accent);\n text-decoration: none;\n border-bottom: 1px solid transparent;\n transition: border-color 0.2s;\n}\n\n.legal-content a:hover {\n border-color: var(--accent);\n}\n\n\/* -----------------------------------------------------------\n FOOTER (Identisk med startsida)\n ----------------------------------------------------------- *\/\n.footer{background:#000;border-top:1px solid var(--line);padding:clamp(60px,8vh,100px) clamp(24px,3vw,40px) 40px}\n.footer-container{max-width:1200px;margin:0 auto}\n.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}\n.footer-brand{display:flex;flex-direction:column;gap:20px}\n.footer-logo{width:140px;height:auto}\n.footer-logo svg { width: 100%; height: 100%; fill: #fff; margin-left: -21px; display: block; }\n.footer-tagline{font-size:16px;font-weight:600;color:#fff;margin:0}\n.footer-contact{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.8}\n.footer-contact a{color:var(--accent);text-decoration:none}\n.footer-column h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#fff;margin:0 0 20px 0}\n.footer-links{display:flex;flex-direction:column;gap:12px}\n.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;transition:color .2s ease}\n.footer-links a:hover{color:#fff}\n.footer-bottom{padding-top:40px;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;justify-content:center}\n.footer-bottom a{color:rgba(255,255,255,0.4);text-decoration:none;font-size:12px}\n\n@media (max-width:1024px){\n .footer-main{grid-template-columns:1fr 1fr;gap:40px}\n}\n\n@media (max-width:720px){\n .nav a.contact{display:none}\n .header{ padding:22px 24px; align-items:center; }\n .brand { flex-direction: column; gap: 4px; align-items: flex-start; }\n .logoMark{width:130px;}\n .tagline { font-size: 14px; max-width: 100%; margin-top: 4px; opacity: 0.8; }\n .menuToggle { margin-top: -12px; }\n .menuTop { padding: 22px 24px; }\n .menuContent { padding: 10px 24px; }\n .menuBottom { display: flex; flex-direction: column; gap: 16px; padding: 0 24px 60px 24px; border-top: none; }\n .socials { order: 2; display: flex; flex-direction: row; justify-content: flex-start; gap: 20px; font-size: 23px; margin-bottom: 10px; }\n .menuCTA { order: 3; text-align: right; max-width: none; display: flex; flex-direction: column; align-items: flex-end; gap: 0; }\n .menuCTA br { display: none; }\n .menuCTA-text { display: block; margin-bottom: 0px; color: rgba(255,255,255,0.6); font-weight: 400; font-size: 14px; line-height: 1.2; }\n .menuCTA a { font-size: 18px; font-weight: 600; margin-top: 4px; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"header invert\" id=\"mainHeader\">\n <div class=\"brand\">\n <div class=\"logoMark\" aria-label=\"Nordyn logga\">\n <a href=\"\/en\/\" style=\"color:inherit; text-decoration:none;\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\" role=\"img\" aria-label=\"Nordyn\">\n <g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/>\n <path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/>\n <path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/>\n <path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/>\n <path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/>\n <path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/>\n <path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/>\n <\/g>\n <\/svg>\n <\/a>\n <\/div>\n <div class=\"tagline\" id=\"headerTagline\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <nav class=\"nav\" aria-label=\"Toppmeny\">\n <a class=\"contact\" href=\"\/en\/kontakt\/\">Get in touch<\/a>\n <button class=\"menuToggle\" id=\"menuToggle\" type=\"button\" aria-label=\"\u00d6ppna meny\">\n Menu <span class=\"menuIcon\" id=\"menuIcon\">+<\/span>\n <\/button>\n <\/nav>\n<\/header>\n\n\n<div class=\"menuOverlay\" id=\"menuOverlay\" aria-hidden=\"true\">\n <div class=\"menuInner\">\n <div class=\"menuTop\">\n <div class=\"brand\">\n <div class=\"logoMark\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\"><g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\"><path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/><path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/><path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/><path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/><path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/><path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/><path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/><\/g><\/svg>\n <\/div>\n <div class=\"tagline\" style=\"color: rgba(255,255,255,.7); mix-blend-mode:normal;\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n <button class=\"menuToggleOverlay\" id=\"menuClose\" type=\"button\">\n Menu <span class=\"menuIcon\">\u00d7<\/span>\n <\/button>\n <\/div>\n\n <div class=\"menuContent\">\n <ul class=\"menuList\" aria-label=\"Menu\">\n <li class=\"menuItem\" style=\"--d: 80ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/\" style=\"color: #fff;\">Startpage<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 160ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/case\/\">Our work<\/a><\/div><\/li>\n \n <li class=\"menuItem\" style=\"--d: 240ms;\" id=\"servicesMenuItem\">\n <div class=\"menuRow\">\n <a class=\"menuLink nav-animate\" href=\"\/en\/tjanster\/\">Services<\/a>\n <button class=\"submenu-toggle-btn\" aria-label=\"Visa undertj\u00e4nster\" onclick=\"toggleSubmenu(event)\">\n <span class=\"bigArrow\" aria-hidden=\"true\"><svg viewbox=\"0 0 64 40\"><path d=\"M6 20H46\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/><path d=\"M36 8L50 20L36 32\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n <\/button>\n <\/div>\n <ul class=\"submenu\"><div class=\"submenu-inner\">\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/webbdesign\/\">Web Design<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/e-handel\/\">E-commerce<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/seo\/\">SEO<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/branding\/\">Branding<\/a><\/li>\n <\/div><\/ul>\n <\/li>\n\n <li class=\"menuItem\" style=\"--d: 320ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/vart-lofte\/\">Our Promise<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 400ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/om-nordyn\/\">About nordyn<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 480ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/kontakt\/\">Contact<\/a><\/div><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"menuBottom\">\n <div class=\"bottomLeft\">\n <div class=\"socials\">\n <a class=\"nav-animate\" href=\"#\" target=\"_blank\">Facebook<span class=\"extIcon\"><svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span><\/a>\n <a class=\"nav-animate\" href=\"#\" target=\"_blank\">LinkedIn<span class=\"extIcon\"><svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span><\/a>\n <a class=\"nav-animate\" href=\"#\" target=\"_blank\">Instagram<span class=\"extIcon\"><svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg><\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"menuCTA\">\n <span class=\"menuCTA-text\">Interested in a partnership<\/span><br>\n <a class=\"nav-animate\" href=\"\/en\/kontakt\/\">Get in touch<span class=\"ctaArrow\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg><\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<main class=\"legal-wrapper\">\n <div class=\"legal-container\">\n \n <header class=\"legal-header\">\n <h1>Terms of Service<\/h1>\n <p class=\"legal-intro\">Dessa anv\u00e4ndarvillkor g\u00e4ller f\u00f6r anv\u00e4ndning av Nordyns webbplats och beskriver vilka regler och villkor som g\u00e4ller n\u00e4r du bes\u00f6ker eller anv\u00e4nder webbplatsen.<\/p>\n <\/header>\n\n <div class=\"legal-content\">\n <section>\n <h2>Allm\u00e4nt<\/h2>\n <p>Genom att bes\u00f6ka och anv\u00e4nda nordyn.se godk\u00e4nner du dessa villkor i sin helhet. Vi f\u00f6rbeh\u00e5ller oss r\u00e4tten att n\u00e4r som helst uppdatera eller \u00e4ndra dessa villkor. Det \u00e4r ditt ansvar som anv\u00e4ndare att h\u00e5lla dig uppdaterad om eventuella \u00e4ndringar. Om du inte accepterar villkoren b\u00f6r du sluta anv\u00e4nda webbplatsen.<\/p>\n <\/section>\n\n <section>\n <h2>Anv\u00e4ndning av webbplatsen<\/h2>\n <p>Webbplatsen och dess inneh\u00e5ll tillhandah\u00e5lls i informationssyfte f\u00f6r att presentera Nordyns tj\u00e4nster och erbjudanden. Du f\u00f6rbinder dig att:<\/p>\n <ul>\n <li>Endast anv\u00e4nda webbplatsen f\u00f6r lagliga \u00e4ndam\u00e5l.<\/li>\n <li>Inte st\u00f6ra eller manipulera webbplatsens s\u00e4kerhet, tillg\u00e4nglighet eller funktion.<\/li>\n <li>Inte kopiera eller reproducera inneh\u00e5ll utan uttryckligt tillst\u00e5nd.<\/li>\n <\/ul>\n <\/section>\n\n <section>\n <h2>Immateriella r\u00e4ttigheter<\/h2>\n <p>Allt inneh\u00e5ll p\u00e5 denna webbplats, inklusive men inte begr\u00e4nsat till text, design, logotyper, bilder, grafik och kod, tillh\u00f6r Nordyn eller v\u00e5ra licensgivare och skyddas av svensk och internationell upphovsr\u00e4ttslagstiftning. Det \u00e4r inte till\u00e5tet att anv\u00e4nda, kopiera eller distribuera material fr\u00e5n denna webbplats utan skriftligt godk\u00e4nnande fr\u00e5n Nordyn.<\/p>\n <\/section>\n\n <section>\n <h2>Ansvarsbegr\u00e4nsning<\/h2>\n <p>Nordyn str\u00e4var efter att h\u00e5lla informationen p\u00e5 webbplatsen aktuell och korrekt, men vi garanterar inte att inneh\u00e5llet \u00e4r fritt fr\u00e5n fel eller brister. Webbplatsen tillhandah\u00e5lls \"i befintligt skick\".<\/p>\n <p>Nordyn ansvarar inte f\u00f6r n\u00e5gra direkta eller indirekta skador som kan uppst\u00e5 till f\u00f6ljd av anv\u00e4ndning av, eller of\u00f6rm\u00e5ga att anv\u00e4nda, webbplatsen. Detta inkluderar driftavbrott, dataf\u00f6rlust eller andra tekniska problem.<\/p>\n <\/section>\n\n <section>\n <h2>Externa l\u00e4nkar<\/h2>\n <p>Webbplatsen kan inneh\u00e5lla l\u00e4nkar till externa webbplatser som drivs av tredje part. Nordyn har ingen kontroll \u00f6ver inneh\u00e5llet eller s\u00e4kerheten p\u00e5 dessa webbplatser och tar inget ansvar f\u00f6r dem. Bes\u00f6k p\u00e5 externa l\u00e4nkar sker p\u00e5 egen risk.<\/p>\n <\/section>\n\n <section>\n <h2>Personuppgifter<\/h2>\n <p>Vi v\u00e4rnar om din integritet. Information om hur vi samlar in, hanterar och skyddar dina personuppgifter finns beskrivet i v\u00e5r <a href=\"\/en\/integritetspolicy\/\">Privacy Policy<\/a>.<\/p>\n <\/section>\n\n <section>\n <h2>Till\u00e4mplig lag<\/h2>\n <p>Dessa anv\u00e4ndarvillkor regleras av och tolkas i enlighet med svensk lag. Eventuella tvister som uppst\u00e5r i samband med dessa villkor ska avg\u00f6ras av svensk allm\u00e4n domstol.<\/p>\n <\/section>\n\n <section style=\"margin-top: 60px; padding-top: 40px; border-top: 1px solid var(--line);\">\n <h2>Contact<\/h2>\n <p>Har du fr\u00e5gor kring v\u00e5ra anv\u00e4ndarvillkor \u00e4r du v\u00e4lkommen att kontakta oss.<\/p>\n <p>\n <strong>Nordyn<\/strong><br>\n E-post: <a href=\"mailto:info@nordyn.se\">info@nordyn.se<\/a><br>\n Telefon: <a href=\"tel:0729683400\">072-968 34 00<\/a>\n <\/p>\n <\/section>\n <\/div>\n\n <\/div>\n<\/main>\n\n\n<footer class=\"footer\">\n <div class=\"footer-container\">\n <div class=\"footer-main\">\n <div class=\"footer-brand\">\n <div class=\"footer-logo\"><svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\"><g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\"><path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/><path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/><path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/><path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/><path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/><path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/><path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/><\/g><\/svg><\/div>\n <p class=\"footer-tagline\">Nordyn Web Agency Stockholm<\/p>\n <div class=\"footer-contact\"><a href=\"mailto:info@nordyn.se\">info@nordyn.se<\/a><br><a href=\"tel:+46729683400\">+46 72-968 34 00<\/a><br>Stockholm, Sweden<\/div>\n <\/div>\n <div class=\"footer-column\">\n <h4>Services<\/h4>\n <div class=\"footer-links\"><a href=\"\/en\/webbdesign\/\">Web Design<\/a><a href=\"\/en\/E-handel\/\">E-commerce<\/a><a href=\"\/en\/SEO\/\">SEO<\/a><a href=\"\/en\/Branding\/\">Branding<\/a><\/div>\n <\/div>\n <div class=\"footer-column\">\n <h4>Company<\/h4>\n <div class=\"footer-links\"><a href=\"\/en\/om-nordyn\/\">About Nordyn<\/a><a href=\"\/en\/Lediga-tjanster\/\">Open Positions<\/a><a href=\"\/en\/Blogg\/\">Blog<\/a><\/div>\n <\/div>\n <div class=\"footer-column\">\n <h4>Socials<\/h4>\n <div class=\"footer-links\"><a href=\"https:\/\/www.facebook.com\/share\/18A482YcY7\/?mibextid=wwXIfr\" rel=\"nofollow noopener\" target=\"_blank\">Facebook<\/a><a href=\"#\">LinkedIn<\/a><a href=\"https:\/\/www.instagram.com\/nordyn.se?igsh=bzVwdHhudTRlOW9s&utm_source=qr\">Instagram<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <a href=\"\/en\/Integritetspolicy\/\">Privacy Policy<\/a><a href=\"\/en\/cookiepolicy\/\">Cookiepolicy<\/a><a href=\"\/en\/Anvandarvillkor\/\">Terms of Service<\/a><a href=\"\/en\/GDPR\/\">GDPR<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n\/\/ --- CORE LOGIC (Menu, Header Fade etc) ---\n\n\/\/ HEADER FADE\ndocument.addEventListener('DOMContentLoaded', () => {\n const headerTagline = document.getElementById('headerTagline');\n if (headerTagline) {\n window.addEventListener('scroll', () => {\n if (window.scrollY > 10) { headerTagline.classList.add('fade-out'); } \n else { headerTagline.classList.remove('fade-out'); }\n });\n }\n});\n\n\/\/ FULLSCREEN MENU\nconst menuToggle = document.getElementById(\"menuToggle\");\nconst menuOverlay = document.getElementById(\"menuOverlay\");\nconst menuClose = document.getElementById(\"menuClose\");\nconst mainHeader = document.getElementById(\"mainHeader\"); \n\nfunction openMenu(){\n mainHeader.classList.add('hidden');\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.classList.add(\"opening\");\n \n menuOverlay.setAttribute(\"aria-hidden\",\"false\");\n menuToggle.setAttribute(\"aria-expanded\",\"true\");\n document.body.style.overflow = \"hidden\";\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"opening\");\n menuOverlay.classList.add(\"open\");\n }, 400);\n}\n\nfunction closeMenu(){\n mainHeader.classList.remove('hidden');\n menuOverlay.classList.remove(\"open\");\n menuOverlay.classList.add(\"closing\");\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.setAttribute(\"aria-hidden\",\"true\");\n menuToggle.setAttribute(\"aria-expanded\",\"false\");\n document.body.style.overflow = \"\";\n }, 400);\n}\n\nif(menuToggle){\n menuToggle.addEventListener(\"click\", function(e) {\n if(e) e.preventDefault();\n this.blur(); \n if (menuOverlay.classList.contains(\"open\") || menuOverlay.classList.contains(\"opening\")) {\n closeMenu();\n } else {\n openMenu();\n }\n });\n}\nif(menuClose) menuClose.addEventListener(\"click\", closeMenu);\n\nwindow.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\" && menuOverlay.classList.contains(\"open\")) closeMenu();\n});\n\n\/\/ SUBMENU TOGGLE\nfunction toggleSubmenu(event) {\n event.preventDefault();\n event.stopPropagation();\n if (event.currentTarget) event.currentTarget.blur();\n const menuItem = document.getElementById('servicesMenuItem');\n menuItem.classList.toggle('has-expanded');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Anv\u00e4ndarvillkor \u2014 Nordyn Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Kontakta oss Meny + Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Meny \u00d7 Startsida Case Tj\u00e4nster Webbdesign E-handel […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1468","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/comments?post=1468"}],"version-history":[{"count":7,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1468\/revisions"}],"predecessor-version":[{"id":1753,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1468\/revisions\/1753"}],"wp:attachment":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/media?parent=1468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}