body.hide_scrollbars_while_loading{width:100%;height:100%;overflow:hidden}body>#loader,body>#editLoader{background:#d8d8d8;position:fixed;width:100%;height:100%;z-index:10000;top:0;left:0;opacity:1;transition:opacity 0.3s ease-in}body>#loader.removed,body>#editLoader.removed{opacity:0}body>#loader{background:rgb(110,110,110)}body>#editLoader{background:#d8d8d8}body>#loader .spinner,body>#editLoader .spinner{position:absolute;display:block;width:220px;height:220px;top:50%;left:50%;margin:-110px 0 0 -110px;border-radius:100%;overflow:hidden}body>#loader .spinner{background-color:white}body>#editLoader .spinner{background-color:white} body>#loader .spinner > div,body>#editLoader .spinner > div{width:208px;height:208px;position:absolute;top:50%;left:50%;border:1px rgba(255,255,255,0) solid; background-clip:padding-box; border-radius:100%;margin:-104px 0 0 -104px;background-size:100% 100%;overflow:hidden;-webkit-animation:h5-rotate-fully 1.0s infinite linear;animation:h5-rotate-fully 1.0s infinite linear} img.spinner{-webkit-animation:h5-rotate-fully 1.0s infinite linear;animation:h5-rotate-fully 1.0s infinite linear}body>#loader .logo,body>#editLoader .logo{position:absolute;top:50%;left:50%;border-radius:50%;margin:-98px 0 0 -98px;width:196px;height:196px;line-height:180px;text-align:center;z-index:1}body>#loader .logo{background-color:white}body>#editLoader .logo{background-color:white}body.IE8>#loader .circle,body.IE9>#loader .circle{position:absolute;display:block;width:220px;height:220px;top:50%;left:50%;margin:-110px 0 0 -110px;overflow:hidden;background-color:transparent;background-image:url(/static/img/desktop/ie_spinner_background.png)}body.IE8>#loader .circle .logo,body.IE9>#loader .circle .logo{border-radius:0;background-color:transparent}body.IE8>#loader .circle .spinnerImage,body.IE9>#loader .circle .spinnerImage{position:absolute;bottom:18px;left:50%;margin-left:-12px}body>#loader .logo img,body>#editLoader .logo img{width:auto;height:auto;max-width:140px;max-height:100px;border:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.theme-light{--navigation-background-color:#FFF;--navigation-icon-color:#545454;--navigation-icon-color-active:#272727;--navigation-icon-color-disabled:#ACACAC;--navigation-background-image:url('/static/img/theme/light/navigation-bar.svg')}.overlay-navigation.theme-light{--navigation-background-color:rgba(255,255,255,0.5)}.IE8.theme-light{--navigation-background-image:url('/static/img/theme/light/navigation-bar.png')} .theme-medium{--navigation-background-color:#EEE;--navigation-icon-color:#545454;--navigation-icon-color-active:#272727;--navigation-icon-color-disabled:#ACACAC;--navigation-background-image:url('/static/img/theme/medium/navigation-bar.svg')}.overlay-navigation.theme-medium{--navigation-background-color:rgba(238,238,238,0.5)}.IE8.theme-medium{--navigation-background-image:url('/static/img/theme/medium/navigation-bar.png')} .theme-dark{--navigation-background-color:#000;--navigation-icon-color:#979797;--navigation-icon-color-active:#FFFFFF;--navigation-icon-color-disabled:#3E3E3E;--navigation-background-image:url('/static/img/theme/dark/navigation-bar.svg')}.overlay-navigation.theme-dark{--navigation-background-color:rgba(0,0,0,0.5)}.IE8.theme-dark{--navigation-background-image:url('/static/img/theme/dark/navigation-bar.png')} .theme-custom{--navigation-background-color:rgb(255,239,226);--navigation-icon-color:rgb(136,136,136);--navigation-icon-color-active:rgb(255,255,255);--navigation-icon-color-disabled:rgb(62,62,62);--navigation-background-image:url('/system/resources/images/navigation-bar-dpg-brandedcontent-72d00f1e41876a376c24846015f02cc18b5e8c66.svg')}.overlay-navigation.theme-custom{--navigation-background-color:rgb(255,239,226)}.IE8.theme-custom{--navigation-background-image:url('/system/resources/images/navigation-bar-dpg-brandedcontent-72d00f1e41876a376c24846015f02cc18b5e8c66.png')} body #container #navArticles .h5mag{display:none}
body #container .h5scroll-track{}body #container .h5scroll-drag{}body #container .h5scroll-drag{}
body.ziggo-branding{--navigation-background-image:url(/system/resources/ziggo-navigation-bar/images/navigation-bar.svg)}.area.style_TEXT_Pillarlabel,.area.style_TEXT_Pillarinfo{display:inline-block}.area.style_SECTION_Pillar:not(.h5-trigger-popup-toc){padding-left:var(--bleed-offset-left)}article.article-index-clone{padding-left:var(--bleed-offset-left) !important;padding-right:var(--bleed-offset-right) !important}body.ziggo-branding #articleBrowser{bottom:0;height:auto}body.ziggo-branding:not(.small-portrait) #navArticles{background-color:transparent;height:0 !important}body.ziggo-branding #navArticles li.pagenumbers{background-image:none;width:fit-content !important;margin-right:10px !important;margin-left:0px !important}body.ziggo-branding #navArticles li.pagenumbers{color:white}body.ziggo-branding #navArticles li.h5mag{background-image:url(/system/resources/ziggo-navigation-bar/images/ziggo-logo.svg);background-size:cover;background-repeat:no-repeat;background-position:0;background-color:transparent;display:block !important;width:63px;height:22px}body.ziggo-branding #navMain{position:absolute;left:0}body.ziggo-branding #navArticles li.index.active{background-color:#D98109;height:44.5px; }body.ziggo-branding:not(.small-portrait) #navArticles .prev:not(.disabled),body.ziggo-branding:not(.small-portrait) #navArticles .prev:not(.disabled):hover{background-position:-175px 90px}body.ziggo-branding #navArticles .prev{margin-right:0}body.ziggo-branding #navArticles .next,body.ziggo-branding #navArticles .next:hover{background-position:-238px 90px;width:30px}body.ziggo-branding:not(.small-portrait) #navArticles .next.disabled:hover{background-position:-238px 45px}body.ziggo-branding:not(.small-portrait) #navArticles .next{width:35px}body.ziggo-branding #navArticles .index,body.ziggo-branding #navArticles .index:hover{background-position:-45px 90px;left:66px}body.ziggo-branding #navArticles .index.active{background-position:-45px 90px}body.ziggo-branding #navArticles .home,body.ziggo-branding #navArticles .home:hover{background-position:0 90px !important;left:0}body.ziggo-branding.small-portrait #navArticles .home{background-position:0 90px !important}body.ziggo-branding.small-portrait #navArticles .index{background-position:-45px 90px}body.ziggo-branding.small-portrait #navArticles .prev{background-position:-180px 90px}body.ziggo-branding.small-portrait #navArticles .prev.disabled{background-position:-180px 45px}body.ziggo-branding.small-portrait #navArticles .next{background-position:-235px 90px}body.ziggo-branding.small-portrait #navArticles .next.disabled{background-position:-235px 45px}body.ziggo-branding.medium-landscape #navArticles .index,body.ziggo-branding.medium-landscape #navArticles .home,body.ziggo-branding.medium-landscape #navArticle{top:-60px}body.ziggo-branding:not(.small-portrait) #navArticles .index{transition:ease-in-out 0.1s background-color }body.ziggo-branding:not(.small-portrait) #navArticles .index,body.ziggo-branding:not(.small-portrait) #navArticles .home,body.ziggo-branding:not(.small-portrait) #navArticle{background-color:rgba(244,140,0,1);border-radius:999px;position:absolute;box-shadow:0 2px 10px 0 rgba(0,0,0,0.13)}body.ziggo-branding.medium-portrait #navArticles .index,body.ziggo-branding.medium-portrait #navArticles .home,body.ziggo-branding.medium-portrait #navArticle{top:-70px !important}body.ziggo-branding #navArticle{right:0}body.ziggo-branding.overlay-navigation #navArticle{float:right;margin:0 20px 0 0;top:-60px;bottom:auto;left:auto;height:45px;width:auto}body.ziggo-branding.overlay-navigation #navMain li.home{margin-left:10px}body.ziggo-branding.overlay-navigation #navArticle li.prev,body.ziggo-branding.overlay-navigation #navArticle li.next,body.ziggo-branding.overlay-navigation #navArticle li.pagenumbers{position:static;float:left;background-color:transparent;display:block}body.ziggo-branding #navCenter{top:-765px;background-color:white;padding:0.5rem;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:12px 27px 12px 24px}body.ziggo-branding.overlay-navigation #navCenter{top:-720px} body.ziggo-branding #articleIndex{width:100%}body.ziggo-branding #articleIndex,body.ziggo-branding #articleIndex > article,body.ziggo-branding #articleIndex > article > section,body.ziggo-branding #articleIndex > article > section > div{pointer-events:none}body.ziggo-branding #articleIndex > article > section > div > *{pointer-events:all}body.ziggo-branding.small-portrait #navArticles{background-color:rgba(244,140,0,1);height:45px !important;bottom:10px !important;border-radius:999px;width:90% !important;margin:auto !important}body.ziggo-branding.small-portrait #navArticles .index,body.ziggo-branding.small-portrait #navArticles .home,body.ziggo-branding.small-portrait #navArticle{top:0}body.ziggo-branding.small-portrait.overlay-navigation #navArticles li{float:left;background-color:transparent}body.ziggo-branding.small-portrait.overlay-navigation #navMain{width:max-content}body.ziggo-branding.small-portrait #navCenter{padding:0;top:0;background-color:transparent}body.ziggo-branding.small-portrait #navArticles li.h5mag{width:45px;height:45px;background-image:url(/system/resources/ziggo-navigation-bar/images/navigation-bar.svg);background-size:auto;background-position:-270px}body.ziggo-branding.small-portrait #navArticles .index{left:50px }body.small-portrait .h5-popup-toc-content .article-container .article-item{flex:40%}body.ziggo-branding .h5-popup-toc-content .article-container .article-item{cursor:pointer}body:not(.small-portrait) .h5-popup-toc-content .article-container .article-item{max-width:32%}body.small-portrait .h5-popup-toc-window.fullscreen .content{top:0 !important;height:100% !important}body.small-portrait.popup-window.fullscreen .popup-window-bar{height:0 !important}body.small-portrait.popup-window.fullscreen .close{top:16px !important}.popup-window.fullscreen .close,.popup-window .close{background-image:url(/system/resources/ziggo-navigation-bar/images/close-icon.svg);background-color:white;border-radius:999px;background-size:9px 9px;width:41px;height:41px;background-position:center;top:20px !important;right:20px !important}body:not(.nohover) #navArticles .h5mag:hover{background-position:0} @keyframes pulseThreeTimes{0%,12.5%{transform:scale(1)}6.25%{transform:scale(0.9)}25%,37.5%{transform:scale(1)}31.25%{transform:scale(0.9)}50%,62.5%{transform:scale(1)}56.25%{transform:scale(0.9)}62.5%,100%{transform:scale(1)}} body.ziggo-branding.medium-landscape #navArticles .index,body.ziggo-branding.medium-landscape #navArticles .home,body.ziggo-branding.medium-landscape #navArticle,body.ziggo-branding.medium-portrait #navArticles .index,body.ziggo-branding.medium-portrait #navArticles .home,body.ziggo-branding.medium-portrait #navArticle{animation-name:pulseThreeTimes;animation-duration:1800ms; animation-timing-function:ease-in-out;animation-iteration-count:2;animation-delay:1200ms} body.ziggo-branding.small-portrait #navArticles{animation-name:pulseThreeTimes;animation-duration:1800ms; animation-timing-function:ease-in-out;animation-iteration-count:2;animation-delay:1200ms} @keyframes nudgeArticle{0%{transform:translateX(0)}50%,85%{transform:translateX(-240px)}90%{transform:translateX(0)}97.5%{transform:translateX(-20px)}100%{transform:translateX(0)}}body.ziggo-branding:not(.small-portrait) #articles.ziggo-nudge article{animation-name:nudgeArticle;animation-duration:1500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-delay:3000ms} @keyframes nudgeArticleMobile{0%{transform:translateX(0)}50%,85%{transform:translateX(-80px)}90%{transform:translateX(0)}97.5%{transform:translateX(-20px)}100%{transform:translateX(0)}}body.ziggo-branding.small-portrait #articles.ziggo-nudge article{animation-name:nudgeArticleMobile;animation-duration:1500ms;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-delay:3000ms} @keyframes wobble-animation{0%,100%{transform:translate(0,0) rotate(0deg)}20%{transform:translate(-10px) rotate(-3deg)}40%{transform:translate(10px) rotate(-3deg)}60%{transform:translate(-10px) rotate(-3deg)}80%{transform:translate(10px) rotate(-3deg)}}body.ziggo-branding .znm_swiper{animation:wobble-animation 8s}