1<!DOCTYPE html> 2<html lang="no"> 3<head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 7 <meta name="bloc:page-id" content="89036" /> 8 <title>Personvernregler</title> 9 <link rel="shortcut icon" href="/next/favicons/200000195/8642/2025/3/4/f21a0d50-a744-4ec6-a6ee-6eb424dc6712.png" type="image/x-icon" />
10<script> 11 (function () { 12 var site = {"site":{"siteId":8642,"nifOrgSyncActive":false,"orgId":0,"federationId":0,"applicationId":200000195,"applicationLogo":"https://cdn-bloc.no/background/200000195/394/2018/10/9/idrettenonline-logo.png","siteProfileUserId":1103885575,"siteProfileUserName":"bloc.no","sitename":"bloc.no","domain":"www.bloc.no","mainSite":{"siteId":8642,"nifOrgSyncActive":false,"orgId":0,"federationId":0,"applicationId":200000195,"applicationLogo":null,"siteProfileUserId":1103885575,"siteProfileUserName":"bloc.no","sitename":"bloc.no","domain":"www.bloc.no","mainSite":null}},"mininetwork":{"siteId":8642,"miniNetworkId":0,"miniNetworkTitle":"","domain":"www.bloc.no","userId":1103885575,"mainSiteId":0,"siteIdForMemberDetails":0,"siteIdForEconomy":0},"isoCode":"nb-no","updateTime":"2026-10-01T17:55:01.8661029+02:00","dateFormat":"dd.mm.yy","webApiEndpoint":"https://webapi.webfarm3.bloc.no"}; 13 var siteContext = {"site":{"siteId":8642,"nifOrgSyncActive":false,"orgId":0,"federationId":0,"applicationId":200000195,"applicationLogo":"https://cdn-bloc.no/background/200000195/394/2018/10/9/idrettenonline-logo.png","siteProfileUserId":1103885575,"siteProfileUserName":"bloc.no","sitename":"bloc.no","domain":"www.bloc.no","mainSite":{"siteId":8642,"nifOrgSyncActive":false,"orgId":0,"federationId":0,"applicationId":200000195,"applicationLogo":null,"siteProfileUserId":1103885575,"siteProfileUserName":"bloc.no","sitename":"bloc.no","domain":"www.bloc.no","mainSite":null}},"mininetwork":{"siteId":8642,"miniNetworkId":0,"miniNetworkTitle":"","domain":"www.bloc.no","userId":1103885575,"mainSiteId":0,"siteIdForMemberDetails":0,"siteIdForEconomy":0},"isoCode":"nb-no","updateTime":"2026-10-01T17:55:01.8661029+02:00","dateFormat":"dd.mm.yy","webApiEndpoint":"https://webapi.webfarm3.bloc.no"}; 14 var userContext = {"mainProfile":{"userId":0,"guid":"","username":"","firstname":"","lastname":"","sex":0,"image":"","profileTypeId":0,"ParentUserId":null,"isPrimaryAccount":false,"groupSiteId":0,"isfollowing":false},"currentProfile":{"userId":0,"guid":"","username":"","firstname":"","lastname":"","sex":0,"image":"","profileTypeId":0,"ParentUserId":null,"isPrimaryAccount":false,"groupSiteId":0,"isfollowing":false},"accountId":0,"email":"","isWebmaster":false,"isPublisher":false,"isDevAdmin":false,"isNetworkAdmin":false,"isGroupLeader":false,"updateTime":"2026-10-01T17:55:01.8661694+02:00"}; 15 var themeCollectionContext = {"id":0,"name":null,"thumbnail":null,"header":{"id":182,"lastModified":"2025-03-04T15:20:23.795116Z","title":"Idretten Online - Rød","favIcon":"/next/files/favicon/200000195/8642/2025/3/4/f21a0d50-a744-4ec6-a6ee-6eb424dc6712.png","siteId":394,"image":"https://cdn-bloc.no/files/SiteID/500/menutemplate/rod.png","updateTime":"0001-01-01T00:00:00","css":"","creator":null,"isPublic":false,"about":"I don't speak Norwegian. Please ask the Norwegian for a description in the \"snörk\" language."},"logo":{"lastModified":"2025-03-04T13:44:23.844749Z","fileName":"","uploadTime":"2015-04-08T12:02:59.4437214+02:00","imageWidth":1024,"imageHeight":159,"logoTopPosition":58,"logoLeftPosition":235,"logoMarginBottom":0,"logoCustomWidth":0,"logoCustomHeight":0,"containerHeight":179,"containerWidth":984,"logoVisibility":"always","disabled":true,"wrapperW
15idth":"984px","wrapperBackgroundColor":"","url":"/","wrapperMarginLeft":"0px","wrapperMarginRight":"0px","wrapperMarginTop":"0px","wrapperMarginBottom":"0px","wrapperBackgroundImage":"","wrapperBackgroundThemePosition":"","wrapperBackgroundThemeRepeat":"","wrapperBackgroundThemeFixedImage":"","wrapperBackgroundThemeSize":""},"background":{"id":7,"lastModified":"2025-04-23T12:09:02.0800854Z","categoryId":3,"title":"IO Poly White","backgroundThemefile":"","backgroundThemeRepeat":"no-repeat","backgroundThemeColor":"rgb(255, 255, 255)","backgroundThemeFixedImage":"scroll","backgroundThemePosition":null,"backgroundThemeSize":"auto"},"widgetAppearance":{"id":0,"lastModified":"2025-03-04T13:44:24.1301847Z","name":null,"enableWidgetAppearanceBorderRadius":false,"contentBorderColor":"#ffffff","contentFontColor":"#000000","contentBorderWidth":"0","contentBgColor":"#ffffff","paddingTop":"0px","paddingBottom":"0px","paddingLeft":"0px","paddingRight":"0px","wbgcolor":"#ffffff","wBoxedBorderColor":"#ebebeb","wHeaderBgColor":"rgb(246, 246, 246)","wBaseFontColor":"#000000","wHeaderFontColor":"rgb(0, 0, 0)","wHeaderTextAlign":"left","wCornerRadius":"2px","contentBorderRadius":"0px","wHeaderFontSize":"15px","wHeaderFontSizeValue":15,"wHeaderFontWeight":"bold","wHeaderFontFamily":"","wHeaderLinkColor":"rgb(0, 0, 0)","wHeaderPadding":"10px","headerPaddingTop":"10px","headerPaddingRight":"10px","headerPaddingBottom":"10px","headerPaddingLeft":"10px","wContentPadding":"10px","contentPaddingTop":"10px","contentPaddingBottom":"10px","contentPaddingLeft":"10px","contentPaddingRight":"10px","wBoxedBorderWidth":"1px","wBoxedBorderStyle":"solid","wHeaderBorderWidth":"0","wHeaderBorderStyle":"initial","wHeaderBorderColor":"#ebebeb","wContentBorderWidth":"0","wContentBorderStyle":"initial","wContentBorderColor":"#ebebeb","siteLinkColor":"rgb(11, 86, 165)","siteLinkHoverColor":"rgb(11, 86, 165)","siteLinkActiveColor":"rgb(11, 86, 165)","siteLinkVisitedColor":"rgb(11, 86, 165)"},"font":{"lastModified":"2025-03-04T13:44:24.4306624Z","headingTextTransform":"none","headingFontColor":"","baseFontStyle":"normal","baseFontSize":"18px","baseFontFamily":"'Poppins', sans-serif;","baseFontSizeValue":14,"baseFontColor":"#000000","baseFontWeigthForJson":"normal","headingFontFamilyJson":"'Poppins', sans-serif;","headingFontStyleJson":"normal","headingFontWeightJson":"600","fontLineHeightJson":"1.3","headingLineHeight":"1.1","headingLetterSpacing":"","baseFontLetterSpacing":"normal"},"form":{"lastModified":"2025-03-04T13:44:26.2551585Z","enableFormControlBorderRadius":false,"smallFormControlBorderRadius":"0px","defaultFormControlBorderRadius":"0px","largeFormControlBorderRadius":"0px"},"navigation":{"lastModified":"2025-04-23T11:26:03.9341399Z","templateId":0,"height":"","fontWeight":"500","borderRadius":"0px 0px 0px 0px","borderTopLeftRadius":"0px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px","borderBottomLeftRadius":"0px","submenuWidth":"0","navOutherWidth":"100%","navInnerWidth":"1270px","width":"","logoImage":"https://cdn-bloc.no/background/200000357/8587/2025/3/4/638766919165997971logo.png","mobileLogoImage":"","logoImageHeight":"80px","placementPosition":"belowLogoContainer","paddingLeft":"0px","paddingRight":"0px","paddingTop":"40px","paddingBottom":"40px","marginLeft":"20px","marginRight":"0px","marginTop":"0px","marginBottom":"0px","navOuterMarginTop":"0px","navOuterMarginRight":"0px","navOuterMarginBottom":"0px","navOuterMarginLeft":"0px","color":"","background":"rgb(255, 255, 255)","border":"rgba(255, 255, 255, 0)","linkColor":"rgb(68, 68, 68)","linkHoverColor":"rgb(233, 32, 39)","linkHoverBackground":"rgba(255, 255, 255, 0)","linkActiveColor":"rgb(233, 32, 39)","linkActiveBackground":"rgba(255, 255, 255, 0)","linkDisabledColor":"","linkDisabledBackground":"","brandColor":"","brandHoverColor":"","brandHoverBackground":"","brandText":"","brandVisibility":"always","brandUrl":"","brandMargins":"10px 10px 10px 10px","mobileBrandMargins":"10px 0px 10px 10px","toggleHoverBackground":"","toggleIconBarBackgroun
15d":"","toggleBorderColor":"","alwaysUseToggler":false,"borderWidth":"0px","fontFamily":"'Poppins', sans-serif;","textTransform":"none","backgroundImage":"","fontSize":"18px","textAlignment":"right","stickyTop":false},"style":{"id":0,"lastModified":"2025-03-04T13:44:25.023104Z","name":null,"sex0":"rgb(11, 86, 165)","sex1":"rgb(11, 86, 165)","sex2":"rgb(11, 86, 165)","borderRadiusBase":"4px","borderRadiusSmall":"3px","borderRadiusLarge":"6px","linkColor":"rgb(11, 86, 165)","linkHoverColor":"rgb(11, 86, 165)","linkActiveColor":"rgb(11, 86, 165)","linkVisitedColor":"rgb(11, 86, 165)"},"canvas":{"id":0,"lastModified":"2025-03-04T13:44:25.3266081Z","logoContainerSize":"984px","navContainerSize":"984px","contentSize":"1270px","contentBackgroundColor":"Transparent","contentMarginTop":"0px","contentMarginBottom":"0px","contentPaddingTop":"16px","contentPaddingBottom":"16px","contentPaddingLeft":"16px","contentPaddingRight":"16px","sectionPaddingTop":"16px","sectionPaddingBottom":"0px","sectionPaddingLeft":"16px","sectionPaddingRight":"16px","columnPaddingTop":"0","columnPaddingBottom":"0","columnPaddingLeft":"8","columnPaddingRight":"8","logoContainerFloat":"none","navContainerFloat":"none","contentFloat":"none"},"buttons":{"id":0,"lastModified":"2025-03-04T13:44:25.6448081Z","name":null,"defaultButtonBackgroundColor":"rgba(255, 255, 255, 0)","defaultButtonTextColor":"rgb(11, 86, 165)","defaultButtonBorderColor":"rgb(11, 86, 165)","primaryButtonBorderColor":"rgb(11, 86, 165)","primaryButtonBackgroundColor":"rgb(11, 86, 165)","primaryButtonTextColor":"#ffffff","dangerButtonBackgroundColor":"#d9534f","dangerButtonTextColor":"#ffffff","dangerButtonBorderColor":"#d43f3a","successButtonBackgroundColor":"#5cb85c","successButtonTextColor":"#ffffff","successButtonBorderColor":"#4cae4c","defaultButtonBorderWidth":"1px","defaultButtonBorderRadius":"4px","successButtonBorderRadius":"4px","successButtonBorderWidth":"1px","primaryButtonBorderRadius":"4px","primaryButtonBorderWidth":"1px","warningButtonBackgroundColor":"#f0ad4e","warningButtonBorderColor":"#eea236","warningButtonBorderRadius":"4px","warningButtonBorderWidth":"1px","warningButtonTextColor":"#ffffff","dangerButtonBorderRadius":"4px","dangerButtonBorderWidth":"1px","infoButtonBackgroundColor":"#5bc0de","infoButtonBorderColor":"#46b8da","infoButtonBorderRadius":"4px","infoButtonBorderWidth":"1px","infoButtonTextColor":"#ffffff"},"topbar":{"lastModified":"2025-03-04T13:44:25.9452928Z","topbarExtendedMenuJson":null,"topbarExtendedMenuIsEnabled":false,"topbarExtendedMenuTitle":null,"topbarTemplate":"Minimal","displayTopbarComponent":"true","displayLanguagePicker":true,"displaySignup":false,"displaySignin":false,"displaySearch":true,"displayFAQ":false,"displaySearchForAdministrators":true,"displayNetworkMenu":true,"displayPublishingToolV2":0,"displayPublishingTool":true,"displayMessageIcon":true,"displayActionsToggler":false,"displayAdminModusTool":true,"actionsDesktopPlacement":"fixed","inheritNavigationColors":false,"networkMenuTitle":"","logo":"","logoLink":"","faqLink":"/help/faq/overview","hideOnScroll":false,"backgroundColor":"rgb(255, 255, 255)","backgroundHoverColor":"rgb(255, 255, 255)","linkColor":"rgb(108, 108, 108)","linkHoverColor":"rgb(0, 0, 0)","borderColor":"rgb(233, 233, 233)"},"footer":{"id":0,"lastModified":"2025-03-04T13:44:55.3192949Z","name":null,"imagePath":null,"widgetPageFooterPageId":89039,"footerCode":"","footerPoweredByBloc":true,"footerLinkFontSize":"14px","footerLinkFontWeight":"bold","footerLinkColor":"white","footerPadding":"0","footerBackgroundColor":"Transparent","footerTextColor":"white"},"frontpage":{"type":1,"pageId":89041,"url":"/next/p/89041/hjem","newsFeedAsFrontpageForSignedInUsers":false},"settings":{"siteHasPOSModule":false,"siteHasWebsiteModule":true,"siteHasFileArchive":true,"siteHasEventModule":true,"siteHasStatsModule":true,"siteHasMemberAdministrationModule":true,"siteHasNewsletter":true,"siteHasBannerAdsFromNetwork":0,"websiteIsOnline":true,"googleTag":"AW-18139431181","microsoftClarityCode":"wu1pwbqmy1","googleAnalyticsTrackId":"1234","googleAnalyticsTrackIdV4":"","facebookPixelId":"1024804237873296","openAiPixelId":"Bmatn4WFSmXefKfy9e6N2Q","twitterShareBtn":false,"noRobots":false,"robotTxtInfoSiteMapJson":"{\"siteMapForWidgetPages\":true,\"siteMapForEvents\":true,\"siteMapForClassifieds\":true,\"siteMapForBlogPosts\":true,\"siteMapForForum\":true,\"RobotsTxt\":\"\"}","signinRule_UrlToView":null,"paymentPackage":"Basic","signInRule_WhoCanSignIn":0,"signInRule_FacebookLogin":0,"signInRule_WithBankId":0,"signUpRule_WhoCanSignUp":0,"signupRule_SignupWithFacebook":0,"mainCompetitionId":0,"pluginNewsletterPopupIsActive":null},"bootstrap":{"screen_xs_min":"480px","screen_sm_min":"768px","screen_md_min":"992px","screen_lg_min":"1200px","screen_lg_max":"2048","screen_xs_max":"767px","screen_sm_max":"991px","screen_md_max":"1199px"},"localization":{"isocode":"nb-no","languageId":4,"googleTranslateISO":"no","winCode":"NO","macCode":"no_NB","htmlLang":"no","froalaLangCode":"nb","ll_CC":"nb_NO","backuplanguage":"en-us","languageName":"Norwegian","flag":"flags/no.gif","nativeName":"Bokmål","timeZone":"W. Europe Standard Time"},"customHTML":{"headHtml":"","bodyData":"","footerData":""},"websiteArticleSettings":{"displayRightColMyLastPost":true,"displayRightColArticleCategories":true,"displayRightColArticlePostSortedByYear":true}}; 16 17 function createProtectedProxy(obj) { 18 return new Proxy(obj, { 19 set(target, key, value) { 20 const error = new Error(); 21 const stackTrace = error.stack || ''; 22 console.warn(`Attempted to set ${key} to ${value}. Stack trace:\n${stackTrace}`); 23 return true; 24 }, 25 }); 26 } 27 28 window.safeProxy = new Proxy({ 29 Site: createProtectedProxy(site), 30 SiteContext: createProtectedProxy(siteContext), 31 UserContext: createProtectedProxy(userContext), 32 ThemeCollectionContext: createProtectedProxy(themeCollectionContext) 33 }, { 34 set(target, key, value) { 35 if (key === 'Site' || key === 'SiteContext' || key === 'UserContext' || key === 'ThemeCollectionContext') { 36 console.log(`Attempted to set ${key} to ${value}`); 37 return true; 38 } 39 target[key] = value; 40 return true; 41 }, 42 }); 43 44 window.Site = window.safeProxy.Site; 45 window.SiteContext = window.safeProxy.SiteContext; 46 window.UserContext = window.safeProxy.UserContext; 47 window.ThemeCollectionContext = window.safeProxy.ThemeCollectionContext; 48 })(); 49</script>
49 50 <style id="server-theme-vars"> 51:root { 52 --theme-base-border-radius: 4px; 53 --theme-large-border-radius: 6px; 54 --theme-small-border-radius: 3px; 55} 56:root { 57 --theme-site-container-background-color: #ffffff; 58 --theme-canvas-nav-container-float: none; 59 --theme-content-size: 1270px; 60 --theme-content-float: none; 61 --theme-content-padding-top: 16px; 62 --theme-content-padding-left: 16px; 63 --theme-content-padding-right: 16px; 64 --theme-content-padding-bottom: 16px; 65 --theme-content-background-color: Transparent; 66} 67@layer base { 68:root { 69 --theme-link-color: rgb(11, 86, 165); 70 --theme-link-hover-color: rgb(11, 86, 165); 71 --theme-link-active-color: rgb(11, 86, 165); 72 --theme-link-visited-color: rgb(11, 86, 165); 73 --theme-link-hover-decoration: none; 74 --theme-link-undefined-gender-color: rgb(11, 86, 165); 75 --theme-link-male-color: rgb(11, 86, 165); 76 --theme-link-female-color: rgb(11, 86, 165); 77} 78} 79@layer components { 80:root { 81 --theme-link-undefined-gender-color: rgb(11, 86, 165); 82 --theme-link-male-color: rgb(11, 86, 165); 83 --theme-link-female-color: rgb(11, 86, 165); 84} 85} 86#logoWrapper { 87 --theme-logo-wrapper-width: 984px; 88 --theme-logo-wrapper-margin-right: 0px; 89 --theme-logo-wrapper-margin-left: 0px; 90 --theme-logo-wrapper-margin-top: 0px; 91 --theme-logo-wrapper-margin-bottom: 0px; 92 --theme-logo-logo-container-float: none; 93 --theme-logo-container-width: 984px; 94 --theme-logo-container-height: 179px; 95} 96:root { 97 --theme-buttons-default-text-color: rgb(11, 86, 165); 98 --theme-buttons-default-background-color: rgba(255, 255, 255, 0); 99 --theme-buttons-default-border-color: rgb(11, 86, 165); 100 --theme-buttons-primary-text-color: #ffffff; 101 --theme-buttons-primary-background-color: rgb(11, 86, 165); 102 --theme-buttons-primary-border-color: rgb(11, 86, 165); 103 --theme-buttons-success-text-color: #ffffff; 104 --theme-buttons-success-background-color: #5cb85c; 105 --theme-buttons-success-border-color: #4cae4c; 106 --theme-buttons-info-text-color: #ffffff; 107 --theme-buttons-info-background-color: #5bc0de; 108 --theme-buttons-info-border-color: #46b8da; 109 --theme-buttons-warning-text-color: #ffffff; 110 --theme-buttons-warning-background-color: #f0ad4e; 111 --theme-buttons-warning-border-color: #eea236; 112 --theme-buttons-danger-text-color: #ffffff; 113 --theme-buttons-danger-background-color: #d9534f; 114 --theme-buttons-danger-border-color: #d43f3a; 115} 116:root { 117 --theme-widget-base-font-color: #000000; 118} 119:root { 120 --theme-base-font-family: 'Poppins', 'Poppins Fallback', sans-serif; 121 --theme-base-font-size: 18px; 122 --theme-base-font-size-value: 14; 123 --theme-base-font-style: normal; 124 --theme-base-font-weight: normal; 125 --theme-base-font-line-height: 1.3; 126 --theme-base-font-letter-spacing: normal; 127 --theme-base-font-color: #000000; 128 --theme-heading-font-style: normal; 129 --theme-heading-font-family: 'Poppins', 'Poppins Fallback', sans-serif;; 130 --theme-heading-font-weight: 600; 131 --theme-heading-text-transform: none; 132 --theme-heading-line-height: 1.1; 133} 134:root { 135 --theme-widget-border-radius: 2px; 136 --theme-widget-bg-color: #ffffff; 137 --theme-widget-border-width: 1px; 138 --theme-widget-border-style: solid; 139 --theme-widget-border-color: #ebebeb; 140 --theme-widget-header-font-size: 15px; 141 --theme-widget-header-font-size-value: 15; 142 --theme-widget-header-font-size-rem: calc(var(--theme-widget-header-font-size-value) / var(--theme-base-font-size-value) * 1rem); 143 --theme-widget-header-link-color: rgb(0, 0, 0); 144 --theme-widget-header-padding-top: 10px; 145 --theme-widget-header-padding-right: 10px; 146 --theme-widget-header-padding-bottom: 10px; 147 --theme-widget-header-padding-left: 10px; 148 --theme-widget-header-border-width: 0; 149 --theme-widget-header-border-style: initial; 150 --theme-widget-header-border-color: #ebebeb; 151 --theme-widget-header-bg-color: rgb(246, 246, 246); 152 --theme-widget-header-font-color: rgb(0, 0, 0); 153 --theme-widget-header-text-align: left; 154 --theme-widget-header-font-weight: bold; 155 --theme-widget-content-border-width: 0; 156 --theme-widget-content-border-style: initial; 157 --theme-widget-content-border-color: #ebebeb; 158 --theme-widget-content-padding: 10px; 159 --theme-widget-content-padding-top: 10px; 160 --theme-widget-content-padding-right: 10px; 161 --theme-widget-content-padding-bottom: 10px; 162 --theme-widget-content-padding-left: 10px; 163} 164nav.navbar-minimal, nav.bloc-navbar-bootstrap { 165 --theme-topbar-border-color: rgb(233, 233, 233); 166 --theme-topbar-bg-color: rgb(255, 255, 255); 167 --theme-topbar-bg-hover-color: rgb(255, 255, 255); 168 --theme-topbar-link-color: rgb(108, 108, 108); 169 --theme-topbar-link-hover-color: rgb(0, 0, 0); 170} 171:root {
172 --theme-bg-color: rgb(255, 255, 255); 173} 174 175 </style> 176 <link href="https://www.bloc.no/page/personvernregler" rel="canonical" /> 177 178 <link href="https://fonts.googleapis.com/css?family=Poppins%3anormal%2cbold%2cbolder%2clighter%2c100%2c200%2c300%2c400%2c500%2c600%2c700%2c800%2c900%2c100i%2c200i%2c300i%2c400i%2c500i%2c600i%2c700i%2c800i%2c900i|Poppins%3anormal%2cbold%2cbolder%2clighter%2c100%2c200%2c300%2c400%2c500%2c600%2c700%2c800%2c900%2c100i%2c200i%2c300i%2c400i%2c500i%2c600i%2c700i%2c800i%2c900i|&display=optional" rel="stylesheet" type="text/css" data-families="Poppins"/> 179 180<style> 181 @font-face { 182 font-family: 'Poppins Fallback'; 183 src: local('Arial'); 184 ascent-override: 93.62%; 185 descent-override: 31.21%; 186 line-gap-override: 8.92%; 187 size-adjust: 112.16%; 188 } 189 @font-face { 190 font-family: 'Roboto Fallback'; 191 src: local('Arial'); 192 ascent-override: 92.98%; 193 descent-override: 24.47%; 194 line-gap-override: 0%; 195 size-adjust: 99.78%; 196 } 197 @font-face { 198 font-family: 'Open Sans Fallback'; 199 src: local('Arial'); 200 ascent-override: 101.65%; 201 descent-override: 27.86%; 202 line-gap-override: 0%; 203 size-adjust: 105.15%; 204 } 205 @font-face { 206 font-family: 'Montserrat Fallback'; 207 src: local('Arial'); 208 ascent-override: 85.79%; 209 descent-override: 22.25%; 210 line-gap-override: 0%; 211 size-adjust: 112.83%; 212 } 213 @font-face { 214 font-family: 'Nunito Fallback'; 215 src: local('Arial'); 216 ascent-override: 99.71%; 217 descent-override: 34.82%; 218 line-gap-override: 0%; 219 size-adjust: 101.39%; 220 } 221 @font-face { 222 font-family: 'Inter Fallback'; 223 src: local('Arial'); 224 ascent-override: 90.44%; 225 descent-override: 22.52%; 226 line-gap-override: 0%; 227 size-adjust: 107.12%; 228 } 229 @font-face { 230 font-family: 'Alegreya Fallback'; 231 src: local('Arial'); 232 ascent-override: 110.47%; 233 descent-override: 37.51%; 234 line-gap-override: 0%; 235 size-adjust: 91.97%; 236 } 237 @font-face { 238 font-family: 'Archivo Black Fallback'; 239 src: local('Arial'); 240 ascent-override: 70.78%; 241 descent-override: 16.93%; 242 line-gap-override: 0%; 243 size-adjust: 124.05%; 244 } 245 @font-face { 246 font-family: 'Arvo Fallback'; 247 src: local('Arial'); 248 ascent-override: 87.73%; 249 descent-override: 22.56%; 250 line-gap-override: 2.45%; 251 size-adjust: 109.53%; 252 } 253 @font-face { 254 font-family: 'Asap Fallback'; 255 src: local('Arial'); 256 ascent-override: 94.2%; 257 descent-override: 21.38%; 258 line-gap-override: 0%; 259 size-adjust: 99.15%; 260 } 261 @font-face { 262 font-family: 'Barlow Fallback'; 263 src: local('Arial'); 264 ascent-override: 103.43%; 265 descent-override: 20.69%; 266 line-gap-override: 0%; 267 size-adjust: 96.68%; 268 } 269 @font-face { 270 font-family: 'BioRhyme Fallback'; 271 src: local('Arial'); 272 ascent-override: 93.56%; 273 descent-override: 35.03%; 274 line-gap-override: 0%; 275 size-adjust: 120.46%; 276 } 277 @font-face { 278 font-family: 'Bitter Fallback'; 279 src: local('Arial'); 280 ascent-override: 89.64%; 281 descent-override: 25.41%; 282 line-gap-override: 0%; 283 size-adjust: 104.31%; 284 } 285 @font-face { 286 font-family: 'Cabin Fallback'; 287 src: local('Arial'); 288 ascent-override: 101.94%; 289 descent-override: 26.41%; 290 line-gap-override: 0%; 291 size-adjust: 94.66%; 292 } 293 @font-face { 294 font-family: 'Chivo Fallback'; 295 src: local('Arial'); 296 ascent-override: 87.67%; 297 descent-override: 23.32%; 298 line-gap-override: 0%; 299 size-adjust: 107.22%; 300 } 301 @font-face { 302 font-family: 'Domine Fallback'; 303 src: local('Arial'); 304 ascent-override: 82.73%; 305 descent-override: 22.06%; 306 line-gap-override: 0%; 307 size-adjust: 108.79%; 308 } 309 @font-face { 310 font-family: 'Dosis Fallback'; 311 src: local('Arial'); 312 ascent-override: 121.44%; 313 descent-override: 28.03%; 314 line-gap-override: 0%; 315 size-adjust: 84.57%; 316 } 317 @font-face { 318 font-family: 'Fira Sans Fallback'; 319 src: local('Arial'); 320 ascent-override: 91.01%; 321 descent-override: 25.79%; 322 line-gap-override: 0%; 323 size-adjust: 102.74%; 324 } 325 @font-face { 326 font-family: 'Gochi Hand Fallback'; 327 src: local('Arial'); 328 ascent-override: 82.14%; 329 descent-override: 43.44%; 330 line-gap-override: 0%; 331 size-adjust: 93.87%; 332 } 333 @font-face { 334 font-family: 'Halant Fallback'; 335 src: local('Arial'); 336 ascent-override: 114.5%; 337 descent-override: 51.1%; 338 line-gap-override: 0%; 339 size-adjust: 95.11%; 340 } 341 @font-face { 342 font-family: 'IBM Plex Sans Fallback'; 343 src: local('Arial'); 344 ascent-override: 101.32%; 345 descent-override: 27.18%; 346 line-gap-override: 0%; 347 size-adjust: 101.17%; 348 } 349 @font-face { 350 font-family: 'IBM Plex Serif Fallback'; 351 src: local('Arial'); 352 ascent-override: 96.61%; 353 descent-override: 25.92%;
354 line-gap-override: 0%; 355 size-adjust: 106.1%; 356 } 357 @font-face { 358 font-family: 'Inconsolata Fallback'; 359 src: local('Arial'); 360 ascent-override: 76.59%; 361 descent-override: 16.94%; 362 line-gap-override: 0%; 363 size-adjust: 112.16%; 364 } 365 @font-face { 366 font-family: 'Josefin Sans Fallback'; 367 src: local('Arial'); 368 ascent-override: 73.32%; 369 descent-override: 24.44%; 370 line-gap-override: 0%; 371 size-adjust: 102.29%; 372 } 373 @font-face { 374 font-family: 'Karla Fallback'; 375 src: local('Arial'); 376 ascent-override: 89.55%; 377 descent-override: 24.61%; 378 line-gap-override: 0%; 379 size-adjust: 102.4%; 380 } 381 @font-face { 382 font-family: 'Libre Baskerville Fallback'; 383 src: local('Arial'); 384 ascent-override: 83.64%; 385 descent-override: 23.28%; 386 line-gap-override: 0%; 387 size-adjust: 115.97%; 388 } 389 @font-face { 390 font-family: 'Lora Fallback'; 391 src: local('Arial'); 392 ascent-override: 95.83%; 393 descent-override: 26.1%; 394 line-gap-override: 0%; 395 size-adjust: 104.98%; 396 } 397 @font-face { 398 font-family: 'Maven Pro Fallback'; 399 src: local('Arial'); 400 ascent-override: 93.12%; 401 descent-override: 20.26%; 402 line-gap-override: 0%; 403 size-adjust: 103.63%; 404 } 405 @font-face { 406 font-family: 'Merriweather Fallback'; 407 src: local('Arial'); 408 ascent-override: 90.45%; 409 descent-override: 25.09%; 410 line-gap-override: 0%; 411 size-adjust: 108.79%; 412 } 413 @font-face { 414 font-family: 'Ms Madi Fallback'; 415 src: local('Arial'); 416 ascent-override: 124.99%; 417 descent-override: 58.33%; 418 line-gap-override: 0%; 419 size-adjust: 72.01%; 420 } 421 @font-face { 422 font-family: 'Noticia Text Fallback'; 423 src: local('Arial'); 424 ascent-override: 101.83%; 425 descent-override: 27.42%; 426 line-gap-override: 0%; 427 size-adjust: 105.59%; 428 } 429 @font-face { 430 font-family: 'Noto Sans Fallback'; 431 src: local('Arial'); 432 ascent-override: 100.54%; 433 descent-override: 27.56%; 434 line-gap-override: 0%; 435 size-adjust: 106.33%; 436 } 437 @font-face { 438 font-family: 'Nunito Sans Fallback'; 439 src: local('Arial'); 440 ascent-override: 99.71%; 441 descent-override: 34.82%; 442 line-gap-override: 0%; 443 size-adjust: 101.39%; 444 } 445 @font-face { 446 font-family: 'Oswald Fallback'; 447 src: local('Arial'); 448 ascent-override: 146.51%; 449 descent-override: 35.49%; 450 line-gap-override: 0%; 451 size-adjust: 81.43%; 452 } 453 @font-face { 454 font-family: 'Overpass Fallback'; 455 src: local('Arial'); 456 ascent-override: 87.67%; 457 descent-override: 38.03%; 458 line-gap-override: 0%; 459 size-adjust: 100.72%; 460 } 461 @font-face { 462 font-family: 'Playfair Display Fallback'; 463 src: local('Arial'); 464 ascent-override: 106.72%; 465 descent-override: 24.76%; 466 line-gap-override: 0%; 467 size-adjust: 101.39%; 468 } 469 @font-face { 470 font-family: 'Prompt Fallback'; 471 src: local('Arial'); 472 ascent-override: 97.38%; 473 descent-override: 37.7%; 474 line-gap-override: 0%; 475 size-adjust: 111.93%; 476 } 477 @font-face { 478 font-family: 'Proza Libre Fallback'; 479 src: local('Arial'); 480 ascent-override: 89.7%; 481 descent-override: 35.95%; 482 line-gap-override: 0%; 483 size-adjust: 108.65%; 484 } 485 @font-face { 486 font-family: 'PT Sans Fallback'; 487 src: local('Arial'); 488 ascent-override: 105.3%; 489 descent-override: 28.55%; 490 line-gap-override: 0%; 491 size-adjust: 96.68%; 492 } 493 @font-face { 494 font-family: 'PT Serif Fallback'; 495 src: local('Arial'); 496 ascent-override: 103.39%; 497 descent-override: 28.46%; 498 line-gap-override: 0%; 499 size-adjust: 100.49%; 500 } 501 @font-face { 502 font-family: 'Raleway Fallback'; 503 src: local('Arial'); 504 ascent-override: 90.51%; 505 descent-override: 22.53%; 506 line-gap-override: 0%; 507 size-adjust: 103.86%; 508 } 509 @font-face { 510 font-family: 'Roboto Condensed Fallback'; 511 src: local('Arial'); 512 ascent-override: 104.44%; 513 descent-override: 27.48%; 514 line-gap-override: 0%; 515 size-adjust: 88.83%; 516 } 517 @font-face { 518 font-family: 'Roboto Slab Fallback'; 519 src: local('Arial'); 520 ascent-override: 98.42%; 521 descent-override: 25.45%; 522 line-gap-override: 0%; 523 size-adjust: 106.46%; 524 } 525 @font-face { 526 font-family: 'Rubik Fallback'; 527 src: local('Arial'); 528 ascent-override: 89.06%; 529 descent-override: 23.81%; 530 line-gap-override: 0%; 531 size-adjust: 104.98%; 532 } 533 @font-face { 534 font-family: 'Saira Fallback'; 535 src: local('Arial'); 536 ascent-override: 109.52%; 537 descent-override: 42.36%; 538 line-gap-override: 0%; 539 size-adjust: 103.63%;
540 } 541 @font-face { 542 font-family: 'Saira Semi Condensed Fallback'; 543 src: local('Arial'); 544 ascent-override: 123.71%; 545 descent-override: 47.85%; 546 line-gap-override: 0%; 547 size-adjust: 91.75%; 548 } 549 @font-face { 550 font-family: 'Space Mono Fallback'; 551 src: local('Arial'); 552 ascent-override: 81.58%; 553 descent-override: 26.3%; 554 line-gap-override: 0%; 555 size-adjust: 137.28%; 556 } 557 @font-face { 558 font-family: 'Spectral Fallback'; 559 src: local('Arial'); 560 ascent-override: 105.85%; 561 descent-override: 46.28%; 562 line-gap-override: 0%; 563 size-adjust: 100.04%; 564 } 565 @font-face { 566 font-family: 'Teko Fallback'; 567 src: local('Arial'); 568 ascent-override: 146.26%; 569 descent-override: 72.52%; 570 line-gap-override: 0%; 571 size-adjust: 65.5%; 572 } 573 @font-face { 574 font-family: 'Ubuntu Fallback'; 575 src: local('Arial'); 576 ascent-override: 91.32%; 577 descent-override: 18.52%; 578 line-gap-override: 2.74%; 579 size-adjust: 102.06%; 580 } 581 @font-face { 582 font-family: 'Varela Round Fallback'; 583 src: local('Arial'); 584 ascent-override: 85.62%; 585 descent-override: 26.67%; 586 line-gap-override: 0%; 587 size-adjust: 107.22%; 588 } 589 @font-face { 590 font-family: 'Work Sans Fallback'; 591 src: local('Arial'); 592 ascent-override: 83.09%; 593 descent-override: 21.71%; 594 line-gap-override: 0%; 595 size-adjust: 111.93%; 596 } 597 @font-face { 598 font-family: 'Yanone Kaffeesatz Fallback'; 599 src: local('Arial'); 600 ascent-override: 106.38%; 601 descent-override: 28.95%; 602 line-gap-override: 8.25%; 603 size-adjust: 69.09%; 604 } 605 @font-face { 606 font-family: 'Muli Fallback'; 607 src: local('Arial'); 608 ascent-override: 96.56%; 609 descent-override: 24.02%; 610 line-gap-override: 0%; 611 size-adjust: 104.08%; 612 } 613 @font-face { 614 font-family: 'Open Sans Condensed Fallback'; 615 src: local('Arial'); 616 ascent-override: 146.97%; 617 descent-override: 40.28%; 618 line-gap-override: 0%; 619 size-adjust: 72.73%; 620 } 621 @font-face { 622 font-family: 'Saira Stencil One Fallback'; 623 src: local('Arial'); 624 ascent-override: 105.63%; 625 descent-override: 40.86%; 626 line-gap-override: 0%; 627 size-adjust: 107.45%; 628 } 629 @font-face { 630 font-family: 'Source Sans Pro Fallback'; 631 src: local('Arial'); 632 ascent-override: 104.94%; 633 descent-override: 29.12%; 634 line-gap-override: 0%; 635 size-adjust: 93.76%; 636 } 637 @font-face { 638 font-family: 'Euclid Circular B Fallback'; 639 src: local('Arial'); 640 ascent-override: 94.25%; 641 descent-override: 25.26%; 642 line-gap-override: 0%; 643 size-adjust: 106.1%; 644 } 645 @font-face { 646 font-family: 'Cera Pro Fallback'; 647 src: local('Arial'); 648 ascent-override: 77.13%; 649 descent-override: 18.33%; 650 line-gap-override: 24.53%; 651 size-adjust: 104.76%; 652 } 653 @font-face { 654 font-family: 'Adobe Garamond Pro Fallback'; 655 src: local('Arial'); 656 ascent-override: 82.24%; 657 descent-override: 31.19%; 658 line-gap-override: 22.69%; 659 size-adjust: 88.16%; 660 } 661 @font-face { 662 font-family: 'Ethnocentric Fallback'; 663 src: local('Arial'); 664 ascent-override: 41.96%; 665 descent-override: 11.96%; 666 line-gap-override: 0%; 667 size-adjust: 190.67%; 668 } 669 @font-face { 670 font-family: 'Museo Sans Fallback'; 671 src: local('Arial'); 672 ascent-override: 85.55%; 673 descent-override: 22.01%; 674 line-gap-override: 0%; 675 size-adjust: 104.27%; 676 } 677 @font-face { 678 font-family: 'Museo Slab Fallback'; 679 src: local('Arial'); 680 ascent-override: 81.36%; 681 descent-override: 22.07%; 682 line-gap-override: 0%; 683 size-adjust: 110.84%; 684 } 685 @font-face { 686 font-family: 'Kelpt A2 Light Fallback'; 687 src: local('Arial'); 688 ascent-override: 96.35%; 689 descent-override: 32.12%; 690 line-gap-override: 25.69%; 691 size-adjust: 77.84%; 692 } 693 694 /* Sett fallback i font-stacken når CSS-vars/theme bruker disse fontene. 695 Når Poppins (osv) ikke har lastet enda, bruker browser fallback 696 med matchede metrics i stedet for default sans-serif. */ 697 body, html { 698 font-synthesis: none; 699 } 700</style>
701<script> 702 (function () { 703 var marked = false; 704 function markLoaded() { 705 if (marked) return; 706 marked = true; 707 document.body.classList.add('loaded'); 708 } 709 window.addEventListener('load', markLoaded); // fallback, alltid 710 711 var ladderFiles = []; 712 var logoCandidates = []; 713 714 // Samme valg som CSS-en gjør (theming.css-stigen + wrapperBackground-kaskaden). 715 var retina = window.matchMedia('(min-resolution: 2dppx)').matches; 716 var w = window.innerWidth; 717 var maxw = w <= 420 ? (retina ? 840 : 420) : w <= 768 ? (retina ? 1536 : 768) : (retina ? 3200 : 2048); 718 719 var urls = ladderFiles.map(function (f) { return f + (f.indexOf('?') === -1 ? '?' : '&') + 'maxwidth=' + maxw; }); 720 var logoPick = null; 721 logoCandidates.forEach(function (c) { 722 if (!c.m || window.matchMedia(c.m).matches) logoPick = c.u; // siste treff vinner, som CSS 723 }); 724 if (logoPick) urls.push(logoPick); 725 726 if (!urls.length) return; 727 var imagesReady = false, domReady = document.readyState !== 'loading'; 728 function tryMark() { if (imagesReady && domReady) markLoaded(); } 729 if (!domReady) document.addEventListener('DOMContentLoaded', function () { domReady = true; tryMark(); }); 730 var remaining = urls.length; 731 urls.forEach(function (u) { 732 var img = new Image(); 733 img.onload = img.onerror = function () { if (--remaining === 0) { imagesReady = true; tryMark(); } }; 734 img.src = u; 735 }); 736 })(); 737</script>
737 738 739 <link rel="preconnect" href="https://oldjs.bloc.net" /> 740 <link rel="preconnect" href="https://cdn-bloc.no" /> 741 <link rel="preconnect" href="https://azure.content.bloc.net" /> 742
742<script src="/next/js/vendors/jquery/jquery.min.js"></script>
742 743
743<script src="/js/bloc-primer.js?v=2"></script>
743 744 745 746 747 <link rel="stylesheet" crossorigin="anonymous" href="https://vue.webfarm3.bloc.no/frontend/2.445.1/frontend.css"> 748 749 750
751<script type="module" crossorigin="anonymous" src="https://vue.webfarm3.bloc.no/frontend/2.445.1/index.js"></script>
751 752 753 <meta name="description" content=""> 754 755 756 <style> 757 /* Make the widget drop zone placeholder larger and more visible */ 758 .ui-admin-mode .admin-dropzone { 759 min-height: 80px !important; 760 height: auto !important; 761 background: #e8f5e9 !important; 762 border: 2px dashed #4caf50 !important; 763 border-radius: 8px !important; 764 margin: 8px 0 !important; 765 position: relative; 766 transition: all 0.2s ease; 767 } 768 .ui-admin-mode .admin-dropzone::after { 769 content: "Slipp widget her"; 770 position: absolute; 771 top: 50%; 772 left: 50%; 773 transform: translate(-50%, -50%); 774 color: #4caf50; 775 font-size: 0.85rem; 776 font-weight: 600; 777 pointer-events: none; 778 } 779 780 /* Empty widget container â ensure droppable area in admin mode */ 781 .ui-admin-mode .widgets-container { 782 min-height: 80px; 783 } 784 785 /* Empty column hint shown when no widgets are installed */ 786 .gs-empty-column-hint { 787 display: none; 788 } 789 .ui-admin-mode .gs-empty-column-hint { 790 display: flex; 791 flex-direction: column; 792 align-items: center; 793 justify-content: center; 794 min-height: 100px; 795 width: 100%; 796 padding: 24px 16px; 797 background: #f9fafb; 798 border: 2px dashed #d0d5dd; 799 border-radius: 8px; 800 color: #999; 801 text-align: center; 802 gap: 8px; 803 pointer-events: none; 804 } 805 .ui-admin-mode .gs-empty-column-hint i { 806 font-size: 1.6rem; 807 color: #bbb; 808 } 809 .ui-admin-mode .gs-empty-column-hint span { 810 font-size: 0.85rem; 811 font-weight: 500; 812 } 813 </style> 814 815 816 817 <style> 818 @media (max-width: 767px) { 819 .page-setting-issplashscreenpage { 820 margin-top: 45px !important; 821 } 822 } 823 824 /* Admin-widget verktøy-ikoner (skiftnøkkel / flytt / AI) er position:absolute 825 med z-index:auto i den nÃ¥værende frontend-bundelen (vue.webfarm3 2.309.x), 826 sÃ¥ de havner BAK widget-innhold som selv er positionert (f.eks. carousel/ 827 .carousel-inner i samme widget-container, rendret etter knappene). Løft dem 828 over widget-innholdet igjen. 1008 = samme nivÃ¥ som plattformens egen 829 frontend-admin.css, godt under bottombar (999999) og modaler. */ 830 .ui-admin-mode .ui-admin-btn { 831 z-index: 1008; 832 } 833 </style> 834 835 836</head> 837<body> 838 <!-- WidgetPageLayout--> 839 840 841 842 843<style> 844 @media only screen and (min-width : 768px) { 845 #logo { 846 position: absolute; 847 } 848 } 849 #logoWrapper { 850 background-size: var(--theme-logo-wrapper-bg-size); 851 background-color: var(--theme-logo-wrapper-bg-color); 852 background-repeat: var(--theme-logo-wrapper-bg-repeat); 853 background-position: var(--theme-logo-wrapper-bg-position); 854 background-attachment: var(--theme-logo-wrapper-bg-attachment); 855 width: calc(var(--theme-logo-wrapper-width) - var(--theme-logo-wrapper-margin-right) - var(--theme-logo-wrapper-margin-left)); 856 margin: var(--theme-logo-wrapper-margin-top) auto var(--theme-logo-wrapper-margin-bottom); 857 float: var(--theme-logo-logo-container-float); 858 max-width: 100%; 859 } 860 861 #logoContainer { 862 width: 100%; 863 margin: 0 auto; 864 position: relative; 865 overflow: hidden; 866 max-width: var(--theme-logo-container-width); 867 } 868 869 #logo img { 870 max-width: 100%; 871 } 872 /* Logo when mobile*/ 873 @media (max-width: 767px) { 874 #logoContainer { 875 height: auto !important; 876 } 877 #logo { 878 padding-top: 0; 879 position: static !important; 880 } 881 #logo img { 882 height: auto !important; 883 } 884 } 885</style> 886 887<style> 888 .bloc-skip-nav-link { 889 position: absolute; 890 z-index: 99999999; 891 left: 0px; 892 top: 0px; 893 text-decoration: underline; 894 color: white !important; 895 background-color: #000; 896 padding: 0.75rem 1.5rem; 897 border-bottom-right-radius: 0.5rem; 898 transform: rotateY(90deg); 899 transform-origin: left; 900 transition: all .2s ease-in-out; 901 } 902 903 .bloc-skip-nav-link:focus { 904 transform: rotateY(0deg); 905 color: white; 906 left: 2px; 907 top: 2px; 908 outline: 1px solid #fff; 909 outline-offset: 2px; 910 box-shadow: 0 0 0 2px #000, 0 0 0 3px #fff; 911 } 912 913 @media (prefers-reduced-motion: reduce) { 914 .bloc-skip-nav-link { 915 transition: none !important; 916 } 917 } 918</style> 919 920<style> 921 /* Server-eide V2-menyregler (ikke Tailwind-genererte, saa de bor her og ikke 922 i Vue-klassestrengene). */ 923 924 /* Scroll-skyggen hoerer til selve baren, ikke roten (feedback 1498). Roten er 925 w-full, mens baren er avgrenset av --nav-outer-width â med innrammet meny 926 (f.eks. 1500px paa 1838px skjerm) la skyggen seg over hele skjermbredden. */ 927 .site-nav-v2 .nav-bar { 928 transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); 929 } 930 .site-nav-v2[data-scrolled] .nav-bar { 931 box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.05), 0 1px 2px -1px rgb(0 0 0 / 0.05); 932 } 933 934 /* Gjeldende side (5b â forbedring over klassisk, som aldri satte .active 935 server-side; temaenes LinkActive-farger var laget for dette). */ 936 .site-nav-v2 .nav-item-active { 937 color: var(--nav-link-active-color, var(--nav-link-color)) !important; 938 background: var(--nav-link-active-bg, transparent); 939 } 940 941 /* Tredjeparts-CSS kan slette hele desktopmenyen (feedback #1083, Rauma Golfklubb). 942 Tailwind v4 legger ALLE utilities i «@layer utilities», og en ULAYERET regel vinner 943 over alt som ligger i et lag â uansett spesifisitet og rekkefoelge. Tripadvisor- 944 widgetens styleguide.css inneholder et bart «.hidden{display:none}», og fra det 945 oeyeblikket den lastes slaar den ut «hidden md:flex» paa lenkeraden: menyen ligger 946 i server-HTML-en, males, og forsvinner naar widgetens CSS er nede. 947 948 Disse reglene er ulayerede og mer spesifikke enn «.hidden», saa de staar imot. 949 Bare tilstander som SKAL vaere synlige paa md+ gjenopprettes â «never»/«mobile» 950 skal fortsatt vaere skjult der, og for dem gir tredjepartsregelen samme utfall 951 som vaar egen. Samme spesifisitetsgrep som focus-within-regelen under. 952 953 NB: dette verner bare menyen. Toppbar-oeya bruker samme «hidden md:flex»-moenster 954 fra SiteMenuV2TopbarSlot.vue og er vernet der. */ 955 @media (min-width: 768px) { 956 .site-nav-v2 [data-nav-links], 957 .site-nav-v2 [data-nav-brand][data-nav-brand-visibility="desktop"] { 958 display: flex; 959 } 960 } 961 962 /* Tastaturtilgang (MV2-5): fokus i trigger eller panel holder dropdown/flyout 963 aapen â hover-/klikk-JS-en er uendret, dette er et rent CSS-tillegg med 964 hoeyere spesifisitet enn Tailwinds .hidden. */ 965 .site-nav-v2 [data-nav-dropdown]:focus-within > [data-nav-dropdown-panel], 966 .site-nav-v2 [data-nav-flyout]:focus-within > [data-nav-flyout-panel] { 967 display: block; 968 } 969 970 /* Klassisk-paritet for trange rader (vindbjart-funnet 2026-08-19): klassisk meny er 971 float-basert, saa naar lenkene ikke faar plass ved siden av branden faller HELE 972 menyen ned paa egen fullbredde-linje â den komprimerer aldri enkeltpunkter ved 973 siden av logoen. Flex-varianten gjorde det motsatte (punktvis wrap ved branden). 974 flex-basis: fit-content + wrap paa raden gjenskaper float-adferden: passer ikke 975 nav-blokken, wrapper den som HELHET til egen linje (og foerst der item-wrapper den 976 om den er bredere enn hele raden). */ 977 @media (min-width: 768px) { 978 .site-nav-v2 .nav-bar > div { 979 flex-wrap: wrap; 980 /* Klassisk float-layout har 0 gap mellom brand og lenkene â lenkenes egen 981 padding gir lufta. gap-4 (16px) ga «bittelitt ekstra innrykk» 982 (forderundt-funnet 2026-08-19). Mobil beholder gap-4 (denne blokka er md+). */ 983 gap: 0; 984 } 985 .site-nav-v2 [data-nav-links] { 986 flex-basis: fit-content; 987 } 988 } 989 990 /* Uten synlig brand: gjenopprett klassisk menys 8px horisontale innrykk paa md+ 991 (se data-nav-nobrand-kommentaren ved elementet). Hoyere spesifisitet enn md:p-0. */ 992 @media (min-width: 768px) { 993 .site-nav-v2 [data-nav-nobrand] { 994 padding-left: 8px; 995 padding-right: 8px; 996 } 997 } 998 999 /* Toggler-theming (MV2-6). */ 1000 .site-nav-v2 [data-nav-burger] { 1001 border: 1px solid var(--nav-toggle-border-color, transparent); 1002 } 1003 .site-nav-v2 [data-nav-burger]:hover { 1004 background: var(--nav-toggle-hover-bg, var(--nav-link-hover-bg)); 1005 } 1006 .site-nav-v2 [data-nav-burger] svg { 1007 color: var(--nav-toggle-icon-color, currentColor); 1008 } 1009</style> 1010<div class="site-nav-v2 relative w-full [margin-top:var(--nav-outer-margin-top)] [margin-bottom:var(--nav-outer-margin-bottom)]" 1011 style="--nav-font-family:'Poppins', '
1011Poppins Fallback', sans-serif;--nav-font-weight:500;--nav-font-size:18px;--nav-text-transform:none;--nav-background:rgb(255, 255, 255);--nav-link-color:rgb(68, 68, 68);--nav-link-hover-color:rgb(233, 32, 39);--nav-link-hover-bg:rgba(255, 255, 255, 0);--nav-link-active-color:rgb(233, 32, 39);--nav-link-active-bg:rgba(255, 255, 255, 0);--nav-link-padding-top:40px;--nav-link-padding-bottom:40px;--nav-link-padding-left:0px;--nav-link-padding-right:0px;--nav-link-margin-top:0px;--nav-link-margin-bottom:0px;--nav-link-margin-left:20px;--nav-link-margin-right:0px;--nav-outer-margin-top:0px;--nav-outer-margin-bottom:0px;--nav-radius-tl:0px;--nav-radius-tr:0px;--nav-radius-br:0px;--nav-radius-bl:0px;--nav-submenu-width:0;--nav-logo-height:80px;--nav-brand-margin:10px 10px 10px 10px;--nav-brand-margin-mobile:10px 0px 10px 10px;--nav-inner-width:1270px;--nav-outer-width:100%;--nav-border:rgba(255, 255, 255, 0);--nav-border-width:0px;--nav-text-justify:end" 1012 data-nav-root> 1013 <a class="bloc-skip-nav-link" href="#bloc-skip-nav">Hopp til sideinnhold</a> 1014 <div class="nav-bar mx-auto flex w-full max-w-(--nav-outer-width) justify-center bg-(--nav-background) [background-image:var(--nav-bg-image)] [border-color:var(--nav-border,transparent)] [border-style:solid] [border-width:var(--nav-border-width,0)] md:[border-bottom-left-radius:var(--nav-radius-bl)] md:[border-bottom-right-radius:var(--nav-radius-br)] md:[border-top-left-radius:var(--nav-radius-tl)] md:[border-top-right-radius:var(--nav-radius-tr)]"> 1015 <div class="flex w-full max-w-(--nav-inner-width) items-center justify-between gap-4 px-4 py-3 md:p-0" > 1016 1017 <a href="/" 1018 class="nav-brand [margin:var(--nav-brand-margin-mobile)] flex flex-initial items-center hover:bg-(--nav-brand-hover-bg) hover:text-(--nav-brand-hover-color) md:[margin:var(--nav-brand-margin)]" 1019 style="" 1020 data-nav-brand data-nav-brand-visibility="always"> 1021 <img src="https://cdn-bloc.no/background/200000357/8587/2025/3/4/638766919165997971logo.png?maxwidth=600&height=160&scale=both" alt="Logo" 1022 class="h-auto max-h-9 w-auto min-w-0 object-contain md:h-(--nav-logo-height)! md:max-h-none md:max-w-[300px] md:[border-bottom-left-radius:var(--nav-radius-bl)] md:[border-top-left-radius:var(--nav-radius-tl)]" 1023 data-nav-brand-img /> 1024 </a> 1025 1026 <div class="hidden flex-1 items-center [justify-content:var(--nav-text-justify,center)] md:flex" data-nav-links> 1027 <nav class="flex flex-wrap items-center"> 1028 <a href="/page/forside" 1029 target="_self" 1030 title="Hjem" 1031 class="rounded [padding-top:var(--nav-link-padding-top,15px)] [padding-right:var(--nav-link-padding-right,15px)] [padding-bottom:var(--nav-link-padding-bottom,15px)] [padding-left:var(--nav-link-padding-left,15px)] [margin-top:var(--nav-link-margin-top)] [margin-right:var(--nav-link-margin-right)] [margin-bottom:var(--nav-link-margin-bottom)] [margin-left:var(--nav-link-margin-left)] [font-family:var(--nav-font-family)] [font-size:var(--nav-font-size,1rem)] [line-height:20px] [font-weight:var(--nav-font-weight)] whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">Hjem</a> 1032 <div class="relative" data-nav-dropdown> 1033 <a href="#" 1034 target="_self" 1035 title="Om oss" 1036 aria-haspopup="true" 1037 aria-expanded="false" 1038 class="flex items-center gap-1 rounded [padding-top:var(--nav-link-padding-top,15px)] [padding-right:var(--nav-link-padding-right,15px)] [padding-bottom:var(--nav-link-padding-bottom,15px)] [padding-left:var(--nav-link-padding-left,15px)] [margin-top:var(--nav-link-margin-top)] [margin-right:var(--nav-link-margin-right)] [margin-bottom:var(--nav-link-margin-bottom)] [margin-left:var(--nav-link-margin-left)] [font-family:var(--nav-font-family)] [font-size:var(--nav-font-size,1rem)] [line-height:20px] [font-weight:var(--nav-font-we
1038ight)] whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)" 1039 data-nav-dropdown-trigger> 1040 <span>Om oss</span> 1041 <span class="inline-flex opacity-60 transition-transform" data-nav-dropdown-chevron> 1042 <svg class="size-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg> 1043 </span> 1044 </a> 1045 <div class="absolute top-full left-0 z-50 hidden pt-1" data-nav-dropdown-panel> 1046 <div class="nav-dropdown min-w-(--nav-submenu-width,12rem) rounded border bg-(--nav-background,white) shadow-md"> 1047 <a href="/next/p/102558/priser" 1048 target="_self" 1049 title="Priser" 1050 class="block px-3 py-1.5 text-sm whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">Priser</a> 1051 <a href="/next/p/93321/referanser" 1052 target="_self" 1053 title="Referanser" 1054 class="block px-3 py-1.5 text-sm whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">Referanser</a> 1055 <a href="/next/p/89042/vaart-team" 1056 target="_self" 1057 title="Vårt team" 1058 class="block px-3 py-1.5 text-sm whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">VÃ¥rt team</a> 1059 <a href="/page/avtalevilkar" 1060 target="_self" 1061 title="Avtalevilkår" 1062 class="block px-3 py-1.5 text-sm whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">AvtalevilkÃ¥r</a> 1063 <a href="/page/personvernregler" 1064 target="_self" 1065 title="Personvernregler" 1066 class="block px-3 py-1.5 text-sm whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">Personvernregler</a> 1067 </div> 1068 </div> 1069 </div> 1070 <a href="/page/tjenester" 1071 target="_self" 1072 title="Tjenester" 1073 class="rounded [padding-top:var(--nav-link-padding-top,15px)] [padding-right:var(--nav-link-padding-right,15px)] [padding-bottom:var(--nav-link-padding-bottom,15px)] [padding-left:var(--nav-link-padding-left,15px)] [margin-top:var(--nav-link-margin-top)] [margin-right:var(--nav-link-margin-right)] [margin-bottom:var(--nav-link-margin-bottom)] [margin-left:var(--nav-link-margin-left)] [font-family:var(--nav-font-family)] [font-size:var(--nav-font-size,1rem)] [line-height:20px] [font-weight:var(--nav-font-weight)] whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">Tjenester</a> 1074 <a href="/page/kontaktoss" 1075 target="_self" 1076 title="Kontakt oss" 1077 class="rounded [padding-top:var(--nav-link-padding-top,15px)] [padding-right:var(--nav-link-padding-right,15px)] [padding-bottom:var(--nav-link-padding-bottom,15px)] [padding-left:var(--nav-link-padding-left,15px)] [margin-top:var(--nav-link-margin-top)] [margin-right:var(--nav-link-margin-right)] [margin-bottom:var(--nav-link-margin-bottom)] [margin-left:var(--nav-link-margin-left)] [font-family:var(--nav-font-family)] [font-size:var(--nav-font-size,1rem)] [line-height:20px] [font-weight:var(--nav-font-we
1077ight)] whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">Kontakt oss</a> 1078 <a href="https://hjelpesenter.bloc.net/knowledgebase" 1079 target="_self" 1080 title="Hjelpesenter" 1081 class="rounded [padding-top:var(--nav-link-padding-top,15px)] [padding-right:var(--nav-link-padding-right,15px)] [padding-bottom:var(--nav-link-padding-bottom,15px)] [padding-left:var(--nav-link-padding-left,15px)] [margin-top:var(--nav-link-margin-top)] [margin-right:var(--nav-link-margin-right)] [margin-bottom:var(--nav-link-margin-bottom)] [margin-left:var(--nav-link-margin-left)] [font-family:var(--nav-font-family)] [font-size:var(--nav-font-size,1rem)] [line-height:20px] [font-weight:var(--nav-font-weight)] whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">Hjelpesenter</a> 1082 <div class="relative" data-nav-dropdown> 1083 <a href="#" 1084 target="_self" 1085 title="Videomøte" 1086 aria-haspopup="true" 1087 aria-expanded="false" 1088 class="flex items-center gap-1 rounded [padding-top:var(--nav-link-padding-top,15px)] [padding-right:var(--nav-link-padding-right,15px)] [padding-bottom:var(--nav-link-padding-bottom,15px)] [padding-left:var(--nav-link-padding-left,15px)] [margin-top:var(--nav-link-margin-top)] [margin-right:var(--nav-link-margin-right)] [margin-bottom:var(--nav-link-margin-bottom)] [margin-left:var(--nav-link-margin-left)] [font-family:var(--nav-font-family)] [font-size:var(--nav-font-size,1rem)] [line-height:20px] [font-weight:var(--nav-font-weight)] whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)" 1089 data-nav-dropdown-trigger> 1090 <span>Videomøte</span> 1091 <span class="inline-flex opacity-60 transition-transform" data-nav-dropdown-chevron> 1092 <svg class="size-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg> 1093 </span> 1094 </a> 1095 <div class="absolute top-full left-0 z-50 hidden pt-1" data-nav-dropdown-panel> 1096 <div class="nav-dropdown min-w-(--nav-submenu-width,12rem) rounded border bg-(--nav-background,white) shadow-md"> 1097 <a href="https://www.bloc.no/next/booking/find" 1098 target="_self" 1099 title="Book tid" 1100 class="block px-3 py-1.5 text-sm whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">Book tid</a> 1101 <a href="https://www.bloc.no/next/p/102501/webinar" 1102 target="_self" 1103 title="Webinar" 1104 class="block px-3 py-1.5 text-sm whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">Webinar</a> 1105 </div> 1106 </div> 1107 </div> 1108 <a href="/produktnytt" 1109 target="_self" 1110 title="Produktnytt" 1111 class="rounded [padding-top:var(--nav-link-padding-top,15p
1111x)] [padding-right:var(--nav-link-padding-right,15px)] [padding-bottom:var(--nav-link-padding-bottom,15px)] [padding-left:var(--nav-link-padding-left,15px)] [margin-top:var(--nav-link-margin-top)] [margin-right:var(--nav-link-margin-right)] [margin-bottom:var(--nav-link-margin-bottom)] [margin-left:var(--nav-link-margin-left)] [font-family:var(--nav-font-family)] [font-size:var(--nav-font-size,1rem)] [line-height:20px] [font-weight:var(--nav-font-weight)] whitespace-nowrap text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color)">Produktnytt</a> 1112 </nav> 1113 </div> 1114 1115 <div class="ml-auto flex items-center"> 1116 <div id="bloc-topbar-mount" data-vue-ssr="topbar"></div> 1117
1117<script type="application/json" data-vue-ssr-state="topbar">{"placement":"fixed","colors":{"backgroundColor":"rgb(255, 255, 255)","backgroundHoverColor":"rgb(255, 255, 255)","linkColor":"rgb(108, 108, 108)","linkHoverColor":"rgb(0, 0, 0)"},"showSearch":true,"showSearchForPublishers":true,"showLangPicker":true,"showMessages":true,"showMiniNetwork":true,"showToggler":false,"showSignin":false,"isSignedIn":false,"isPublisher":false}</script>
1117 1118 <button type="button" 1119 class="flex size-9 items-center justify-center rounded whitespace-nowrap text-(--nav-link-color) no-underline transition-colors hover:bg-(--nav-link-hover-bg) hover:text-(--nav-link-hover-color) md:hidden" 1120 aria-expanded="false" 1121 aria-label="Veksle navigasjon" 1122 data-nav-burger> 1123 <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12h16M4 6h16M4 18h16" /></svg> 1124 </button> 1125 </div> 1126 </div> 1127 </div> 1128 1129 <div class="absolute inset-x-0 top-full z-50 hidden max-h-[calc(100dvh-4rem)] overflow-y-auto border-t bg-(--nav-background,white) px-4 py-2 md:hidden" 1130 data-nav-mobile-panel> 1131 <a href="/page/forside" 1132 target="_self" 1133 title="Hjem" 1134 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">Hjem</a> 1135 <div data-nav-mobile-group> 1136 <button type="button" 1137 title="Om oss" 1138 class="flex w-full items-center rounded text-left text-(--nav-link-color) hover:bg-(--nav-link-hover-bg)" 1139 aria-expanded="false" 1140 data-nav-mobile-toggle> 1141 <span class="flex-1 px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] [text-transform:var(--nav-text-transform,inherit)]">Om oss</span> 1142 <span class="flex size-8 items-center justify-center"> 1143 <span class="inline-flex transition-transform" data-nav-mobile-chevron> 1144 <svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg> 1145 </span> 1146 </span> 1147 </button> 1148 <div class="hidden pl-3" data-nav-mobile-children> 1149 <a href="/next/p/102558/priser" 1150 target="_self" 1151 title="Priser" 1152 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">Priser</a> 1153 <a href="/next/p/93321/referanser" 1154 target="_self" 1155 title="Referanser" 1156 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">Referanser</a> 1157 <a href="/next/p/89042/vaart-team" 1158 target="_self" 1159 title="Vårt team" 1160 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">VÃ¥rt team</a> 1161 <a href="/page/avtalevilkar" 1162 target="_self" 1163 title="Avtalevilkår" 1164 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">AvtalevilkÃ¥r</a> 1165 <a href="/page/personvernregler" 1166 target="_self" 1167 title="Personvernregler" 1168 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">Personvernregler</a> 1169 </div> 1170 </div> 1171 <a href="/page/tjenester" 1172 target="_self" 1173 title="Tjenester" 1174 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-we
1174ight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">Tjenester</a> 1175 <a href="/page/kontaktoss" 1176 target="_self" 1177 title="Kontakt oss" 1178 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">Kontakt oss</a> 1179 <a href="https://hjelpesenter.bloc.net/knowledgebase" 1180 target="_self" 1181 title="Hjelpesenter" 1182 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">Hjelpesenter</a> 1183 <div data-nav-mobile-group> 1184 <button type="button" 1185 title="Videomøte" 1186 class="flex w-full items-center rounded text-left text-(--nav-link-color) hover:bg-(--nav-link-hover-bg)" 1187 aria-expanded="false" 1188 data-nav-mobile-toggle> 1189 <span class="flex-1 px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] [text-transform:var(--nav-text-transform,inherit)]">Videomøte</span> 1190 <span class="flex size-8 items-center justify-center"> 1191 <span class="inline-flex transition-transform" data-nav-mobile-chevron> 1192 <svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg> 1193 </span> 1194 </span> 1195 </button> 1196 <div class="hidden pl-3" data-nav-mobile-children> 1197 <a href="https://www.bloc.no/next/booking/find" 1198 target="_self" 1199 title="Book tid" 1200 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">Book tid</a> 1201 <a href="https://www.bloc.no/next/p/102501/webinar" 1202 target="_self" 1203 title="Webinar" 1204 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">Webinar</a> 1205 </div> 1206 </div> 1207 <a href="/produktnytt" 1208 target="_self" 1209 title="Produktnytt" 1210 class="block rounded px-3 py-2 [font-family:var(--nav-font-family)] text-sm [font-weight:var(--nav-font-weight)] text-(--nav-link-color) [text-transform:var(--nav-text-transform,inherit)] no-underline hover:bg-(--nav-link-hover-bg)">Produktnytt</a> 1211 </div> 1212</div> 1213
1214<script> 1215 // Erstatter de fire tilstandsbitene i SiteMenuV2.vue: aapen dropdown, 1216 // mobilmeny, scroll-komprimering, klikk-utenfor + Escape. 1217 (function () { 1218 var root = document.querySelector('[data-nav-root]'); 1219 if (!root) return; 1220 1221 // Speiler NAV_LINK_OPEN_CLASS i nav-theme-vars.ts: klassisk meny farger 1222 // triggeren til en aapen dropdown med LinkActive-fargene («.open > a»). 1223 var OPEN_CLASSES = ['bg-(--nav-link-active-bg)', 'text-(--nav-link-active-color)']; 1224 1225 function closeAllDropdowns() { 1226 root.querySelectorAll('[data-nav-dropdown-panel]').forEach(function (p) { 1227 p.classList.add('hidden'); 1228 }); 1229 root.querySelectorAll('[data-nav-dropdown-chevron]').forEach(function (c) { 1230 c.classList.remove('rotate-180'); 1231 }); 1232 root.querySelectorAll('[data-nav-dropdown-trigger]').forEach(function (t) { 1233 t.classList.remove.apply(t.classList, OPEN_CLASSES); 1234 t.setAttribute('aria-expanded', 'false'); 1235 }); 1236 } 1237 1238 function closeMobile() { 1239 var panel = root.querySelector('[data-nav-mobile-panel]'); 1240 if (panel) panel.classList.add('hidden'); 1241 var burger = root.querySelector('[data-nav-burger]'); 1242 if (burger) burger.setAttribute('aria-expanded', 'false'); 1243 } 1244 1245 // Toppnivaa-dropdowns: klikk aapner, klikk igjen lukker 1246 root.querySelectorAll('[data-nav-dropdown]').forEach(function (wrap) { 1247 var trigger = wrap.querySelector('[data-nav-dropdown-trigger]'); 1248 var panel = wrap.querySelector('[data-nav-dropdown-panel]'); 1249 var chevron = wrap.querySelector('[data-nav-dropdown-chevron]'); 1250 if (!trigger || !panel) return; 1251 trigger.addEventListener('click', function (e) { 1252 e.preventDefault(); 1253 var wasOpen = !panel.classList.contains('hidden'); 1254 closeAllDropdowns(); 1255 if (!wasOpen) { 1256 panel.classList.remove('hidden'); 1257 if (chevron) chevron.classList.add('rotate-180'); 1258 trigger.classList.add.apply(trigger.classList, OPEN_CLASSES); 1259 trigger.setAttribute('aria-expanded', 'true'); 1260 } 1261 }); 1262 }); 1263 1264 // Undernivaaer aapner paa hover, som i Vue-varianten 1265 root.querySelectorAll('[data-nav-flyout]').forEach(function (wrap) { 1266 var panel = wrap.querySelector('[data-nav-flyout-panel]'); 1267 if (!panel) return; 1268 wrap.addEventListener('mouseenter', function () { panel.classList.remove('hidden'); }); 1269 wrap.addEventListener('mouseleave', function () { panel.classList.add('hidden'); }); 1270 }); 1271 1272 // Mobil: burger + sammenleggbare grupper 1273 var burger = root.querySelector('[data-nav-burger]'); 1274 if (burger) { 1275 burger.addEventListener('click', function () { 1276 var panel = root.querySelector('[data-nav-mobile-panel]'); 1277 if (!panel) return; 1278 var open = panel.classList.toggle('hidden') === false; 1279 burger.setAttribute('aria-expanded', open ? 'true' : 'false'); 1280 }); 1281 } 1282 root.querySelectorAll('[data-nav-mobile-toggle]').forEach(function (btn) { 1283 btn.addEventListener('click', function () { 1284 var group = btn.closest('[data-nav-mobile-group]'); 1285 if (!group) return; 1286 var kids = group.querySelector('[data-nav-mobile-children]'); 1287 var chevron = group.querySelector('[data-nav-mobile-chevron]'); 1288 if (!kids) return; 1289 var open = kids.classList.toggle('hidden') === false; 1290 btn.setAttribute('aria-expanded', open ? 'true' : 'false'); 1291 if (chevron) chevron.classList.toggle('rotate-180', open
1291); 1292 }); 1293 }); 1294 1295 // data-scrolled styrer kun skyggen paa baren. Komprimeringen (logo-krymp 1296 // + padding) ble fjernet 2026-09-02 â brand skal ikke animere ved scroll. 1297 // KUN for sticky-menyer (2026-08-19): en ikke-sticky meny scroller uansett 1298 // ut av syne â klassisk meny har aldri endret seg ved scroll. 1299 var enableScrollShadow = false; 1300 if (enableScrollShadow) 1301 window.addEventListener('scroll', function () { 1302 if (window.scrollY > 0) root.setAttribute('data-scrolled', ''); 1303 else root.removeAttribute('data-scrolled'); 1304 }, { passive: true }); 1305 1306 document.addEventListener('click', function (e) { 1307 // Klassisk-paritet (2026-08-19): dropdown skal lukke ved klikk hvor som 1308 // helst UTENFOR selve dropdownen â ogsÃ¥ andre steder i menyraden. Den gamle 1309 // sjekken (!root.contains) holdt den aapen for klikk i resten av navroten. 1310 // Trigger-klikk haandteres av triggerens egen handler; naar dette kjoerer 1311 // (bubbling, etterpaa) er panelet allerede toggleet, og et nettopp aapnet 1312 // panel har target innenfor sin [data-nav-dropdown] â saa dette lukker ikke 1313 // det man akkurat aapnet. 1314 var openPanel = root.querySelector('[data-nav-dropdown-panel]:not(.hidden)'); 1315 if (openPanel && !openPanel.closest('[data-nav-dropdown]').contains(e.target)) { 1316 closeAllDropdowns(); 1317 } 1318 if (!root.contains(e.target)) { closeMobile(); } 1319 }); 1320 document.addEventListener('keydown', function (e) { 1321 if (e.key === 'Escape') { closeAllDropdowns(); closeMobile(); } 1322 }); 1323 })(); 1324</script>
1324 1325 <div class="clearfix"></div> 1326 1327 1328 <div id="app" data-props='{"scope":"frontend","bot":false,"showHeader":true,"showPortalNavbar":false}'></div> 1329 1330 1331 1332 <main id="content" class="canvas-widgetpage"> 1333 <a name="bloc-skip-nav" style="position: absolute; scroll-margin-top: 70px;"></a> 1334 <div class="pageid-89036 page-container"> 1335 1336
1337<script lang="text/javascript"> 1338 WidgetPageCustomBackground = {"useCustomPageBackgroundModel":false,"backgroundColor":"","backgroundImage":null,"backgroundPosition":null,"backgroundsize":null,"backgroundrepeat":null,"backgroundattachment":null}; 1339 /* 1340 retard moment. Need to match the bloc.no behavior to be 1341 able to use same admin modus js files as old system 1342 */ 1343 WidgetPageID = 89036 1344 1345</script>
1345 1346 1347 1348 1349 1350 1351 1352 1353 1354<style> 1355 #layout-wrapper-226841 { 1356 width:100%; 1357 margin:0 auto; 1358 max-width: 100%; 1359 1360 } 1361 #layout-wrapper-226841 .layout-wrapper-background { 1362 background-color:rgb(255, 255, 255); 1363 1364 }</style> <div id="layout-wrapper-226841" class="layout-canvas clearfix"> 1365 1366 <div class="layout-wrapper-background" ></div> 1367 1368 1369 <style> 1370 #layout-226841 { 1371 position:relative; 1372 clear:both; 1373 padding-top:16px; 1374 padding-right:0px; 1375 padding-bottom:0px; 1376 padding-left:0px; 1377 width:1286px; 1378 max-width:100%; 1379 } 1380 1381 </style> 1382 <div 1383 id="layout-226841" 1384 class="row row-layout section-vertical-align-top 1385 " 1386 data-container-id="226841" 1387 data-test="FourColumn" 1388 data-page-id="89036"> 1389 1390 1391 <style> 1392 #layout-226841-col-1 { 1393 padding-left:8px; 1394 padding-right:8px; 1395 padding-top:0; 1396 padding-bottom:0; 1397 } 1398 1399 </style> <div 1400 id="layout-226841-col-1" 1401 class='ui-layout-col col-vertical-align-center col-xs-12 col-sm-12' 1402 data-col-size='12' 1403 data-column='1' 1404 data-container-id='226841' 1405 data-colwidth='1270'> 1406 1407 <!-- Widget container --> 1408 <div 1409 class='widgets-container' 1410 data-column="1" 1411 data-container-id="226841" 1412 data-colwidth="1270"> 1413 <!-- Widget Loop --> 1414 <div 1415 id="widget-639249" 1416 class="widget-container" 1417 data-container-id="226841" 1418 data-widget-id="639249" 1419 data-page-id="89036"> 1420 <style> 1421 1422 #widget-639249 { 1423 margin-bottom:16px; 1424 } 1425 1426 #widget-639249 .w { 1427 background-color:#ffffff; 1428 } 1429 1430 #widget-639249 { 1431 1432 1433 1434 1435 } 1436 #widget-639249 .w { 1437 1438 1439 1440 1441 1442 background-color:rgba(255, 255, 255, 0); 1443 background-size:auto; 1444 } 1445 /* Mobile screens (0px - 768px) */ 1446 #widget-639249 .w { 1447 1448 } 1449 /* Mobile screens retina */ 1450 @media 1451 only screen and (-webkit-min-device-pixel-ratio: 2), 1452 only screen and ( min--moz-device-pixel-ratio: 2), 1453 only screen and ( -o-min-device-pixel-ratio: 2/1), 1454 only screen and ( min-device-pixel-ratio: 2), 1455 only screen and ( min-resolution: 192dpi), 1456 only screen and ( min-resolution: 2dppx) { 1457 .loaded #widget-639249 .w { 1458 1459 } 1460 } 1461 /* Tablets (768px - 991px) */ 1462 @media only screen and (min-width: 768px) { 1463 .loaded #widget-639249 .w { 1464 1465 } 1466 } 1467 /* Tablets */ 1468 @media 1469 only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 991px), 1470 only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 991px), 1471 only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 991px), 1472 only screen and ( min-device-pixel-ratio: 2) and (min-width: 991px), 1473 only screen and ( min-resolution: 192dpi) and (min-width: 991px), 1474 only screen and ( min-resolution: 2dppx) and (min-width: 991px) { 1475 .loaded #widget-639249 .w { 1476 1477 1478 } 1479 } 1480 1481 /* Desktop (992px - 1199px) */ 1482 @media only screen and (min-width : 992px) { 1483 .loaded #widget-639249 .w { 1484 1485 } 1486 } 1487 /* Desktops Retina (992px - 1199px) */ 1488 @media 1489 only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1199px), 1490 only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1199px), 1491 only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1199px), 1492 only screen and ( min-device-pixel-ratio: 2) and (min-width: 1199px), 1493 only screen and ( min-resolution: 192dpi) and (min-width: 1199px), 1494 only screen and ( min-resolution: 2dppx) and (min-width: 1199px) { 1495 .loaded #widget-639249 .w { 1496 1497 1498 } 1499 } 1500 1501 /* Large Desktop (1200px or larger (max 2048px)) */ 1502 @media only screen and (min-width : 1200px) { 1503 .loaded #widget-639249 .w { 1504 1505 } 1506 } 1507 /* Large Desktops Retina */ 1508 @media 1509 only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2048), 1510 only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 2048), 1511 only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 2048), 1512 only screen and ( min-device-pixel-ratio: 2) and (min-width: 2048), 1513 only screen and ( min-resolution: 192dpi) and (min-width: 2048), 1514 only screen and ( min-resolution: 2dppx) and (min-width: 2048) { 1515 .loaded #widget-639249 .w { 1516 1517 } 1518 } 1519 1520 #widget-639249 .w.wBorder {border-width:0px;border-color:#e7e7e7;border-style:solid;border-radius:1px;}#widget-639249 .wHeader {}#widget-639249 .wHeader h2 {}#widget-639249 .wHeader a {}#widget-639249 .wContent {} 1521 </style> 1522 1523 1524 <!-- /widgets/text/text.cshtml --> 1525 1526 1527 1528 1529<style> 1530 #widget-639249 .wContent { 1531 ; 1532 text-align:Left; 1533 color: ; 1534 font-size: inherit ; 1535 font-weight:; line-height:; min-height:; 1536 } 1537 1538 #widget-639249 .textblock-container { 1539 max-width:auto; 1540 margin: 0 auto; 1541 } 1542 1543 #widget-639249 .wContent img { 1544 max-width: 100%; 1545 height: auto !important; 1546 } 1547</style> 1548 1549<div class="w wBorder"> 1550 <div class="wContent"> 1551 <div class="textblock-container fr-view"> 1552 <p><a href="/next/page/hjem"><span style="color: rgb(26, 208, 121);">
1552Hjem</span></a><span style="color: rgb(26, 208, 121);"> > </span>Personvernregler</p> 1553 </div> 1554 </div> 1555</div> 1556 1557 </div> 1558 <div class="clearfix"></div> 1559 1560 </div> 1561 </div> 1562 </div> 1563 </div> 1564<style> 1565 #layout-wrapper-226842 { 1566 width:1270px; 1567 margin:0 auto; 1568 max-width: 100%; 1569 1570 } 1571 #layout-wrapper-226842 .layout-wrapper-background { 1572 background-color:rgb(249, 248, 243); 1573 1574 }</style> <div id="layout-wrapper-226842" class="layout-canvas clearfix"> 1575 1576 <div class="layout-wrapper-background" ></div> 1577 1578 1579 <style> 1580 #layout-226842 { 1581 position:relative; 1582 clear:both; 1583 padding-top:16px; 1584 padding-right:0px; 1585 padding-bottom:0px; 1586 padding-left:0px; 1587 width:1286px; 1588 max-width:100%; 1589 } 1590 1591 #layout-226842 { 1592 min-height: 321px; 1593 } 1594 @media (min-width: 768px) { 1595 #layout-226842 { 1596 min-height: 514px; 1597 } 1598 } 1599 @media (min-width: 992px) { 1600 #layout-226842 { 1601 min-height: 850px; 1602 } 1603 } 1604 </style> 1605 <div 1606 id="layout-226842" 1607 class="row row-layout section-vertical-align-top 1608 " 1609 data-container-id="226842" 1610 data-test="Full" 1611 data-page-id="89036"> 1612 1613 1614 <style> 1615 #layout-226842-col-1 { 1616 padding-left:8px; 1617 padding-right:8px; 1618 padding-top:0; 1619 padding-bottom:0; 1620 } 1621 1622 </style> <div 1623 id="layout-226842-col-1" 1624 class='ui-layout-col col-vertical-align-center col-xs-12 col-sm-12' 1625 data-col-size='12' 1626 data-column='1' 1627 data-container-id='226842' 1628 data-colwidth='1270'> 1629 1630 <!-- Widget container --> 1631 <div 1632 class='widgets-container' 1633 data-column="1" 1634 data-container-id="226842" 1635 data-colwidth="1270"> 1636 <!-- Widget Loop --> 1637 <div 1638 id="widget-639250" 1639 class="widget-container" 1640 data-container-id="226842" 1641 data-widget-id="639250" 1642 data-page-id="89036"> 1643 <style> 1644 1645 #widget-639250 { 1646 margin-bottom:16px; 1647 } 1648 1649 #widget-639250 .w { 1650 background-color:#ffffff; 1651 } 1652 1653 #widget-639250 { 1654 margin-top:0px; 1655 margin-left:0px; 1656 margin-bottom:0px; 1657 margin-right:0px; 1658 } 1659 #widget-639250 .w { 1660 1661 padding-top:0px; 1662 padding-right:0px; 1663 padding-bottom:0px; 1664 padding-left:0px; 1665 background-color:rgba(255, 255, 255, 0); 1666 background-size:auto; 1667 } 1668 /* Mobile screens (0px - 768px) */ 1669 #widget-639250 .w { 1670 1671 } 1672 /* Mobile screens retina */ 1673 @media 1674 only screen and (-webkit-min-device-pixel-ratio: 2), 1675 only screen and ( min--moz-device-pixel-ratio: 2), 1676 only screen and ( -o-min-device-pixel-ratio: 2/1), 1677 only screen and ( min-device-pixel-ratio: 2), 1678 only screen and ( min-resolution: 192dpi), 1679 only screen and ( min-resolution: 2dppx) { 1680 .loaded #widget-639250 .w { 1681 1682 } 1683 } 1684 /* Tablets (768px - 991px) */ 1685 @media only screen and (min-width: 768px) { 1686 .loaded #widget-639250 .w { 1687 1688 } 1689 } 1690 /* Tablets */ 1691 @media 1692 only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 991px), 1693 only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 991px), 1694 only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 991px), 1695 only screen and ( min-device-pixel-ratio: 2) and (min-width: 991px), 1696 only screen and ( min-resolution: 192dpi) and (min-width: 991px), 1697 only screen and ( min-resolution: 2dppx) and (min-width: 991px) { 1698 .loaded #widget-639250 .w { 1699 1700 1701 } 1702 } 1703 1704 /* Desktop (992px - 1199px) */ 1705 @media only screen and (min-width : 992px) { 1706 .loaded #widget-639250 .w { 1707 1708 } 1709 } 1710 /* Desktops Retina (992px - 1199px) */ 1711 @media 1712 only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1199px), 1713 only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1199px), 1714 only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1199px), 1715 only screen and ( min-device-pixel-ratio: 2) and (min-width: 1199px), 1716 only screen and ( min-resolution: 192dpi) and (min-width: 1199px), 1717 only screen and ( min-resolution: 2dppx) and (min-width: 1199px) { 1718 .loaded #widget-639250 .w { 1719 1720 1721 } 1722 } 1723 1724 /* Large Desktop (1200px or larger (max 2048px)) */ 1725 @media only screen and (min-width : 1200px) { 1726 .loaded #widget-639250 .w { 1727 1728 } 1729 } 1730 /* Large Desktops Retina */ 1731 @media 1732 only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2048), 1733 only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 2048), 1734 only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 2048), 1735 only screen and ( min-device-pixel-ratio: 2) and (min-width: 2048), 1736 only screen and ( min-resolution: 192dpi) and (min-width: 2048), 1737 only screen and ( min-resolution: 2dppx) and (min-width: 2048) { 1738 .loaded #widget-639250 .w { 1739 1740 } 1741 } 1742 1743 #widget-639250 .w.wBorder {border-width:0px;border-color:#e7e7e7;border-style:solid;border-radius:1px;}#widget-639250 .wHeader {}#widget-639250 .wHeader h2 {}#widget-639250 .wHeader a {}#widget-639250 .wContent {} 1744 </style> 1745 1746 1747 <!-- /widgets/text/text.cshtml --> 1748 1749 1750 1751 1752<style> 1753 #widget-639250 .wContent { 1754 ; 1755 text-align:Left; 1756 color: ; 1757 font-size: inherit ; 1758 font-weight:; line-height:; min-height:; 1759 } 1760 1761 #widget-639250 .textblock-container { 1762 max-width:auto; 1763 margin: 0 auto; 1764 } 1765 1766 #widget-639250 .wContent img { 1767 max-width: 100%; 1768 height: auto !important; 1769 } 1770</style> 1771 1772<div class="w wBorder"> 1773 <div class="wContent"> 1774 <div class="textblock-container fr-view"> 1775 <h1 style="text-align: left;"><span style="color: rgb(29, 29, 29); font-size: 3rem;">PERSONVERNREGLER</span></h1> 1776 </div> 1777 </div> 1778</div> 1779 1780 </div> 1781 <div class="clearfix"></div> 1782 <div 1783 id="widget-639251" 1784 class="widget-container" 1785 data-container-id="226842" 1786 data-widget-id="639251" 1787 data-page-id="89036"> 1788 <style> 1789 1790 #widget-639251 { 1791 margin-bottom:16px; 1792 } 1793 1794 #widget-639251 .w { 1795 background-color:#ffffff; 1796 } 1797 1798 #widget-639251 { 1799 margin-top:0px; 1800 margin-left:0px; 1801 margin-bottom:0px; 1802 margin-right:0px; 1803 } 1804 #widget-639251 .w { 1805 1806 padding-top:0px; 1807 padding-right:0px; 1808 padding-bottom:0px; 1809 padding-left:0px; 1810 background-color:rgba(255, 255, 255, 0); 1811 background-size:auto; 1812 } 1813 /* Mobile screens (0px - 768px) */ 1814 #widget-639251 .w { 1815 1816 } 1817 /* Mobile screens retina */ 1818 @media 1819 only screen and (-webkit-min-device-pixel-ratio: 2), 1820 only screen and ( min--moz-device-pixel-ratio: 2), 1821 only screen and ( -o-min-device-pixel-ratio: 2/1), 1822 only screen and ( min-device-pixel-ratio: 2), 1823 only screen and ( min-resolution: 192dpi), 1824 only screen and ( min-resolution: 2dppx) { 1825 .loaded #widget-639251 .w { 1826 1827 } 1828 } 1829 /* Tablets (768px - 991px) */ 1830 @media only screen and (min-width: 768px) { 1831 .loaded #widget-639251 .w { 1832 1833 } 1834 } 1835 /* Tablets */ 1836 @media 1837 only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 991px), 1838 only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 991px), 1839 only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 991px), 1840 only screen and ( min-device-pixel-ratio: 2) and (min-width: 991px), 1841 only screen and ( min-resolution: 192dpi) and (min-width: 991px), 1842 only screen and ( min-resolution: 2dppx) and (min-width: 991px) { 1843 .loaded #widget-639251 .w { 1844 1845 1846 } 1847 } 1848 1849 /* Desktop (992px - 1199px) */ 1850 @media only screen and (min-width : 992px) { 1851 .loaded #widget-639251 .w { 1852 1853 } 1854 } 1855 /* Desktops Retina (992px - 1199px) */ 1856 @media 1857 only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1199px), 1858 only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1199px), 1859 only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1199px), 1860 only screen and ( min-device-pixel-ratio: 2) and (min-width: 1199px), 1861 only screen and ( min-resolution: 192dpi) and (min-width: 1199px), 1862 only screen and ( min-resolution: 2dppx) and (min-width: 1199px) { 1863 .loaded #widget-639251 .w { 1864 1865 1866 } 1867 } 1868 1869 /* Large Desktop (1200px or larger (max 2048px)) */ 1870 @media only screen and (min-width : 1200px) { 1871 .loaded #widget-639251 .w { 1872 1873 } 1874 } 1875 /* Large Desktops Retina */ 1876 @media 1877 only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2048), 1878 only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 2048), 1879 only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 2048), 1880 only screen and ( min-device-pixel-ratio: 2) and (min-width: 2048), 1881 only screen and ( min-resolution: 192dpi) and (min-width: 2048), 1882 only screen and ( min-resolution: 2dppx) and (min-width: 2048) { 1883 .loaded #widget-639251 .w { 1884 1885 } 1886 } 1887 1888 #widget-639251 .w.wBorder {border-width:0px;border-color:#e7e7e7;border-style:solid;border-radius:1px;}#widget-639251 .wHeader {}#widget-639251 .wHeader h2 {}#widget-639251 .wHeader a {}#widget-639251 .wContent {} 1889 </style> 1890 1891 1892 <!-- /widgets/text/text.cshtml --> 1893 1894 1895 1896 1897<style> 1898 #widget-639251 .wContent { 1899 ; 1900 text-align:Left; 1901 color: ; 1902 font-size: inherit ; 1903 font-weight:; line-height:; min-height:; 1904 } 1905 1906 #widget-639251 .textblock-container { 1907 max-width:auto; 1908 margin: 0 auto; 1909 } 1910 1911 #widget-639251 .wContent img { 1912 max-width: 100%;
1912 1913 height: auto !important; 1914 } 1915</style> 1916 1917<div class="w wBorder"> 1918 <div class="wContent"> 1919 <div class="textblock-container fr-view"> 1920 <p><strong>1. Hvem gjelder erklaeringen for?</strong></p><p data-pasted="true">Denne erklaeringen gjelder for bruk av Bloc-appen og tilhorende tjenester pa mobil og nett. Behandlingsansvarlig for appen er Bloc AS. Hvis du har sporsmal om personvern, kan du kontakte oss pa <a data-fr-linked="true" href="mailto:[email protected]">[email protected]</a>.</p><p><br><br><strong>2. Hvilke opplysninger vi kan behandle</strong></p><p data-pasted="true">Avhengig av hvilke funksjoner du bruker, kan vi behandle folgende typer opplysninger:</p><p><br></p><p>- kontoopplysninger, som e-postadresse, telefonnummer, brukernavn og innloggingsrelaterte opplysninger</p><p>- profilopplysninger og medlemskapsopplysninger som du eller organisasjonen din registrerer i tjenesten</p><p>- innhold du selv oppretter, som innlegg, meldinger, bilder, kommentarer, RSVP-svar og annet materiale du laster opp</p><p>- tekniske opplysninger og loggdata, som enhetstype, operativsystem, IP-adresse, appversjon, tidspunkt for bruk og feillogger</p><p>- push-varslingsrelaterte opplysninger nar du samtykker til varsler</p><p>- posisjonsdata nar du aktivt bruker funksjoner for trening, orientering, turmarsj eller andre kart- og sporingsfunksjoner</p><p>- kontaktdata fra enheten din dersom du aktivt bruker funksjoner for a finne eller invitere kontakter</p><p>- bilder eller video dersom du bruker kamera, bildebibliotek eller filopplasting i appen</p><p>- kalenderopplysninger dersom du velger a legge arrangementer til kalenderen din</p><p>- helse- eller aktivitetsdata dersom du velger a koble appen til helsefunksjoner pa enheten din</p><p><br></p><p><strong>3. Hvordan vi samler inn opplysninger</strong></p><p data-pasted="true">Vi samler inn opplysninger pa tre hovedmater:</p><p>- opplysninger du selv gir oss nar du oppretter konto, redigerer profil eller bruker appens funksjoner</p><p>- opplysninger som oppstar nar du bruker tjenesten, for eksempel aktivitetsdata, tekniske logger og meldingsinnhold</p><p>- opplysninger fra enhetsfunksjoner og tredjepartstjenester som du selv aktiverer, for eksempel posisjon, varsler, kamera, kontakter, kalender eller helsedata</p><p><br></p><p data-pasted="true"><strong>4. Hva vi bruker opplysningene til</strong></p><p>Vi bruker personopplysninger for a:</p><p>- opprette og administrere kontoer og profiler</p><p>- levere kjernefunksjoner i appen, inkludert kommunikasjon, medlemskap, arrangementer, grupper og innhold</p><p>- muliggjore trenings-, kart- og sporingsfunksjoner nar du velger a bruke dem</p><p>- sende push-varsler, driftsmeldinger og sikkerhetsrelaterte varsler</p><p>- feilsoke, sikre og forbedre appens stabilitet, ytelse og sikkerhet</p><p>- oppfylle rettslige forpliktelser og handtere misbruk, svindel eller sikkerhetshendelser</p><p><br></p><p data-pasted="true"><strong>5. Tillatelser pa enheten din</strong></p><p>Appen kan be om tilgang til blant annet posisjon, kamera, bilder, kontakter, kalender, varsler og eventuelt helseopplysninger. Slike tillatelser brukes bare nar de er nodvendige for funksjonen du har valgt a bruke. Du kan nar som helst endre eller trekke tilbake tillatelser i innstillingene pa enheten din, men enkelte funksjoner vil da ikke fungere som forventet.</p><p><br></p><p><strong>6. Deling av opplysninger og tredjepartstjenester</strong></p><p>Vi selger ikke personopplysninger. Vi kan dele opplysninger med underleverandorer som behandler data pa vare vegne for a levere tjenesten, for eksempel til drift, varslinger, feilrapportering og analyse. Dette kan inkludere tjenester fra Google Play Services, Firebase, Crashlytics og Sentry, samt andre tekniske underleverandorer som er nodvendige for appens funksjon.</p><p><br></p><p>
1920Vi kan ogsa dele opplysninger nar dette er nodvendig for a oppfylle lovkrav, beskytte vare rettigheter eller ivareta sikkerheten til brukere og tjenesten.</p><p><br></p><p><strong>7. Lagringstid og oppbevaring av data</strong></p><p>Vi lagrer personopplysninger sa lenge det er nodvendig for formalene de ble samlet inn for.</p><p>- Konto- og profilopplysninger lagres sa lenge kontoen er aktiv, og deretter sa lenge det er nodvendig for a handtere medlemskap, kundeforhold, support, sikkerhet og lovpalagte plikter.</p><p>- Innhold du oppretter lagres til du sletter det, kontoen slettes, eller innholdet ikke lenger er nodvendig for tjenesten. Innhold kan beholdes lenger dersom det inngar i lovpalagt dokumentasjon eller sikkerhetsrelatert oppfolging.</p><p>- Posisjons- og aktivitetsdata lagres sa lenge det er nodvendig for trenings-, kart- og sporingsfunksjonene du bruker, eller til du sletter aktivitetene eller ber om sletting, med mindre videre lagring kreves av lov eller for a lose tvister.</p><p>- Tekniske logger og feillogger lagres normalt bare sa lenge de er nodvendige for feilsoking, sikkerhet, stabil drift og dokumentasjon av hendelser, og slettes eller anonymiseres deretter.</p><p>- Opplysninger knyttet til betaling eller regnskap kan lagres lenger nar dette folger av lovpalagte krav, for eksempel bokforings- eller revisjonsplikt.</p><p><br></p><p>Nar opplysninger ikke lenger er nodvendige, sletter vi dem eller anonymiserer dem sa langt dette er praktisk og rettslig mulig.</p><p><br></p><p><strong>8. Sletting av konto og personopplysninger</strong></p><p>Du kan be om sletting av kontoen din og tilhorende personopplysninger pa folgende mater:</p><p>1. Logg inn pa kontoen din og ga til kontosiden for sletting: <a data-fr-linked="true" href="https://www.bloc.no/next/account/delete">https://www.bloc.no/next/account/delete</a></p><p>2. Hvis du ikke far slettet kontoen selv, kan du sende en foresporsel til <a data-fr-linked="true" href="mailto:[email protected]">[email protected]</a> fra e-postadressen som er knyttet til kontoen din.</p><p>I foresporselen bor du oppgi navn, registrert e-postadresse og gjerne telefonnummer eller tilknyttet organisasjon, slik at vi kan identifisere kontoen din sikkert.</p><p><br></p><p>Merk at enkelte kontoer ikke kan slettes umiddelbart dersom brukeren fortsatt har administrative rettigheter, aktive roller eller andre forpliktelser i tjenesten. I slike tilfeller ma disse rettighetene forst fjernes eller overfores.</p><p><br></p><p>Nar vi mottar en gyldig sletteforesporsel, behandler vi den uten ugrunnet opphold. Enkelte opplysninger kan likevel bli beholdt dersom vi er rettslig forpliktet til det, eller dersom opplysningene er nodvendige for sikkerhet, tvistelosing, misbruksforebygging eller regnskapsmessig dokumentasjon.</p><p><br></p><p data-pasted="true"><strong>9. Tilkobling av Instagram</strong></p><p>Nettstedseiere kan koble sin egen Instagram-konto (bedrift eller skaper) til nettstedet sitt for Ã¥ vise bilder derfra pÃ¥ sidene sine. Tilkoblingen gjøres av nettstedseieren selv, og kan nÃ¥r som helst kobles fra.</p><p>NÃ¥r en konto er koblet til, henter vi kontoens brukernavn og konto-ID, samt bilder med tilhørende bildetekst, lenke og publiseringstidspunkt. Vi henter ikke meldinger, kommentarer, følgerlister eller statistikk.</p><p>Opplysningene brukes utelukkende til Ã¥ vise innholdet pÃ¥ nettstedseierens egne sider. De deles ikke med tredjeparter, og brukes ikke til markedsføring eller profilering.</p><p>Tilgangsnøkkelen lagres hos oss sÃ¥ lenge koblingen varer. Bildene kopieres til vÃ¥rt eget lager slik at sidene fungerer uavhengig av Instagram â de legges ikke i nettstedets mediebibliotek, og kan derfor ikke brukes andre steder pÃ¥ nettstedet.</p><p>Ved frakobling forsvinner bildene fra nettstedet umiddelbart, ogsÃ¥ fra sider som allerede er publisert. Tilgangsnøkkelen slettes med én gang, og kopiene av bildene innen 30 dager.</p><p>Se <a href="https://www.bloc.no/page/sletting-av-data" target="_blank" rel="noopener noreferrer" data-base-ui-tooltip-trigger="" data-slot="tooltip-trigger">Sletting av data</a> for framgangsmÃ¥ten.</p><p><br></p><p><strong>10. Dine rettigheter</strong></p><p>Du kan ha rett til innsyn, retting, begrensning, dataportabilitet, protest og sletting etter gjeldende personvernlovgivning. Du k
1920an ogsa trekke tilbake samtykker du har gitt, for eksempel for enhetstillatelser, ved a endre innstillingene i appen eller pa enheten din.</p><p><br></p><p><strong>11. Sikkerhet</strong></p><p>Vi arbeider for a beskytte personopplysningene dine gjennom tekniske og organisatoriske sikkerhetstiltak. Ingen losning er likevel helt risikofri, og vi kan derfor ikke garantere absolutt sikkerhet.</p><p><br></p><p><strong>12. Endringer i erklaeringen</strong></p><p>Vi kan oppdatere denne personvernerklaeringen ved behov. Oppdatert versjon publiseres pa denne siden, og datoen overst vil bli justert nar endringer gjores.</p><p><br></p><p><strong>13. Kontakt</strong></p><p>Hvis du har sporsmal om personvern eller onsker a utove rettighetene dine, kan du kontakte oss pa <a data-fr-linked="true" href="mailto:[email protected]">[email protected]</a>.</p><p><br></p><p data-pasted="true"><br></p><p><br></p> 1921 </div> 1922 </div> 1923</div> 1924 1925 </div> 1926 <div class="clearfix"></div> 1927 1928 </div> 1929 </div> 1930 </div> 1931 </div> 1932 1933 1934 1935 1936 1937 1938 1939 1940 </div> 1941 1942 1943 <div id="adRight"></div> 1944 1945 </main> 1946 1947 1948 1949 1950 1951 1952 <footer> 1953 1954 1955 1956 1957<style> 1958 #layout-wrapper-226854 { 1959 width:100%; 1960 margin:0 auto; 1961 max-width: 100%; 1962 1963 } 1964 #layout-wrapper-226854 .layout-wrapper-background { 1965 background-color:rgb(252, 252, 252); 1966 1967 }</style> <div id="layout-wrapper-226854" class="layout-canvas clearfix"> 1968 1969 <div class="layout-wrapper-background" ></div> 1970 1971 1972 <style> 1973 #layout-226854 { 1974 position:relative; 1975 clear:both; 1976 padding-top:31px; 1977 padding-right:0px; 1978 padding-bottom:32px; 1979 padding-left:0px; 1980 width:1286px; 1981 max-width:100%; 1982 } 1983 1984 @media (min-width: 992px) { 1985 #layout-226854 { 1986 min-height: 0px; 1987 } 1988 } 1989 </style> 1990 <div 1991 id="layout-226854" 1992 class="row row-layout section-vertical-align-top 1993 " 1994 data-container-id="226854" 1995 data-test="Tower" 1996 data-page-id="89039"> 1997 1998 1999 <style> 2000 #layout-226854-col-1 { 2001 padding-left:8px; 2002 padding-right:8px; 2003 padding-top:0; 2004 padding-bottom:0; 2005 } 2006 2007 </style> <div 2008 id="layout-226854-col-1" 2009 class='ui-layout-col col-vertical-align-top col-xs-12 col-sm-5' 2010 data-col-size='5' 2011 data-column='1' 2012 data-container-id='226854' 2013 data-colwidth='509'> 2014 2015 <!-- Widget container --> 2016 <div 2017 class='widgets-container' 2018 data-column="1" 2019 data-container-id="226854" 2020 data-colwidth="509"> 2021 <!-- Widget Loop --> 2022 2023 </div> 2024 </div> 2025 2026 <style> 2027 #layout-226854-col-2 { 2028 padding-left:8px; 2029 padding-right:8px; 2030 padding-top:0; 2031 padding-bottom:0; 2032 } 2033 2034 </style> <div 2035 id="layout-226854-col-2" 2036 class='ui-layout-col col-vertical-align-top col-xs-12 col-sm-2' 2037 data-col-size='2' 2038 data-column='2' 2039 data-container-id='226854' 2040 data-colwidth='204'> 2041 2042 <!-- Widget container --> 2043 <div 2044 class='widgets-container' 2045 data-column="2" 2046 data-container-id="226854" 2047 data-colwidth="204"> 2048 <!-- Widget Loop --> 2049 2050 </div> 2051 </div> 2052 2053 <style> 2054 #layout-226854-col-3 { 2055 padding-left:8px; 2056 padding-right:8px;
2057 padding-top:0; 2058 padding-bottom:0; 2059 } 2060 2061 </style> <div 2062 id="layout-226854-col-3" 2063 class='ui-layout-col col-vertical-align-top col-xs-12 col-sm-2' 2064 data-col-size='2' 2065 data-column='3' 2066 data-container-id='226854' 2067 data-colwidth='204'> 2068 2069 <!-- Widget container --> 2070 <div 2071 class='widgets-container' 2072 data-column="3" 2073 data-container-id="226854" 2074 data-colwidth="204"> 2075 <!-- Widget Loop --> 2076 2077 </div> 2078 </div> 2079 2080 <style> 2081 #layout-226854-col-4 { 2082 padding-left:8px; 2083 padding-right:8px; 2084 padding-top:0; 2085 padding-bottom:0; 2086 } 2087 2088 </style> <div 2089 id="layout-226854-col-4" 2090 class='ui-layout-col col-vertical-align-top col-xs-12 col-sm-3' 2091 data-col-size='3' 2092 data-column='4' 2093 data-container-id='226854' 2094 data-colwidth='305'> 2095 2096 <!-- Widget container --> 2097 <div 2098 class='widgets-container' 2099 data-column="4" 2100 data-container-id="226854" 2101 data-colwidth="305"> 2102 <!-- Widget Loop --> 2103 2104 </div> 2105 </div> 2106 </div> 2107 </div> 2108 2109 2110 2111 2112 </footer> 2113 2114 2115 <div id="fb-root"></div> 2116
2116<script> 2117 (function (d, s, id) { 2118 var js, fjs = d.getElementsByTagName(s)[0]; 2119 if (d.getElementById(id)) return; 2120 js = d.createElement(s); js.id = id; 2121 js.src = 'https://connect.facebook.net/nb_NO/all.js#xfbml=1&appId=377020078234768&version=v24.0&123'; 2122 fjs.parentNode.insertBefore(js, fjs); 2123 }(document, 'script', 'facebook-jssdk')); 2124 </script>
2124 2125 2126 2127 2128 2129 2130 <!-- Google tag (gtag.js) -->
vendor: 73 bytes, lines 2130-2131
2130 2131 <script async src="https://www.googletagmanager.com/gtag/js?id=
2131AW-18139431181
vendor: 21 bytes, lines 2131-2132
2131"></script> 2132
2132<script> 2133 window.dataLayer = window.dataLayer || []; 2134 function gtag() { dataLayer.push(arguments); } 2135 2136 gtag('set', 'linker', { 2137 domains: ['bloc.no', 'idrettenonline.no', 'salongenonline.no', 'bloc.net'] 2138 }); 2139 2140 gtag('js', new Date()); 2141 gtag('config', 'AW-18139431181'); 2142 </script>
2142 2143 2144 2145
2145<script type="text/javascript"> 2146 (function(c,l,a,r,i,t,y){ 2147 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 2148 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 2149 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 2150 })(window, document, "clarity", "script", "wu1pwbqmy1"); 2151 </script>
2151 2152 2153 2154 <!-- OpenAI Ads pixel --> 2155
2155<script> 2156 (function (w, d, s, u) { 2157 if (w.oaiq) return; 2158 var q = function () { q.q.push(arguments); }; 2159 q.q = []; 2160 w.oaiq = q; 2161 var js = d.createElement(s); 2162 js.async = true; 2163 js.src = u; 2164 var f = d.getElementsByTagName(s)[0]; 2165 f.parentNode.insertBefore(js, f); 2166 })(window, document, "script", "https://bzrcdn.openai.com/sdk/oaiq.min.js"); 2167 2168 oaiq("init", { 2169 pixelId: "Bmatn4WFSmXefKfy9e6N2Q" 2170 }); 2171 </script>
2171 2172 2173
2174<script src="/js/bloc-core.js?v=1" defer></script>
2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184
2185<script> 2186 $(function () { 2187 (function (w, d) { 2188 var id = 'embedly-platform', n = 'script'; 2189 if (!d.getElementById(id)) { 2190 w.embedly = w.embedly || function () {(w.embedly.q = w.embedly.q || []).push(arguments);}; 2191 var e = d.createElement(n); e.id = id; e.async = 1; 2192 e.src = ('https:' === document.location.protocol ? 'https' : 'http') + '://cdn.embedly.com/widgets/platform.js'; 2193 var s = d.getElementsByTagName(n)[0]; 2194 s.parentNode.insertBefore(e, s); 2195 } 2196 })(window, document); 2197 }); 2198</script>
2198 2199 2200 2201<div id="poweredByContainer"> 2202 <div id="poweredBy" role="banner" aria-label="Powered by" style=""> 2203 2204 Powered by: <a href="https://www.bloc.no/next/levert-av?utm_source=footer&sid=8642" style="color:white;" target="_blank" rel="noreferrer noopener">Bloc</a> 2205 <div class="clear"></div> 2206 </div> 2207 </div> 2208<style id="topbar-style-tag"> 2209 html { 2210 height:auto; 2211 } 2212 html > body { 2213 height:100% !important; 2214 } 2215 2216 2217 body.ui-admin-mode #poweredByContainer { 2218 display:none; 2219 } 2220 2221 @media only screen and (max-width: 767px) { 2222 #poweredByContainer { 2223 margin-top: 40px; 2224 } 2225 #poweredBy { 2226 position: fixed; 2227 margin-top: 50px; 2228 z-index: 1090; 2229 } 2230 } 2231 @media only screen and (min-width: 767px) { 2232 2233 #poweredBy { 2234 position: relative; 2235 } 2236 } 2237 2238 /* Firefox (FxiOS) og Edge (EdgiOS) på iOS feilplasserer position:fixed 2239 når den dynamiske toolbaren kollapser, så baren blir hengende midt i 2240 innholdet. Legg den i normal flyt nederst på siden der i stedet. */ 2241 html.fxios #poweredBy { 2242 position: relative; 2243 bottom: auto; 2244 margin-top: 0; 2245 } 2246</style>
2247<script> 2248 (function () { 2249 if (/FxiOS|EdgiOS/i.test(navigator.userAgent)) { 2250 document.documentElement.classList.add('fxios'); 2251 } 2252 const adjustPoweredBy = () => { 2253 const topBarHeight = document.getElementById('topbar') ? 2254 document.getElementById('topbar').offsetHeight : 0; 2255 const logoHeight = document.getElementById('logoWrapper') ? 2256 document.getElementById('logoWrapper').offsetHeight : 0; 2257 const menuHeight = document.getElementById('navContainer') ? 2258 document.getElementById('navContainer').offsetHeight : 0; 2259 const footerHeight = document.getElementsByTagName('footer').length > 0 ? 2260 document.getElementsByTagName('footer')[0].offsetHeight : 0; 2261 2262 $('#content').attr('style', 'min-height: calc(100vh - ' + (topBarHeight + logoHeight + menuHeight + footerHeight + 41).toString() + 'px);'); 2263 }; 2264 adjustPoweredBy(); 2265 const myObserver = new ResizeObserver(entries => { 2266 if (window.innerWidth > 600) 2267 adjustPoweredBy(); 2268 }); 2269 myObserver.observe(document.body); 2270 })(); 2271</script>
2271 2272 2273</body> 2274</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.