{"id":10111,"date":"2016-08-03T13:17:58","date_gmt":"2016-08-03T11:17:58","guid":{"rendered":"http:\/\/www.vizzit.se\/h\/?page_id=10111"},"modified":"2026-01-21T20:06:13","modified_gmt":"2026-01-21T19:06:13","slug":"radgivning","status":"publish","type":"page","link":"https:\/\/www.vizzit.se\/h\/sv\/radgivning\/","title":{"rendered":"Tj\u00e4nster"},"content":{"rendered":"\n<style>\n    :root{\n      --visible-count:5;\n      --gap:12px;\n      --nav-padding:12px;\n      --thumb-w:150px;\n      --thumb-h:90px;\n    }\n    *{box-sizing:border-box}\n    body{font-family:Inter, \"Segoe UI\", Roboto, Arial, sans-serif; margin:0; background:#f4f6f8; color:#111;}\n    \/* TOP NAV *\/\n    .top-nav-wrap { background:#d1d1d1; padding:10px 16px; display:flex; align-items:center; gap:12px; box-shadow:0 6px 18px rgba(2,6,23,0.12); justify-content: center;}\n    .nav-arrow {\n      background:transparent; border:1px solid rgba(255,255,255,0.08); color:#fff; padding:10px 12px; border-radius:10px; cursor:pointer; font-weight:700;\n      display:flex; align-items:center; justify-content:center; rotate: 90deg;\n    }\n    .nav-arrow:disabled{ opacity:0.42; cursor:default; }\n\t.nav-arrow.navNext { rotate: 270deg; }\n\t.nav-arrow img { width: 3rem; }\n\n    .nav-viewport {\n      <!--overflow:hidden;-->\n      height: calc(var(--thumb-h) + 70px); \/* thumb + label area + padding *\/\n      background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));\n      border-radius:12px;\n      padding:var(--nav-padding);\n      box-sizing:border-box;\n      flex-shrink:0;\n      display:flex;\n      align-items:center;\n     \twidth: 860px;\n\t\tmin-height: 200px;\n\toverflow: hidden;\n    }\n    .nav-track {\n      display:flex;\n      gap:var(--gap);\n      transition: transform 320ms cubic-bezier(.22,.9,.19,1);\n      align-items:center;\n      will-change: transform;\n      padding-bottom:4px;\n    }\n\t.nav-track.no-animation {\n      transition: none;\n    }\n\n    \/* stacked mini-card style (C): image + title under *\/\n    .nav-item {\n      width:var(--thumb-w);\n      min-width:var(--thumb-w);\n      display:flex;\n      flex-direction:column;\n\t  justify-content: center;\n      align-items:center;\n      gap:8px;\n      cursor:pointer;\n      transform-origin:center;\n      transition: transform 260ms ease, box-shadow 260ms ease, opacity 260ms ease;\n      opacity:0.92;\n      border-radius:8px;\n      padding:6px;\n      border:2px solid transparent;\n    }\n    .nav-item img{ width:100%; height:var(--thumb-h); object-fit:cover; border-radius:6px; display:block; }\n    .nav-item .nav-title { font-size:13px; color:#333; text-align:center; line-height: 1.5; position: absolute; width: 90px; padding-top: 5px; }\n\t\n\n    \/* active \/ neighbor styles *\/\n    .nav-item.active {\n      transform: scale(1.16);\n      box-shadow:0 5px 15px rgba(2,6,23,0.48);\n      border-color: rgba(255,255,255,0.95);\n      opacity:1;\n\t  margin: 0 20px;\n    }\n    .nav-item.left-near, .nav-item.right-near {\n      transform: scale(1.04);\n      opacity:0.98;\n    }\n\t\n\t.alt-style-gallery .nav-item.active {\n      transform: scale(1.5);\n      box-shadow: none;\n      border-color: rgba(0,0,0,0);\n    }\n\n    main{  }\n    section { display:none; overflow:hidden; color:#000;}\n    section.active { display:block; }\n\n    .section-bg {\n      background-size:cover;\n      background-position:center;\n      position:relative;\n      overflow:hidden;\n    }\n    \/* allow bgColor override, then bgImage above it *\/\n    .section-bg::before{\n      content:\"\";\n      position:absolute; inset:0; z-index:0;\n      background:linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.32));\n      pointer-events:none;\n    }\n    .section-inner{ position:relative; z-index:2; background:linear-gradient(180deg, rgba(255,255,255,0.24), rgba(0,0,0,0.74)); padding:28px; min-height:460px; }\n\n    #content h2.section-headline { font-family:Comfortaa; font-size:48px; margin:0 0 18px 0; font-weight:600; color:#fff; }\n\t#content h3.section-desc { text-align: left; font-weight:300; color:#fff; margin: 0 auto; width: 1000px; max-width: 100%; display: flex; gap: 2em; }\n\t.section-label { text-align: center; margin-bottom: 18px; }\n\n    .section-content { display:flex; gap:3rem; align-items:flex-start; padding:22px; border-radius:10px; }\n\t#content .section-content img { border-radius:15px; }\n    .left { width:40%; max-width: 500px; }\n    .right { width:60%; display:flex; align-items:center; justify-content:center; }\n\n    .card { background:rgba(255,255,255,0.94); color:#111; margin-bottom:12px; border-radius:50px; cursor:pointer; transition:transform .18s ease; display: flex; align-items: center; gap:0.5rem; padding: 20px 12px; }\n\t.card:hover{ transform: translateY(-4px); }\n    .card.active { background:rgba(245,245,245,1); box-shadow:0 6px 18px rgba(2,6,23,0.06); border-radius:20px; }\n\t.card .toggle-btn { visibility:visible; font-weight: 1000; font-size: 20px; }\n\t.card .toggle-btn .plus-icon { width: 1.2rem; height: 1.2rem; border: #333 solid 1px; padding: 0.2rem; border-radius: 2rem; background-image: url(\"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/list.nav.plus.svg\"); background-position: center; background-repeat: no-repeat; }\n\t.card.active .toggle-btn { visibility:hidden; }\n    .card-title { font-family:Comfortaa; font-weight:700; }\n    .card-content { display:none; margin-top:8px; font-size:14px; color:#333; }\n    .card.active .card-content { display:block; }\n\n    .right img { max-width:100%; border-radius:8px; box-shadow:0 12px 34px rgba(0,0,0,0.35); transition:opacity .36s ease; }\n\n    \/* responsive *\/\n    @media (max-width:980px){\n      :root{ --thumb-w:120px; --thumb-h:72px; }\n      .nav-viewport{ height: calc(var(--thumb-h) + 44px); width: 440px; }\n      .section-content{ flex-direction:column; }\n      .left,.right{ width:100%; max-width:none; }\n\t  .nav-item .nav-title { top: 25px; }\n\t\n    }\n    @media (max-width:520px){\n      :root{ --thumb-w:100px; --thumb-h:60px; --visible-count:3; }\n      .nav-viewport{ width: 375px; }\n\t  .nav-arrow img{ width: 2rem; }\n\t  .top-nav-wrap{ gap: 0px; }\n\t  .nav-item .nav-title { top: 22px; line-height: 16px; }\n\t  \n    }\n\t\n\t\/* LAYOUT-HEADER *\/\n\t\n\t.layout-header {\n\t\tposition: relative;\n\t\tpadding: 80px 5vw;\n\t\toverflow: hidden;\n\t\tbackground-color: rgb(0, 0, 0);\n\t\tbackground-size: cover;\n\t}\n\t\n\t.layout-header .layout-content-wrapper {\n\t  max-width: 70%;\n\t  min-height: 300px;\n\t  margin: 0 auto;\n\t  padding: 0;\n      display: flex;\n\t  flex-direction: column;\n\t  align-items: flex-end;\n\t  justify-content: flex-end;\n\t}\n\t\n\t.layout-header .layout-content-wrapper .layout-content-component {\n\t\tpadding: 40px 75px 34px 65px;\n\t\tbackground: #1A7FE5;\n\t\tborder-radius: 400px 50px;\n\t\tbox-shadow: 0 8px 14px rgba(0, 0, 0, 0.35);\n\t}\n\t\n\t.layout-header h2 .title-main {\n\t  font-size: 2.2em;\n\t  font-weight: 700;\n\t  font-family:Comfortaa;\n\t  font-weight:600;\n\t  color: #fff;\n\t}\n\t\n\t\/* LAYOUT-TEXT-IMAGE *\/\n\t.layout-text-image {\n\t\t\n\t}\n\n\t.layout-text-image .layout-content-wrapper {\n\t  max-width: 70%;\n\t  margin: 0 auto;\n\t  padding: 0 5vw;\n\t  display: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 60px 5vw;\n\t\tgap: 40px;\n\t}\n\n\t#content .layout-text-image img {\n\t\twidth: 100%;\n\t\tmax-width: 400px;\n\t\tborder-radius: 16px;\n\t\tobject-fit: cover;\n\t}\n\n\n\t.layout-text-image .text {\n\t\tflex: 1;\n\t}\n\t\n\t\/* LAYOUT-TEXT-BOXES *\/\n\t\n\t.layout-text-boxes {\n\t\tposition: relative;\n\t\tpadding: 80px 5vw;\n\t\toverflow: hidden;\n\t\tbackground-color: rgb(0, 0, 0);\n\t}\n\t\n\t.layout-text-boxes .layout-content-wrapper {\n\t  max-width: 70%;\n\t  margin: 0 auto;\n\t  padding: 0;\n      display: flex;\n\t  flex-direction: column;\n\t  gap: 40px;\n\t}\n\t\n\t.layout-text-boxes .layout-content-wrapper .layout-content-component {\n\t  margin: 0 20px;\n\t}\n\t\n\t.layout-text-boxes .layout-content-wrapper .layout-content-columns  {\n\t  display: flex;\n\t  flex-direction: row;\n\t  justify-content: space-between;\n\t}\n\t\n\t.layout-text-boxes .layout-content-wrapper .layout-content-columns .layout-content-component  {\n\t  margin: 0;\n\t  padding: 25px 45px;\n\t  background-color: #f0f0f0;\n\t  border-radius: 20px;\n\t  width: 48%;\n\t}\n\t\n\t.layout-text-boxes h2 {\n\t  display: flex;\n\t  flex-direction: column;\n\t  margin: 0;\n\t  margin-bottom: 20px;\n\t  color: #fff;\n\t}\n\t\n\t.layout-text-boxes.inverted h2 {\n\t  color: #000;\n\t}\n\t\n\t.layout-text-boxes .layout-content-columns h2,\n\t#content .layout-text-boxes .layout-content-columns h3\t{\n\t  margin: 0;\n\t  color: #000;\n\t}\n\t\n\t.layout-text-boxes h2 .title-main {\n\t  font-size: 2rem;\n\t  font-weight: 700;\n\t  font-family:Comfortaa;\n\t  font-weight:600;\n\t}\n\n\t.layout-text-boxes h2 .title-sub {\n\t  font-size: 2rem;\n\t  font-family:Comfortaa;\n\t  font-weight:600;\n\t  margin-left: 20px;\n\t  \/*opacity: 0.8;*\/\n\t}\n\t\n\t#content .layout-text-boxes h3 {\n\t  font-weight:initial;\n\t  margin-left: 20px;\n\t  font-size: 20px;\n      line-height: 32px;\n\t  color: #fff;\n\t}\n\t\n\t#content .layout-text-boxes.inverted h3 {\n\t  color: #000;\n\t}\n\t\n\t\n\t\/* LAYOUT-IMAGE-PEEK-RIGHT *\/\n\t.layout-image-peek {\n\t\tposition: relative;\n\t\tpadding: 80px 5vw;\n\t\toverflow: hidden;\n\t\tbackground-color: rgb(245, 245, 247);\n\t}\n\t\n\t.layout-image-peek .layout-content-wrapper {\n\t  max-width: 70%;\n\t  margin: 0 auto;\n\t  padding: 0;\n      display: flex;\n\t}\n\t\n\t.layout-image-peek.horizontal-flip .layout-content-wrapper {\n\t  max-width: 90%;\n\t  justify-content: flex-end;\n\t}\n\t\n\t.layout-image-peek .layout-content-wrapper .layout-content-component {\n\t  max-width: 51%;\n\t  display: flex;\n\t\tgap: 3rem;\n\t}\n\t\n\t.layout-image-peek .layout-content-wrapper .layout-content-component .layout-content-component-part {\n\t  flex: 1;\n\t}\n\n\t.layout-image-peek h2 {\n\t  display: flex;\n\t  flex-direction: column;\n\t  margin: 0;\n\t  margin-bottom: 20px;\n\t  color: #fff;\n\t}\n\n\t.layout-image-peek h2 .title-main {\n\t  font-size: 2rem;\n\t  font-weight: 700;\n\t  font-family:Comfortaa;\n\t  font-weight:600;\n\t}\n\n\t.layout-image-peek h2 .title-sub {\n\t  font-size: 2rem;\n\t  font-family:Comfortaa;\n\t  font-weight:600;\n\t  margin-left: 20px;\n\t  \/*opacity: 0.8;*\/\n\t}\n\t\n\t#content .layout-image-peek h3 {\n\t  font-weight:initial;\n\t  \/*margin-left: 20px;*\/\n\t  font-size: 20px;\n      line-height: 32px;\n\t  color: #fff;\n\t}\n\t\n\t#content .layout-image-peek .peek-image {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tright: 0;\n\t\ttransform: translateY(-50%);\n\t\twidth: 60vw;\n\t\tmax-width: 45%;\n\t\theight: auto;\n\t\tobject-fit: cover;\n\t\tbox-shadow: 11px 15px 22.9px rgba(255, 255, 255, 0.24);\n\t\tborder-radius: 15px 0 0 15px;\n\t}\n\t\n\t#content .layout-image-peek.intro-text h2,\n\t#content .layout-image-peek.intro-text h3 {\n\t\tcolor: #000;\n\t\tmargin-left: 0px;\n\t}\n\t\n\t#content .layout-image-peek.intro-text .peek-image {\n\t\tmax-width: 45%;\n\t}\n\t\n\t#content .layout-image-peek .peek-image.glow-more {\n\t\tbox-shadow: 0px 5px 30.9px rgba(255, 255, 255, 0.8);\n\t}\n\t\n\t#content .layout-image-peek .peek-image.glow-less {\n\t\tbox-shadow: 0px 5px 30.9px rgba(255, 255, 255, 0.4);\n\t}\n\t\n\t#content .layout-image-peek.horizontal-flip .peek-image {\n\t\tright: unset;\n\t\tleft: 0;\n\t\tborder-radius: 0 15px 15px 0;\n\t}\n\t\n\t@media only screen and (min-width: 1024px) {\n\t\t.layout-image-peek {\n\t\t\theight: 756px;\n\t\t}\n\t\t\n\t\t.layout-image-peek .layout-content-wrapper {\n\t\t\theight: 100%;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\t\n\t@media only screen and (max-width: 1660px) {\n\t\t.layout-image-peek h2 .title-main {\n\t\t\tfont-size: 1.4em;\n\t\t}\n\n\t\t#content .layout-image-peek h3 {\n\t\t\tfont-size: 1.1em;\n\t\t\tline-height: 1.7em;\n\t\t}\n\n\t\t#content .layout-image-peek.horizontal-flip .peek-image {\n\t\t\tleft: -100px;\n\t\t}\n\t\t\n\t\t.layout-image-peek .layout-content-wrapper .layout-content-component {\n\t\t\tmax-width: 55%;\n\t\t}\n\t}\n\t\n\t@media only screen and (min-width: 2000px) {\n\t\t.layout-image-peek {\n\t\t\theight: 1000px;\n\t\t}\n\t\t\n\t\t.layout-image-peek.intro-text {\n\t\t\theight: 800px;\n\t\t}\n\t\t\n\t\t#content .layout-image-peek.horizontal-flip.intro-text .peek-image {\n\t\t\tright: unset;\n\t\t\tleft: 10%;\n\t\t\tborder-radius: 15px;\n\t\t}\n\t\t\n\t\t#content .layout-image-peek.intro-text .peek-image {\n\t\t\tmax-width: 35%;\n\t\t}\n\t}\n\t\n\t\/* Menu CSS *\/\n\t@media only screen and (max-width: 700px) {\n\t\theader#branding .top-menu .menu-text-new {\n\t\t\tfont-size: 12px;\n\t\t}\n\t\t\n\t\theader#branding .top-menu hgroup#site-title {\n\t\t\twidth: 75px;\n\t\t}\n\t\t\n\t\theader#branding .top-menu hgroup#site-title img {\n\t\t\twidth: 95%;\n\t\t}\n\t\t\n\t\theader#branding .top-menu #mainnav div.login-icon {\n\t\t\twidth: 19px;\n\t\t}\n\t\t\n\t\theader#branding a[href=\"\/h\/produkter\/\"] .menu-text-new, \n\t\theader#branding a[href=\"\/h\/radgivning\/\"] .menu-text-new {\n\t\t\tdisplay: none;\n\t\t}\n\t\t\n\t\theader#branding a[href=\"\/h\/produkter\/\"]:before,\n\t\theader#branding a[href=\"\/h\/radgivning\/\"]:before {\n\t\t\tcolor: #fff;\n\t\t\tfont-size: 12px;\n\t\t}\n\t\t\n\t\theader#branding a[href=\"\/h\/produkter\/\"]:before {\n\t\t\tcontent: 'Produkter';\n\t\t}\n\t\t\n\t\theader#branding a[href=\"\/h\/radgivning\/\"]:before {\n\t\t\tcontent: 'Tj\u00e4nster';\n\t\t\tmargin-left: 5px;\n\t\t}\n\t}\n\t\n\t\n\t\n\n  <\/style>\n  \n\t<!-- HEADER -->\n\t<div class=\"section-dashboard layout-header\" style=\"background-image: url(\/h\/wp-content\/uploads\/2025\/11\/pink-flower-4299217_1920.jpg);\">\n\t\t<div class=\"layout-content-wrapper\">\n\t\t\t<div class=\"layout-content-component\">\n\t\t\t\t<h2>\n\t\t\t\t\t<span class=\"title-main\">V\u00e5ra Tj\u00e4nster<\/span>\n\t\t\t\t<\/h2>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<!-- \/HEADER -->\n\t\n\t\n\t<!-- CONTENT -->\n\t<div class=\"section-dashboard layout-image-peek horizontal-flip\" style=\"background: radial-gradient(74.04% 208.05% at 53.15% 39.31%, #454574 0%, rgba(69, 69, 116, 0) 100%), #000;\">\n\t\t<div class=\"layout-content-wrapper\">\n\t\t\t<div class=\"layout-content-component\">\n\t\t\t\t<div class=\"layout-content-component-part\">\n\t\t\t\t\t<h2>\n\t\t\t\t\t\t<span class=\"title-main\" style=\"color:#fff;\">Utbildning<\/span>\n\t\t\t\t\t<\/h2>\n\t\t\t\t\t<h3 style=\"color:#fff;\">\n\t\t\t\t\t\tVi erbjuder utbildningar f\u00f6r b\u00e5de redakt\u00f6rer och webbansvariga. F\u00f6r nya anv\u00e4ndare finns en \u201dkom ig\u00e5ng\u201d-utbildning som ger en stabil grund i verktygen. F\u00f6rdjupande forts\u00e4ttningsutbildningar finns f\u00f6r er som vill arbeta mer avancerat, och vi erbjuder \u00e4ven helt kundanpassade utbildningar utifr\u00e5n specifika behov och m\u00e5l. Utbildning erbjuds mot offert.\n\t\t\t\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"layout-content-component-part\">\n\t\t\t\t\t<h2>\n\t\t\t\t\t\t<span class=\"title-main\" style=\"color:#fff;\">Analyser och rapporter<\/span>\n\t\t\t\t\t<\/h2>\n\t\t\t\t\t<h3 style=\"color:#fff;\">\n\t\t\t\t\t\tVi genomf\u00f6r analyser av hela webbplatser eller utvalda delar och tar fram tydliga rapporter som ger insikter och beslutsunderlag. Exempel \u00e4r \u00e5rsrapporter med kommentarer och rekommendationer samt specialanpassade analyser utifr\u00e5n kundens fr\u00e5gest\u00e4llningar. Analyser och rapporter erbjuds mot offert.\n\t\t\t\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<img class=\"peek-image glow-less\" src=\"\/h\/wp-content\/uploads\/2026\/01\/technology-1095751_1280_edit-e1768572250221.jpg\" alt=\"Peek Image\">\n\t<\/div>\n\t<!-- \/CONTENT -->\n","protected":false},"excerpt":{"rendered":"<p>V\u00e5ra Tj\u00e4nster Utbildning Vi erbjuder utbildningar f\u00f6r b\u00e5de redakt\u00f6rer och webbansvariga. F\u00f6r nya anv\u00e4ndare finns en \u201dkom ig\u00e5ng\u201d-utbildning som ger en stabil grund i verktygen. F\u00f6rdjupande forts\u00e4ttningsutbildningar finns f\u00f6r er som vill arbeta mer avancerat, och vi erbjuder \u00e4ven helt &hellip; <a href=\"https:\/\/www.vizzit.se\/h\/sv\/radgivning\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":40,"comment_status":"closed","ping_status":"closed","template":"full-width-page.php","meta":[],"_links":{"self":[{"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/pages\/10111"}],"collection":[{"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/comments?post=10111"}],"version-history":[{"count":41,"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/pages\/10111\/revisions"}],"predecessor-version":[{"id":25194,"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/pages\/10111\/revisions\/25194"}],"wp:attachment":[{"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/media?parent=10111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}