{"id":51,"date":"2011-09-27T13:53:17","date_gmt":"2011-09-27T11:53:17","guid":{"rendered":"http:\/\/www.vizzit.se\/h\/?page_id=51"},"modified":"2026-01-21T10:14:04","modified_gmt":"2026-01-21T09:14:04","slug":"start","status":"publish","type":"page","link":"https:\/\/www.vizzit.se\/h\/sv\/","title":{"rendered":"Start"},"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-main {\n\t\tposition: relative;\n\t\tpadding: 80px 5vw;\n\t\toverflow: hidden;\n\t\tbackground-color: rgb(0, 0, 0);\n\t\tbackground: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('\/h\/wp-content\/uploads\/2025\/11\/lemon-7527539_1920_crop.jpg') no-repeat;\n\t\tbackground-size: cover;\n\t}\n\t\n\t.layout-header-main .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-main .layout-content-wrapper .layout-content-component {\n\t\tmax-width: 50%;\n\t\ttext-align: right;\n\t}\n\t\n\t.layout-header-main h2 .title-main {\n\t  font-size: 3rem;\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-header-main h3 .title-sub {\n\t  font-size: 1.6rem;\n\t  font-weight: 500;\n\t  font-family:Comfortaa;\n\t  font-weight:600;\n\t  color: #fff;\n\t}\n\t\n\t@media only screen and (max-width: 1350px) {\n\t\t.layout-header-main .layout-content-wrapper {\n\t\t\tmax-width: 90%;\n\t\t}\n\t\t\n\t\t.layout-header-main .layout-content-wrapper .layout-content-component {\n\t\t\tmax-width: 55%;\n\t\t}\n\t\t\n\t\t.layout-header-main {\n\t\t\tbackground: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 21%, rgba(0, 0, 0, 0.65) 91%, rgba(0, 0, 0, 0.65) 100%), url(\/h\/wp-content\/uploads\/2025\/11\/lemon-7527539_1920_crop.jpg) no-repeat;\n\t\t\tbackground-size: cover;\n\t\t}\n\t}\n\t\n\t@media only screen and (max-width: 1024px) {\n\t\t.layout-header-main .layout-content-wrapper .layout-content-component {\n\t\t\tmax-width: 100%;\n\t\t}\n\t\t\t\t\n\t\t.layout-header-main {\n\t\t\tbackground: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.65) 87%, rgba(0, 0, 0, 0.65) 100%), url(\/h\/wp-content\/uploads\/2025\/11\/lemon-7527539_1920_crop.jpg) no-repeat;\n\t\t\tbackground-size: cover;\n\t\t}\n\t}\n\t\n\t@media only screen and (max-width: 520px) {\n\t\t.layout-header-main .layout-content-wrapper {\n\t\t\tmax-width: 90%;\n\t\t}\n\t\t\n\t\t.layout-header-main h2 .title-main {\n\t\t\tfont-size: 2.8em;\n\t\t}\n\t\t\n\t\t.layout-header-main h3 .title-sub {\n\t\t\tfont-size: 1.6em;\n\t\t}\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: 3rem;\n\t}\n\t\n\t.layout-text-boxes .layout-content-wrapper.horizontal-flow {\n\t  flex-direction: row;\n\t}\n\t\n\t.layout-text-boxes .layout-content-wrapper.vertical-center {\n\t  align-items: center;\n\t}\n\t\n\t.layout-text-boxes .layout-content-wrapper .layout-content-component {\n\t  margin: 0;\n\t  flex: 1 1 0;\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#content .layout-text-boxes h2 {\n\t  display: flex;\n\t  flex-direction: column;\n\t  gap: 0.1em;\n\t  line-height: 2em;\n\t  margin: 0;\n\t  margin-bottom: 20px;\n\t  color: #fff;\n\t}\n\t\n\t#content .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: 1.6rem;\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  font-size: 20px;\n      line-height: 34px;\n\t  color: #fff;\n\t}\n\t\n\t#content .layout-text-boxes h3.indent-by-header {\n\t  margin-left: 20px;\n\t}\n\t\n\t#content .layout-text-boxes.inverted h3 {\n\t  color: #000;\n\t}\n\t\n\t#content .layout-text-boxes.inverted h3 span.text-indent {\n\t  \/*text-indent: 1em;*\/\n\t  display: block;\n\t}\n\t\n\t\/* IMAGE-CLUSTER *\/\n\t.layout-text-boxes .image-cluster {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: center;\n\t\tgap: 40px;\n\t}\n\t\n\t.layout-text-boxes .image-cluster .image-frame {\n\t\tposition: relative;\n\t\tborder-radius: 20px;\n\t\twidth: 265px;\n\t\theight: 110px;\n\t\tbackground-color: antiquewhite;\n\t}\n\t\n\t#content .layout-text-boxes .image-cluster .image-frame .image-item {\n\t\tposition: absolute;\n\t\tright: -15px;\n\t\tbottom: -10px;\n\t\twidth: 260px;\n\t\tpadding: 14px;\n\t\tbackground-color: #fff;\n\t\tborder-radius: 20px;\n\t\tbox-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);\n\t}\n\t\n\t@media only screen and (max-width: 700px) {\n\t\t.layout-text-boxes .layout-content-wrapper {\n\t\t\tmax-width: 90%;\n\t\t}\n\t\t\n\t\t.layout-text-boxes .layout-content-wrapper.horizontal-flow {\n\t\t\tflex-direction: column;\n\t\t}\n\t}\n\n\t@media only screen and (max-width: 1000px) {\n\t\t.layout-text-boxes .layout-content-wrapper {\n\t\t\tmax-width: unset;\n\t\t}\n\t}\n\t\n\t@media only screen and (max-width: 1660px) {\n\t\t.layout-text-boxes .layout-content-wrapper {\n\t\t\tmax-width: 85%;\n\t\t}\n\n\t\t.layout-text-boxes .image-cluster .image-frame {\n\t\t\twidth: 205px;\n\t\t\theight: 90px;\n\t\t}\n\n\t\t#content .layout-text-boxes .image-cluster .image-frame .image-item {\n\t\t\twidth: 200px;\n\t\t}\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\n\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: 45%;\n\t}\n\n\t.layout-image-peek h2 {\n\t  display: flex;\n\t  flex-direction: column;\n\t  gap: 0.1em;\n\t  line-height: 2em;\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: 1.6rem;\n\t  font-weight: 600;\n\t  font-family:Comfortaa;\n\t}\n\n\t.layout-image-peek h2 .title-sub {\n\t  font-size: 2rem;\n\t  font-weight: 700;\n\t  font-family:Comfortaa;\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: 50%;\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.layout-image-peek.intro-text h2 .title-main {\n\t  font-size: 2rem;\n\t  font-weight: 700;\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 (max-width: 900px) {\n\t\t.layout-image-peek {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 2em;\n\t\t}\n\t\t\n\t\t.layout-image-peek.horizontal-flip .layout-content-wrapper,\n\t\t.layout-image-peek .layout-content-wrapper {\n\t\t\tjustify-content: unset;\n\t\t}\n\t\t\n\t\t.layout-image-peek .layout-content-wrapper .layout-content-component {\n\t\t\tmax-width: 90%;\n\t\t}\n\t\t\n\t\t#content .layout-image-peek.intro-text .peek-image,\n\t\t#content .layout-image-peek.horizontal-flip .peek-image,\n\t\t#content .layout-image-peek .peek-image {\n\t\t\tposition: relative;\n\t\t\ttransform: unset;\n\t\t\tborder-radius: 15px;\n\t\t\tmax-width: unset;\n\t\t\twidth: 80%;\n\t\t\tmargin: 0 auto;\n\t\t}\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 (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\/* LAYOUT-IMAGE-IN-IMAGE *\/\n\t\n\t.layout-image-in-image {\n\t\tposition: relative;\n\t\tpadding: 80px 5vw;\n\t\toverflow: hidden;\n\t\tbackground-color: rgb(0, 0, 0);\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t}\n\t\n\t.layout-image-in-image .layout-content-wrapper {\n\t\tmax-width: 70%;\n\t\tmin-height\n\t\tmargin: 0 auto;\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tbox-shadow: 0px 15px 22.9px rgba(0, 0, 0, 0.38);\n\t\tborder-radius: 40px;\n\t}\n\t\n\t.layout-image-in-image .layout-content-wrapper .layout-content-component {\n\t  margin: 0 20px;\n\t  flex: 1 1 0;\n\t  text-align: center;\n\t}\n\t\n\t.layout-image-in-image .layout-content-wrapper .layout-content-component.text-box {\n\t\tpadding: 33px 44px;\n\t\tgap: 11px;\n\t\tbackground: #FFFFFF;\n\t\tbox-shadow: 0px 15px 22px rgba(0, 0, 0, 0.25);\n\t\tborder-radius: 17px;\n\t\ttext-align: left;\n\t}\n\t\n\t#content .layout-image-in-image .layout-content-wrapper .layout-content-component img {\n\t  max-width: 40%;\n\t  margin: 4em 0;\n\t}\n\t\n\t.layout-image-in-image .layout-content-wrapper .layout-content-component.offset-left {\n\t\tmargin: 60px 0;\n\t\tmargin-left: -60px;\n\t}\n\t\n\t.layout-image-in-image 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-in-image 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}\n\t\n\t#content .layout-image-in-image h3 {\n\t  font-weight:initial;\n\t  font-size: 20px;\n      line-height: 32px;\n\t}\n\t\n\t@media only screen and (max-width: 900px) {\n\t\t.layout-image-in-image .layout-content-wrapper {\n\t\t\tflex-direction: column;\n\t\t}\n\t\t\n\t\t.layout-image-in-image .layout-content-wrapper .layout-content-component.offset-left {\n\t\t\tmargin-right: -60px;\n\t\t}\n\t}\n\t\n\t\n\t\/* Base content *\/\n\t\n\t#content .section-dashboard .rounded-button {\n\t\tfont-size: 22px;\n\t\tcolor: #fff;\n\t\ttext-decoration: none;\n\t\tdisplay: inline-block;\n\t\tcursor: pointer;\n\t\tmax-width: 100%;\n\t\tbox-sizing: border-box;\n\t\tpadding: 10px 30px;\n\t\tbackground: linear-gradient(90deg, #FF795E 0%, #F64E6E 60.5%);\n\t\tborder-radius: 50px;\n\t\twidth: fit-content;\n\t\tmargin-top: 0.6em;\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\n  <\/style>\n  \n\t<!-- HEADER -->\n\t<div class=\"section-dashboard layout-header-main\">\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\">Vizzits Nya Dashboard<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h3>\n\t\t\t\t\t<span class=\"title-sub\">Laddad med smarta funktioner som g\u00f6r arbetet med din webbplats enklare och mer kraftfullt.<\/span>\n\t\t\t\t<\/h3>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<!-- \/HEADER -->\n  \n\t<!-- INTRO -->\n\t<!--<div class=\"section-dashboard layout-text-boxes inverted\" style=\"background-color: #fff;\">\n\t\t<div class=\"layout-content-wrapper horizontal-flow vertical-center\">\n\t\t\t<div class=\"layout-content-component\">\n\t\t\t\t<img class=\"peek-image\" src=\"\/h\/wp-content\/uploads\/2026\/01\/vizzit.about_.tool_.png\" alt=\"Peek Image\">\n\t\t\t<\/div>\n\t\t\t<div class=\"layout-content-component\" style=\"flex: 2;\">\n\t\t\t\t<h2>\n\t\t\t\t\t<span class=\"title-main\">Vad erbjuder Vizzit?<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<div class=\"main-text\" style=\"display: flex;flex-direction: row; gap: 3em;\">\n\t\t\t\t\t<h3 style=\"flex: 1;\">\n\t\t\t\t\t\tVizzit - erbjuder verktyg f\u00f6r underh\u00e5ll och statistik f\u00f6r alla typer av webbplatser, med fokus p\u00e5 anv\u00e4ndarv\u00e4nlighet och enkelhet. H\u00e4r hittar du unika funktioner och rapporter du inte hittar i andra verktyg. Med hj\u00e4lp av Vizzit blir jobbet b\u00e5de l\u00e4ttare och roligare i uppf\u00f6ljningen och underh\u00e5llet av din webbplats.&nbsp;\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<h3 style=\"flex: 1;\">\n\t\t\t\t\t\tJobbet blir b\u00e5de l\u00e4ttare och roligare i uppf\u00f6ljningen och underh\u00e5llet av din webbplats.\u2028\u2028Vizzit - Make your website happy!\n\t\t\t\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>-->\n\t<!-- \/INTRO -->\n\t\n\t<!-- INTRO TEST -->\n\t<div class=\"section-dashboard layout-image-peek horizontal-flip intro-text\" style=\"background-color: #fff;\">\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\">Vad erbjuder Vizzit?<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<div class=\"main-text\">\n\t\t\t\t\t<h3>\n\t\t\t\t\t\tVizzit &#8211; erbjuder verktyg f\u00f6r underh\u00e5ll och statistik f\u00f6r alla typer av webbplatser, med fokus p\u00e5 anv\u00e4ndarv\u00e4nlighet och enkelhet. H\u00e4r hittar du unika funktioner och rapporter du inte hittar i andra verktyg. Med hj\u00e4lp av Vizzit blir jobbet b\u00e5de l\u00e4ttare och roligare i uppf\u00f6ljningen och underh\u00e5llet av din webbplats.&nbsp;\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<h3>\n\t\t\t\t\t\tJobbet blir b\u00e5de l\u00e4ttare och roligare i uppf\u00f6ljningen och underh\u00e5llet av din webbplats.\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<h3 style=\"font-style: italic;\">\n\t\t\t\t\t\tVizzit &#8211; Make your website happy!\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\/vizzit.about_.tool_.png\" alt=\"Peek Image\">\n\t<\/div>\n\t<!-- \/INTRO TEST -->\n\t\n\t<!-- ROLE BASED TOOLS -->\n\t<div class=\"section-dashboard layout-text-boxes inverted\" style=\"background-color: #F5F5F7;\">\n\t\t<div class=\"layout-content-wrapper horizontal-flow\">\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\">Vizzits nya dashboard<\/span>\n\t\t\t\t\t<span class=\"title-sub\">\u2013 laddad med en m\u00e4ngd nyheter<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h3 class=\"indent-by-header\">\n\t\t\t\t\tMed ny design och ett arbetss\u00e4tt, byggt p\u00e5 principen \u2028\u201cOne stop shop\u201d har du det mesta samlat p\u00e5 ett st\u00e4lle. \u2028F\u00e4rre klick, tydligare fl\u00f6den och en m\u00e4ngd nya smarta funktioner \u2028g\u00f6r jobbet snabbare, enklare och mer intuitivt.\n\t\t\t\t<\/h3>\n\t\t\t<\/div>\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 rollbaserade verktyg<\/span>\n\t\t\t\t\t<span class=\"title-sub\">\u2013 f\u00f6rdela jobbet till r\u00e4tt person<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h3 class=\"indent-by-header\">\n\t\t\t\t\tDen nya Dashboarden \u00e4r, precis som tidigare, uppdelad i tv\u00e5 vyer:<br>\n\t\t\t\t\t<span class=\"text-indent\"><span style=\"font-style: italic;\">Mina sidor<\/span> \u2013 f\u00f6r redakt\u00f6rer och inneh\u00e5llsansvariga som hanterar \u2028ett begr\u00e4nsat antal sidor eller ett specifikt omr\u00e5de.<\/span><br>\n\t\t\t\t\t<span class=\"text-indent\"><span style=\"font-style: italic;\">Hela webbplatsen<\/span> \u2013 f\u00f6r webbansvariga med det \u00f6vergripande ansvaret och behov av en samlad \u00f6verblick.<\/span><br>\n\t\t\t\t\t<span class=\"text-indent\">Den tydliga uppdelningen g\u00f6r b\u00e5de underh\u00e5ll och analys av webbplatsen enklare, snabbare och mer effektiv f\u00f6r varje anv\u00e4ndare.<\/span>\n\t\t\t\t<\/h3>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<!-- \/ROLE BASED TOOLS -->\n\t\n\t<!-- MY PAGES -->\n\t<div class=\"section-dashboard layout-image-peek\" style=\"background-image: url(\/h\/wp-content\/uploads\/2026\/01\/gerbera-9665515_1920_edit2.jpg); background-position-y: center;\">\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\">Dashboard<\/span>\n\t\t\t\t\t<span class=\"title-sub\"> &#8211; Mina sidor<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h3>\n\t\t\t\t\tH\u00e4r har vi samlat de viktigaste rapporterna, f\u00f6r dig som redakt\u00f6r eller inneh\u00e5llsansvarig, f\u00f6r det dagliga arbetet med dina bevakade sidor. \n\t\t\t\t<\/h3>\n\t\t\t\t<h3>\n\t\t\t\t\t<a href=\"\/h\/produkter\/#minasidor\">\n\t\t\t\t\t\t<div class=\"rounded-button\" style=\"background: linear-gradient(90deg, #1ACEF6 0%, #00a9ce 60.5%);\">\n\t\t\t\t\t\t\tL\u00e4s mer\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/h3>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<img class=\"peek-image glow-more\" src=\"\/h\/wp-content\/uploads\/2026\/01\/dashboard.my_.version.20260113-scaled.jpg\" alt=\"Peek Image\">\n\t<\/div>\n\t<!-- \/MY PAGES -->\n\t\n\t<!-- HELA WEBBPLATSEN -->\n\t<div class=\"section-dashboard layout-image-peek horizontal-flip\" style=\"background: radial-gradient(36.07% 121.29% at 58.62% 55.21%, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 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<h2>\n\t\t\t\t\t<span class=\"title-main\">Dashboard<\/span>\n\t\t\t\t\t<span class=\"title-sub\"> &#8211; Hela webbplatsen<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h3>\n\t\t\t\t\tF\u00f6r dig som webbansvarig har vi samlat de viktigaste rapporterna f\u00f6r att ge en tydlig \u00f6verblick \u00f6ver webbplatsen (m\u00e5ende, status, utveckling). Vad beh\u00f6ver \u00e5tg\u00e4rdas? Smarta statistikrapporter. Hur fungerar arbetet?\n\t\t\t\t<\/h3>\n\t\t\t\t<h3>\n\t\t\t\t\t<a href=\"\/h\/produkter\/#helawebbplatsen\">\n\t\t\t\t\t\t<div class=\"rounded-button\">\n\t\t\t\t\t\t\tL\u00e4s mer\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/h3>\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\/dashboard.all_.version.20260113-scaled.jpg\" alt=\"Peek Image\">\n\t<\/div>\n\t<!-- \/HELA WEBBPLATSEN -->\n\t\n\t<!-- SDG -->\n\t<div class=\"section-dashboard layout-text-boxes inverted\" style=\"background-color: #fff;\">\n\t\t<div class=\"layout-content-wrapper horizontal-flow vertical-center\">\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\">Automatiserad SDG Rapportering<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h3>\n\t\t\t\t\t\u00c4r er organisation en av dem som omfattas av kraven att leverera in data\/statistik f\u00f6r sidor som ber\u00f6rs av SDG f\u00f6rordningen?<br>\n\t\t\t\t\tD\u00e5 har Vizzit ett enkelt och automatiserat&nbsp;st\u00f6d f\u00f6r att l\u00f6sa uppgiften \u00e5t er.\n\t\t\t\t<\/h3>\n\t\t\t\t<a href=\"\/h\/sdg\/\">\n\t\t\t\t\t<div class=\"rounded-button\">\n\t\t\t\t\t\tL\u00e4s mer om SDG\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"layout-content-component\" style=\"flex: 2;\">\n\t\t\t\t<img class=\"peek-image\" src=\"\/h\/wp-content\/uploads\/2026\/01\/SDG-example.png\" alt=\"Peek Image\">\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<!-- \/SDG -->\n\t\n\t<!-- GDPR -->\n\t<div class=\"section-dashboard layout-image-in-image inverted\" style=\"background-color: #F5F5F7;\">\n\t\t<div class=\"layout-content-wrapper horizontal-flow vertical-center\" style=\"background-image: url(\/h\/wp-content\/uploads\/2025\/11\/drip-1972411_1920.jpg); background-position-y: center;\">\n\t\t\t<div class=\"layout-content-component text-box offset-left\">\n\t\t\t\t<h2>\n\t\t\t\t\t<span class=\"title-main\">S\u00e5 hanterar Vizzit insamlad data<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h3>\n\t\t\t\t\tVizzit v\u00e4rnar om allas r\u00e4tt till personlig integritet.<br>\n\t\t\t\t\tKlicka h\u00e4r om du vill veta mer om hur vi behandlar insamlad data.\n\t\t\t\t<\/h3>\n\t\t\t\t<a href=\"\/h\/integritetspolicy\/\">\n\t\t\t\t\t<div class=\"rounded-button\">\n\t\t\t\t\t\tL\u00e4s mer om GDPR\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"layout-content-component\">\n\t\t\t\t<img class=\"\" src=\"\/h\/wp-content\/uploads\/2026\/01\/Data-Lock-Icon.png\" alt=\"\">\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<!-- \/GDPR -->\n\t\n\t<!-- CMS -->\n\t<div class=\"section-dashboard layout-text-boxes inverted\" style=\"background-color: #fff;\">\n\t\t<div class=\"layout-content-wrapper horizontal-flow vertical-center\" style=\"gap: 5em;\">\n\t\t\t<div class=\"layout-content-component image-cluster\" style=\"flex: 1.5;\">\n\t\t\t\t<div class=\"image-frame\" style=\"background-color: #861DFF;\">\n\t\t\t\t\t<img class=\"image-item\" src=\"\/h\/wp-content\/uploads\/2025\/03\/partner.optimizely.png\" alt=\"Optimizely\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"image-frame\" style=\"background-color: #18959C;\">\n\t\t\t\t\t<img class=\"image-item\" src=\"\/h\/wp-content\/uploads\/2025\/03\/partner.sharepoint.png\" alt=\"\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"image-frame\" style=\"background-color: #FFC61D;\">\n\t\t\t\t\t<img class=\"image-item\" src=\"\/h\/wp-content\/uploads\/2016\/08\/partner.sitevision.jpg\" alt=\"\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"image-frame\" style=\"background-color: #464342;\">\n\t\t\t\t\t<img class=\"image-item\" src=\"\/h\/wp-content\/uploads\/2016\/08\/partner.wordpress.png\" alt=\"\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"image-frame\" style=\"background-color: #283A97;\">\n\t\t\t\t\t<img class=\"image-item\" src=\"\/h\/wp-content\/uploads\/2025\/03\/umbraco.png\" alt=\"\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\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\">CMS-integration<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h3>\n\t\t\t\t\tVizzit st\u00f6djer de vanligaste CMS-verktygen p\u00e5 marknaden. Tack vare v\u00e5ra moduler f\u00f6r respektive CMS f\u00e5r ni tillg\u00e5ng till alla smarta funktioner och verktyg som vi erbjuder.\n\t\t\t\t\t\n\t\t\t\t<\/h3>\n\t\t\t\t<h3>\n\t\t\t\t\tOm ni anv\u00e4nder ett CMS som vi i dagsl\u00e4get saknar modul f\u00f6r kan ni fortfarande anv\u00e4nda Vizzits verktyg, men med vissa begr\u00e4nsningar. Merparten av funktionerna kan ni \u00e4nd\u00e5 dra nytta av.\n\t\t\t\t<\/h3>\n\t\t\t\t<h3>\n\t\t\t\t\tVill ni veta mer \u00e4r ni varmt v\u00e4lkomna att h\u00f6ra av er, s\u00e5 ber\u00e4ttar vi g\u00e4rna mer.\n\t\t\t\t<\/h3>\n\t\t\t\t<a href=\"\/h\/cms-integration\/\">\n\t\t\t\t\t<div class=\"rounded-button\">\n\t\t\t\t\t\tL\u00e4s mer\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<!-- \/CMS -->\n","protected":false},"excerpt":{"rendered":"<p>Vizzits Nya Dashboard Laddad med smarta funktioner som g\u00f6r arbetet med din webbplats enklare och mer kraftfullt. Vad erbjuder Vizzit? Vizzit &#8211; erbjuder verktyg f\u00f6r underh\u00e5ll och statistik f\u00f6r alla typer av webbplatser, med fokus p\u00e5 anv\u00e4ndarv\u00e4nlighet och enkelhet. H\u00e4r &hellip; <a href=\"https:\/\/www.vizzit.se\/h\/sv\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":14,"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\/51"}],"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=51"}],"version-history":[{"count":258,"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":25189,"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/pages\/51\/revisions\/25189"}],"wp:attachment":[{"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/media?parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}