From b493eaf6260b8480bbe2ae82453ade883d0c6ea4 Mon Sep 17 00:00:00 2001 From: svenbledt <sven.bledt@gmail.com> Date: Wed, 30 Nov 2022 08:32:20 +0100 Subject: [PATCH] Prettier --- assets/css/style.css | 4 +- assets/img/game/Johnny_Silverhand.html | 17574 ++++++++++++--------- assets/vendor/bootstrap-icons/index.html | 14574 +++++++++-------- index.html | 416 +- news.html | 1003 +- 5 files changed, 18468 insertions(+), 15103 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 93e4680..51527f1 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -820,8 +820,8 @@ a:hover { z-index: -1; } -.warning{ - margin-top:80px; +.warning { + margin-top: 80px; } /* Media Queries */ diff --git a/assets/img/game/Johnny_Silverhand.html b/assets/img/game/Johnny_Silverhand.html index 76bca8b..b607ed8 100644 --- a/assets/img/game/Johnny_Silverhand.html +++ b/assets/img/game/Johnny_Silverhand.html @@ -1,7791 +1,10701 @@ <!DOCTYPE html> <html lang="de"> - -<head> + <head> <script> - function onDidomiInteraction(action) { - return new Promise(function (resolve, reject) { - const formData = new FormData(); - const httpRequest = new XMLHttpRequest(); - const url = '/gs_cb/index.cfm?event=tracking:ajax.cmpAction'; - formData.append('action', action); - httpRequest.open('POST', url, true); - httpRequest.onload = function () { - if (this.status >= 200 && this.status < 300) { - resolve(httpRequest.response); - } else { - reject({ - status: this.status, - statusText: httpRequest.statusText - }); - } - }; - httpRequest.onerror = function () { - reject({ - status: this.status, - statusText: httpRequest.statusText - }); - }; - httpRequest.send(formData); - }); - } - window.addEventListener('DOMContentLoaded', e => { - const observerBody = new MutationObserver(mutations => { - mutations.forEach(mutation => { - Array.from(mutation.addedNodes) - .filter(node => node.id === 'didomi-host') - .forEach(node => { - observerDidomiHost.observe(node, { subtree: true, childList: true }); - observerBody.disconnect(); - }); - }); + function onDidomiInteraction(action) { + return new Promise(function (resolve, reject) { + const formData = new FormData(); + const httpRequest = new XMLHttpRequest(); + const url = "/gs_cb/index.cfm?event=tracking:ajax.cmpAction"; + formData.append("action", action); + httpRequest.open("POST", url, true); + httpRequest.onload = function () { + if (this.status >= 200 && this.status < 300) { + resolve(httpRequest.response); + } else { + reject({ + status: this.status, + statusText: httpRequest.statusText, + }); + } + }; + httpRequest.onerror = function () { + reject({ + status: this.status, + statusText: httpRequest.statusText, }); - const observerDidomiHost = new MutationObserver(mutations => { - mutations.forEach(mutation => { - Array.from(mutation.addedNodes) - .forEach(node => { - if (node.id === 'didomi-popup') { - onDidomiInteraction('didomi-consent-popup-view'); - observerDidomiHost.disconnect(); - } - }); + }; + httpRequest.send(formData); + }); + } + window.addEventListener( + "DOMContentLoaded", + (e) => { + const observerBody = new MutationObserver((mutations) => { + mutations.forEach((mutation) => { + Array.from(mutation.addedNodes) + .filter((node) => node.id === "didomi-host") + .forEach((node) => { + observerDidomiHost.observe(node, { + subtree: true, + childList: true, + }); + observerBody.disconnect(); }); }); - observerBody.observe(document.querySelector('body'), { childList: true }); - }, { once: true }); - document.addEventListener('mouseup', e => { - e = e || window.event; - const eTarget = e.target || e.srcElement; - if (eTarget.id === 'didomi-notice-learn-more-button') { - onDidomiInteraction('didomi-notice-learn-more-button-click'); - } else if (eTarget.id === 'didomi-notice-agree-button') { - onDidomiInteraction('didomi-notice-agree-button-click'); - } else if (eTarget.closest('.didomi-consent-popup-preferences')) { - const clickedButton = eTarget.classList.contains('didomi-button') ? eTarget : eTarget.closest('.didomi-button'); - if (!clickedButton) { - return; + }); + const observerDidomiHost = new MutationObserver((mutations) => { + mutations.forEach((mutation) => { + Array.from(mutation.addedNodes).forEach((node) => { + if (node.id === "didomi-popup") { + onDidomiInteraction("didomi-consent-popup-view"); + observerDidomiHost.disconnect(); } - if (clickedButton.classList.contains('didomi-button-standard')) { - onDidomiInteraction('didomi-consent-popup-preferences-deny-all-click'); - } else if (clickedButton.classList.contains('didomi-button-highlight')) { - onDidomiInteraction(clickedButton.textContent === 'Speichern' ? - 'didomi-consent-popup-preferences-individual-selection-save-click' : - 'didomi-consent-popup-preferences-accept-all-click' - ); - } - } else if (eTarget.classList.contains('didomi-notice-view-partners-link-click')) { - onDidomiInteraction('didomi-notice-view-partners-link-click'); - } else if (eTarget.parentElement && eTarget.parentElement.classList.contains('didomi-notice-view-partners-link')) { - onDidomiInteraction('didomi-notice-view-partners-link-click'); - } - }); + }); + }); + }); + observerBody.observe(document.querySelector("body"), { + childList: true, + }); + }, + { once: true } + ); + document.addEventListener("mouseup", (e) => { + e = e || window.event; + const eTarget = e.target || e.srcElement; + if (eTarget.id === "didomi-notice-learn-more-button") { + onDidomiInteraction("didomi-notice-learn-more-button-click"); + } else if (eTarget.id === "didomi-notice-agree-button") { + onDidomiInteraction("didomi-notice-agree-button-click"); + } else if (eTarget.closest(".didomi-consent-popup-preferences")) { + const clickedButton = eTarget.classList.contains("didomi-button") + ? eTarget + : eTarget.closest(".didomi-button"); + if (!clickedButton) { + return; + } + if (clickedButton.classList.contains("didomi-button-standard")) { + onDidomiInteraction( + "didomi-consent-popup-preferences-deny-all-click" + ); + } else if ( + clickedButton.classList.contains("didomi-button-highlight") + ) { + onDidomiInteraction( + clickedButton.textContent === "Speichern" + ? "didomi-consent-popup-preferences-individual-selection-save-click" + : "didomi-consent-popup-preferences-accept-all-click" + ); + } + } else if ( + eTarget.classList.contains("didomi-notice-view-partners-link-click") + ) { + onDidomiInteraction("didomi-notice-view-partners-link-click"); + } else if ( + eTarget.parentElement && + eTarget.parentElement.classList.contains( + "didomi-notice-view-partners-link" + ) + ) { + onDidomiInteraction("didomi-notice-view-partners-link-click"); + } + }); </script> - <script - type="text/javascript">window.gdprAppliesGlobally = true; (function () { - function a(e) { - if (!window.frames[e]) { - if (document.body && document.body.firstChild) { var t = document.body; var n = document.createElement("iframe"); n.style.display = "none"; n.name = e; n.title = e; t.insertBefore(n, t.firstChild) } - else { setTimeout(function () { a(e) }, 5) } - } - } function e(n, r, o, c, s) { - function e(e, t, n, a) { if (typeof n !== "function") { return } if (!window[r]) { window[r] = [] } var i = false; if (s) { i = s(e, t, n) } if (!i) { window[r].push({ command: e, parameter: t, callback: n, version: a }) } } e.stub = true; function t(a) { - if (!window[n] || window[n].stub !== true) { return } if (!a.data) { return } - var i = typeof a.data === "string"; var e; try { e = i ? JSON.parse(a.data) : a.data } catch (t) { return } if (e[o]) { var r = e[o]; window[n](r.command, r.parameter, function (e, t) { var n = {}; n[c] = { returnValue: e, success: t, callId: r.callId }; a.source.postMessage(i ? JSON.stringify(n) : n, "*") }, r.version) } - } - if (typeof window[n] !== "function") { window[n] = e; if (window.addEventListener) { window.addEventListener("message", t, false) } else { window.attachEvent("onmessage", t) } } - } e("__tcfapi", "__tcfapiBuffer", "__tcfapiCall", "__tcfapiReturn"); a("__tcfapiLocator"); (function (e) { - var t = document.createElement("script"); t.id = "spcloader"; t.type = "text/javascript"; t.async = true; t.src = "https://sdk.privacy-center.org/" + e + "/loader.js?target=" + document.location.hostname; t.charset = "utf-8"; var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(t, n) - })("969f779f-570e-47ae-af54-36b8692b345e") - })();</script> - <link rel="preload" as="style" href="https://static.cgames.de/gs_cb/assets/css/gamestar.min.css?cc=231120220633"> - <link rel="preload" as="style" href="https://static.cgames.de/gs_cb/assets/css/dark.min.css?cc=231120220633"> - <link rel="preload" href="https://use.typekit.net/bxw3gkn.js" as="script" crossorigin="anonymous"> - <link rel="preload" as="font" href="https://static.cgames.de/gs_cb/assets/core/fonts/gsgp-icons.ttf?m4s8b0" - crossorigin="anonymous"> - <link rel="preload" as="script" - href="https://static.cgames.de/gs_cb/assets/core/js/libs/jquery/jquery-3.6.0.min.js"> - <link rel="preload" as="image" href="//images.cgames.de/images/gamestar/290/cyberpunk-oh-johnny_6129247.jpg"> - <link rel="preconnect" href="//static.cgames.de" crossorigin="anonymous"> - <link rel="preconnect" href="//images.cgames.de" crossorigin="anonymous"> - <link rel="preconnect" href="//ajax.googleapis.com" crossorigin="anonymous"> - <link rel="preconnect" href="//www.google-analytics.com" crossorigin="anonymous"> - <link rel="preconnect" href="//amplifypixel.outbrain.com" crossorigin="anonymous"> - <link rel="preconnect" href="//www.googletagmanager.com" crossorigin="anonymous"> - <link rel="preconnect" href="//www3.smartadserver.com" crossorigin="anonymous"> - <link rel="preconnect" href="//ib.adnxs.com" crossorigin="anonymous"> - <link rel="preconnect" href="//secure.adnxs.com" crossorigin="anonymous"> + <script type="text/javascript"> + window.gdprAppliesGlobally = true; + (function () { + function a(e) { + if (!window.frames[e]) { + if (document.body && document.body.firstChild) { + var t = document.body; + var n = document.createElement("iframe"); + n.style.display = "none"; + n.name = e; + n.title = e; + t.insertBefore(n, t.firstChild); + } else { + setTimeout(function () { + a(e); + }, 5); + } + } + } + function e(n, r, o, c, s) { + function e(e, t, n, a) { + if (typeof n !== "function") { + return; + } + if (!window[r]) { + window[r] = []; + } + var i = false; + if (s) { + i = s(e, t, n); + } + if (!i) { + window[r].push({ + command: e, + parameter: t, + callback: n, + version: a, + }); + } + } + e.stub = true; + function t(a) { + if (!window[n] || window[n].stub !== true) { + return; + } + if (!a.data) { + return; + } + var i = typeof a.data === "string"; + var e; + try { + e = i ? JSON.parse(a.data) : a.data; + } catch (t) { + return; + } + if (e[o]) { + var r = e[o]; + window[n]( + r.command, + r.parameter, + function (e, t) { + var n = {}; + n[c] = { returnValue: e, success: t, callId: r.callId }; + a.source.postMessage(i ? JSON.stringify(n) : n, "*"); + }, + r.version + ); + } + } + if (typeof window[n] !== "function") { + window[n] = e; + if (window.addEventListener) { + window.addEventListener("message", t, false); + } else { + window.attachEvent("onmessage", t); + } + } + } + e("__tcfapi", "__tcfapiBuffer", "__tcfapiCall", "__tcfapiReturn"); + a("__tcfapiLocator"); + (function (e) { + var t = document.createElement("script"); + t.id = "spcloader"; + t.type = "text/javascript"; + t.async = true; + t.src = + "https://sdk.privacy-center.org/" + + e + + "/loader.js?target=" + + document.location.hostname; + t.charset = "utf-8"; + var n = document.getElementsByTagName("script")[0]; + n.parentNode.insertBefore(t, n); + })("969f779f-570e-47ae-af54-36b8692b345e"); + })(); + </script> + <link + rel="preload" + as="style" + href="https://static.cgames.de/gs_cb/assets/css/gamestar.min.css?cc=231120220633" + /> + <link + rel="preload" + as="style" + href="https://static.cgames.de/gs_cb/assets/css/dark.min.css?cc=231120220633" + /> + <link + rel="preload" + href="https://use.typekit.net/bxw3gkn.js" + as="script" + crossorigin="anonymous" + /> + <link + rel="preload" + as="font" + href="https://static.cgames.de/gs_cb/assets/core/fonts/gsgp-icons.ttf?m4s8b0" + crossorigin="anonymous" + /> + <link + rel="preload" + as="script" + href="https://static.cgames.de/gs_cb/assets/core/js/libs/jquery/jquery-3.6.0.min.js" + /> + <link + rel="preload" + as="image" + href="//images.cgames.de/images/gamestar/290/cyberpunk-oh-johnny_6129247.jpg" + /> + <link rel="preconnect" href="//static.cgames.de" crossorigin="anonymous" /> + <link rel="preconnect" href="//images.cgames.de" crossorigin="anonymous" /> + <link + rel="preconnect" + href="//ajax.googleapis.com" + crossorigin="anonymous" + /> + <link + rel="preconnect" + href="//www.google-analytics.com" + crossorigin="anonymous" + /> + <link + rel="preconnect" + href="//amplifypixel.outbrain.com" + crossorigin="anonymous" + /> + <link + rel="preconnect" + href="//www.googletagmanager.com" + crossorigin="anonymous" + /> + <link + rel="preconnect" + href="//www3.smartadserver.com" + crossorigin="anonymous" + /> + <link rel="preconnect" href="//ib.adnxs.com" crossorigin="anonymous" /> + <link rel="preconnect" href="//secure.adnxs.com" crossorigin="anonymous" /> <!-- Google Analytics Universal --> <script> - var dimensions = { - 'dimension1': 'Fabiano Uslenghi', - 'dimension2': '2021-02-14', - 'dimension3': 'detail', - 'dimension4': '3366933', - 'dimension5': 'Artikel,Kolumne', - 'dimension6': '[not set]', - 'dimension7': 'Cyberpunk 2077,3471,Spiel', - 'dimension8': '[not set]', - 'dimension9': 'Nicht registrierter User', - 'dimension10': '[not set]', - 'dimension11': '[not set]', - 'dimension12': '[not set]', - 'dimension13': '[not set]', - 'dimension14': '[not set]', - 'dimension15': '[not set]', - 'dimension16': 'artikel,kolumne,fabiano uslenghi,cyberpunk 2077,pc,action-rollenspiel,rollenspiel,bandai namco,cd projekt red,metatag non-tech,promobox metatag wow wotlk', - 'dimension17': '[not set]', - 'dimension18': '3366933,cyberpunk-2077-johnny-silverhand-manipuliert', - 'dimension19': '7848', - 'dimension20': '[not set]', - 'dimension21': 'artikel/meinungen', - 'dimension22': 'ja', - 'dimension23': 'article', - 'metric1': '0', - 'metric2': '1', - 'wsite': 1 - }; - var uid = ''; + var dimensions = { + dimension1: "Fabiano Uslenghi", + dimension2: "2021-02-14", + dimension3: "detail", + dimension4: "3366933", + dimension5: "Artikel,Kolumne", + dimension6: "[not set]", + dimension7: "Cyberpunk 2077,3471,Spiel", + dimension8: "[not set]", + dimension9: "Nicht registrierter User", + dimension10: "[not set]", + dimension11: "[not set]", + dimension12: "[not set]", + dimension13: "[not set]", + dimension14: "[not set]", + dimension15: "[not set]", + dimension16: + "artikel,kolumne,fabiano uslenghi,cyberpunk 2077,pc,action-rollenspiel,rollenspiel,bandai namco,cd projekt red,metatag non-tech,promobox metatag wow wotlk", + dimension17: "[not set]", + dimension18: "3366933,cyberpunk-2077-johnny-silverhand-manipuliert", + dimension19: "7848", + dimension20: "[not set]", + dimension21: "artikel/meinungen", + dimension22: "ja", + dimension23: "article", + metric1: "0", + metric2: "1", + wsite: 1, + }; + var uid = ""; </script> <script> - dataLayer = [{ - 'cds': dimensions, - 'guplevel': 0, - 'articletype': 39, - 'gs_contenttyp': 'article', - 'gs_ecom_product': 'Cyberpunk 2077' - }]; + dataLayer = [ + { + cds: dimensions, + guplevel: 0, + articletype: 39, + gs_contenttyp: "article", + gs_ecom_product: "Cyberpunk 2077", + }, + ]; </script> <!-- Google Analytics Universal --> - <script type="didomi/javascript" data-vendor="didomi:google" defer - src="https://static.cgames.de/gs_cb/assets/js/ga.js?cc=231120220633"></script> + <script + type="didomi/javascript" + data-vendor="didomi:google" + defer + src="https://static.cgames.de/gs_cb/assets/js/ga.js?cc=231120220633" + ></script> <!-- End Google Analytics --> <!-- Google Tag Manager --> - <script type="didomi/javascript" data-vendor="didomi:google" defer - src="https://static.cgames.de/gs_cb/assets/js/gtm.js?cc=231120220633"></script> + <script + type="didomi/javascript" + data-vendor="didomi:google" + defer + src="https://static.cgames.de/gs_cb/assets/js/gtm.js?cc=231120220633" + ></script> <!-- End Google Tag Manager --> <script type="text/javascript"> - var iViewportWidth = 0; - window.wgm = window.wgm || {}; - wgm.hasSidebar = function () { return wgm.getViewportWidth() > 975; }; - wgm.isMobileView = function () { return wgm.getViewportWidth() < 768; }; - wgm.isMobileDevice = function () { return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1); }; - wgm.getViewportWidth = function (recalculate = false, persistant = true) { - if (iViewportWidth && !recalculate) return iViewportWidth; // wenn bereits initialisiert, dann nehmen wir den Wert, außer er soll neu berechnet werden - var viewportWidth = window.innerWidth; // includes scrollbar - identical with media query condition - if (!viewportWidth) { - if (document.documentElement) { viewportWidth = document.documentElement.clientWidth; } // html element - else if (document.body) { viewportWidth = document.body.clientWidth || document.body.offsetWidth; } // body - else { viewportWidth = 1000; } // fallback: desktop detection - } - if (persistant) { iViewportWidth = viewportWidth; } // caching - return viewportWidth; - }; - wgm.getUrlParameter = function (name) { - return new URLSearchParams(window.location.search).get(name) || ''; - }; + var iViewportWidth = 0; + window.wgm = window.wgm || {}; + wgm.hasSidebar = function () { + return wgm.getViewportWidth() > 975; + }; + wgm.isMobileView = function () { + return wgm.getViewportWidth() < 768; + }; + wgm.isMobileDevice = function () { + return ( + typeof window.orientation !== "undefined" || + navigator.userAgent.indexOf("IEMobile") !== -1 + ); + }; + wgm.getViewportWidth = function (recalculate = false, persistant = true) { + if (iViewportWidth && !recalculate) return iViewportWidth; // wenn bereits initialisiert, dann nehmen wir den Wert, außer er soll neu berechnet werden + var viewportWidth = window.innerWidth; // includes scrollbar - identical with media query condition + if (!viewportWidth) { + if (document.documentElement) { + viewportWidth = document.documentElement.clientWidth; + } // html element + else if (document.body) { + viewportWidth = + document.body.clientWidth || document.body.offsetWidth; + } // body + else { + viewportWidth = 1000; + } // fallback: desktop detection + } + if (persistant) { + iViewportWidth = viewportWidth; + } // caching + return viewportWidth; + }; + wgm.getUrlParameter = function (name) { + return new URLSearchParams(window.location.search).get(name) || ""; + }; </script> <style type="text/css"> - .home .grid.highlighted .jad-mtf { - display: flex; - justify-content: center; - } - - #dfp-header { - position: relative; - z-index: 2; - } - - #jad-interstitial, - #jad-webinterstitial { - position: absolute; - } - - #jad-masthead, - .jad-rectangle, - #jad-footer { - text-align: center; - } - - .jad-rectangle, - .jad-hybrid-mobile { - position: sticky !important; - top: 50px; - } - - /* Platzhalter wegen CLS */ - .jad-placeholder { - background: #f0f0f0; - background-repeat: no-repeat; - background-position: center 5px; - background-image: url("data:image/svg+xml,%3Csvg width='42' height='20' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg class='layer'%3E%3Cg class='layer' id='svg_2'%3E%3Ctext fill='%23212121' fill-opacity='0.75' font-family='Helvetica, Arial, sans-serif' font-size='10' id='svg_1' stroke='%23000000' stroke-width='0' text-anchor='middle' x='21' xml:space='preserve' y='13'%3EAnzeige%3C/text%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - } - - .dark .jad-placeholder { - background-color: rgba(250, 250, 250, .1); + .home .grid.highlighted .jad-mtf { + display: flex; + justify-content: center; + } + + #dfp-header { + position: relative; + z-index: 2; + } + + #jad-interstitial, + #jad-webinterstitial { + position: absolute; + } + + #jad-masthead, + .jad-rectangle, + #jad-footer { + text-align: center; + } + + .jad-rectangle, + .jad-hybrid-mobile { + position: sticky !important; + top: 50px; + } + + /* Platzhalter wegen CLS */ + .jad-placeholder { + background: #f0f0f0; + background-repeat: no-repeat; + background-position: center 5px; + background-image: url("data:image/svg+xml,%3Csvg width='42' height='20' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg class='layer'%3E%3Cg class='layer' id='svg_2'%3E%3Ctext fill='%23212121' fill-opacity='0.75' font-family='Helvetica, Arial, sans-serif' font-size='10' id='svg_1' stroke='%23000000' stroke-width='0' text-anchor='middle' x='21' xml:space='preserve' y='13'%3EAnzeige%3C/text%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + } + + .dark .jad-placeholder { + background-color: rgba(250, 250, 250, 0.1); + } + + .jad-placeholder-rectangle, + .jad-placeholder-leaderboard, + .jad-placeholder-hybrid { + display: flex; + justify-content: center; + align-content: center; + flex-wrap: nowrap; + align-items: center; + } + + .jad-placeholder-rectangle { + min-height: 600px; + margin-bottom: 32px; + align-items: flex-start; + } + + .jad-placeholder-leaderboard, + .jad-placeholder-hybrid { + min-height: 250px; + } + + .jad-placeholder-masthead { + min-height: 270px; + } + + .jad-placeholder-skyscraper { + } + + .jad-placeholder-footer { + } + + #jad-skyscraper { + position: fixed; + width: 100%; + left: calc(50% + 572px); + z-index: 1; + } + + #jad-sky-left-wrapper { + position: absolute; + top: 1200px; + right: calc(50% + 572px); + z-index: 1; + } + + #jad-sky-left-bottom { + margin-top: 1200px; + z-index: 1; + } + + .home .jad-btf > div { + margin-bottom: 0; + } + + /* Media Queries */ + @media only screen and (min-width: 1024px) { + #jad-masthead { + margin: 10px auto; + } + } + + @media (max-width: 767px) { + .jad-placeholder-leaderboard { + min-height: 100px; } .jad-placeholder-rectangle, - .jad-placeholder-leaderboard, - .jad-placeholder-hybrid { - display: flex; - justify-content: center; - align-content: center; - flex-wrap: nowrap; - align-items: center; - } - - .jad-placeholder-rectangle { - min-height: 600px; - margin-bottom: 32px; - align-items: flex-start; - } - - .jad-placeholder-leaderboard, .jad-placeholder-hybrid { - min-height: 250px; - } - - .jad-placeholder-masthead { - min-height: 270px; - } - - .jad-placeholder-skyscraper {} - - .jad-placeholder-footer {} - - #jad-skyscraper { - position: fixed; - width: 100%; - left: calc(50% + 572px); - z-index: 1; - } - - #jad-sky-left-wrapper { - position: absolute; - top: 1200px; - right: calc(50% + 572px); - z-index: 1; - } - - #jad-sky-left-bottom { - margin-top: 1200px; - z-index: 1; - } - - .home .jad-btf>div { - margin-bottom: 0; - } - - /* Media Queries */ - @media only screen and (min-width: 1024px) { - #jad-masthead { - margin: 10px auto; - } - } - - @media (max-width: 767px) { - .jad-placeholder-leaderboard { - min-height: 100px; - } - - .jad-placeholder-rectangle, - .jad-placeholder-hybrid { - min-height: 600px; - align-items: flex-start; - } + min-height: 600px; + align-items: flex-start; } + } </style> <script type="text/javascript"> - var wbd_dfp_genre = 'rollenspiel,action-rollenspiel'; - var wbd_dfp_publisher = 'bandai-namco'; - var wbd_dfp_developer = 'cd-projekt-red'; - var wbd_dfp_plattform = 'pc,ps4,ps5,xboxseriesx/s,xboxone,stadia'; - var wbd_dfp_s_pid = '2491'; - var wbd_dfp_s_pk = '3471'; - var wbd_dfp_category = 'content'; - var wbd_dfp_b_outbrain = true; - var dfpshowroom = wgm.getUrlParameter('showroom').replace('showroom', 'Showroom'); - var dfptargeting = wgm.getUrlParameter('targeting') || ''; - var dfpDomain = 'DE_Gamestar'; - var dfpsite = 'artikel/meinungen'; - var dfpuri = dfpshowroom || (dfpDomain + '/' + dfpsite); - var dfplib = 'https://cdn.lib.getjad.io/library/35853227/' + (dfpshowroom.length ? 'Showroom' : dfpDomain); - var wbd_dfp_iu = '/35853227/' + dfpuri; - var wbd_dfp_tag = 'artikel,kolumne,fabiano uslenghi,cyberpunk 2077,pc,action-rollenspiel,rollenspiel,bandai namco,cd projekt red,metatag non-tech,promobox metatag wow wotlk'; - window.wgm = window.wgm || {}; - wgm.createNewPosition = function (element) { - jad.cmd.push(function () { - jad.public.createNewPosition(element); - jad.public.refreshAds([element.name + '/' + element.divId]); - }); - }; - wgm.adLoadInProgress = false; - wgm.adsInitialized = false; - wgm.resizeAdObserver = new ResizeObserver(entries => { - for (let entry of entries) { - if (!wgm.adLoadInProgress) { // falls die werbung nicht schon eh neu geladen wird... - var iVorher = wgm.getViewportWidth(); // alte Breite auslesen - var iNachher = wgm.getViewportWidth(true, false); // neue Breite berechnen, aber nicht speichern - if (Math.abs(iVorher - iNachher) > 15) { // wenn mindestens eine Größenänderung von 15Pixel vorhanden ist gehts weiter - wgm.adLoadInProgress = true; - setTimeout(function () { // warten, bis resize fertig ist - wgm.getViewportWidth(true); // aktuellen Viewport neu berechnen - jad.cmd.push(wgm.initAds); // werbung neu laden - console.log('ViewportSize changed from ' + iVorher + ' to ' + iNachher); - }, 1000); - } - } - } + var wbd_dfp_genre = "rollenspiel,action-rollenspiel"; + var wbd_dfp_publisher = "bandai-namco"; + var wbd_dfp_developer = "cd-projekt-red"; + var wbd_dfp_plattform = "pc,ps4,ps5,xboxseriesx/s,xboxone,stadia"; + var wbd_dfp_s_pid = "2491"; + var wbd_dfp_s_pk = "3471"; + var wbd_dfp_category = "content"; + var wbd_dfp_b_outbrain = true; + var dfpshowroom = wgm + .getUrlParameter("showroom") + .replace("showroom", "Showroom"); + var dfptargeting = wgm.getUrlParameter("targeting") || ""; + var dfpDomain = "DE_Gamestar"; + var dfpsite = "artikel/meinungen"; + var dfpuri = dfpshowroom || dfpDomain + "/" + dfpsite; + var dfplib = + "https://cdn.lib.getjad.io/library/35853227/" + + (dfpshowroom.length ? "Showroom" : dfpDomain); + var wbd_dfp_iu = "/35853227/" + dfpuri; + var wbd_dfp_tag = + "artikel,kolumne,fabiano uslenghi,cyberpunk 2077,pc,action-rollenspiel,rollenspiel,bandai namco,cd projekt red,metatag non-tech,promobox metatag wow wotlk"; + window.wgm = window.wgm || {}; + wgm.createNewPosition = function (element) { + jad.cmd.push(function () { + jad.public.createNewPosition(element); + jad.public.refreshAds([element.name + "/" + element.divId]); }); + }; + wgm.adLoadInProgress = false; + wgm.adsInitialized = false; + wgm.resizeAdObserver = new ResizeObserver((entries) => { + for (let entry of entries) { + if (!wgm.adLoadInProgress) { + // falls die werbung nicht schon eh neu geladen wird... + var iVorher = wgm.getViewportWidth(); // alte Breite auslesen + var iNachher = wgm.getViewportWidth(true, false); // neue Breite berechnen, aber nicht speichern + if (Math.abs(iVorher - iNachher) > 15) { + // wenn mindestens eine Größenänderung von 15Pixel vorhanden ist gehts weiter + wgm.adLoadInProgress = true; + setTimeout(function () { + // warten, bis resize fertig ist + wgm.getViewportWidth(true); // aktuellen Viewport neu berechnen + jad.cmd.push(wgm.initAds); // werbung neu laden + console.log( + "ViewportSize changed from " + iVorher + " to " + iNachher + ); + }, 1000); + } + } + } + }); </script> <script> - window.jad = window.jad || {}; - jad.cmd = jad.cmd || []; - var s = document.createElement("script"); - s.async = true; - s.src = dfplib; - s.setAttribute("importance", "high"); - var g = document.getElementsByTagName("head")[0]; - g.parentNode.insertBefore(s, g); - wgm.initAds = function () { // Funktion zum Werbung initialisieren - jad.public.setConfig({ //adconfig definieren - page: '/35853227/' + dfpuri, - elementsMapping: { - 'interstitial': 'jad-interstitial', - 'webinterstitial': 'jad-webinterstitial', - 'top': 'jad-masthead', - 'sky': 'jad-skyscraper', - '1': (wgm.hasSidebar()) ? 'jad-atf-desktop' : 'jad-atf-mobile', - '2': (wgm.hasSidebar()) ? 'jad-mtf-desktop' : 'jad-mtf-mobile', - '3': (wgm.hasSidebar()) ? 'jad-btf-desktop' : 'jad-btf-mobile', - 'sky_left_top': 'jad-sky-left-top', - 'sky_left_bottom': 'jad-sky-left-bottom', - }, - targeting: { - genre: wbd_dfp_genre, - publisher: wbd_dfp_publisher, - developer: wbd_dfp_developer, - plattform: wbd_dfp_plattform, - s_pid: wbd_dfp_s_pid, - s_pk: wbd_dfp_s_pk, - category: wbd_dfp_category, - outbrain: wbd_dfp_b_outbrain, - iu: wbd_dfp_iu, - sh_targeting: dfptargeting, - tag: wbd_dfp_tag - }, - interstitialOnFirstPageEnabled: true, - pagePositions: [ - 'interstitial', - 'webinterstitial', - 'top', - 'sky', - '1', - '2', - '3', - 'sky_left_top', - 'sky_left_bottom', - ], - }); - jad.public.loadPositions(); //positionen laden - jad.public.displayPositions(); //positionen anzeigen - try { if (typeof (wbd_dfp) !== "undefined") { wbd_dfp.restoreCss(); } } catch { } // ggf Post-Message-Verfahren zurücksetzen - wgm.adLoadInProgress = false; // laden fertig - }; - jad.cmd.push(wgm.initAds); - window.addEventListener('load', () => { wgm.resizeAdObserver.observe(document.querySelector('body > #content')); }, { once: true }); // Auf Größenänderungen der Seite reagieren + window.jad = window.jad || {}; + jad.cmd = jad.cmd || []; + var s = document.createElement("script"); + s.async = true; + s.src = dfplib; + s.setAttribute("importance", "high"); + var g = document.getElementsByTagName("head")[0]; + g.parentNode.insertBefore(s, g); + wgm.initAds = function () { + // Funktion zum Werbung initialisieren + jad.public.setConfig({ + //adconfig definieren + page: "/35853227/" + dfpuri, + elementsMapping: { + interstitial: "jad-interstitial", + webinterstitial: "jad-webinterstitial", + top: "jad-masthead", + sky: "jad-skyscraper", + 1: wgm.hasSidebar() ? "jad-atf-desktop" : "jad-atf-mobile", + 2: wgm.hasSidebar() ? "jad-mtf-desktop" : "jad-mtf-mobile", + 3: wgm.hasSidebar() ? "jad-btf-desktop" : "jad-btf-mobile", + sky_left_top: "jad-sky-left-top", + sky_left_bottom: "jad-sky-left-bottom", + }, + targeting: { + genre: wbd_dfp_genre, + publisher: wbd_dfp_publisher, + developer: wbd_dfp_developer, + plattform: wbd_dfp_plattform, + s_pid: wbd_dfp_s_pid, + s_pk: wbd_dfp_s_pk, + category: wbd_dfp_category, + outbrain: wbd_dfp_b_outbrain, + iu: wbd_dfp_iu, + sh_targeting: dfptargeting, + tag: wbd_dfp_tag, + }, + interstitialOnFirstPageEnabled: true, + pagePositions: [ + "interstitial", + "webinterstitial", + "top", + "sky", + "1", + "2", + "3", + "sky_left_top", + "sky_left_bottom", + ], + }); + jad.public.loadPositions(); //positionen laden + jad.public.displayPositions(); //positionen anzeigen + try { + if (typeof wbd_dfp !== "undefined") { + wbd_dfp.restoreCss(); + } + } catch {} // ggf Post-Message-Verfahren zurücksetzen + wgm.adLoadInProgress = false; // laden fertig + }; + jad.cmd.push(wgm.initAds); + window.addEventListener( + "load", + () => { + wgm.resizeAdObserver.observe( + document.querySelector("body > #content") + ); + }, + { once: true } + ); // Auf Größenänderungen der Seite reagieren </script> <script type="text/javascript"> - var wbdDfpPublicPath = '/gs_cb/assets/core/js/libs/dfp/'; - var wbdDfpLoaded = function () { wbd_dfp.init(); } // init postmessage integration + var wbdDfpPublicPath = "/gs_cb/assets/core/js/libs/dfp/"; + var wbdDfpLoaded = function () { + wbd_dfp.init(); + }; // init postmessage integration </script> - <script type="text/javascript" src="/gs_cb/assets/core/js/libs/dfp/wbd_dfp.4e7cae62.js" defer></script> - <meta charset="utf-8"> - <meta name="viewport" - content="width=device-width, initial-scale=1.0, shrink-to-fit=no, maximum-scale=1.0, user-scalable=no"> - <link rel="apple-touch-icon-precomposed" sizes="57x57" - href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-57x57.png" /> - <link rel="apple-touch-icon-precomposed" sizes="60x60" - href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-60x60.png" /> - <link rel="apple-touch-icon-precomposed" sizes="72x72" - href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-72x72.png" /> - <link rel="apple-touch-icon-precomposed" sizes="76x76" - href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-76x76.png" /> - <link rel="apple-touch-icon-precomposed" sizes="114x114" - href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-114x114.png" /> - <link rel="apple-touch-icon-precomposed" sizes="120x120" - href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-120x120.png" /> - <link rel="apple-touch-icon-precomposed" sizes="144x144" - href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-144x144.png" /> - <link rel="apple-touch-icon-precomposed" sizes="152x152" - href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-152x152.png" /> - <link rel="apple-touch-icon-precomposed" sizes="180x180" - href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-180x180.png" /> - <link rel="shortcut icon" href="/favicon.ico"> - <link rel="icon" type="image/png" href="https://static.cgames.de/gs_cb/assets/images/favicon/favicon-96x96.png" - sizes="96x96" /> - <link rel="icon" type="image/png" href="https://static.cgames.de/gs_cb/assets/images/favicon/favicon-32x32.png" - sizes="32x32" /> - <link rel="icon" type="image/png" href="https://static.cgames.de/gs_cb/assets/images/favicon/favicon-16x16.png" - sizes="16x16" /> + <script + type="text/javascript" + src="/gs_cb/assets/core/js/libs/dfp/wbd_dfp.4e7cae62.js" + defer + ></script> + <meta charset="utf-8" /> + <meta + name="viewport" + content="width=device-width, initial-scale=1.0, shrink-to-fit=no, maximum-scale=1.0, user-scalable=no" + /> + <link + rel="apple-touch-icon-precomposed" + sizes="57x57" + href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-57x57.png" + /> + <link + rel="apple-touch-icon-precomposed" + sizes="60x60" + href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-60x60.png" + /> + <link + rel="apple-touch-icon-precomposed" + sizes="72x72" + href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-72x72.png" + /> + <link + rel="apple-touch-icon-precomposed" + sizes="76x76" + href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-76x76.png" + /> + <link + rel="apple-touch-icon-precomposed" + sizes="114x114" + href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-114x114.png" + /> + <link + rel="apple-touch-icon-precomposed" + sizes="120x120" + href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-120x120.png" + /> + <link + rel="apple-touch-icon-precomposed" + sizes="144x144" + href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-144x144.png" + /> + <link + rel="apple-touch-icon-precomposed" + sizes="152x152" + href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-152x152.png" + /> + <link + rel="apple-touch-icon-precomposed" + sizes="180x180" + href="https://static.cgames.de/gs_cb/assets/images/favicon/apple-icon-180x180.png" + /> + <link rel="shortcut icon" href="/favicon.ico" /> + <link + rel="icon" + type="image/png" + href="https://static.cgames.de/gs_cb/assets/images/favicon/favicon-96x96.png" + sizes="96x96" + /> + <link + rel="icon" + type="image/png" + href="https://static.cgames.de/gs_cb/assets/images/favicon/favicon-32x32.png" + sizes="32x32" + /> + <link + rel="icon" + type="image/png" + href="https://static.cgames.de/gs_cb/assets/images/favicon/favicon-16x16.png" + sizes="16x16" + /> <meta name="msapplication-TileColor" content="#FFFFFF" /> - <meta name="msapplication-square70x70logo" - content="https://static.cgames.de/gs_cb/assets/images/favicon/ms-icon-70x70.png" /> - <meta name="msapplication-TileImage" - content="https://static.cgames.de/gs_cb/assets/images/favicon/ms-icon-144x144.png" /> - <meta name="msapplication-square150x150logo" - content="https://static.cgames.de/gs_cb/assets/images/favicon/ms-icon-150x150.png" /> - <meta name="msapplication-square310x310logo" - content="https://static.cgames.de/gs_cb/assets/images/favicon/ms-icon-310x310.png" /> - <link rel="mask-icon" href="https://static.cgames.de/gs_cb/assets/images/favicon/safari-pinned-tab.svg" - color="#5bbad5"> + <meta + name="msapplication-square70x70logo" + content="https://static.cgames.de/gs_cb/assets/images/favicon/ms-icon-70x70.png" + /> + <meta + name="msapplication-TileImage" + content="https://static.cgames.de/gs_cb/assets/images/favicon/ms-icon-144x144.png" + /> + <meta + name="msapplication-square150x150logo" + content="https://static.cgames.de/gs_cb/assets/images/favicon/ms-icon-150x150.png" + /> + <meta + name="msapplication-square310x310logo" + content="https://static.cgames.de/gs_cb/assets/images/favicon/ms-icon-310x310.png" + /> + <link + rel="mask-icon" + href="https://static.cgames.de/gs_cb/assets/images/favicon/safari-pinned-tab.svg" + color="#5bbad5" + /> <!-- begin preload of IOM web manager --> - <link rel="preload" href="//data-c53e1346fa.gamestar.de/iomm/latest/manager/base/es6/bundle.js" as="script" - id="IOMmBundle"> - <link rel="preload" href="//data-c53e1346fa.gamestar.de/iomm/latest/bootstrap/loader.js" as="script"> + <link + rel="preload" + href="//data-c53e1346fa.gamestar.de/iomm/latest/manager/base/es6/bundle.js" + as="script" + id="IOMmBundle" + /> + <link + rel="preload" + href="//data-c53e1346fa.gamestar.de/iomm/latest/bootstrap/loader.js" + as="script" + /> <!-- end preload of IOM web manager --> <!-- begin loading of IOMm bootstrap code --> <script src="//data-c53e1346fa.gamestar.de/iomm/latest/bootstrap/loader.js"></script> <!-- end loading of IOMm bootstrap code --> <link rel="manifest" href="/manifest.json" /> - <meta name="apple-mobile-web-app-capable" content="yes"> - <meta name="apple-mobile-web-app-status-bar-style" content="black"> - <meta name="apple-mobile-web-app-title" content="GameStar"> - <meta name="theme-color" content="#0055B9"> - <meta name="twitter:dnt" content="on"> - <title>Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert</title> - <meta name="description" - content="Meinung: Johnny Silverhand ist der wichtigste NPC in Cyberpunk 2077. Und er hat es Fabiano unmöglich gemacht, ihn zu hassen." /> - <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> + <meta name="apple-mobile-web-app-capable" content="yes" /> + <meta name="apple-mobile-web-app-status-bar-style" content="black" /> + <meta name="apple-mobile-web-app-title" content="GameStar" /> + <meta name="theme-color" content="#0055B9" /> + <meta name="twitter:dnt" content="on" /> + <title> + Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert + </title> + <meta + name="description" + content="Meinung: Johnny Silverhand ist der wichtigste NPC in Cyberpunk 2077. Und er hat es Fabiano unmöglich gemacht, ihn zu hassen." + /> + <meta + name="robots" + content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" + /> <meta property="fb:pages" content="241977964108" /> <meta property="fb:pages" content="240138996174475" /> <meta property="fb:pages" content="133921579487" /> - <link rel="canonical" - href="https://www.gamestar.de/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html" /> - <meta property="article:published_time" content="2021-02-14T14:00:00+01:00" /> - <meta property="article:publisher" content="https://www.facebook.com/GameStar.de" /> + <link + rel="canonical" + href="https://www.gamestar.de/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html" + /> + <meta + property="article:published_time" + content="2021-02-14T14:00:00+01:00" + /> + <meta + property="article:publisher" + content="https://www.facebook.com/GameStar.de" + /> <meta property="og:updated_time" content="2021-02-14T14:00:00+01:00" /> - <meta property="article:modified_time" content="2021-02-14T14:00:00+01:00" /> - <meta property="og:url" - content="https://www.gamestar.de/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html" /> - <meta property="og:title" content="Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert" /> - <meta property="og:image" content="https://images.cgames.de/images/gamestar/4/cyberpunk-oh-johnny_6129247.jpg" /> + <meta + property="article:modified_time" + content="2021-02-14T14:00:00+01:00" + /> + <meta + property="og:url" + content="https://www.gamestar.de/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html" + /> + <meta + property="og:title" + content="Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert" + /> + <meta + property="og:image" + content="https://images.cgames.de/images/gamestar/4/cyberpunk-oh-johnny_6129247.jpg" + /> <meta property="og:locale" content="de_DE" /> - <meta property="og:description" - content="Meinung: Johnny Silverhand ist der wichtigste NPC in Cyberpunk 2077. Und er hat es Fabiano unmöglich gemacht, ihn zu hassen." /> + <meta + property="og:description" + content="Meinung: Johnny Silverhand ist der wichtigste NPC in Cyberpunk 2077. Und er hat es Fabiano unmöglich gemacht, ihn zu hassen." + /> <meta property="og:type" content="article" /> <meta property="og:sitename" content="GameStar" /> <meta property="twitter:creator" content="@GameStar" /> - <meta property="twitter:image" - content="https://images.cgames.de/images/gamestar/4/cyberpunk-oh-johnny_6129247.jpg" /> - <meta property="twitter:title" content="Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert" /> + <meta + property="twitter:image" + content="https://images.cgames.de/images/gamestar/4/cyberpunk-oh-johnny_6129247.jpg" + /> + <meta + property="twitter:title" + content="Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert" + /> <meta property="twitter:site" content="@GameStar" /> - <meta property="twitter:description" - content="Meinung: Johnny Silverhand ist der wichtigste NPC in Cyberpunk 2077. Und er hat es Fabiano unmöglich gemacht, ihn zu hassen." /> - <link rel="alternate" type="application/rss+xml" title="Aktuelle News von GameStar.de" - href="https://www.gamestar.de/news/rss/news.rss" /> - <link rel="alternate" type="application/rss+xml" title="GameStar-Gesamt-RSS-Feed" - href="https://www.gamestar.de/rss/gamestar.rss" /> - <link rel="alternate" type="application/rss+xml" title="GameStar-Video-Feed" - href="https://www.gamestar.de/videos/rss/videos.rss" /> - <link rel="search" type="application/opensearchdescription+xml" title="Gamestar Suche" - href="https://www.gamestar.de/GamestarSearch.xml" /> + <meta + property="twitter:description" + content="Meinung: Johnny Silverhand ist der wichtigste NPC in Cyberpunk 2077. Und er hat es Fabiano unmöglich gemacht, ihn zu hassen." + /> + <link + rel="alternate" + type="application/rss+xml" + title="Aktuelle News von GameStar.de" + href="https://www.gamestar.de/news/rss/news.rss" + /> + <link + rel="alternate" + type="application/rss+xml" + title="GameStar-Gesamt-RSS-Feed" + href="https://www.gamestar.de/rss/gamestar.rss" + /> + <link + rel="alternate" + type="application/rss+xml" + title="GameStar-Video-Feed" + href="https://www.gamestar.de/videos/rss/videos.rss" + /> + <link + rel="search" + type="application/opensearchdescription+xml" + title="Gamestar Suche" + href="https://www.gamestar.de/GamestarSearch.xml" + /> <script type="application/ld+json"> -{ -"@context" : "https://schema.org", -"@type" : "Organization", -"name" : "GameStar", -"url" : "https://www.gamestar.de", -"logo" : "https://www.gamestar.de/img/gsschema.png", -"sameAs" : [ -"https://www.facebook.com/GameStar.de", -"https://twitter.com/gamestar_de" -] -} -</script> + { + "@context": "https://schema.org", + "@type": "Organization", + "name": "GameStar", + "url": "https://www.gamestar.de", + "logo": "https://www.gamestar.de/img/gsschema.png", + "sameAs": [ + "https://www.facebook.com/GameStar.de", + "https://twitter.com/gamestar_de" + ] + } + </script> <!-- Additional script tag to enable API, added before the main CDN code; used with f.e. GTM --> <script> - window.ioObject = 'io'; - (function (i) { window[i] = window[i] || function () { (window[i].a = window[i].a || []).push(arguments) } })(window.ioObject); + window.ioObject = "io"; + (function (i) { + window[i] = + window[i] || + function () { + (window[i].a = window[i].a || []).push(arguments); + }; + })(window.ioObject); </script> - <script type="didomi/javascript" data-vendor="c:iotechnol-qyZLPC2H" src="https://cdn.onthe.io/io.js/RzHlTAJmUBdy" - async></script> + <script + type="didomi/javascript" + data-vendor="c:iotechnol-qyZLPC2H" + src="https://cdn.onthe.io/io.js/RzHlTAJmUBdy" + async + ></script> <script> - window._io_config = window._io_config || {}; - window._io_config["0.2.0"] = window._io_config["0.2.0"] || []; - window._io_config["0.2.0"].push({ "page_language": "de", "article_subcategories": ["Free Content", "Kolumne"], "page_title": "Cyberpunk 2077 Johnny Silverhand hat mich eiskalt manipuliert - und das ist super", "page_url_canonical": "https://www.gamestar.de/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html", "article_authors": ["Fabiano Uslenghi"], "article_publication_date": "Sun, 14 Feb 2021 14:00:00 +0100", "user_status": "Nicht registrierter User", "tag": ["Rollenspiel"], "article_type": "longread", "page_url": document.location.href, "article_word_count": 1173, "page_type": "article", "article_categories": ["Cyberpunk 2077"] }); + window._io_config = window._io_config || {}; + window._io_config["0.2.0"] = window._io_config["0.2.0"] || []; + window._io_config["0.2.0"].push({ + page_language: "de", + article_subcategories: ["Free Content", "Kolumne"], + page_title: + "Cyberpunk 2077 Johnny Silverhand hat mich eiskalt manipuliert - und das ist super", + page_url_canonical: + "https://www.gamestar.de/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html", + article_authors: ["Fabiano Uslenghi"], + article_publication_date: "Sun, 14 Feb 2021 14:00:00 +0100", + user_status: "Nicht registrierter User", + tag: ["Rollenspiel"], + article_type: "longread", + page_url: document.location.href, + article_word_count: 1173, + page_type: "article", + article_categories: ["Cyberpunk 2077"], + }); </script> <!-- gsantiadblockstart --> - <script type="didomi/javascript" data-vendor="iab:539">/* 28142922 */ !function(n,e){function a(n,e){var a=bn(n);if(!a)return a;if(""!=e)for(var t=0;t<e.length;t++){var l=s(e,t);"^"==l&&(a=a.parentNode),"<"==l&&(a=a.previousElementSibling),">"==l&&(a=a.nextElementSibling),"y"==l&&(a=a.firstChild)}return a}function t(n,e){var a=rn(e);return{x:n.clientX-a.left,y:n.clientY-a.top}}function l(n){for(var e=0,a=0;n;)e+=n.offsetLeft+n.clientLeft,a+=n.offsetTop+n.clientTop,n=n.offsetParent;return{x:e,y:a}}function i(n,e){var a=0,t=0,i=l(e);return(n.pageX||n.pageY)&&(a=n.pageX,t=n.pageY),(n.clientX||n.clientY)&&(a=n.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,t=n.clientY+document.body.scrollTop+document.documentElement.scrollTop),a-=i.x,t-=i.y,{x:a,y:t}}function h(n,e){return dn(e)?t(n,e):i(n,e)}function d(n,e){n.addEventListener?b(n,"click",e,!0):n.attachEvent&&n.attachEvent("onclick",function(){return e.call(n,window.event)})}function r(e,a){return n[g("c2V0VGltZW91dA==")](e,a)}function o(n){return parseInt(n.toString().split(".")[0],10)}function s(n,e){return n[e]}function f(){return In=(Ln*In+Bn)%Mn}function p(){return f()/(Mn-1)}function m(){return p()}function c(n,e){return n>e?n:e}function v(){for(var n="",e=65;e<91;e++)n+=u(e);for(var e=97;e<123;e++)n+=u(e);return n}function u(n){return s(" !\"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ["+s("\\\\",0)+"]^_`abcdefghijklmnopqrstuvwxyz{|}~",n-32)}function g(n){var e,a,t,l,i,h,d,r=v()+"0123456789+/=",o="",f=0;for(n=n.replace(/[^A-Za-z0-9\+\/\=]/g,"");f<n.length;)l=r.indexOf(s(n,f++)),i=r.indexOf(s(n,f++)),h=r.indexOf(s(n,f++)),d=r.indexOf(s(n,f++)),e=l<<2|i>>4,a=(15&i)<<4|h>>2,t=(3&h)<<6|d,o+=u(e),64!=h&&(o+=u(a)),64!=d&&(o+=u(t));return o}function j(){try{return navigator.userAgent||navigator.vendor||window.opera}catch(n){return"unknown"}}function b(e,a,t,l){l=l||!1;try{e.addEventListener(a,t,l),n.lhmnaClne.push([e,a,t,l])}catch(i){e.attachEvent&&(e.attachEvent("on"+a,t),n.lhmnaClne.push([e,a,t,l]))}}function w(e,a,t){if(e&&a&&t){var l=n.lhmnada6c4&&n.lhmnada6c4.a&&n.lhmnada6c4.a[e];if(l){var i=l&&l.querySelector("img")||null;b(n,"scroll",function(n){t(l,i,rn(a))||(l.removeAttribute("style"),i&&i.removeAttribute("style"))},!1),t(l,i,rn(a))}}}function x(n){if(!n)return"";for(var e=g("ISIjJCUmJygpKissLS4vOjs8PT4/QFtcXV5ge3x9"),a="",t=0;t<n.length;t++){a+=e.indexOf(n[t])>-1?g("XA==")+n[t]:n[t]}return a}function y(n){if(!n)return"";var e="";return n.id&&n.id.length>0&&(e+="#"+x(n.id)),n.className&&n.className.length>0&&(e+="."+x(n.className).split(" ").filter(function(n){return n&&n.length>0}).join(".")),e}function R(n){Qn[n]=!1}function k(e,a){var t=Kn++;n.lhmnaClni&&n.lhmnaClni.push(t),Qn[t]=!0;var l=function(n){return function(){e.call(null),Qn[t]&&r(l,n)}}(a);return r(l,a),t}function W(n){var e=!1;return Object.keys(n).forEach(function(a){e=e||n[a]}),!e}function V(n,e,a){var t=function(){return!!e()&&(a(),!0)};if(!t()){var l=k(function(){t()&&R(l)},250);t()}}function A(n){F(n)}function F(a){if(a.lhmnaa6esdl&&!a.lhmna0e8Injct){a.lhmna0e8Injct=!0,a.lhmnaa44Pc={},a.lhmna701Oc=[],a.lhmnaa27Am={},a.lhmna5e9Av={},a.lhmna18bAw={},a.lhmna0ebRqr={},a.lhmnaff0Rqq=[],a.lhmna5e9Avt={},a.lhmna2f3Ev={};for(var t=[],l=["/plus/","/registrierung/","/passwort_vergessen/"],i=0;i<l.length;i++)if(n.location.pathname.indexOf(l[i])>-1)return;if(n.gsRunPlus=!1,n.lhmnada6cWeRun=!1,n.lhmnada6cIsDim=!1,"undefined"!=typeof dimensions){n.lhmnada6cIsDim=!0;var h={};h.dimension5=(dimensions.dimension5||"").toString().toLowerCase(),h.dimension11=(dimensions.dimension11||"").toString().toLowerCase(),h.dimension16=(dimensions.dimension16||"").toString().toLowerCase(),n.gsRunPlus=function(){return!!(h.dimension5.indexOf("artikel")>-1&&h.dimension16&&h.dimension16.indexOf("plus")>-1)||(!(-1!==h.dimension5.indexOf("plus")||-1!==h.dimension11.indexOf("plus")||h.dimension16&&-1!==h.dimension16.indexOf("plus")||!/videos\/plus-videos,[0-9]+\/?/.test(location.pathname))||(!!(/^\/plus\/tour\/?.*/.test(location.pathname)&&-1===h.dimension5.indexOf("plus")&&h.dimension5.indexOf("artikel")>-1&&-1===h.dimension11.indexOf("plus")&&h.dimension11.indexOf("artikel")>-1&&(!h.dimension16||h.dimension16.indexOf("plus")>-1)&&h.dimension16&&h.dimension16.indexOf("artikel")>-1)||(h.dimension11.indexOf("keys")>-1||!!/^\/plus\/?(podcasts|reports|gutscheine|heftarchiv)*\/?.*/.test(location.pathname)&&("plus"===h.dimension11&&(!h.dimension5||-1===h.dimension5.indexOf("plus"))))))}(),n.lhmnada6cWeRun=function(){return!(!/^artikel,(report|podcast),plus$/.test(h.dimension5)||"artikel"!==h.dimension11||!/^plus,artikel/.test(h.dimension16))}()}if(!(n.location.search&&n.location.search.indexOf("event=video:main.detail")>-1)){if(!function(){var e=["Artikel,Deals","GameStar-PCs,Hardware,ONE","Artikel,Hardware"];if("undefined"!=typeof dimensions)for(var a=["dimension5","dimension6"],t=0;t<a.length;t++)if(n.dimensions[a[t]])for(var l=0;l<e.length;l++)if(e[l]===n.dimensions[a[t]])return!0;for(var i=wn("script"),h=0;h<i.length;h++)if(i[h].innerHTML.indexOf("ga(")>-1)for(var d=/dimension[56][^,]*,[^']*'([^']*)'/g,r=null;r=d.exec(i[h].innerHTML);)for(var o=0;o<e.length;o++)if(r[1].indexOf(e[o])>-1)return!0;return!1}()){for(var l=["/deals","/hardware","/videos","/login","/newsletter"],i=0;i<l.length;i++)if(n.location.pathname.indexOf(l[i])>-1)return;for(var d=["/artikel/aufruesten-leicht-gemacht-mit-den-neuen-gamestar-upgradekits-coffee-lake-core-i7-ram-kuehler-und-asus-mainboard-vormontiert,3324873.html"],i=0;i<d.length;i++)if(location.pathname===d[i])return;n.lhmna7daFlags.pt4e3ls=!0,n.lhmna7daFlags.ba6b2it=[],n.lhmna7daFlags.ig1c3BP=["height","background","font"];for(var r=wn("div > * > img"),s=0;s<r.length;s++)n.lhmna7daFlags.ba6b2it.push(r[s].parentNode),n.lhmna7daFlags.ba6b2it.push(r[s].parentNode.parentNode);if(n.lhmnada6c4&&n.lhmnada6c4.a&&n.lhmnada6c4.a[3460]){var f=n.lhmnada6c4.a[3460];if(f){var p=bn(".container > .main.waypoint");if(p){hn(f,"margin-left",rn(p).width-4+"px","")}}}kn(wn(".centeredDiv"),function(n,e){e.className=e.className+" aobj"+n});var c=bn("#footBtm");c&&c.style.setProperty("position","relative","");var v=bn("#footer");if(v&&v.style.setProperty("position","relative",""),kn(wn("#top_themen > div"),function(n,e){3!==n&&13!==n||(e.className=e.className+" aobj"+n)}),!a.lhmna7daFlags.welect.eenabled||RJRUEWelect()){if(lhmna7daFlags.pt4e3ls){var u=lhmna7daFlags.ba6b2it,g=lhmna7daFlags.mbea1el||10,j=lhmna7daFlags.ig1c3BP,b=function(){var n=$("style");n.type="text/css";var a=!1,t=$("style");t.type="text/css";var l=!1;return function(i,h){if(h)if("b"!==i||a){if("r"===i)if(l){var d=t,r=d.sheet;r.insertRule(h,0)}else l=!0,nn(t,h),en(e.body,t)}else{if(a=!0,j)for(var o=0;o<j.length;o++)h=h.replace(new RegExp("([;{])"+j[o]+": [^;]+;","g"),"$1");var d="[^:;{",r="!important;";h=h.replace(new RegExp(d+"}]+: [^;]+\\s"+r,"g"),""),nn(n,h),e.head.insertBefore(n,e.head.firstChild)}}}();if(u){if(u.length>g){for(var w=0,x=[0],y=[u[0]],R=1;R<g;R++){for(;x.indexOf(w)>-1;)w=o(m()*u.length);x.push(w),y[R]=u[w]}u=y,lhmna7daFlags.ba6b2it=y}for(var k={},s=0;s<u.length;s++){var W="string"==typeof u[s]?bn(u[s]):u[s];if(W&&W instanceof Node){var V={element:W,coe61so:{},rc6adcls:Sn(7),coe0ctx:""};if(V.coe0ctx+="."+V.rc6adcls+"{",!j||j&&-1===j.indexOf("position")){var A=sn(W,"position");V.coe61so.position=A,V.coe0ctx+="position:"+A+";"}if(!j||j&&-1===j.indexOf("text-align")){var A=sn(W,"text-align");V.coe61so["text-align"]=A,V.coe0ctx+="text-align:"+A+";"}if(!j||j&&-1===j.indexOf("margin-top")){var A=sn(W,"margin-top");V.coe61so["margin-top"]=A,V.coe0ctx+="margin-top:"+A+";"}if(!j||j&&-1===j.indexOf("cursor")){var A=sn(W,"cursor");V.coe61so.cursor=A,V.coe0ctx+="cursor:"+A+";"}if(!j||j&&-1===j.indexOf("content")){var A=sn(W,"content");V.coe61so.content=A,V.coe0ctx+="content:"+A+";"}if(!j||j&&-1===j.indexOf("background")){var A=sn(W,"background");V.coe61so.background=A,V.coe0ctx+="background:"+A+";"}if(!j||j&&-1===j.indexOf("color")){var A=sn(W,"color");V.coe61so.color=A,V.coe0ctx+="color:"+A+";"}if(!j||j&&-1===j.indexOf("font-size")){var A=sn(W,"font-size");V.coe61so["font-size"]=A,V.coe0ctx+="font-size:"+A+";"}if(!j||j&&-1===j.indexOf("font-weight")){var A=sn(W,"font-weight");V.coe61so["font-weight"]=A,V.coe0ctx+="font-weight:"+A+";"}if(!j||j&&-1===j.indexOf("font-family")){var A=sn(W,"font-family");V.coe61so["font-family"]=A,V.coe0ctx+="font-family:"+A+";"}if(!j||j&&-1===j.indexOf("margin")){var A=sn(W,"margin");V.coe61so.margin=A,V.coe0ctx+="margin:"+A+";"}if(!j||j&&-1===j.indexOf("padding")){var A=sn(W,"padding");V.coe61so.padding=A,V.coe0ctx+="padding:"+A+";"}if(!j||j&&-1===j.indexOf("box-sizing")){var A=sn(W,"box-sizing");V.coe61so["box-sizing"]=A,V.coe0ctx+="box-sizing:"+A+";"}if(!j||j&&-1===j.indexOf("pointer-events")){var A=sn(W,"pointer-events");V.coe61so["pointer-events"]=A,V.coe0ctx+="pointer-events:"+A+";"}if(!j||j&&-1===j.indexOf("line-height")){var A=sn(W,"line-height");V.coe61so["line-height"]=A,V.coe0ctx+="line-height:"+A+";"}if(!j||j&&-1===j.indexOf("display")){var A=sn(W,"display");V.coe61so.display=A,V.coe0ctx+="display:"+A+";"}if(!j||j&&-1===j.indexOf("z-index")){var A=sn(W,"z-index");V.coe61so["z-index"]=A,V.coe0ctx+="z-index:"+A+";"}if(!j||j&&-1===j.indexOf("left")){var A=sn(W,"left");V.coe61so.left=A,V.coe0ctx+="left:"+A+";"}if(!j||j&&-1===j.indexOf("top")){var A=sn(W,"top");V.coe61so.top=A,V.coe0ctx+="top:"+A+";"}if(!j||j&&-1===j.indexOf("right")){var A=sn(W,"right");V.coe61so.right=A,V.coe0ctx+="right:"+A+";"}if(!j||j&&-1===j.indexOf("bottom")){var A=sn(W,"bottom");V.coe61so.bottom=A,V.coe0ctx+="bottom:"+A+";"}if(!j||j&&-1===j.indexOf("width")){var A=sn(W,"width");V.coe61so.width=A,V.coe0ctx+="width:"+A+";"}if(!j||j&&-1===j.indexOf("height")){var A=sn(W,"height");V.coe61so.height=A,V.coe0ctx+="height:"+A+";"}if(!j||j&&-1===j.indexOf("margin-left")){var A=sn(W,"margin-left");V.coe61so["margin-left"]=A,V.coe0ctx+="margin-left:"+A+";"}if(!j||j&&-1===j.indexOf("float")){var A=sn(W,"float");V.coe61so.float=A,V.coe0ctx+="float:"+A+";"}if(!j||j&&-1===j.indexOf("visibility")){var A=sn(W,"visibility");V.coe61so.visibility=A,V.coe0ctx+="visibility:"+A+";"}if(!j||j&&-1===j.indexOf("margin-bottom")){var A=sn(W,"margin-bottom");V.coe61so["margin-bottom"]=A,V.coe0ctx+="margin-bottom:"+A+";"}if(!j||j&&-1===j.indexOf("direction")){var A=sn(W,"direction");V.coe61so.direction=A,V.coe0ctx+="direction:"+A+";"}V.coe0ctx+="} ",k[u[s]]=V,b("b",'.zzdsirw{position: relative;text-align: center;margin-top: 15px;cursor: pointer;content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;padding: 2px;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index: 1;left: 0;top: 0px;right: 0;bottom: 0;width: 9999px;height: 9999px;margin-left: -2px;float: right;visibility: none;margin-bottom: 10px;direction: rtl;} .lnqxithgj{text-align: left;position: absolute;pointer-events: initial;width: 2px;height: 2px;top: 0;right: -2px;margin: 0 auto;display: none;margin-bottom: 0;visibility: hidden;margin-left: 1130px;} .wsregvg{position: fixed;width: 1140px;margin: auto;pointer-events: auto;} .pqbsfgc{width: 300px;} '),b("r",V.coe0ctx),W.className+=" "+V.rc6adcls,W.className+=" zzdsirw",W.className+=" lnqxithgj",W.className+=" wsregvg",W.className+=" pqbsfgc"}}}}var F=$("style");F.type="text/css",nn(F,'.RMjCUvYCXP {position: relative;text-align: center;margin-top: 15px;}.RMjCUvYCXP img {cursor: pointer;}.RMjCUvYCXP:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}#ftgKejs {position: fixed; left: 0; top: 0px; right: 0; bottom: 0; cursor: pointer;pointer-events: initial;}#ftgKejs img {width: 9999px;height: 9999px;}.QMbAlRLgvZ {width: 2px;height: 2px;top: 0;position: absolute;margin-left: -2px;}.QMbAlRLgvZ img {cursor: pointer;float: right;}#QgkbVoAu {width: 2px;height: 2px;top: 0;right: -2px;position: absolute;}#QgkbVoAu img {cursor: pointer;}#bvNzbVMZ {position: relative;}#bvNzbVMZ img {cursor: pointer;}.QLYLjnY {position: relative;width: 1140px;margin: 0 auto;pointer-events: initial;}.QLYLjnY:empty {display: none;visibility: none;}#SwbnzzxtA {width: 300px;margin: auto;}#SwbnzzxtA img {cursor: pointer;}#SwbnzzxtA:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}.OzjTuB {width: 300px;margin: auto;}.OzjTuB img {cursor: pointer;}.OzjTuB:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}#lzDAKWGwpX {width: 300px;margin: auto;margin-bottom: 10px;}#lzDAKWGwpX img {cursor: pointer;}#lzDAKWGwpX:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}.vUImAkjg {position: relative;text-align: center;}.vUImAkjg img {cursor: pointer;}.vUImAkjg:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}#nLXXQC {margin-bottom: 0;}#nLXXQC:empty {visibility: hidden;display: none;}#ZsxOTC {position: relative;text-align: center;}#ZsxOTC img {cursor: pointer;}#ZsxOTC:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}#LEVSSlQ {margin-bottom: 0;}#LEVSSlQ:empty {visibility: hidden;display: none;}#rMDLMgS {top: 0px;margin-left: 1130px;position: absolute;}#rMDLMgS img {cursor: pointer;}.sGaBVbhp img {cursor: pointer;}.rqIbUDfir img {cursor: pointer;}.iwonUq img {cursor: pointer;}#HvfqqYDE img {cursor: pointer;}.sVzkvQvsVD img {cursor: pointer;}gTYNsV {}GGszzysQw {}.tsIZux {margin-bottom: 10px;}cbkHZiUReb {}#CGhSnAilG {position: fixed; left: 0; top: 0px; right: 0; bottom: 0; cursor: pointer;}#CGhSnAilG img {width: 9999px;height: 9999px;}@media screen and (max-width: 980px) {#CGhSnAilG {display: none;visibility: hidden;}}.ANOvigvLf {width: 2px;height: 2px;top: 0;right: -2px;position: absolute;pointer-events: auto;}.ANOvigvLf img {cursor: pointer;}.sfEKoNJb {position: relative;direction: rtl;pointer-events: auto;}.sfEKoNJb img {cursor: pointer;}.gywcjx {position: relative;width: 1140px;margin: 0 auto;pointer-events: none;}.gywcjx:empty {display: none;visibility: none;}@media screen and (max-width: 980px) {.gywcjx {display: none;visibility: hidden;}}@media print {.QLYLjnY,#nLXXQC,#LEVSSlQ,gTYNsV,GGszzysQw,.tsIZux,cbkHZiUReb,.gywcjx,.RMjCUvYCXP,#ftgKejs,.QMbAlRLgvZ,#QgkbVoAu,#bvNzbVMZ,#SwbnzzxtA,.OzjTuB,#lzDAKWGwpX,.vUImAkjg,#ZsxOTC,#rMDLMgS,.sGaBVbhp,.rqIbUDfir,.iwonUq,#HvfqqYDE,.sVzkvQvsVD,#CGhSnAilG,.ANOvigvLf,.sfEKoNJb{display:none;}} .lhmnaHid {display:none !important;}'),en(ne,F),a.lhmnaCln.push(F),setTimeout(E(t),0)}}}}}function z(n,e){if(e<0)return z(n,e+26);for(var a="",t=0;t<n.length;t++){var l=n[t];if(l.match(/[a-z]/i)){var i=n.charCodeAt(t);i>=65&&i<=90?l=u((i-65+e)%26+65):i>=97&&i<=122&&(l=u((i-97+e)%26+97))}a+=l}return a}function E(n){var e=[];X(n,e),U(n,e),H()}function N(n,e){if(n&&e)for(var a=Object.keys(e),t=0;t<a.length;t++)"[object Array]"===Object.prototype.toString.call(e[a[t]])?hn(n,a[t],e[a[t]],"important"):hn(n,a[t],e[a[t]])}function T(a,t){if(a&&0!==a.children.length){var l=a.children[0],i=rn(a),h=rn(l),d=h.x-i.x+h.width,r=Jn[t];r||(r=$("style"),Jn[t]=r,e.head.appendChild(r),b(n,"resize",function(n,e){T(this,n)}.bind(a,t))),-1===r.innerHTML.indexOf(d+"px")&&(r.innerHTML=y(a)+":after{width:"+d+"px;}")}}function O(n,e,a){if("[object Array]"===Object.prototype.toString.call(n))for(var t=0;t<n.length;t++){if((n[t].selector||n[t].selectorAll)&&!n[t].skipSelectorCSS)for(var l=wn(n[t].selector||n[t].selectorAll),i=0;i<l.length&&(N(l[i],n[t].cssApply),!n[t].selector);i++);n[t].function&&"function"==typeof n[t].function&&n[t].function(e,a),n[t].applyAdText&&"function"==typeof T&&T(e,a)}}function X(t,l){function i(e){var a=$("div");l[""+g(Hn(g("VVtrbWVLWX1kW11vWzRnfFxbRXpdW0xA"),-3))]=a,l[""+g(Hn(g("UW1UN1FqQEA="),-3))]=a,t[""+g(Hn(g("VVtrbWVLWX1kW11vWzRnfFxbRXpdW0xA"),-3))]=a,un(a,"QLYLjnY lhmnaHid"),fn(e,a),n.lhmnada6c4.w[6486]=a,n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function h(e){var a=$("div");l[""+g(Hn(g("V1lNaVdab25dSntvWzRnfFxbRXpdW0xA"),-3))]=a,l[""+g(Hn(g("UFdQelBqQEA="),-3))]=a,t[""+g(Hn(g("V1lNaVdab25dSntvWzRnfFxbRXpdW0xA"),-3))]=a,jn(a,"nLXXQC"),un(a,"lhmnaHid"),en(e,a),n.lhmnada6c4.w[1302]=a,n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function d(e){var a=$("div");l[""+g(Hn(g("V1lNaVlKPHpbNGd8XFtFel1bTEA="),-3))]=a,l[""+g(Hn(g("UFdQelBUQEA="),-3))]=a,t[""+g(Hn(g("V1lNaVlKPHpbNGd8XFtFel1bTEA="),-3))]=a,jn(a,"LEVSSlQ"),un(a,"vyHAsnv lhmnaHid"),fn(e,a),n.lhmnada6c4.w[1301]=a,n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function r(e){var a=$("div");l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUFRAQA=="),-3))]=a,l[""+g(Hn(g("UX1QM1BUQEA="),-3))]=a,t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUFRAQA=="),-3))]=a,un(a,"lhmnaHid"),fn(e,a),n.lhmnada6c4.w[7341]=a,n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function o(e){var a=$("div");l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUFk8V2VKPDNmekBA"),-3))]=a,l[""+g(Hn(g("UX1QM1BqQEA="),-3))]=a,t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUFk8V2VKPDNmekBA"),-3))]=a,un(a,"lhmnaHid"),fn(e,a),n.lhmnada6c4.w[7342]=a;var i=$("div");nn(i,""+g(Hn(g("U0pVc2dtN2pMRkRqTEd7bmRbXGpmNlU4ZUpYPExwXXllcVR3ZjVvOV1XcmpQVjc0ZnBZd1I1XXllcVR3ZzVZc101azNSbEVsZTV7blI1UXllSjx8UmxEbVBHRHpSNkVrXUpVc2VwZndccDwzZ0o8d1JsRDZmS2o6ZVpJfF01b3hPWk15Z0tVeWVXcmpQV0V6aEd3M11bazNPW1V8XFo4fV1wPHxlV3JqZ1tFel1bTW1cW1FvUnxMLlRbWW1kRkVzZXFVb2ZwWX1mNUl4Z0d7a0xKa3xdWlw8THBrM2dLRX1SbDt5ZzZnNk9wPDRnSk18XFpveE9wUXllVjw2ZEpJM09ab31PNVVvXXBJNGVLVHldSlhsTEtNb2VHM2xlcDxwZTV7dmU2ZmxMSjx4XDV7c1w1djxMbjxGWGw4b2hLVW9mcDd4XDVJdmVJZ3JcW1VNZnxrZk01azNnS0V9Umw7eWc2ZzZPcDw0Z0pNfFxab3hPcFF5ZVY8NmRKSTNPWm99TzVVb11wSTRlS1R5XUpZZk18e2ZNNHpxT0Yze09GM3tPS1V8Z1pYak9KODRlSnpzUjZNb2dLWXxlbEVwXFp7fV1WTGpmNlU4ZUpYPExwXXZlNUkzUmxFfGRaZ3JnR3ZsU2xEO11KbzVMS1EzaFp7b1NWTTVdW00zZFpRa2VGNGtlSm9xZW1yamY2WXpdW0w6XHBJbWQ1Z3xlNll4XUY0c2VaSXFdV3JqZ1tNdk5KazNnS0V9Umw7eWc1b25dNVkzZnw4eWdbVWxmcElzZWw4bWU1M3lkWjRrXTVZfU82Z3NdSmdvZ0hvbWU1OH1PNUltZEo8c1w1WHhmNl1xTld3bFxaUXVdNk15Z1o4bk9bUXNocFg5TEdmNE1WRDZRVlg6ZzVvbmdKajlMR0h8ZktqOmRKWXNdNWszUmxEe1BxRTdSNkVrXUpVc2VwZndlSllwZ0dyalBXXXpoR3duZFtRemVKSThSbEVzZXB7c2VwWHdccHt5XDV2OlxwSW1kNWd8ZTZZeF1GNHxdW0VvXFtUOUxKOHlPW01vZkpZa2dHd2xcWlF1XTZNeWdaOG5PW0V5ZjVvM2RaPHhSbEV8ZFpncmdGRW1dWjgzXVtMOlxwPHxdSll8T1p7b11xVDlMR0l6aEZFfWU1e3NdRkRtUlduOFI1XXZlNUkzUmxFfGRaZ3JnR3d3XFtNcWRaN3dnSjx6UmxEe1BbRTdSNVE0ZnFReWZtcmpmSjxzZXFVb2ZtdmxTbEQ7TzVVc2dtN2pTSlVzZ2xFfWdLb3ZdVzNsXHBJbWQ1Z3xlNll4XUdyamdbTXZOSmszZ0tFfVJsO3lnNW9uXTVZM2Z8OHlnW1VsZnBJc2VsOG1lNTN5ZFo0a101WX1PNmdzXUpnb2dIb21lNTh9TzU8bFs2UXdcW00zVXBZb11Ie3ldNTt4ZVpveE9xUTVdfG5qZXA7d2ZwWXpdWkkzTEpRb2VxVW9mbEUzZTZEOmc1b25nSmo5TEdIM1BLRTdSNWtvZFpncmdHcmpQbUl6aEd3cGVKPGtnR3JqZnBvcWRLVDplWkl8XTVveE9bTXNdNWszUmxENGZLajpcNll8ZjU8fFJsRXplNW94Z0pZfFI1NGtmcGdzZWw0M2U2RDlMR116aEd2bFNsRDtPNVVzZ203alNGPGtTbEQ7TzVVc2dtN2pMRkRqTEd7bmRbXC5MRkRqTEZEakxGRGpTSlVzZ2xFbWVKSX1mfTNsZjVda2U1TXRQRkwuTEd6eV1KbzVTbERqTEZEalNGPG5kW1wuTEd6eV1KbzVTakBA"),-3))),kn(i.childNodes,function(e,t){fn(a,t),n.lhmnaCln.push(t)}),n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function s(e){var a=$("div");l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUGpAQA=="),-3))]=a,l[""+g(Hn(g("UX1QM1FEQEA="),-3))]=a,t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUGpAQA=="),-3))]=a,un(a,"tsIZux col-xs-12 loc lhmnaHid"),e.nextSibling?fn(e.nextSibling,a):en(e.parentNode,a),n.lhmnada6c4.w[7344]=a,O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){hn(n,"margin-bottom","10px","");var a=bn(".article ~*> .offerteaser-box");a&&(Tn(a,"afterEnd",n),hn(n,"padding-left","0","")),bn(".ob-smartfeed-wrapper")&&hn(n,"clear","both","")}}],a,7344),n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function f(e){var a=$("div");l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUG88V2VKPDNmekBA"),-3))]=a,l[""+g(Hn(g("UX1QM1B6QEA="),-3))]=a,t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUG88V2VKPDNmekBA"),-3))]=a,un(a,"lhmnaHid"),fn(e,a),n.lhmnada6c4.w[7343]=a;var i=$("div");nn(i,""+g(Hn(g("U0pVc2dsRX1nS292XVczbFw1e29cW0w5TEpNeWdKajpMS0VrXUpVc2VwZndlSllwZ0dyalBXRXpoR3ZsU2xEakxGRGpTSlVzZ2xFfWdLb3ZdVzNsXXA8eGdGNH1kW3NvUmxEe09tWXxdWjM6XXA8eGdGNDZdWm9xZEtUOUxKTXllSlQ6XDU8dmU2TDlMRlB6UEdEOmZKSW5dSm94XXw0bGU2VTNlNTM5TEdnemhHd3dcW01xZFo3d1xwPDNnSjx3UmxEe1BLRTdSNlVvaEtUd2dLTWtlcVFwZTZNd1JsRTRmS0VvZnBRa2Y1WDpMbThFZ1pRckxKb3hnSll8XVtRfVxaODNTRjxuZFtcLkxGRGpMRkQ7XUpvNVNsRGpMRkRqTEZEakxHe25kW1xqXDV7a2Y2UDxMcVFwXFo8bGRtSGxTbEQ7TzVVc2dtN2pMRkRqTEZEakxGRDtdSm81TEpRdlxbUX1TVk19XXBJeVxwcnxMbTdqU0Y8bmRbXC5MRkRqTEZEakxGRGpTSlVzZ2xFbWVKSX1mfTNsZjVda2U1TXRQfEwuTEd6eV1KbzVTbERqTEZEakxGRGpMR3tuZFtcalw1e2tmNlA8THFRcFxaPGxkbVRsU2xEO081VXNnbTdqTEZEakxHenldSm81U2xEO081VXNnbTdA"),-3))),kn(i.childNodes,function(e,t){fn(a,t),n.lhmnaCln.push(t)}),n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function p(e){var a=$("div");l[""+g(Hn(g("WTVJdmVLRWtmSll8WzRnfFxbRXpdW0xA"),-3))]=a,l[""+g(Hn(g("UW1UOFBUQEA="),-3))]=a,t[""+g(Hn(g("WTVJdmVLRWtmSll8WzRnfFxbRXpdW0xA"),-3))]=a,un(a,"gywcjx lhmnaHid"),fn(e,a),n.lhmnada6c4.w[6491]=a,n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}!function(e){if(!n.lhmnad62Mobile){var t=a(""+g(Hn(g("TDVReWVxVW9lcVRqU2xFbmRbXGpTbER4XDU8eGdKSXNlcFl8T0ZEbVw1PHhnSll4Z0ZELkxGOHJlNTRvT0ZEbVw1PHhnSll4Z0ZELkxGOG1lNTgzXFpveF1bTEA="),-3)),"");t&&e(t)}}(i),function(e){if(!n.lhmnad62Mobile){var t=a(""+g(Hn(g("T3BReWVGNDdmfDN7UGw4bWU1endlSmZ3UUY4emdae3ZPW2t9T1tNc101azNPcVVvXFtRb2ZsempMRlF6ZnA8d2V9SHdcNTx4Z0pJc2VwWXxPWlVvZjV3M2U2RGpTbERtXUpdek9aNDNdakBA"),-3)),"");t&&e(t)}}(h),function(e){if(!n.lhmnad62Mobile){var t=a(""+g(Hn(g("T3BReWVGNDdmfDN7UGw4bWU1endlSmZ3UUY4emdae3ZPW2t9T1tNc101azNPcVVvXFtRb2ZsRC5MR3NwZFtNfWdGNG1kSm92XUZ6akw2TW9cNlVrZXBndl1WNG1lNTgzXFpveF1bTHddSll9ZDZVeWZEQEA="),-3)),"");t&&e(t)}}(d),function(e){if("/"!==location.pathname&&!n.lhmnad62Mobile){var t=a(""+g(Hn(g("T3BJfGdKb21lSlhqWjVrfF1aXDxMbFFtZTU0d11aODNmfE1n"),-3)),"");t&&e(t)}}(r),function(n){var e=l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUFRAQA=="),-3))];e&&n(e)}(o),function(e){if("/"!==location.pathname&&!n.lhmnad62Mobile){var t=a(""+g(Hn(g("T3FNeWd8RC5MRjhrZnFVc1w1e28="),-3)),"");t&&e(t)}}(s),function(n){var e=l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUGpAQA=="),-3))];e&&n(e)}(f),function(t){if((n.innerWidth||e.documentElement.clientWidth||e.body.clientWidth)>=980){var l=a(""+g(Hn(g("TDVReWVxVW9lcVRqU2xFbmRbXGpTbER4XDU8eGdKSXNlcFl8T0ZEbVw1PHhnSll4Z0ZELkxGOHJlNTRvT0ZEbVw1PHhnSll4Z0ZELkxGOG1lNTgzXFpveF1bTEA="),-3)),"");l&&t(l)}}(p)}function U(t,l){function i(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"o5{u}n5rq|b5;;6;{<;6731msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(847,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("VG5vUFdEQEA="),-3))]=f,jn(f,"DreJlLyKv"),un(f,"RMjCUvYCXP lhmnaHid");var p=r;n.lhmnaa27Am[847]&&(_(n.lhmnaa27Am[847]),n.lhmnaa27Am[847]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[847]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(847==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"t:w6ihzmgvb:<;69{:88<71msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+";rljx9utu6b6::5:{43<831msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7{xx8g4fjpb96595{674551msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tumjog{;k{b78:;4{<54631msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"x<eh8mugfjb567;8{<<66:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"z;tw:o9uxyb;3;3:{548651msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7<qu}hvlt;b45745{4;8451msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qv}ozo8f6qb96;39{74<531msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"jxyr}nvmy;b53:79{;:5:71msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8wisv|xz;lb558:;{794441msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"f|t};p6nshb49363{578831msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"msjz;9|;}9b7844;{486751msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4q9z|<;7e:b;6393{6539;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":3uzmp79s4b464:7{;;34:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"oj47ojeez;b48:4:{496751msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"fwlsqf{}oeb5:<75{48:;41msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"fgsnxufnxvb<8936{<59871msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"t<o8{thrw|b47833{48;681msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zfspn}<gopb88<5:{893:71msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"exiju<|s:gb69978{5:5631msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e4uxttfmnmb687;<{<74:81msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"mz{wvwuossb;;496{8956;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6|sx:ihmf:b5<88;{<34;;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"vqkn59uenrb:95<3{944;<1msj",-3)],s=d[12*o(1*a.y/this.offsetHeight)+o(12*a.x/this.offsetWidth)],f=r[12*o(1*a.y/this.offsetHeight)+o(12*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),fn(s,f),n.lhmnada6c4.a[847]=f,n.lhmnaCln.push(f),O([{applyAdText:!0}],f,847),Pn(f,847,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"484nkfppyxb:5;6:{:884:1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(847,a,!0)}}},function(){Z(847,a,!1)})}function r(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"u|zy365l|zb4;69<{4:<7:1msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(2583,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("VVtrbWVLWX1kW11vWzNNRVQzdkA="),-3))]=f,jn(f,"ftgKejs"),un(f,"lhmnaHid");var p=r;n.lhmnaa27Am[2583]&&(_(n.lhmnaa27Am[2583]),n.lhmnaa27Am[2583]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[2583]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(2583==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9j{e{nt5lfb<3777{;<3<61msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"m}vlmli7w:b63:44{958661msj",-3)],s=d[1*o(1*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(1*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),s.firstChild?fn(s.firstChild,f):en(s,f),n.lhmnada6c4.a[2583]=f,n.lhmnaCln.push(f),O([{selector:"footer#footer",cssApply:{"margin-top":"0"}},{selector:"#content",cssApply:{"margin-bottom":"0"}}],f,2583),Pn(f,2583,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xg}xmpnf6yb6;373{776<91msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(2583,a,!0)}}},function(){Z(2583,a,!1)})}function s(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<}ygpj9s<vb6<736{;;9351msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(2581,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("VVtrbWVLWX1kW11vWzN7b11xVEA="),-3))]=f,jn(f,"qEpeMEfKdE"),un(f,"QMbAlRLgvZ lhmnaHid");var p=r;n.lhmnaa27Am[2581]&&(_(n.lhmnaa27Am[2581]),n.lhmnaa27Am[2581]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[2581]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(2581==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"hj8r7mnz4}b78363{4:4571msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"gt5<8p6wotb<896;{:;57:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zx|<nool4}b;;656{<;7;51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<x<stu8oy5b79984{77<731msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"u6pep<us<eb48364{48<3<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":uh;tl{{o7b:3738{437691msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"gilrw}sqv6b<;53:{4::681msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<5zh43swzhb8<<38{8:;;;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"gzz|q<gmj7b94838{6697<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4t;hsyl89nb579;<{6743<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"rtjgj8h}uwb<3885{95;931msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<s3uzgopypb::794{8:63<1msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[2581]=f,Pn(f,2581,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"k99y64vvhmb69;77{7<57:1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(2581,a,!0)}}},function(){Z(2581,a,!1)})}function f(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"hgti<s3ff3b667:8{889:51msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(2582,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("VVtrbWVLWX1kW11vWzRNc101azM="),-3))]=f,jn(f,"QgkbVoAu"),un(f,"eloHCxyV lhmnaHid");var p=r;n.lhmnaa27Am[2582]&&(_(n.lhmnaa27Am[2582]),n.lhmnaa27Am[2582]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[2582]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(2582==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}} -var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"k5iyq9fq3ub;3;38{4:<571msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"pwplm{;:9tb964:3{783:31msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7m89vut:jgb6:973{634841msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":q:ytj579;b4456<{687;61msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"68:3n||zr{b<<98;{:;:981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"wl7fngp:vyb;8996{697771msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ok4nik6g5rb48546{99;<51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6yk}:qqm46b48;;;{493771msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"g3:ukox6h7b;:75<{7598;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"wreejwimj3b;73<8{468;91msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"|5sg|59q3|b7;5:5{68;861msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8|8h;|m3hgb<84<6{:755:1msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[2582]=f,Pn(f,2582,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"sr}9iknx9ub73584{;947;1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(2582,a,!0)}}},function(){Z(2582,a,!1)})}function p(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":}wwn{}yhqb6;;59{;5;4:1msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(2580,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("VVtrbWVLWX1kW11vWzRVeWZEQEA="),-3))]=f,jn(f,"bvNzbVMZ"),un(f,"lhmnaHid");var p=r;n.lhmnaa27Am[2580]&&(_(n.lhmnaa27Am[2580]),n.lhmnaa27Am[2580]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[2580]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(2580==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"mmpsuw5x4;b769<6{467531msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"t36f6rxel8b;<46:{;96351msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"pkkhyo:r}pb47669{:658<1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4u}g457}s6b784::{785981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6k}vfmrnh:b<<655{48;<51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"n8nlw<jzo<b:8<8<{:34851msj",-3)],s=d[3*o(1*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)],f=r[3*o(1*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[2580]=f,O([{selector:".home > .topbar",cssApply:{"margin-bottom":"0"}}],f,2580),Pn(f,2580,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6l47}3f7||b4:436{<46971msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(2580,a,!0)}}},function(){Z(2580,a,!1)})}function m(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xm;nqk5r5xb:554<{7:;;51msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(9278,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("V1o8bGRae29bMzRWWzM0c11KVXZdV0hA"),-3))]=f,jn(f,"SwbnzzxtA"),un(f,"lhmnaHid");var p=r;n.lhmnaa27Am[9278]&&(_(n.lhmnaa27Am[9278]),n.lhmnaa27Am[9278]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[9278]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(9278==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ynv:ke|unib68<4;{69;471msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9g8j{qrxv|b5<686{:::7;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"z3gmkp5i:ib9597:{;;83:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"i76nh9z|y}b<;:86{<75641msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4mz7s3qor;b<438:{7;3791msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"yro9}w7;wsb4;367{<489;1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"jprm<||ofsb<;36;{58;<51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"5n:m8jyyorb45373{7446<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":n5}fo|83qb6695<{:93981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tl<uif|:gob836;3{947961msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"f|3iwrfh7mb<8:;8{457<<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+";nl}e499yhb8;<57{7:3<;1msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),fn(s,f),n.lhmnada6c4.a[9278]=f,n.lhmnaCln.push(f),O([{applyAdText:!0}],f,9278),Pn(f,9278,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"nq86esk;lnb63559{<39;61msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(9278,a,!0)}}},function(){Z(9278,a,!1)})}function c(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qeqf|vxyq<b5<939{;688:1msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(9279,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("V1o8bGRae29bMzRWWzM0c11KVXZdV0xA"),-3))]=f,un(f,"OzjTuB lhmnaHid");var p=r;n.lhmnaa27Am[9279]&&(_(n.lhmnaa27Am[9279]),n.lhmnaa27Am[9279]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[9279]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(9279==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xn35s635}|b:::44{9769<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"kxl:p}m:65b;5;::{8;95:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zj|i{9:i<}b485<9{634::1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"}uuoup<;job<78;8{987981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"wzuvwhk<f4b43<99{45<341msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"t:|9yynsl:b63<93{4:<471msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6wmplzsmqjb755:8{<96:41msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6vni76vtmjb<4;33{69<5;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zj6vopk86xb63535{4:8341msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e4}|h:4hw}b;;;9<{6:45<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"kpoluovto7b855;:{8:7;<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"nuot}qrnrnb:<:;8{6937;1msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),fn(s,f),n.lhmnada6c4.a[9279]=f,n.lhmnaCln.push(f),O([{applyAdText:!0}],f,9279),Pn(f,9279,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ju79enviifb<6739{4<;471msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(9279,a,!0)}}},function(){Z(9279,a,!1)})}function v(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"h{tnznmyrtb;365<{97;351msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(9280,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("V1o8bGRae29bMzRWWzM0c11KVXZdV1BA"),-3))]=f,jn(f,"lzDAKWGwpX"),un(f,"uuAQuTrNnf lhmnaHid");var p=r;n.lhmnaa27Am[9280]&&(_(n.lhmnaa27Am[9280]),n.lhmnaa27Am[9280]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[9280]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(9280==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"wzfrn}xj:9b4;939{59<:<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tqw;f6x9<jb547<7{58<:;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qgti4fku::b8;<<<{65:351msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{ugtm7{jpqb:;364{6779:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"jxli;gtu5hb48388{<745;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"r:ni|8n<75b68385{56;<31msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"jehizopensb99;35{:67761msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"gj9et}{{upb7<434{7;63<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"sf}z:r3:rhb94<;6{<;7:91msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"g5n|fqvf8;b;469<{586371msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"z<iwrve|:fb;9666{:6:7<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"y:ylowkj6qb46864{7539:1msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),fn(s,f),n.lhmnada6c4.a[9280]=f,n.lhmnaCln.push(f),O([{applyAdText:!0}],f,9280),Pn(f,9280,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"sour}<ohzib55386{794<71msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(9280,a,!0)}}},function(){Z(9280,a,!1)})}function u(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"u{t|vgp}34b69;:6{7:3981msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(456,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("V1lNaVdab25dSntv"),-3))]=f,un(f,"vUImAkjg lhmnaHid");var p=r;n.lhmnaa27Am[456]&&(_(n.lhmnaa27Am[456]),n.lhmnaa27Am[456]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[456]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(456==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"i6w<jxvw;ub84;3;{5655<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xphiyt9l7ob<8;;3{6893:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"eqhrknpxfpb43:33{4898<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"|3oj7g:yh}b784:;{7953:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{:wsq<gns6b68878{5<65<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"m9v998gn3jb;3<38{;<:::1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"y5h9t83x|pb4<64;{775471msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9oyxg}:juub<4<44{977341msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ph6<h7fx<;b65;89{865471msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9yp|}5h:|nb<75:7{:54981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4qr|ilfok<b:5;34{:37741msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"hk:n;x8ek7b43864{:;4561msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[456]=f,Pn(f,456,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e<h{}tn5;ob66455{573;:1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(456,a,!0)}}},function(){Z(456,a,!1)})}function j(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"m<m;<}x37{b73746{874461msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(455,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("V1lNaVlKPHo="),-3))]=f,jn(f,"ZsxOTC"),un(f,"MhrUFOGf lhmnaHid");var p=r;n.lhmnaa27Am[455]&&(_(n.lhmnaa27Am[455]),n.lhmnaa27Am[455]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[455]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(455==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"v|;set85{4b47488{:93851msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4r9{y4qmgvb5<:47{4;3981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9mvi9jilzub;:4<5{;66541msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ujfl}<esj3b<6:<4{993:;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xik<szen:4b4:57<{5389:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<5y68m7x8pb95997{7:9381msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8jr8mms3;mb9:8:9{<64651msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{shirz4ky:b<<5;5{4:7871msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"hguv{6i<xhb;7:94{4675;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"u9w|8njeeeb55;;4{545691msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9x9fwkmf8rb;;43<{:59361msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"nz:i5v{liqb449<:{45;;91msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[455]=f,Pn(f,455,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"|3ro4q9k};b4356<{::9381msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(455,a,!0)}}},function(){Z(455,a,!1)})}function b(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7sffqe{vxfb8<9:;{663981msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(454,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDN3XVs0TXNdNWsz"),-3))]=f,jn(f,"rMDLMgS"),un(f,"VqkIHiH lhmnaHid");var p=r;n.lhmnaa27Am[454]&&(_(n.lhmnaa27Am[454]),n.lhmnaa27Am[454]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[454]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(454==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"69u6mhl6f:b95655{595891msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"i7{you<hu8b:;:37{9<6841msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"lollogvlm8b:77;4{<545;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"974wfpw5wjb43<7;{8;39<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"99s3p{p9i8b44746{796861msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xwk67jqlgrb69356{4:;7<1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"x5pygk76y6b6<7;:{447851msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"yw39wkpjnnb5835:{446671msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"}<rou<kxs6b:78<9{5537;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":s{38u}<7|b:43;4{:54<51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"slx}lq9yq8b7977<{;;3661msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"}s4zx54n|nb<9<63{578341msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),fn(s,f),n.lhmnada6c4.a[454]=f,n.lhmnaCln.push(f),Pn(f,454,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xhnzsf|<s7b5<;8;{7:3461msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(454,a,!0)}}},function(){Z(454,a,!1)})}function w(e,t,l){var i=a(""+g(Hn(g("T3FRcFxaPGxkbURA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(7345,!e,!1)}function x(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4q}48|jo4sb43;3;{9654;1msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(7345,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94W31Id1FZO3xoR1BA"),-3))]=f,un(f,"sGaBVbhp lhmnaHid");var p=r;n.lhmnaa27Am[7345]&&(_(n.lhmnaa27Am[7345]),n.lhmnaa27Am[7345]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[7345]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(7345==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"m7u5n}{}w{b746<;{<<6771msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8qi}m7l5o3b64376{4<;781msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+";o;q4gq7ltb8;;98{8<7571msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zkqhz6<pv8b45:49{;;;551msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"kph<ejq|iib73477{4:39;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4ut|vx6ieub7:8;3{<;54:1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qee8m{6girb68377{95:7;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":|pql9;ookb6886<{93::51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"f3zon4jlwzb895<<{;6<961msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ghvsikv8rvb;5<7;{949351msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"}3oe:lsogqb94<96{4:6581msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9j}8yel34vb9<446{489471msj",-3)],s=d[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)],f=r[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[7345]=f,n.lhmnaCln.push(f),O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){bn(".ob-smartfeed-wrapper")&&kn(wn(".ob-smartfeed-wrapper > .OUTBRAIN"),function(n,e){hn(e,"display","none")})}}],f,7345),Pn(f,7345,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9okl:36so}b:76:7{<;9941msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(7345,a,!0)}}},function(){Z(7345,a,!1)})}function y(e,t,l){var i=a(""+g(Hn(g("T3FRcFxaPGxkbUhA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(7347,!e,!1)}function R(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7j8}s{wr6nb73;75{43<3;1msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(7347,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94W31Md1FZO3toR0xA"),-3))]=f,un(f,"rqIbUDfir lhmnaHid");var p=r;n.lhmnaa27Am[7347]&&(_(n.lhmnaa27Am[7347]),n.lhmnaa27Am[7347]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[7347]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(7347==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"y<jw7qy::ob;869:{;:57<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7yr:<8p:wub6;697{4347:1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"5:xug8v8||b<;43;{49:561msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"}}v6y838tsb84;:6{7<;731msj",-3)],s=d[2*o(1*a.y/this.offsetHeight)+o(2*a.x/this.offsetWidth)],f=r[2*o(1*a.y/this.offsetHeight)+o(2*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[7347]=f,n.lhmnaCln.push(f),O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){bn(".ob-smartfeed-wrapper")&&kn(wn(".ob-smartfeed-wrapper > .OUTBRAIN"),function(n,e){hn(e,"display","none")})}}],f,7347),Pn(f,7347,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qkus3q::{mb696<4{589471msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(7347,a,!0)}}},function(){Z(7347,a,!1)})}function k(e,t,l){var i=a(""+g(Hn(g("T3FRcFxaPGxkbUxA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(7346,!e,!1)}function W(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"frxr5qhhzhb66:;<{95:;31msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(7346,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94W31Qd1FZO3xoR1BA"),-3))]=f,jn(f,"owgFWcyUTT"),un(f,"iwonUq lhmnaHid");var p=r;n.lhmnaa27Am[7346]&&(_(n.lhmnaa27Am[7346]),n.lhmnaa27Am[7346]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[7346]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(7346==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"|gt9zl7p3pb:<:;9{4<9931msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"efonu54gt5b<;53<{4;9;71msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zzs6xkg|ngb48669{4:5761msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"x<um6lgrlrb<5;88{868<81msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"p7}zu4}s5:b;<:96{:<6771msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"pr<;45yll<b;5<74{7<87:1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e7ikens}:xb77<75{773;;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<mwyklzj63b5;473{;4;981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+";|ljw6}gkpb5:873{<944<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7l7f:fiifrb6<467{;43971msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"o3lejmp6tyb:8765{:59661msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"hy5}ksz<efb54:5;{4;6851msj",-3)],s=d[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)],f=r[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[7346]=f,n.lhmnaCln.push(f),O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){bn(".ob-smartfeed-wrapper")&&kn(wn(".ob-smartfeed-wrapper > .OUTBRAIN"),function(n,e){hn(e,"display","none")})}}],f,7346),Pn(f,7346,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tzrg6e}4xub<369<{8<:861msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(7346,a,!0)}}},function(){Z(7346,a,!1)})}function A(e,t,l){var i=a(""+g(Hn(g("T3FRcFxaPGxkbVBA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(7348,!e,!1)}function F(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e5:wm6ykskb<8764{957631msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(7348,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94W31Ud1FZO3toR0xA"),-3))]=f,jn(f,"HvfqqYDE"),un(f,"rUEHIInSN lhmnaHid");var p=r;n.lhmnaa27Am[7348]&&(_(n.lhmnaa27Am[7348]),n.lhmnaa27Am[7348]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[7348]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(7348==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"lo;rsu<em9b688:;{757731msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"};e;77hm8jb:7769{;<9331msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"i<y6oxq|m;b478;6{539741msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8reimliy}kb63;96{97;;81msj",-3)],s=d[2*o(1*a.y/this.offsetHeight)+o(2*a.x/this.offsetWidth)],f=r[2*o(1*a.y/this.offsetHeight)+o(2*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[7348]=f,n.lhmnaCln.push(f),O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){bn(".ob-smartfeed-wrapper")&&kn(wn(".ob-smartfeed-wrapper > .OUTBRAIN"),function(n,e){hn(e,"display","none")})}}],f,7348),Pn(f,7348,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<xr|8nu:zzb47<85{467541msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(7348,a,!0)}}},function(){Z(7348,a,!1)})}function z(e,t,l){var i=a(""+g(Hn(g("T3FRcFxaPGxkbVRA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(7349,!e,!1)}function E(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"sn4rxwlu{yb53435{48:481msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(7349,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94W31Yd1FZO3xoR1BA"),-3))]=f,un(f,"sVzkvQvsVD lhmnaHid");var p=r;n.lhmnaa27Am[7349]&&(_(n.lhmnaa27Am[7349]),n.lhmnaa27Am[7349]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[7349]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(7349==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"879eq6o{|{b:9763{83:<;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"j}srein|7tb64698{966961msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9e73elzgetb;<577{:87641msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"pzf6izi973b6<::6{<6:471msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4rxj8rfwpzb;365<{<77781msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<;kezret|{b:6655{;5<9<1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zm:{ekn9:ob9;85:{8;34:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8og8}7uft8b:<;65{55::51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qmeykml}}fb<4358{<79:71msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"5n7w<:zgzlb96;75{9:<:61msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"h<8rfr57|eb:<6:5{;73341msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{n5|y3{6nrb54<7;{<77<:1msj",-3)],s=d[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)],f=r[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[7349]=f,n.lhmnaCln.push(f),O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){bn(".ob-smartfeed-wrapper")&&kn(wn(".ob-smartfeed-wrapper > .OUTBRAIN"),function(n,e){hn(e,"display","none")})}}],f,7349),Pn(f,7349,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{el|p<mew3b:333<{568;:1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(7349,a,!0)}}},function(){Z(7349,a,!1)})}function N(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"fijy<|6<lsb74795{::;751msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(4086,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WTVJdmVLRWtmSll8WzNNRVQzdkA="),-3))]=f,jn(f,"CGhSnAilG"),un(f,"lhmnaHid");var p=r;n.lhmnaa27Am[4086]&&(_(n.lhmnaa27Am[4086]),n.lhmnaa27Am[4086]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[4086]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(4086==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"gnogy5gv4sb9555:{5433:1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"i;<};j8kznb<:778{443931msj",-3)],s=d[1*o(1*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(1*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),s.firstChild?fn(s.firstChild,f):en(s,f),n.lhmnada6c4.a[4086]=f,n.lhmnaCln.push(f),Pn(f,4086,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ujx<}<r<45b77;9<{<83;81msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(4086,a,!0)}}},function(){Z(4086,a,!1)})}function T(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"yr46<<9kh5b8;979{439591msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(3918,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WTVJdmVLRWtmSll8WzRNc101azM="),-3))]=f,un(f,"ANOvigvLf lhmnaHid");var p=r;n.lhmnaa27Am[3918]&&(_(n.lhmnaa27Am[3918]),n.lhmnaa27Am[3918]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[3918]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(3918==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"l{qj8g4ip{b::54<{764;81msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"f;y9i{pn7{b:7347{9678<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"85rzw4{7xnb6<3:<{<98571msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tjp;79e63ub63<39{788<91msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8eymzxl6q;b87:65{44<<81msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{5o;j|3y:7b4<556{476<71msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6rlvm5}hj5b9:55;{694:51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"kwxtt73tuxb95:<:{643:;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"m54y<:uor|b;58<8{:635;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zlzz|gzilrb6457;{7<6<91msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"74qsttk998b:433<{;64<41msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"wuwyppnkg|b4<:56{9:7791msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[3918]=f,Pn(f,3918,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e6y4kf4tehb6937;{8;;671msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(3918,a,!0)}}},function(){Z(3918,a,!1)})}function X(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7ooe{<m75sb49:63{<5;;31msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(3919,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WTVJdmVLRWtmSll8WzRVeWZEQEA="),-3))]=f,un(f,"sfEKoNJb lhmnaHid");var p=r;n.lhmnaa27Am[3919]&&(_(n.lhmnaa27Am[3919]),n.lhmnaa27Am[3919]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[3919]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(3919==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}} -var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":;ynwitvxfb68:5<{478;:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":|t889h9oyb6<3<<{<8::41msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+";y}48;4r3<b8:<3;{4:4<41msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qjw<oyqsowb95<33{537781msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"j:o8<kkux<b87994{783471msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ivs7r7xhh9b95:38{<58991msj",-3)],s=d[3*o(1*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)],f=r[3*o(1*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[3919]=f,Pn(f,3919,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"95<t5h9;6yb4;<:8{846<:1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(3919,a,!0)}}},function(){Z(3919,a,!1)})}n.lhmna120Ptl=14,n.lhmnae1cPl=0,function(e,t,l){if(n.lhmnad62Mobile)l(847,!e,!1);else{var i=a(""+g(Hn(g("T3A0a2RaN3hnNUk4Zko8c2VxVEA="),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(847,!e,!1)}}(!1,i,Z),function(e,t,l){if(n.lhmnad62Mobile)l(2583,!e,!1);else{var i=a(""+g(Hn(g("TDVReWVxVW9lcVRA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(2583,!e,!1)}}(!1,r,Z),function(e,a,t){var i=l[""+g(Hn(g("VVtrbWVLWX1kW11vWzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(2581,!e,!1)}(!1,s,Z),function(e,a,t){var i=l[""+g(Hn(g("VVtrbWVLWX1kW11vWzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(2582,!e,!1)}(!1,f,Z),function(e,a,t){var i=l[""+g(Hn(g("VVtrbWVLWX1kW11vWzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(2580,!e,!1)}(!1,p,Z),function(t,l,i){if(n.lhmnad62Mobile&&700>=(n.innerWidth||e.documentElement.clientWidth||e.body.clientWidth)){var h=a(""+g(Hn(g("TDVVcGZGNGtnSlxA"),-3)),"");h?l(h,!t,!1,n.lhmnafa2Rnd):i(9278,!t,!1)}else i(9278,!t,!1)}(!1,m,Z),function(t,l,i){if(n.lhmnad62Mobile&&700>=(n.innerWidth||e.documentElement.clientWidth||e.body.clientWidth)){var h=a(""+g(Hn(g("TDVVcGZGNHdnSlxA"),-3)),"");h?l(h,!t,!1,n.lhmnafa2Rnd):i(9279,!t,!1)}else i(9279,!t,!1)}(!1,c,Z),function(t,l,i){if(n.lhmnad62Mobile&&700>=(n.innerWidth||e.documentElement.clientWidth||e.body.clientWidth)){var h=a(""+g(Hn(g("TDVVcGZGNHBlNTwzXVtMQA=="),-3)),"");h?l(h,!t,!1,n.lhmnafa2Rnd):i(9280,!t,!1)}else i(9280,!t,!1)}(!1,v,Z),function(e,a,t){var i=l[""+g(Hn(g("V1lNaVdab25dSntvWzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(456,!e,!1)}(!1,u,Z),function(e,a,t){var i=l[""+g(Hn(g("V1lNaVlKPHpbNGd8XFtFel1bTEA="),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(455,!e,!1)}(!1,j,Z),function(e,t,l){if(n.lhmnad62Mobile)l(454,!e,!1);else{var i=a(""+g(Hn(g("T3A0a2RaN3hnNUk4Zko8c2VxVEA="),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(454,!e,!1)}}(!1,b,Z),V(7345,function(){var e=!0,t=a(""+g(Hn(g("T3FRcFxaPGxkbURA"),-3)),"");return e=e&&t,e=e&&e.getBoundingClientRect().top-n.innerHeight<=800},function(){w(!0,x,Z)}),V(7347,function(){var e=!0,t=a(""+g(Hn(g("T3FRcFxaPGxkbUhA"),-3)),"");return e=e&&t,e=e&&e.getBoundingClientRect().top-n.innerHeight<=500,e=e&&(n.lhmnada6c4.f[7345]||n.lhmnada6c4.w[7345]||n.lhmnada6c4.a[7345])},function(){y(!0,R,Z)}),V(7346,function(){var e=!0;e=e&&(n.lhmnada6c4.f[7347]||n.lhmnada6c4.w[7347]||n.lhmnada6c4.a[7347]);var t=a(""+g(Hn(g("T3FRcFxaPGxkbUxA"),-3)),"");return e=e&&t,e=e&&e.getBoundingClientRect().top-n.innerHeight<=500},function(){k(!0,W,Z)}),V(7348,function(){var e=!0,t=a(""+g(Hn(g("T3FRcFxaPGxkbVBA"),-3)),"");return e=e&&t,e=e&&e.getBoundingClientRect().top-n.innerHeight<=500,e=e&&(n.lhmnada6c4.f[7346]||n.lhmnada6c4.w[7346]||n.lhmnada6c4.a[7346])},function(){A(!0,F,Z)}),V(7349,function(){var e=!0;e=e&&(n.lhmnada6c4.f[7348]||n.lhmnada6c4.w[7348]||n.lhmnada6c4.a[7348]);var t=a(""+g(Hn(g("T3FRcFxaPGxkbVRA"),-3)),"");return e=e&&t,e=e&&e.getBoundingClientRect().top-n.innerHeight<=500},function(){z(!0,E,Z)}),function(t,l,i){if((n.innerWidth||e.documentElement.clientWidth||e.body.clientWidth)>=980){var h=a(""+g(Hn(g("XHA8bmhUQEA="),-3)),"");h?l(h,!t,!1,n.lhmnafa2Rnd):i(4086,!t,!1)}else i(4086,!t,!1)}(!1,N,Z),function(e,a,t){var i=l[""+g(Hn(g("WTVJdmVLRWtmSll8WzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(3918,!e,!1)}(!1,T,Z),function(e,a,t){var i=l[""+g(Hn(g("WTVJdmVLRWtmSll8WzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(3919,!e,!1)}(!1,X,Z),(n.lhmnaautorecov||n.lhmna7daFlags.autoRecov)&&qn(),H()}function H(){n.lhmna7daFlags.skipcln||(kn(wn(".leaderboard"),function(n,e){mn(e)}),kn(wn('b + [id ^= "div-gpt-ad-"]'),function(n,e){e.className.indexOf(" lhmnaHid")<0&&(e.className+=" lhmnaHid")}),kn(wn("#dfp-spacer"),function(n,e){e.className.indexOf(" lhmnaHid")<0&&(e.className+=" lhmnaHid")}),kn(wn("#lbSpacer"),function(n,e){e.className.indexOf(" lhmnaHid")<0&&(e.className+=" lhmnaHid")}),kn(wn(".row.ads-row#dfp-header-container"),function(n,e){e.className.indexOf(" lhmnaHid")<0&&(e.className+=" lhmnaHid")}))}function Z(e,a,t){t||(n.lhmnada6c4.f[e]=!0),a&&++n.lhmnae1cPl==n.lhmna120Ptl&&(_(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"g|9x6o:}7qb7:<;9{;37561msj",-3)),Yn=!1)}function S(){return n.lhmna7daFlags.nwbb2lst=!0,n.lhmna7daFlags.video=/video=true/.test(location.search),n.lhmna7daFlags.goForImageAndIframeRecovery=/\/videos/.test(location.pathname),!0}function _(e){var a=$("iframe");en(ee,a),n.lhmna7daFlags.rsp&&(a.referrerPolicy="unsafe-url"),a.src=e,a.style.width="2px",a.style.height="2px",setTimeout(function(){a.style.display="none"},5e3),n.lhmnaCln.push(a)}function D(e,a){if(n.lhmna4efTrack)return!1;n.lhmna4efTrack=!0;var t=function(){On(this)?Yn=!1:A(n)},l=!1;!function(){if(e||a||l){n.lhmna7daFlags.nc=l,l&&n.lhmna7daFlags.ncab2ncna&&(a=!1),n.lhmna7daFlags.ab=a;var i=function(){function i(e){var a=!1;n.lhmnasc.crt=!1;var t=r(function(){a=!0},500);xn("https://static.criteo.net/images/pixel.gif?ch=2",function(){clearTimeout(t),a||e()},function(){xn("https://static.criteo.net/images/pixel.gif?ch=1",function(){clearTimeout(t),n.lhmnasc.crt=!0,a||e()},function(){clearTimeout(t),a||e()})})}try{!n.lhmna7daFlags.tcf||!n.lhmna7daFlags.tcf.purpose.consents[1]||!n.lhmna7daFlags.tcf.vendor.consents[539]||n.lhmna7daFlags.tcf.publisher&&n.lhmna7daFlags.tcf.publisher.restrictions&&n.lhmna7daFlags.tcf.publisher.restrictions[1]&&n.lhmna7daFlags.tcf.publisher.restrictions[1][539]?C()&&(document.cookie="xdefccpm=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"):n.lhmna7daFlags.pmcache&&!n.lhmna7daFlags.nopmcache&&(n.lhmnada6ctc.pm?document.cookie="xdefccpm=yes;max-age=300;path=/":document.cookie="xdefccpm=no;max-age=300;path=/")}catch(n){C()&&(document.cookie="xdefccpm=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;")}if(e)if(a){if(n.lhmna7daFlags.abrld&&!n.lhmna7daFlags.glblrld&&"function"==typeof K){n.lhmna7daFlags.glblrld=!0;var h=k(function(){R(h),K()},6e4)}Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ymmoymh|l6b57:<<{<95:71msj",-3),t,t)}else if(n.lhmnanpm||n.lhmna7daFlags.npm)Yn=!1;else{if(!n.lhmna7daFlags.glblrld&&"function"==typeof K){n.lhmna7daFlags.glblrld=!0;var h=k(function(){R(h),K()},6e4)}Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"mzl4<w96y6b67865{449631msj",-3),t,t)}else if(a){if(n.lhmna7daFlags.abrld&&!n.lhmna7daFlags.glblrld&&"function"==typeof K){n.lhmna7daFlags.glblrld=!0;var h=k(function(){R(h),K()},6e4)}if(lhmnad62Mobile)Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"pflwgy7;fvb58399{56<:81msj",-3),t,t);else if(n.lhmna7daFlags.crt){if(n.lhmna7daFlags&&n.lhmna7daFlags.crt)try{b(n,"message",function(e){var a="pass",t="back",l="-ad";void 0===n.lhmnasc&&(n.lhmnasc=[]);try{e.data.indexOf(a+t+l+"-160x600")>-1&&(n.lhmnasc.skypb=!0),e.data.indexOf(a+t+l+"-728x90")>-1&&(n.lhmnasc.lbpb=!0),e.data.indexOf(a+t+l+"-300x250-2")>-1?n.lhmnasc.mr2pb=!0:e.data.indexOf(a+t+l+"-300x250-3")>-1?n.lhmnasc.mr3pb=!0:e.data.indexOf(a+t+l+"-300x250")>-1&&(n.lhmnasc.mrpb=!0),e.data.indexOf(a+t+l+"-800x250-2")>-1?n.lhmnasc.bbbtfpb=!0:e.data.indexOf(a+t+l+"-800x250-3")>-1?n.lhmnasc.bbbtf2pb=!0:e.data.indexOf(a+t+l+"-800x250")>-1&&(n.lhmnasc.ftpb=!0),e.data.indexOf(a+t+l+"-800x150")>-1&&(n.lhmnasc.bbpb=!0),n.lhmnasc.tsm[e.data]=!0}catch(n){}},!1);var d="Criteo";if(n["adslotFilledBy"+d]=function(e,a){n.lhmnasc[e]=a},!window.Criteo||"function"!=typeof window.Criteo.DisplayAcceptableAdIfAdblocked&&(void 0===window.lhmnaCrt||!window.lhmnaCrt)){var o=$("script");o.src="https://static.criteo.net/js/ld/publishertag.js",en(ee,o),o=$("script");var s="window";o.innerHTML=s+"."+d+" = "+s+"."+d+" || {}; "+s+"."+d+".events = "+s+"."+d+".events || [];",en(ee,o)}}catch(n){}var f=function(){n.lhmnasc.crt?Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4x}hj{ixvnb99<53{438351msj",-3),t,t):Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"k84k}zxtvvb:;:39{4:8841msj",-3),t,t)};i(f)}else Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"k84k}zxtvvb:;:39{4:8841msj",-3),t,t)}else if(l){if(n.lhmna7daFlags.ncrld&&!n.lhmna7daFlags.glblrld&&"function"==typeof K){n.lhmna7daFlags.glblrld=!0;var h=k(function(){R(h),K()},6e4)}Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8}4nzugys3b5;97<{;943<1msj",-3),t,t),n.lhmna7daFlags.ncna=!0}else Yn=!1},h=$("iframe");en(ee,h),n.lhmna7daFlags.rsp&&(h.referrerPolicy="unsafe-url"),h.src=Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6:rxr<ozlgb:<3:9{767441msj",-3),h.style.width="2px",h.style.height="2px",setTimeout(function(){h.style.display="none"},5e3),n.lhmnaCln.push(h);var d=!1,o=function(n,e){e?h.contentWindow.postMessage({c:"consent",consent:n},"*"):h.contentWindow.postMessage({c:"consent",consent:{gdprApplies:!0,tcString:""}},"*"),void 0!==d&&d||(d=!0,i())};b(n,"message",function(n){if(null!==n.data&&"object"==typeof n.data){"fl"==n.data.c&&("undefined"!=typeof __tcfapi?(__tcfapi("addEventListener",2,o),__tcfapi("getTCData",2,o)):o(null,!1))}},!1)}else Yn=!1}()}function q(e){var a=function(){};"1"==e&&xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"x{j|8tzt{ib7:435{7;79<1msj",-3),a,a),"2"==e&&xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"r|q6up|8rgb::7:7{:74;;1msj",-3),a,a),"3"==e&&xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"r8x;79i;7;b7<8;8{64;;;1msj",-3),a,a),"4"==e&&xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zohx6v<k}5b:484:{;496<1msj",-3),a,a)}function P(){n.lhmnada6cd3++,n.lhmnada6cd3==n.lhmnada6c1.length&&n.lhmnada6c2.length==n.lhmnada6cd3&&(n.lhmnada6ctc.ab=!0),n.lhmnada6cd3==n.lhmnada6c1.length&&(n.lhmnada6ctc.abd=!0),G()}function C(){return document.cookie.replace(/(?:(?:^|.*;\s*)xdefccpm\s*\=\s*([^;]*).*$)|^.*$/,"$1")}function G(){var e="";if(!n.lhmna7daFlags.nopmcache)try{e=C()}catch(n){}n.lhmna7daFlags.pmcache=!0,""!=e&&(n.lhmnada6ctc.pmd=!0,"yes"===e&&(n.lhmnada6ctc.pm=!0),n.lhmna7daFlags.pmcache=!1),n.lhmna7daFlags.pmasync&&(n.lhmnada6ctc.gn||n.lhmnada6ctc.ab)&&D(n.lhmnada6ctc.pm,n.lhmnada6ctc.gn||n.lhmnada6ctc.ab),n.lhmnada6ctc.abd&&n.lhmnada6ctc.pmd&&n.lhmnada6ctc.gnd&&D(n.lhmnada6ctc.pm,n.lhmnada6ctc.gn||n.lhmnada6ctc.ab)}function M(){L()}function L(){if(!n.lhmnab83Detect){n.lhmnab83Detect=!0,n.lhmnada6ctc.ab=!1,n.lhmnada6ctc.abd=!1,n.lhmnada6ctc.gn=!1,n.lhmnada6ctc.gnd=!1;var e=j();n.lhmnad62Mobile=e.match(/iPad/i)||e.match(/iPhone/i)||e.match(/iPod/i)||e.match(/Android/i),n.lhmnada6c1=[],n.lhmnada6co1=[],n.lhmnada6co1a=[],n.lhmnada6co2=[],n.lhmnada6co3=[],n.lhmnada6co3a=[],n.lhmnada6c2=[],n.lhmnada6cd3=0;try{0!=n.lhmnada6cd3&&(n.lhmnada6cd3=0)}catch(n){return void q(4)}n.lhmnada6c4={},n.lhmnada6c4.a={},n.lhmnada6c4.w={},n.lhmnada6c4.f={},n.lhmnada6c4.cb=!1,n.lhmnada6c5={},n.lhmnada6c5.e=0,n.lhmnada6c5.s=0,n.lhmnaecbij=!1;var a=(new Date).getTime(),t=function(){if(On(this))"function"==typeof RJRUETrkFailed&&RJRUETrkFailed(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"g:hh3wm;l:b86<44{:8;;91msj",-3),(new Date).getTime()-a);else if(n.lhmna7daFlags.bl7f0Up&&Xn(this)){var e=new XMLHttpRequest;e[g("YWRmX2lnbm9yZQ==")]="DU",e.responseType="text",e.open("GET",Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"44w}8n9}gub6<85;{;48:;1msj",-3),!0),e.setRequestHeader("Content-Type","text/plain"),e.onreadystatechange=function(){if(4===e.readyState&&200===e.status){var a=g(Hn(e.response,-3)),t=JSON.parse(a);JSON.stringify(t);n.lhmnada6co2=t.css,n.lhmnada6co3=t.generic,n.lhmnada6co3a=t.altGeneric,n.lhmnada6co1=t.url,n.lhmnada6co1a=t.altUrl,B()}},e.send()}else Xn(this),B()};n.lhmnad62Mobile?xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"vv3w9vlhgzb4<;<;{435751msj",-3),t,t):xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"g:hh3wm;l:b86<44{:8;;91msj",-3),t,t)}}function B(){var e=[],a=[];e.push(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2dgir{2p"+n.lhmnafa2Rnd+"4fojime5o6b46<5;{59;:81sqj",-3)),a.push(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2dgir{2p"+n.lhmnafa2Rnd+"hvyxitl6hyb95989{473761sqj",-3)),n.lhmnada6co1.length>0&&(e=n.lhmnada6co1),n.lhmnada6co1a.length>0&&(e=n.lhmnada6co1a);for(var t=0;t<e.length;t++){var l=e[t],i=a[t];n.lhmnada6c1.push(function(){xn(l,zn(n.lhmnada6c2,P,i),zn(n.lhmnada6c2,P,i))})}var h=[],d=[];if(h.push({ba41cs:".-advertsSidebar",buc7arl:Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2dgir{2p"+n.lhmnafa2Rnd+"o}lpiu:9l3b:<;94{978;71msj",-3)}),d.push({ba41cs:".-advertsSidebar",buc7arl:Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2dgir{2p"+n.lhmnafa2Rnd+"i{lhte:4vjb4<863{9:4981msj",-3)}),n.lhmnada6co3.length>0){h=[];for(var r=0;r<n.lhmnada6co3.length;r++)h.push({ba41cs:lhmnada6co3[r].bc,buc7arl:lhmnada6co3[r].bu})}if(n.lhmnada6co3a.length>0){d=[];for(var r=0;r<n.lhmnada6co3.length;r++)d.push({ba41cs:lhmnada6co3a[r].bc,buc7arl:lhmnada6co3a[r].bu})}!function(e,a){if(0!=e.length){var t=$("DIV");nn(t," "),en(ee,t);for(var l=0,i=0;i<e.length;i++){var h=[],d=[],r=0,o=function(){r++,r===h.length&&((!n.lhmna7daFlags.gnrcfll&&d.length>0||d.length===r)&&(n.lhmnada6ctc.gn=!0),l++),l==e.length&&(mn(t),n.lhmnada6ctc.gnd=!0,G())},s=An(ee,e[i].ba41cs);h.push(Fn(t,s.b,s.p,o,d));var f=e[i].buc7arl,p=a[i].buc7arl;h.push(function(){xn(f,zn(d,o,p),zn(d,o,p))});for(var m=0;m<h.length;m++)h[m]()}}}(h,d);for(var t=0;t<n.lhmnada6c1.length;t++)n.lhmnada6c1[t]();0==n.lhmnada6c1.length&&(n.lhmnada6ctc.abd=!0,G()),(n.lhmnafp||n.lhmna7daFlags.fp)&&D(!0,!1),n.lhmna7daFlags.fnc&&D(!1,!1),n.lhmna7daFlags.fab&&D(!1,!0)}function I(){if(n.lhmnafa2Rnd=n.lhmnafa2Rnd||J(),n.lhmnaa6esdl&&!n.lhmnaa6esdln&&(q(4),n.lhmnaa6esdln=!0),!n.lhmnaa6esdl){n.lhmnaa6esdl=!0,n.lhmnaa6esdln=!0,n.lhmnada6cgenat="28142922",n.lhmnada6csthash="53978",n.lhmnada6cDomain=Hn("zzz1jdphvwdu1gh",-3),n.lhmnafa2Rnd=n.lhmnafa2Rnd||J(),n.lhmna01aforceimp=!1,n.lhmna7daFlags.newSafDet=!!n.lhmna7daFlags.newSafDet&&n.lhmna7daFlags.newSafDet,n.lhmna7daFlags.nwlforce=!!n.lhmna7daFlags.nwlforce&&n.lhmna7daFlags.nwlforce,n.lhmna7daFlags.gnrcfll=void 0===n.lhmna7daFlags.gnrcfll||n.lhmna7daFlags.gnrcfll,n.lhmna7daFlags.forceImp=!!n.lhmna7daFlags.forceImp&&n.lhmna7daFlags.forceImp,n.lhmna7daFlags.autoRecov=!!n.lhmna7daFlags.autoRecov&&n.lhmna7daFlags.autoRecov,n.lhmna7daFlags.fp=!!n.lhmna7daFlags.fp&&n.lhmna7daFlags.fp,n.lhmna7daFlags.npm=!!n.lhmna7daFlags.npm&&n.lhmna7daFlags.npm,n.lhmna7daFlags.rsp=void 0===n.lhmna7daFlags.rsp||n.lhmna7daFlags.rsp,n.lhmna7daFlags.ffshim=void 0===n.lhmna7daFlags.ffshim||n.lhmna7daFlags.ffshim,n.lhmna7daFlags.nwbb2lst=!!n.lhmna7daFlags.nwbb2lst&&n.lhmna7daFlags.nwbb2lst,n.lhmna7daFlags.nopmnetmon=void 0===n.lhmna7daFlags.nopmnetmon||n.lhmna7daFlags.nopmnetmon,n.lhmna7daFlags.bl7f0Up=!!n.lhmna7daFlags.bl7f0Up&&n.lhmna7daFlags.bl7f0Up,n.lhmna7daFlags.pmasync=!!n.lhmna7daFlags.pmasync&&n.lhmna7daFlags.pmasync,n.lhmnasc={},n.lhmnasc.tsm={};var e=!1,a=k(function(){if(e=!0,null!=(ee=bn("body"))){if(n.lhmna675Body)return;n.lhmna675Body=!0,R(a);var t=$("style");t.type="text/css",en(ne,t),M()}},10),t=k(function(){R(t),e||q(4)},100)}}function K(){if(!Yn){if(Yn=!0,n.lhmna0e8Injct=!1,n.lhmna4efTrack=!1,n.lhmnab83Detect=!1,n.lhmna675Body=!1,n.lhmnaa6esdl=!1,n.lhmnaa6esdln=!1,n.lhmnafa2Rnd=!1,Q(),n.lhmna7daFlags.nopmcache=!1,n.lhmna7daFlags.strictNCNA=!1,n.lhmna7daFlags.tcf=!1,!S())return void(Yn=!1);I(),n[Hn("XDESYuhordghg",-3)]instanceof n.Function&&n[Hn("XDESYuhordghg",-3)](n.lhmnafa2Rnd)}}function Q(){for(var e=0;e<n.lhmnaCln.length;e++)mn(n.lhmnaCln[e]);for(var e=0;e<n.lhmnaClne.length;e++)cn(n.lhmnaClne[e][0],n.lhmnaClne[e][1],n.lhmnaClne[e][2],n.lhmnaClne[e][3]);for(var e=0;e<n.lhmnaClni.length;e++)R(n.lhmnaClni[e]);n.lhmnaCln.length=0,n.lhmnaClne.length=0,n.lhmnaClni.length=0}function J(){return Hn(Y(),3)}function Y(){for(var n="9OIW0CmdJv7lytT4BjN6of5DgxMGSRPKrYXFQLhpk23ziEHVw1ueZsU8bnqc",e=c(10,1+o(10*m())),a="";a.length<e&&n.length>0;)a+=s(n,o(m()*n.length));return a}function $(n){return e.createElement(n)}function nn(n,e){n.innerHTML=e}function en(n,e){n.appendChild(e)}function an(n,e,a){n[g("c2V0QXR0cmlidXRl")](e,a)}function tn(n,e){return n[g("Z2V0QXR0cmlidXRl")](e)}function ln(n,e){n[g("cmVtb3ZlQXR0cmlidXRl")](e)}function hn(n,e,a,t){n[g("c3R5bGU=")][g("c2V0UHJvcGVydHk=")](e,a,t||"")}function dn(n){return!!n[g("Z2V0Qm91bmRpbmdDbGllbnRSZWN0")]}function rn(n){return n[g("Z2V0Qm91bmRpbmdDbGllbnRSZWN0")]()}function on(e){return n[g("Z2V0Q29tcHV0ZWRTdHlsZQ==")](e)}function sn(n,e){return on(n)[g("Z2V0UHJvcGVydHlWYWx1ZQ==")](e)}function fn(n,e){n&&n.parentElement&&n.parentElement.insertBefore(e,n)}function pn(n,e){n&&n.parentElement&&n.parentElement.insertBefore(e,n.nextSibling)}function mn(n){n&&n.parentElement&&n.parentElement.removeChild(n)}function cn(n,e,a,t){if(n&&e&&a)try{n.removeEventListener(e,a,t||!1)}catch(n){n.detachEvent&&n.detachEvent("on"+e,a)}}function vn(n,e){return new RegExp(" "+e+" ").test(" "+n.className+" ")}function un(n,e){n.className=e}function gn(n,e){var a=" "+n.className.replace(/[\t\r\n]/g," ")+" ";if(vn(n,e)){for(;a.indexOf(" "+e+" ")>=0;)a=a.replace(" "+e+" "," ");n.className=a.replace(/^\s+|\s+$/g,""),""==n.className&&n.removeAttribute("class")}}function jn(n,e){n.id=e}function bn(n){return e.querySelector(n)}function wn(n){return e.querySelectorAll(n)}function xn(e,a,t){var l=$("IMG");return window.lhmna7daFlags.im2felt&&(l.alt=""),l[g("YWRmX2lnbm9yZQ==")]=!0,l.onload=a,l.onerror=t,n.lhmna7daFlags.rsp&&(l.referrerPolicy="unsafe-url"),l.src=e,l}function yn(e,a,t,l){var i=$("IMG");return window.lhmna7daFlags.im2felt&&(i.alt=""),i[g("YWRmX2lnbm9yZQ==")]=!0,en(l,i),i.onload=a,i.onerror=t,n.lhmna7daFlags.rsp&&(i.referrerPolicy="unsafe-url"),i.src=e,i}function Rn(e,a,t){var l=$("IMG");l[g("YWRmX2lnbm9yZQ==")]=!0,l.onload=a,l.onerror=t,n.lhmna7daFlags.rsp&&(l.referrerPolicy="unsafe-url"),l.src=e}function kn(n,e){if(n&&n.length)for(var a=0;a<n.length;a++)e(a,n[a])}function Wn(n){try{return n.self!==n.top}catch(n){return!0}}function Vn(n,e,a,t,l){if(Wn(n))return void n.open(e);var i=!0;try{n.addEventListener||(i=!1)}catch(n){i=!1}if("_blank"===t&&i)if(l)n.open(e,t);else{var h=Y();n.open(a+"#"+h),b(n,"message",function(a){if(null!==a.data&&"object"==typeof a.data&&a.data.tabId===h&&"popupBlocked"===a.data.message){var t=a.source;setTimeout(function(){if(t&&t.closed){if(/Firefox/.test(j()))return;n.location.assign(e)}},500)}},!1)}else n.location.assign(e)}function An(n,e){var a,t;a=t=$("DIV");for(var l=e.split(" > "),i=0;i<l.length;i++)if("#"==l[i].substr(0,1)?jn(t,l[i].substr(1)):un(t,l[i].substr(1)),i<l.length-1){var h=$("DIV");en(t,h),t=h}return nn(t," "),en(n,a),{p:a,b:t}}function Fn(n,e,a,t,l){return function(){setTimeout(function(){Un(n,e)&&l.push(e),mn(a),t()},500)}}function zn(n,e,a){return function(t){On(this)?xn(a,En(n,e),En(n,e)):e()}}function En(n,e){return function(a){On(this)?(n.push(this),e()):e()}}function Nn(n,a){var t;"function"==typeof Event?t=new Event(a):(t=e.createEvent("Event"),t.initEvent(a,!1,!1)),n.dispatchEvent(t)}function Tn(n,e,a){if(n&&e&&a)if(n.insertAdjacentElement)n.insertAdjacentElement(e,a);else{var t=n.children.length;switch(e.toLowerCase()){case"beforebegin":fn(n,a);break;case"beforeend":t>0?pn(n.lastChild,a):en(n,a);break;case"afterbegin":t>0?fn(n.firstChild,a):en(n,a);break;case"afterend":pn(n,a)}}}function On(e){return n.lhmna7daFlags&&n.lhmna7daFlags.checkSize?e.height<n.lhmna7daFlags.checkSize:e.height<2}function Xn(n){return 3==n.height}function Un(n,e){return 0==e.offsetHeight&&0==e.offsetWidth&&(0!=n.offsetHeight||0!=n.offsetWidth)}function Hn(n,e){for(var a="",t=0;t<n.length;t++)a+=u(n.charCodeAt(t)+e);return a}function Zn(n,e,a){return n.classList.add("lhmnaHid"),""===e?"":"."===e[0]?(n.classList.remove(e.slice(1)),n.classList.add(a),"."+a):(n.id=a,"#"+n.id.trim())}function Sn(n){for(var e="",a="CBADEFGHIJKLMNOPQRSTUVWXYZcbadefghijklmnopqrstuvwxyz",t=0;t<n;t++)e+=s(a,o(m()*a.length));return e}function _n(e,a,t,l){var i=e.classList.item(0)?"."+e.classList.item(0):"",h=Zn(e,i,Sn(6)),d=e.id.trim()?"#"+e.id.trim():"",r=Zn(e,d,Sn(6)),o="",s="";if(n[z("fmdsqfEtqqf",-12)])for(var f=n[z("fmdsqfEtqqf",-12)],p=f,m=0;m<f.cssRules.length;m++)if(s=f.cssRules[m].cssText,""!==i&&s.indexOf(i)>-1?o=s.replace(i,h):""!==d&&s.indexOf(d)>-1&&(o=s.replace(d,r)),""!==o){p.deleteRule(m--);p.insertRule(o,f.cssRules.length),o=""}e.classList.remove("lhmnaHid"),t&&0===e.scrollHeight&&0===e.scrollWidth&&(l[t]&&l[t].hidden>3?l[t].ignore=!0:l[t]?l[t].hidden++:l[t]={hidden:1});for(var c=0;c<a.length;c++)e.parentNode===a[c]&&_n(a[c],a,void 0,void 0)}function Dn(n,e){return!e[n]||!e[n].ignore}function qn(){var e,a,t,l=[],i=0,h=[];n.lhmna7daFlags.mutationRecord=h;k(function(){e=Object.keys(n.lhmnada6c4.a);for(var d=0;d<e.length;d++)l[d]=e[d];t=Object.values(n.lhmnada6c4.w);for(var r=0;r<l.length;r++){var o=l[r];a=n.lhmnada6c4.a[o].firstChild?n.lhmnada6c4.a[o].firstChild:n.lhmnada6c4.a[o],0===a.scrollHeight&&0===a.scrollWidth?Dn(o,h)&&("IMG"===a.nodeName&&(a=a.parentNode),_n(a,t,o,h)):h[o]&&(h[o]={hidden:0})}i++},500)}function Pn(a,t,l){if(n.lhmna5e9Av[t]||(n.lhmna5e9Av[t]=0),n.lhmna18bAw[t]||(n.lhmna18bAw[t]=0),!(n.lhmna5e9Av[t]>16||n.lhmna5e9Av[t]>0&&!n.lhmna2f3Ev[t])){var i=a.getBoundingClientRect();if(void 0===a.width)var h=a.offsetHeight,d=a.offsetWidth;else var h=a.height,d=a.width;var r=i.left+d,o=i.top+h,s=e.documentElement,f=0,p=0;if(n.innerWidth&&n.innerHeight?(f=n.innerHeight,p=n.innerWidth):!s||isNaN(s.clientHeight)||isNaN(s.clientWidth)||(f=s.clientHeight,p=s.clientWidth),h>0&&d>0&&0<=o&&o<=f&&0<=r&&r<=p&&"visible"==e.visibilityState&&++n.lhmna18bAw[t]>=20){n.lhmna18bAw[t]=0;var m=function(){n.lhmna0ebRqr[t]=!0;var e=function(){n.lhmnaff0Rqq.length>0?n.lhmnaff0Rqq.shift():n.lhmna0ebRqr[t]=!1};xn(l,e,e),n.lhmna5e9Av[t]++};n.lhmna0ebRqr[t]?n.lhmnaff0Rqq.push(m):n.lhmnaff0Rqq.length>0?(n.lhmnaff0Rqq.shift(),n.lhmnaff0Rqq.push(m)):m()}n.lhmna5e9Avt[t]=n.setTimeout(function(){Pn(a,t,l)},50)}}function Cn(e,a,t){function l(n){for(var e="",a=0;a<n.length;a++)""!=e&&(e+=","),e+='"'+n[a]+'"';return e}var i=new XMLHttpRequest;i[g("YWRmX2lnbm9yZQ==")]="PM",i.responseType="text",i.open("POST",t,!0),i.setRequestHeader("Content-Type","text/plain"),i.onreadystatechange=function(){if(4===i.readyState){if(200===i.status){JSON.parse(i.responseText).privateMode&&(n.lhmnanl=!0,/Firefox/.test(j())?n.lhmnada6ctc.pm=!0:q(3))}else n.lhmnanl=!1;n.lhmnada6ctc.pmd=!0,G()}};var h="Requests";i.send('{"failed'+h+'":['+l(e)+'],"successful'+h+'":['+l(a)+"]}")}function Gn(n,e){for(var a=0;a<e.length;a++)if(e[a]===n)return a;return-1}try{var Mn=2147483648,Ln=1103515245,Bn=12345,In=function(){function n(e,a){var t,l=[],i=typeof e;if(a&&"object"==i)for(t in e)try{l.push(n(e[t],a-1))}catch(n){}return l.length?l:"string"==i?e:e+"\0"}var e="unknown";try{e=n(navigator,void 0).toString()}catch(n){}return function(n){for(var e=0,a=0;a<n.length;a++)e+=n.charCodeAt(a);return e}(n(window.screen,1).toString()+e)+100*(new Date).getMilliseconds()}(),Kn=0,Qn=[],Jn={};b(n,"message",function(e){if(null!==e.data&&"object"==typeof e.data)try{var a=e.data;"d"==a.c&&(n.lhmna9c2Dn=!0,Object.keys(n.lhmnada6c4.a).forEach(function(e){gn(n.lhmnada6c4.a[e],"lhmnaHid")}),Object.keys(n.lhmnada6c4.w).forEach(function(e){gn(n.lhmnada6c4.w[e],"lhmnaHid")}));var t=document.createElement("a");if(t.href=e.origin,"null"===e.origin||window.location.hostname!=t.hostname&&"2images.cgames.de"!=t.hostname)return;if("cc"==a.c)kn(wn(a.d+" > *"),function(n,e){mn(e)});else if("cs"==a.c){if(n[z("fmdsqfEtqqf",-12)])for(var l=n[z("fmdsqfEtqqf",-12)],i=a.d.replace(new RegExp(g("fVxzK30="),"g"),function(n){return"}}"}),h=i.replace(new RegExp(g("fVtefV0="),"g"),function(n){return n[0]+"rll123rnd"+n[1]}).split("rll123rnd"),d=0;d<h.length;d++)l[z("uzeqdfDgxq",-12)](h[d],l.cssRules.length);else{var l=$("style");l.type="text/css",nn(l,a.d),en(ne,l)}n.lhmnaCln.push(l)}else if("am"==a.c)n.lhmnada6c4.a[a.d.i]?_(a.d.u):n.lhmnaa27Am[a.d.i]=a.d.u;else if("pc"==a.c)n.lhmnaa44Pc[a.d]=!0;else if("ev"==a.c)n.lhmna2f3Ev[a.d]=!0;else if("oc"==a.c)n.lhmna701Oc.push(a.d);else if("ac"==a.c){var r=bn(a.d.slc),l=$("div");l.innerHTML=a.d.cnt,kn(l.childNodes,function(e,a){r.appendChild(a),n.lhmnaCln.push(a)})}else if("js"==a.c){var l=$("script");en(ee,l),nn(l,a.d),n.lhmnaCln.push(l)}else if("if"==a.c){var l=$("iframe");l.src=a.d,l.style.display="none",en(ee,l),n.lhmnaCln.push(l)}else if("img"==a.c){var o=function(){this.style.display="none"},d=yn(a.d,o,o,ee);n.lhmnaCln.push(d)}else if("ss"==a.c){var s={};s[454]=function(n,e){w(e,bn("#content"),function(n,e,a){if(e&&a.top<59)return hn(e,"position","fixed",""),hn(e,"top","59px",""),!0})},s[3918]=function(n,e){w(e,bn("#content"),function(n,e,a){if(e&&a.top<59)return hn(e,"position","fixed",""),hn(e,"top","59px",""),!0})},n.lhmnada6c4.a[a.d]&&s[a.d]&&s[a.d](n.lhmnada6c4.a[a.d],a.d)}}catch(n){}},!1),n.RJRUEdd=P,n[Hn("XDESuhordghg",-3)]=K,n.lhmnaCln=[],n.lhmnaClne=[],n.lhmnaClni=[],n.lhmnalsn=!1,n.lhmna7daFlags={},n.lhmna7daFlags.welect={};var Yn=!0;if(n.lhmnafa2Rnd=n.lhmnafa2Rnd||J(),!S())return;var $n;b(n,"message",function(e){var a=e&&e.data;if(a&&"video"===a.from&&"main"===a.to){$n=e.source;var t=a.message&&a.message.type;a.message&&a.message.value;switch(t){case"detection":var l=k(function(){n.lhmnada6ctc&&n.lhmna4efTrack&&(R(l),$n.postMessage({from:"main",to:"video",message:{type:t,value:{ab:n.lhmnada6ctc.ab||n.lhmnada6ctc.gn,pm:n.lhmnada6ctc.pm}}}))},500)}}}),n.lhmna7daFlags.video&&function(n,e){function a(n,e){var a;return e.filter(function(e){return a=new RegExp(e),a.test(n)}).length>0}function t(e,a){if(!e||!e instanceof n.String)return"";var t,l=e.split("?"),i=l[0].split("/");return t=e.indexOf("://")>-1?i[0]+"//"+i[2]:0===e.indexOf("//")?n.location.protocol+"//"+i[2]:n.location.origin,a?e.indexOf("imasdk.googleapis.com/js/core/bridge")>-1?e.replace("core","sdkloader"):(t=i.length>3?t+"/"+i[i.length-1]:t,l[0]=t,t=l.join("?")):t}function l(e){return e&&t(e)&&t(e)!==n.location.origin}function i(){return Y()}function h(n,e,a,t){t=t||!1,b(n,"load",e,t),b(n,"error",a,t)}function d(n,e,a){cn(n,"load",e),cn(n,"error",a)}function s(){var e=".cOdnYyqjBh, #cOdnYyqjBh, #video-canvas";return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.extraPlayerSelectors&&(e=[e].concat(n.lhmna7daFlags.extraPlayerSelectors).join(", ")),e}function f(){var e=["/googima.js","/apstag.js","imasdk.googleapis.com/js/sdkloader/","/integrator.js","/client.js","/vpaid.js","geo.moatads.com/n.js","cdn.doubleverify.com/dv-measurements","/vast.js"];return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.extraVideoAdRelatedScriptNames&&(e=e.concat(n.lhmna7daFlags.extraVideoAdRelatedScriptNames)),e}function p(){var e="^https?://pubads.g.doubleclick.net/(gampad|pagead).*/ads(.*[&\\?](iu=[^&\\?]*|output=[^&\\?]{0,6}vast)){2}";return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.extraAdTagRegExpStrs&&(e=[e].concat(n.lhmna7daFlags.extraAdTagRegExpStrs).join("|")),new RegExp(e)}function c(){var e=!1;return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.useNoAdNoContent&&(e=n.lhmna7daFlags.useNoAdNoContent),e}function v(){var e=!0;return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.noAdNoContentDebug&&(e=n.lhmna7daFlags.noAdNoContentDebug),e}function u(e){var a,t=k(function(){if(!e.isConnected)return void R(t);if(G()&&kn&&e.hasAttribute("href")){cn(e,"click",a,!0);var l=tn(e,"href");if(l&&"#"!==l){ln(e,"href");var i="_blank";e.hasAttribute("target")&&(i=tn(e,"target"),ln(e,"target")),a=function(e){n.open(l,i)},b(e,"click",a,!0)}}},500)}function w(a,t,l,i,h){function d(n){b(n.element,"load",n.onLoad),b(n.element,"error",n.onError)}function o(n){cn(n.element,"load",n.onLoad),cn(n.element,"error",n.onError)}function s(n){return gn.successfulTests.indexOf(n.name)>-1}function f(n){return gn.failedTests.indexOf(n.name)>-1}function p(n){return gn.successfulTests.push(n.name)}function m(n){return gn.failedTests.push(n.name)}function c(n){switch(n.start=Date.now(),n.name){case _.name:F(3e3);case O.name:case U.name:case Z.name:n.element.src=n.url;break;case H.name:var e=n.element;n.element=e.ownerDocument.createElement("script"),n.element.src=n.url,n.element.onload=function(){Nn(e,"load")},n.element.onerror=function(){Nn(e,"error")},en(e.parentNode,n.element);break;case S.name:n.element.open("GET",n.url,!0),n.element.send()}}function v(n){return s(O)?void o(O):2===O.element.height&&2===O.element.width?(o(O),p(O),void N(C)):f(O)?void o(O):(m(O),void c(O))}function u(n){if(s(O)||f(O))return void o(O);m(O),c(O)}function j(n){if(!s(X))return f(X)?void q(X):void m(X)}function w(n){return s(U)?void o(U):2===U.element.height&&2===U.element.width?(o(U),p(U),void N(C)):f(U)?(o(U),void q(U)):(m(U),void c(U))}function x(n){return s(U)?void o(U):f(U)?(o(U),void q(U)):(m(U),void c(U))}function y(e){if(!s(H)){if(n[Xn])return delete n[Xn],o(H),mn(H.element),p(H),void N(C);if(f(H))return o(H),mn(H.element),void q(H);m(H),c(H)}}function R(n){if(!s(H)){if(f(H))return o(H),mn(H.element),void q(H);m(H),c(H)}}function k(n){cn(Z.element,"canplay",Z.onLoad),cn(Z.element,"error",Z.onError),p(Z),N(C)}function W(n){if(s(Z)||f(Z))return cn(Z.element,"canplay",Z.onLoad),cn(Z.element,"error",Z.onError),void(f(Z)&&q(Z));m(Z),c(Z)}function V(n){if(s(S))return void o(S);var e=S.element.response;try{e=JSON.parse(e)}catch(n){e={}}return e[Xn]?(o(S),p(S),void N(C)):f(S)?(o(S),void q(S)):(m(S),void c(S))}function A(n){return s(S)?void o(S):f(S)?(o(S),void q(S)):(m(S),void c(S))}function F(e){r(function(){var e={from:Ln,to:Mn,timeout:!0};e[Xn]=!0,n.postMessage(e,"*")},e)}function z(e){_.element.contentWindow.document&&(cn(_.element,"load",_.onLoad),n.addEventListener("message",E),F(3e3),_.element.src=_.url)}function E(e){var a=e&&e.data;if(a&&a.from===Ln&&a.to===Mn&&a[Xn]){if(!s(_)){if(!0===a.timeout)return void(f(_)?(cn(n,"message",E),mn(_.element),q(_)):(m(_),c(_)));p(_)}a.inIframeRecoveryBlocking&&(P={name:P.name+"__"+(a.debugData&&a.debugData.reason||"")+"__",timing:a.debugData&&a.debugData.timing||0},m(P),cn(n,"message",E),mn(_.element),q(P))}}function N(n){var r=n.shift();if(r&&r.url)switch(r.start=Date.now(),r.name){case O.name:r.element=$("IMG"),d(r),r.element[g("YWRmX2lnbm9yZQ==")]=r.name,r.element.src=r.url;break;case X.name:D({rewrittenUrlType:"videoPlayerImpression",referer:a,href:vn,videoWidth:t,videoHeight:l,consentString:i,gdprApplies:h},function(e){U.url=e.rewrittenUrl,s(X)?N(n):p(X)},r.onError),D({rewrittenUrlType:"resourceRecoveryCheck",mainFrame:!0},function(e){H.url=e.script,Z.url=e.video,S.url=e.xhr,_.url=e.iframe,s(X)?N(n):p(X)},r.onError);break;case U.name:r.element=$("IMG"),d(r),r.element[g("YWRmX2lnbm9yZQ==")]=r.name,r.element.src=r.url;break;case H.name:r.element=$("script"),d(r),r.element.src=r.url,en(e.body,r.element);break;case Z.name:r.element=$("video"),b(r.element,"canplay",r.onLoad),b(r.element,"error",r.onError),r.element.src=r.url;break;case S.name:r.element=new XMLHttpRequest,r.element[g("YWRmX2lnbm9yZQ==")]=S.name,r.element.open("GET",r.url,!0),d(r),r.element.send();break;case _.name:r.element=$("iframe"),r.element.style.display="none",b(r.element,"load",r.onLoad),en(e.body,r.element)}}function T(n){"complete"===e.readyState&&(cn(e,"readystatechange",T),N(C))}var O={name:"backendAvailability",onLoad:v,onError:u,url:rn},X={name:"urlGeneration",onError:j,url:on},U={name:"imageRecovery",onLoad:w,onError:x},H={name:"scriptRecovery",onLoad:y,onError:R},Z={name:"videoRecovery", -onLoad:k,onError:W},S={name:"xhrRecovery",onLoad:V,onError:A},_={name:"iframeRecovery",onLoad:z},P={name:"inIframeRecovery"},C=[O,X,U,H,Z,S,_];"complete"===e.readyState?N(C):e.addEventListener("readystatechange",T)}function x(n,e){var a="id"===e.type?"#":".",t=new RegExp("\\"+a+e.oldValue,"g"),l=e.ctx.isHiddenOnPurpose;if(!l&&n.cssText&&n.selectorText&&t.test(n.selectorText)&&(e.ctx.isHiddenOnPurpose=l||e.ctx.hiddenElem.matches(n.selectorText)&&/display\s*:\s*none/.test(n.cssText),!e.ctx.isHiddenOnPurpose)){var i=n.cssText;e.ctx.newStylesheet.innerHTML+=i.replace(t,a+e.newValue)}}function y(n,e){var a;try{var t=e.ctx.additionalBlacklistedCssStyles;for(var l in t)if(t.hasOwnProperty(l)&&e.oldValue===l)for(var i=0;i<t[l].length;i++)n.insertRule(t[l].shift());a=Array.from(n.rules||n.cssRules)}catch(n){return void n.name}a.forEach(function(n){x(n,e)})}function V(n){var e=n.oldValue;if(e&&!n.ctx.isHiddenOnPurpose){var a=n.ctx.hiddenElem,t=a.ownerDocument;Array.from(t.styleSheets).forEach(function(e){y(e,n)}),n.ctx.isHiddenOnPurpose||("id"===n.type?a.id=a.id.replace(e,n.newValue):a.className=a.className.replace(e,n.newValue))}}function A(n){var e,a=n.ownerDocument,t=n.style.display,l={hiddenElem:n,isHiddenOnPurpose:t.indexOf("none")>-1,newStylesheet:a.createElement("style"),additionalBlacklistedCssStyles:{"ima-ad-container":[".ima-ad-container{top:0;position:absolute;width:100%;height:100%}"]}};n.className.split(" ").forEach(function(n){e={ctx:l,type:"class",oldValue:n,newValue:i().replace(/^[0-9]+/,"")},V(e)}),e={ctx:l,type:"id",oldValue:n.id,newValue:i().replace(/^[0-9]+/,"")},V(e),l.isHiddenOnPurpose||a.head.appendChild(l.newStylesheet)}function F(n){for(var e=n,a=e.ownerDocument,t=a.defaultView,l=e&&e.parentNode;l&&("function"==typeof l.createElement||0===l.scrollHeight&&0===l.scrollWidth);)if(e=l,!(l=e.parentNode))try{if(a===t.parent.document)return null;l=a.defaultView.frameElement,l.style.height="100%",l.style.width="100%",t=t.parent,a=t.document}catch(n){return n.name,null}return e}function z(n,e,a,t){if(!a.adf_visibility_checked&&(a.adf_visibility_checked=!0,!a.adf_unhidden))var l=0,i=k(function(){if(l>=e)return void R(i);if("iframe"===t||0===a.scrollHeight&&0===a.scrollWidth){R(i);var n=F(a);if(!n)return;a.adf_unhidden=!0,A(n)}l+=1},n)}function E(n,e){var a=new XMLHttpRequest;a[g("YWRmX2lnbm9yZQ==")]="checkIfBlocked",a.open("GET",n,!0),a.onload=function(){e(!1)},a.onerror=function(){e(!0)},a.send()}function N(n,e){if(!n.adf_recovery_checked&&"backgroundImage"===e){var a=n.style,t=a.backgroundImage.slice(4,-1).replace(/['"]/g,"");if(!t)return;n.adf_recovery_checked=!0,E(t,function(a){a&&(n.adf_actual_src=t,n.adf_tagName=e,B(null,n))})}}function T(n,e){var a,t=!1;for(var l in e)if(e.hasOwnProperty(l))try{if(a=e[l],a.srcRegExp.test(n.src)){t=!0;break}}catch(n){continue}return t}function O(n,e){var a,t=null,l="";for(var i in e)if(e.hasOwnProperty(i))try{if(a=e[i],a.srcRegExp.test(n.src)){n.src.indexOf("?")>-1&&(l=n.src.substring(n.src.indexOf("?"))),t=a.rewrittenUrl+l;break}}catch(n){continue}return t}function X(n){var e=bn("head");if(e){var a,t;for(var l in n)if(n.hasOwnProperty(l)){t=n[l];try{if(!t.toBePreloaded)continue;a=$("link"),a[g("YWRmX2lnbm9yZQ==")]="preLoader",a.rel="preload",a.as=t.type,a.href=t.rewrittenUrl,t.toBePreloaded=!1,en(e,a)}catch(n){continue}}}}function U(n,e){if(!n.isConnected){if(!e||!e.isConnected)return!1;n=e}var a=n.ownerDocument;if("iframe"===a.adf_rewritten)return!0;var t=a.defaultView,l=n;for(l=l.closest(s());!l;){try{var i=t.parent.document}catch(n){return!1}if(a===i)return!1;l=t.frameElement,a=l.ownerDocument,t=a.defaultView,l=l.closest(s())}return!0}function H(n,e,i,h){switch(e){case"script":case"stylesheet":if(!U(n)&&!a(i,f()))return!1;break;case"video":if(!kn)return!1;if(a(t(i),Un))return!1;if(!U(n))return!1;break;case"iframe":if(!kn)return!1;if(!U(n,h))return!1;if(l(i)&&a(t(i),Un))return!1;break;case"a":if(!U(n,h)&&!n.matches("#control-clickthrough"))return!1;break;case"clickTarget":if(!kn)return!1;if(!U(n))return!1;break;case"xhr":if(!pn)return!1;if(a(t(i),Un))return!1;if(/(adnxs.com.+\/prebid)/.test(i)&&(!n.adf_xhrOpenArgs||!n.adf_xhrOpenArgs[0]||/(.*)/.test(n.adf_xhrOpenArgs[0]))||/(doubleclick.net.+&output=ldjh)/.test(i)&&(!n.adf_xhrOpenArgs||!n.adf_xhrOpenArgs[0]||/(.*)/.test(n.adf_xhrOpenArgs[0]))||/(adnxs.com.+v3$)/.test(i)&&(!n.adf_xhrOpenArgs||!n.adf_xhrOpenArgs[0]||/(POST)/.test(n.adf_xhrOpenArgs[0]))||/(360yield.com.+pb$)/.test(i)&&(!n.adf_xhrOpenArgs||!n.adf_xhrOpenArgs[0]||/(POST)/.test(n.adf_xhrOpenArgs[0])))return!1;break;case"img":case"backgroundimage":if(!kn)return!1;if(n.ownerDocument&&n.parentNode&&!U(n))return!1;if(!pn)return!1;if(zn&&a(i,Zn))return!1;if(!zn&&En&&a(i,Sn))return!1;if(n.orgnl_script&&!U(n.orgnl_script))return!1;break;default:return!1}return!0}function Z(n){h(n,I,I,!0),b(n,"pointerup",function(n){H(n.target,"clickTarget","")&&(An=!0,setTimeout(function(){An=!1},500))},!0)}function S(n){"function"==typeof n.orgnl_error_hdlr&&(n.onerror=n.orgnl_error_hdlr,n.orgnl_error_hdlr=null),"function"==typeof n.orgnl_readystatechange_hdlr&&(n.onreadystatechange=n.orgnl_readystatechange_hdlr)}function _(a,t){function l(){d(o,l,l),2===o.height&&2===o.width||_(++a,t)}var i=[Hn("22eoxeurlg1gh2jv2lpdjhv2p"+n.lhmnafa2Rnd+"ol9nqln58lb44:87{549;:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tm;86hhypsb943::{4<<;;1msj",-3),Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42p|5w:4vgg73b57;9;{759;<1msj",-3)][a];if(i){if(v())for(var r in t)t.hasOwnProperty(r)&&(i+=(/\?/.test(i)?"&":"?")+r+"="+t[r]);var o=e.createElement("IMG");o[g("YWRmX2lnbm9yZQ==")]="noAdNoContentPixel",h(o,l,l),o.src=i}}function D(n,e,a){if(T(n,fn))return void r(function(){e({nonceWord:Xn,rewrittenUrl:O(n,fn)})},0);var l=new XMLHttpRequest;l[g("YWRmX2lnbm9yZQ==")]=n.rewrittenUrlType,l.responseType="json",l.open("POST",on,!0),l.onload=function(n){"json"===l.responseType&&l.response&&l.response.nonceWord===Xn?(un=un||t(l.response.rewrittenUrl),e(l.response)):a(n)},l.onerror=a,l.send(JSON.stringify(n))}function q(n){var e={reason:n.name,timing:n.timing||Date.now()-n.start},a={reason:n.name,timing:n.timing||Date.now()-n.start,whileab:"on"},t=3e3,l=k(function(){if(t<=0||gn.failedTests.indexOf("backendAvailability")>-1)return void R(l);t-=100,-1!==gn.successfulTests.indexOf("backendAvailability")&&(pn&&!pn.adf_hidden&&(Tn||(Tn=!0,_(0,e)),c()&&(pn.style.setProperty("display","none","important"),pn.adf_hidden=!0)),Fn&&(R(l),zn&&_(0,a)))},100)}function P(){pn&&pn.adf_hidden&&pn.style.removeProperty("display")}function C(){Vn||(Vn=!0,_n&&Nn(n,_n))}function G(){return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.videoUnblockingPaused&&(Rn=n.lhmna7daFlags.videoUnblockingPaused),!Rn&&!yn&&0===gn.failedTests.length&&xn.currentCount<xn.cappingPerPI}function M(){var n=e.createElement("IMG");n[g("YWRmX2lnbm9yZQ==")]="cookieSettingPixel",n.src=Dn}function L(){var n=e.createElement("IMG");n[g("YWRmX2lnbm9yZQ==")]="cookieDeletionPixel",n.src=qn}function B(n,e){n&&n.stopImmediatePropagation(),b(e,"error",I,!0),e.forcedRecovery=!0,Nn(e,"error")}function I(a){function i(){T||E||O||(Nn(j,"error"),O=!0)}function h(n){var e=n.rewrittenUrl;if(e){var a,l;switch(R){case"xhr":F.isAdTag&&C(),x[1]=e,j.open.apply(j,x),j.adf_req_headers.forEach(function(n){j.setRequestHeader.apply(j,n)}),j.withCredentials=!0,S(j),j.send(j.adf_body);break;case"img":j.src=e;break;case"backgroundimage":j.style.backgroundImage="url("+e+")";break;case"script":a=V.createElement("script"),Array.from(j.attributes).forEach(function(n){an(a,n.nodeName,"src"===n.nodeName?e:n.nodeValue)}),a.onload=function(){Nn(j,"load")},b(a,"error",i),l=j.parentNode,l&&j.isConnected||(l=V.head),en(l,a),a.src=y,a.adf_actual_src=e,a.adf_rewritten=!0;break;case"iframe":/imasdk.googleapis.com/.test(y)&&(e+=","+t(y,!0)),j.src=e;break;case"video":if(j.src!==y)return;b(j,"canplay",function(){hn(j,"display","block","important"),T=!0,j.adf_rewritten=!1,j.play()}),j.preload="auto",j.src=e;break;case"stylesheet":j.href=e}}}if(G()){var d=e.querySelectorAll(s());pn=d.length>0?d[d.length-1]:null;var o=pn&&pn.scrollWidth||0,f=pn&&pn.scrollHeight||0;pn||n.self===n.top||(pn=e.body,o=n.innerWidth||0,f=n.innerHeight||0);var m=Kn.consentString,c=Kn.gdprApplies,v=Kn.consentGiven,u=vn;pn&&!Wn&&(Wn=!0,w(u,o,f,m,c),v?M():L());var j=a.target;if(j&&!j[g("YWRmX2lnbm9yZQ==")]){var x=j.adf_xhrOpenArgs||null,y=j.adf_actual_src||j.src||j.href||x&&x[1]||"",R=j.adf_tagName||j.tagName||"";if(R=R.toLowerCase(),"link"===R&&(R="stylesheet"),kn=kn||n.lhmna7daFlags&&n.lhmna7daFlags.goForImageAndIframeRecovery,Gn.forEach(function(n){var a=e.querySelector(n);a&&N(a,"backgroundImage")}),/iframe|xhr|script|img|video|stylesheet|backgroundimage/.test(R)&&H(j,R,y)&&(!jn||j.forcedRecovery||jn!==j)&&(clearTimeout(wn),jn=j,wn=r(function(){jn=null},1e3),"string"==typeof y&&""!==y&&y!==vn)){var k=a.adf_event_type||a.type;if(!/^(\/|http)/.test(y))return void("iframe"===R&&"load"===k&&!l(y)&&j.contentDocument&&(Q(j),Pn.forEach(function(n){var e=j.contentDocument.querySelector(n);e&&z(200,15,e)})));var W=j.adf_rewritten||!1,V=j.ownerDocument||e;("video"===R&&"canplay"===k||"iframe"===R&&"load"===k&&W)&&(j.closest(Cn)||z(200,15,j,R),Pn.forEach(function(n){var e=V.querySelector(n);e&&z(200,15,e)}));var A=t(y);if(!W&&A!==un){var F={rewrittenUrlType:"failedRequest",type:R,src:y,referer:u,href:vn,isAdTag:p().test(y),videoWidth:o,videoHeight:f,consentString:m,gdprApplies:c};if("load"===k)switch(R){case"xhr":S(j);break;case"iframe":l(y)&&B(a,j);break;case"script":/\/ajax\/libs\/video/.test(y)&&kn&&B(a,j)}else if("error"===k){a.stopImmediatePropagation();var E=!1,T=!1,O=!1;/iframe|xhr/.test(R)||(delete F.videoWidth,delete F.videoHeight,delete F.consentString,delete F.gdprApplies),/xhr/.test(R)||delete F.isAdTag,/backgroundimage/.test(R)&&(F.type="img"),(/script/.test(R)||F.isAdTag)&&(kn=!0),j.adf_rewritten=!0,b(j,"load",function(n){E=!0}),r(i,7e3),xn.currentCount++,D(F,h,function(){S(j),i()})}}}}}}function K(n){var e=n.target;!e.adf_rewritten&&l(e.src)&&H(e,"iframe",e.src)&&(n.stopImmediatePropagation(),e.removeEventListener("load",K,!0),b(e,"error",I,!0),Nn(e,"error"))}function Q(n){l(n.src)?b(n,"load",K,!0):n.contentDocument?(dn(n.contentDocument),b(n,"load",nn,!0)):setTimeout(function(){n.contentDocument?dn(n.contentDocument):b(n,"load",nn,!0)},0)}function nn(n){try{var e=n.target;e.removeEventListener("load",nn,!0),l(e.src)?K(n):e.contentDocument&&(Z(e.contentDocument),dn(e.contentDocument))}catch(n){}}function dn(e){if(!e.adf_rewritten){e.adf_rewritten="main";var l=n;l!==e.defaultView&&(e.adf_rewritten="iframe",l=e.defaultView),e.querySelectorAll("script").forEach(function(n){Z(n)});var h=n.Function.bind,d=h.bind(h),o=function(n,e){return new(d(n,null).apply(null,e))};l.Image=function(n){function a(){var a=o(n,arguments);return a.orgnl_script=e.currentScript,Z(a),a}return a.prototype=n.prototype,a}(l.Image),function(n){l.XMLHttpRequest.prototype.open=function(){var e=this;try{if(!arguments[0]||!arguments[1]||/^\/[^\/]/.test(arguments[1])||!H(e,"xhr",arguments[1])||e.adf_rewritten||e[g("YWRmX2lnbm9yZQ==")]||!G())return;e.adf_xhrOpenArgs=arguments,e.adf_tagName="xhr",e.adf_req_headers=[]}finally{n.apply(e,arguments)}}}(l.XMLHttpRequest.prototype.open),function(n){l.XMLHttpRequest.prototype.setRequestHeader=function(){var e=this;try{if("xhr"!==e.adf_tagName||e.adf_rewritten||e[g("YWRmX2lnbm9yZQ==")]||!(e.adf_req_headers instanceof l.Array)||!G())return;e.adf_req_headers.push(arguments)}finally{n.apply(e,arguments)}}}(l.XMLHttpRequest.prototype.setRequestHeader),function(n){l.XMLHttpRequest.prototype.send=function(){var e=this;try{if("xhr"!==e.adf_tagName||e.adf_rewritten||e[g("YWRmX2lnbm9yZQ==")]||e.hasOwnProperty("adf_body")||!G())return;e.orgnl_error_hdlr=e.onerror,e.onerror=null,e.orgnl_readystatechange_hdlr=e.onreadystatechange,e.onreadystatechange=function(n){return 4!==e.readyState?void("function"==typeof e.orgnl_readystatechange_hdlr&&e.orgnl_readystatechange_hdlr(n)):/^[23]/.test(e.status)?(n.adf_event_type="load",I(n),void("function"==typeof e.orgnl_readystatechange_hdlr&&e.orgnl_readystatechange_hdlr(n))):(n.adf_event_type="error",void I(n))},e.adf_body=arguments[0],Z(e)}catch(n){S(e)}finally{n.apply(e,arguments)}}}(l.XMLHttpRequest.prototype.send),function(n){l.open=function(){function e(){if(a&&!a.opener||s>100){try{a.opener=l}catch(n){}R(o)}else s+=1}var a;try{if(!G()||!An)return void(a=n.apply(l,arguments));var t=arguments[0],h=i(),d=r(function(){q({reason:"clickRecovery",timing:3e3})},3e3);b(l,"message",function(n){n.data.message&&"ping"===n.data.message&&n.data.tabId&&n.data.tabId===h&&(clearTimeout(d),n.source.postMessage({message:"pong",targetURL:t,tabId:h,video:!0},"*"))},!0),a=n.apply(l,[sn+"#"+h]);var o,s=0;try{a.opener=l}catch(n){}o=k(e,1)}catch(e){a=n.apply(l,arguments)}finally{return a}}}(l.open),function(e){n.lhmna7daFlags&&n.lhmna7daFlags.fetchRecoveryOff||(l.fetch=function(){var n=arguments;try{return!n[0]||"string"!=typeof n[0]||/^\/[^\/]/.test(n[0])||a(t(n[0]),Un)||!G()||/(adnxs.com.+\/prebid)/.test(n[0])&&(!n[1]||!n[1].method||/(.*)/.test(n[1].method))||/(doubleclick.net.+&output=ldjh)/.test(n[0])&&(!n[1]||!n[1].method||/(.*)/.test(n[1].method))||/(adnxs.com.+v3$)/.test(n[0])&&(!n[1]||!n[1].method||/(POST)/.test(n[1].method))||/(360yield.com.+pb$)/.test(n[0])&&(!n[1]||!n[1].method||/(POST)/.test(n[1].method))?e.apply(l,n):new Promise(function(a,t){e.apply(l,n).then(function(n){a(n)}).catch(function(i){function h(n){d||r||(t(n),r=!0)}var d=!1,r=!1;try{var o=n[0],s=p().test(o),f=Kn.consentString,m=Kn.gdprApplies;s&&(kn=!0),xn.currentCount++,D({rewrittenUrlType:"failedRequest",type:"xhr",src:o,referer:vn,href:vn,isAdTag:s,consentString:f,gdprApplies:m},function(t){if(!t.rewrittenUrl)return void h(i);s&&C(),n[0]=t.rewrittenUrl,e.apply(l,n).then(function(n){d=!0,a(n)}).catch(function(n){h(n)})},function(){h(i)})}catch(n){h(i)}})})}catch(a){return e.apply(l,n)}})}(l.fetch),function(n,a){n&&(e.body.appendChild=function(){var e=n.apply(this,arguments);try{var a=arguments[0],t=a&&a.nodeName&&a.nodeName.toLowerCase();if(H(a,t,a.src||a.href,this)&&G())switch(t){case"iframe":Q(a);break;case"script":Z(a)}}catch(n){}return e}),l.Node.prototype.appendChild=function(){var n=a.apply(this,arguments);try{var e=arguments[0],t=e&&e.nodeName&&e.nodeName.toLowerCase();if(H(e,t,e.src||e.href,this)&&G())switch(t){case"iframe":Q(e);break;case"a":u(e);break;case"script":Z(e)}}catch(n){}return n}}(e.body&&e.body.appendChild,l.Node.prototype.appendChild),function(n){l.Node.prototype.replaceChild=function(){var e=n.apply(this,arguments);try{var a=arguments[0]instanceof l.Element&&arguments[0].querySelector("IFRAME");a&&H(a,"iframe",a.src,this)&&G()&&(/Firefox/.test(l.navigator.userAgent)?b(a,"load",nn,!0):Q(a))}catch(n){}return e}}(l.Node.prototype.replaceChild),function(n){l.Node.prototype.insertBefore=function(){var e=n.apply(this,arguments);try{var a=arguments[0],t=a&&a.nodeName&&a.nodeName.toLowerCase();if(H(a,t,a.src||a.href,this)&&G())switch(t){case"script":Z(a)}}catch(n){}return e}}(l.Node.prototype.insertBefore),Z(e),function(n){e.createElement=function(){var a=n.apply(e,arguments);try{if(!G())return a;var t=arguments[0]&&arguments[0].toLowerCase();switch(t){case"iframe":b(a,"load",K,!0);break;case"video":!function(n){a.appendChild=function(){try{var e=arguments[0].localName;if(!H(a,t,a.src))return n.apply(a,arguments);if("source"!==e)return n.apply(a,arguments);if(arguments[0].src&&!a.src)return a.src=arguments[0].src,null}catch(n){}}}(a.appendChild),b(a,"error",I,!0),b(a,"canplay",I,!0);break;case"img":a.orgnl_script=e.currentScript;case"div":case"script":Z(a)}}catch(n){}return a}}(e.createElement)}}if(!(n[Hn("ylghrVfulswLvDouhdg|H{hfxwhg",-3)]||n.location.search.indexOf("forceVideoOff=true")>-1)){n[Hn("ylghrVfulswLvDouhdg|H{hfxwhg",-3)]=!0,Array.isArray||(Array.isArray=function(n){return"[object Array]"===Object.prototype.toString.call(n)});var rn,on,sn,fn,pn,vn,un,gn,jn,wn,xn,yn,Rn,kn,Wn,Vn,An,Fn,zn,En,Tn,On,Xn="fpZtJqhQBE",Un=["www.gamestar.de","emsservice","adalliance","yahoo","jwplayer","ligatus","kameleoon","facebook","native.adscale.de","justpremium","twitter.com","consensu","meetrics","daznplayer","api.rlcdn.com","publisher-assets.spot.im","doubleclick.net/pagead/ppub_config","mdsngpush","ad.lkqd.net","aniview.com"],Zn=["ib.adnxs.com/seg","aax-eu.amazon-adsystem.com","content.viralize.tv/t-bid-done","content.viralize.tv/track","servt.vid-play.com/track","prd.jwpltx.com","pp.lp4.io","meetrics.net/data","k.streamrail.com/x","m6r.eu/video/empty","brid.tv/ping.gif","aniview.com"],Sn=["vi-serve.com","inforsea.com","/gen_204","viralize.tv","aniview.com"],_n="",Dn=Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42p:uvq9yvu}nb967;8{5:7:51msj",-3),qn=Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42psff5h4puryb<46;:{47<8:1msj",-3),Pn=[".ad-element"],Cn="#content_video_ima-ad-container, .fp-engine",Gn=[".dianomi-video-background",".GUI-module__container__thumbnail"],Mn="video",Ln="testIframe",Bn=j(),In=new RegExp("googlebot/|Googlebot-Mobile|Googlebot-Image|Google favicon|Mediapartners-Google|bingbot|slurp|java|wget|curl|Commons-HttpClient|Python-urllib|libwww|httpunit|nutch|phpcrawl|msnbot|jyxobot|FAST-WebCrawler|FAST Enterprise Crawler|biglotron|teoma|convera|seekbot|gigablast|exabot|ngbot|ia_archiver|GingerCrawler|webmon |httrack|webcrawler|grub.org|UsineNouvelleCrawler|antibot|netresearchserver|speedy|fluffy|bibnum.bnf|findlink|msrbot|panscient|yacybot|AISearchBot|IOI|ips-agent|tagoobot|MJ12bot|dotbot|woriobot|yanga|buzzbot|mlbot|yandexbot|purebot|Linguee Bot|Voyager|CyberPatrol|voilabot|baiduspider|citeseerxbot|spbot|twengabot|postrank|turnitinbot|scribdbot|page2rss|sitebot|linkdex|Adidxbot|blekkobot|ezooms|dotbot|Mail.RU_Bot|discobot|heritrix|findthatfile|europarchive.org|NerdByNature.Bot|sistrix crawler|ahrefsbot|Aboundex|domaincrawler|wbsearchbot|summify|ccbot|edisterbot|seznambot|ec2linkfinder|gslfbot|aihitbot|intelium_bot|facebookexternalhit|yeti|RetrevoPageAnalyzer|lb-spider|sogou|lssbot|careerbot|wotbox|wocbot|ichiro|DuckDuckBot|lssrocketcrawler|drupact|webcompanycrawler|acoonbot|openindexspider|gnam gnam spider|web-archive-net.com.bot|backlinkcrawler|coccoc|integromedb|content crawler spider|toplistbot|seokicks-robot|it2media-domain-crawler|ip-web-crawler.com|siteexplorer.info|elisabot|proximic|changedetection|blexbot|arabot|WeSEE:Search|niki-bot|CrystalSemanticsBot|rogerbot|360Spider|psbot|InterfaxScanBot|Lipperhey SEO Service|CC Metadata Scaper|g00g1e.net|GrapeshotCrawler|urlappendbot|brainobot|fr-crawler|binlar|SimpleCrawler|Livelapbot|Twitterbot|cXensebot|smtbot|bnf.fr_bot|A6-Indexer|ADmantX|Facebot|Twitterbot|OrangeBot|memorybot|AdvBot|MegaIndex|SemanticScholarBot|ltx71|nerdybot|xovibot|BUbiNG|Qwantify|archive.org_bot|Applebot|TweetmemeBot|crawler4j|findxbot|SemrushBot|yoozBot|lipperhey|y!j-asr|Domain Re-Animator Bot|AddThis|unknown|ysearch|web spider|Oberforstmeister|BingPreview|PhantomJS|misc crawler","i"),Kn={consentString:"",gdprApplies:"1",consentGiven:!1},Qn=n.lhmnad62Mobile||Bn.match(/iPad/i)||Bn.match(/iPhone/i)||Bn.match(/iPod/i)||Bn.match(/Android/i),Jn=Bn.match(/Flipboard/i);if(-1===n.location.search.indexOf("forceVideoOn=true")){if(Jn)return;if(In.test(Bn))return;if(Qn)return;if(yn=o(100*m())>=100)return;var Yn,$n=k(function(){R($n),Yn=!0},10);setTimeout(function(){R($n),Yn||(yn=!0)},20)}b(n,"message",function(n){var e=n&&n.data;if(e&&e.to===Mn){var a=e.message&&e.message.type,t=e.message&&e.message.value;switch(a){case"noAdNoContent":if("iframeAgent"!==e.from)return;q(t);break;case"eventOnRecovery":if("iframeAgent"!==e.from)return;C();break;case"detection":if("main"!==e.from)return;Fn=!0,zn=t.ab,En=t.pm,zn||P()}}}),n.top.postMessage({from:Mn,to:"main",message:{type:"detection",value:"request"}},"*"),function(e,a){n.lhmnafa2Rnd=e||J(),rn=Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<l}5;wptiyb;95<;{<:4451msj",-3),on=Hn("22eoxeurlg1gh2jv2lpdjhv2p"+n.lhmnafa2Rnd+"yl:snqojt9b43:84{:;;471msj",-3),sn=Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42ppt{5|zp37jb66688{4<65<1msj",-3),fn={},fn.imaSDK={type:"script",srcRegExp:new RegExp("imasdk.googleapis.com/js/sdkloader/ima3.js"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42pnt<guxhk3yb64377{6<95;1msj",-3),toBePreloaded:!1},fn.viralizeBidOpportunity={type:"img",srcRegExp:new RegExp("ads.viralize.tv/t-bid-opportunity/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42ppto4um<<hfb6793;{;:7551msj",-3),toBePreloaded:!1},fn.viralizeContentBidOpportunity={type:"img",srcRegExp:new RegExp("content.viralize.tv/t-bid-opportunity/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42pluk8{z9ee8b44:86{::33<1msj",-3),toBePreloaded:!1},fn.viralizeBidDone={type:"img",srcRegExp:new RegExp("ads.viralize.tv/t-bid-done/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42p87{x5<}|;5b;8735{668571msj",-3),toBePreloaded:!1},fn.viralizeContentBidDone={type:"img",srcRegExp:new RegExp("content.viralize.tv/t-bid-done/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42phxkqr|eir4b;:87<{937641msj",-3),toBePreloaded:!1},fn.viralizeTrack={type:"img",srcRegExp:new RegExp("ads.viralize.tv/track/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42plt7l<;tlhfb746:3{4<34:1msj",-3),toBePreloaded:!1},fn.viralizeContentTrack={type:"img",srcRegExp:new RegExp("content.viralize.tv/track/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42p9zijr4{8}vb5:9:4{949461msj",-3),toBePreloaded:!1},fn.freewheelCookieSyncScripts={type:"xhr",srcRegExp:new RegExp("ads.stickyadstv.com/additional-scripts/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42pul}gog}m{ub:<84<{848351msj",-3),toBePreloaded:!1},pn=null,vn=n.location.href,gn={failedTests:[],successfulTests:[]},jn=null,clearTimeout(wn),clearTimeout(On),xn={currentCount:0,cappingPerPI:500,maxRecoveryDurationInMins:10},yn=void 0===a?o(100*m())>=100:a,Rn=!1,kn=!1,Wn=!1,Vn=!1,An=!1,Fn=!1,zn=!1,En=!1,Tn=!1,On=r(function(){yn=!0},60*xn.maxRecoveryDurationInMins*1e3),X(fn)}(n.lhmnafa2Rnd,yn),function(){var e;try{e=n.top.__tcfapi}catch(n){return}"function"==typeof e&&e("addEventListener",2,function(n,e){e&&/tcloaded|useractioncomplete/.test(n.eventStatus)&&(Kn.consentString=n.tcString||Kn.consentString,Kn.gdprApplies=n.gdprApplies&&"1"||Kn.gdprApplies,void 0!==n.purpose&&void 0!==n.purpose.consents&&(Kn.consentGiven=!W(n.purpose.consents)))})}(),dn(e)}}(window,document);var ne=bn("head"),ee=null;if(n.lhmnada6ctc={},n.lhmnada6ctc.pm=!1,n.lhmnada6ctc.pmd=!1,/Firefox/.test(j())||n.lhmna7daFlags.nwlforce)if(-1==j().indexOf("Safari")||n.lhmna7daFlags.nwlforce)if(n.lhmna7daFlags.nwbb2lst){if(-1!=j().indexOf("Firefox")){if(!n.lhmna7daFlags.nopmidx)try{var ae=n.indexedDB.open("test");ae.onerror=function(e){e.preventDefault(),n.lhmnanl=!0,n.lhmnada6ctc.pmd=!0,n.lhmnada6ctc.pm=!0,G()},ae.onsuccess=function(n){n.preventDefault()}}catch(n){}!function(){if(n.lhmna7daFlags.ffshim)var e=0,a=k(function(){try{googletag&&"2021050601"==googletag.getVersion()&&void 0===googletag._loaded_?(n.lhmnanl=!0,n.lhmnada6ctc.pmd=!0,n.lhmnada6ctc.pm=!0,R(a),G()):++e>10&&R(a)}catch(n){++e>10&&R(a)}},500)}()}var te=!1;Object.keys(n).forEach(function(e){n.hasOwnProperty(e)&&e.match(/^lhmna.{3}NLRun$/g)&&(te=n[e])}),te||n.lhmna7daFlags.nopmnetmon?(n.lhmnanl=!0,n.lhmnada6ctc.pmd=!0,G()):(n.lhmna6e3NLRun=!0,function(){function e(n,e){if(e.target){var t=e.target.src||"";if(""!==t&&-1==t.indexOf("chrome-extension://")){var l=new URL(t).hostname||"";if(""!==l){if(e.target.adf_rewritten)return void(Gn(l,a)<0&&a.push(l));Gn(l,n)<0&&n.push(l)}}}}var a=new Array,t=new Array,l=e.bind(null,a),i=e.bind(null,t);b(document,"error",l,!0),b(document,"load",i,!0),n.RJRUEnwld={error:{events:a,listener:l},load:{events:t,listener:i}},function(e){document.createElement=function(){var a=e.apply(this,arguments);return b(a,"error",n.RJRUEnwld.error.listener,!0),b(a,"load",n.RJRUEnwld.load.listener,!0),a}}(document.createElement)}(),function(){function e(){!function(){for(var e=0;e<n.RJRUEnwld.load.events.length;e++){var a=Gn(n.RJRUEnwld.load.events[e],n.RJRUEnwld.error.events);a>-1&&n.RJRUEnwld.error.events.splice(a,1)}}(),n.RJRUEnwld.error.events.length>0&&n.RJRUEnwld.load.events.length>0?Cn(n.RJRUEnwld.error.events,n.RJRUEnwld.load.events,Hn("22plwvhoi1qhw2jvu2lpdjhv2p"+n.lhmnafa2Rnd+"env<xgvq}hb97;79{;9:481msj",-3)):(n.lhmnada6ctc.pmd=!0,G())}var a=0,t=0,l=0,i=0,h=0,d=0,r=k(function(){l=n.RJRUEnwld.error.events.size,i=n.RJRUEnwld.load.events.size,a=l+i,h<=10?(a-t==0&&h>0&&d++,d>4&&(R(r),e(),d=0)):(R(r),e()),t=a,h++},500)}())}else n.lhmnanl=!0,n.lhmnada6ctc.pmd=!0,G();else;else n.lhmnada6ctc.pmd=!0,G();try{n.addEventListener?b(n,g("YWRuZGRuZC5pbml0"),I):n.attachEvent&&n.attachEvent(g("YWRuZGRuZC5pbml0"),I),"complete"===e.readyState?I():(-1==j().search("Firefox")&&(e.addEventListener?b(e,g("RE9NQ29udGVudExvYWRlZA=="),I):e.attachEvent&&e.attachEvent("onreadystatechange",function(){"complete"===e.readyState&&I()})),b(n,"load",I))}catch(n){I()}}catch(n){}}(window,document); /* 53978 */ -</script><!-- gsantiadblockend --> + <script type="didomi/javascript" data-vendor="iab:539"> + /* 28142922 */ !function(n,e){function a(n,e){var a=bn(n);if(!a)return a;if(""!=e)for(var t=0;t<e.length;t++){var l=s(e,t);"^"==l&&(a=a.parentNode),"<"==l&&(a=a.previousElementSibling),">"==l&&(a=a.nextElementSibling),"y"==l&&(a=a.firstChild)}return a}function t(n,e){var a=rn(e);return{x:n.clientX-a.left,y:n.clientY-a.top}}function l(n){for(var e=0,a=0;n;)e+=n.offsetLeft+n.clientLeft,a+=n.offsetTop+n.clientTop,n=n.offsetParent;return{x:e,y:a}}function i(n,e){var a=0,t=0,i=l(e);return(n.pageX||n.pageY)&&(a=n.pageX,t=n.pageY),(n.clientX||n.clientY)&&(a=n.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,t=n.clientY+document.body.scrollTop+document.documentElement.scrollTop),a-=i.x,t-=i.y,{x:a,y:t}}function h(n,e){return dn(e)?t(n,e):i(n,e)}function d(n,e){n.addEventListener?b(n,"click",e,!0):n.attachEvent&&n.attachEvent("onclick",function(){return e.call(n,window.event)})}function r(e,a){return n[g("c2V0VGltZW91dA==")](e,a)}function o(n){return parseInt(n.toString().split(".")[0],10)}function s(n,e){return n[e]}function f(){return In=(Ln*In+Bn)%Mn}function p(){return f()/(Mn-1)}function m(){return p()}function c(n,e){return n>e?n:e}function v(){for(var n="",e=65;e<91;e++)n+=u(e);for(var e=97;e<123;e++)n+=u(e);return n}function u(n){return s(" !\"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ["+s("\\\\",0)+"]^_`abcdefghijklmnopqrstuvwxyz{|}~",n-32)}function g(n){var e,a,t,l,i,h,d,r=v()+"0123456789+/=",o="",f=0;for(n=n.replace(/[^A-Za-z0-9\+\/\=]/g,"");f<n.length;)l=r.indexOf(s(n,f++)),i=r.indexOf(s(n,f++)),h=r.indexOf(s(n,f++)),d=r.indexOf(s(n,f++)),e=l<<2|i>>4,a=(15&i)<<4|h>>2,t=(3&h)<<6|d,o+=u(e),64!=h&&(o+=u(a)),64!=d&&(o+=u(t));return o}function j(){try{return navigator.userAgent||navigator.vendor||window.opera}catch(n){return"unknown"}}function b(e,a,t,l){l=l||!1;try{e.addEventListener(a,t,l),n.lhmnaClne.push([e,a,t,l])}catch(i){e.attachEvent&&(e.attachEvent("on"+a,t),n.lhmnaClne.push([e,a,t,l]))}}function w(e,a,t){if(e&&a&&t){var l=n.lhmnada6c4&&n.lhmnada6c4.a&&n.lhmnada6c4.a[e];if(l){var i=l&&l.querySelector("img")||null;b(n,"scroll",function(n){t(l,i,rn(a))||(l.removeAttribute("style"),i&&i.removeAttribute("style"))},!1),t(l,i,rn(a))}}}function x(n){if(!n)return"";for(var e=g("ISIjJCUmJygpKissLS4vOjs8PT4/QFtcXV5ge3x9"),a="",t=0;t<n.length;t++){a+=e.indexOf(n[t])>-1?g("XA==")+n[t]:n[t]}return a}function y(n){if(!n)return"";var e="";return n.id&&n.id.length>0&&(e+="#"+x(n.id)),n.className&&n.className.length>0&&(e+="."+x(n.className).split(" ").filter(function(n){return n&&n.length>0}).join(".")),e}function R(n){Qn[n]=!1}function k(e,a){var t=Kn++;n.lhmnaClni&&n.lhmnaClni.push(t),Qn[t]=!0;var l=function(n){return function(){e.call(null),Qn[t]&&r(l,n)}}(a);return r(l,a),t}function W(n){var e=!1;return Object.keys(n).forEach(function(a){e=e||n[a]}),!e}function V(n,e,a){var t=function(){return!!e()&&(a(),!0)};if(!t()){var l=k(function(){t()&&R(l)},250);t()}}function A(n){F(n)}function F(a){if(a.lhmnaa6esdl&&!a.lhmna0e8Injct){a.lhmna0e8Injct=!0,a.lhmnaa44Pc={},a.lhmna701Oc=[],a.lhmnaa27Am={},a.lhmna5e9Av={},a.lhmna18bAw={},a.lhmna0ebRqr={},a.lhmnaff0Rqq=[],a.lhmna5e9Avt={},a.lhmna2f3Ev={};for(var t=[],l=["/plus/","/registrierung/","/passwort_vergessen/"],i=0;i<l.length;i++)if(n.location.pathname.indexOf(l[i])>-1)return;if(n.gsRunPlus=!1,n.lhmnada6cWeRun=!1,n.lhmnada6cIsDim=!1,"undefined"!=typeof dimensions){n.lhmnada6cIsDim=!0;var h={};h.dimension5=(dimensions.dimension5||"").toString().toLowerCase(),h.dimension11=(dimensions.dimension11||"").toString().toLowerCase(),h.dimension16=(dimensions.dimension16||"").toString().toLowerCase(),n.gsRunPlus=function(){return!!(h.dimension5.indexOf("artikel")>-1&&h.dimension16&&h.dimension16.indexOf("plus")>-1)||(!(-1!==h.dimension5.indexOf("plus")||-1!==h.dimension11.indexOf("plus")||h.dimension16&&-1!==h.dimension16.indexOf("plus")||!/videos\/plus-videos,[0-9]+\/?/.test(location.pathname))||(!!(/^\/plus\/tour\/?.*/.test(location.pathname)&&-1===h.dimension5.indexOf("plus")&&h.dimension5.indexOf("artikel")>-1&&-1===h.dimension11.indexOf("plus")&&h.dimension11.indexOf("artikel")>-1&&(!h.dimension16||h.dimension16.indexOf("plus")>-1)&&h.dimension16&&h.dimension16.indexOf("artikel")>-1)||(h.dimension11.indexOf("keys")>-1||!!/^\/plus\/?(podcasts|reports|gutscheine|heftarchiv)*\/?.*/.test(location.pathname)&&("plus"===h.dimension11&&(!h.dimension5||-1===h.dimension5.indexOf("plus"))))))}(),n.lhmnada6cWeRun=function(){return!(!/^artikel,(report|podcast),plus$/.test(h.dimension5)||"artikel"!==h.dimension11||!/^plus,artikel/.test(h.dimension16))}()}if(!(n.location.search&&n.location.search.indexOf("event=video:main.detail")>-1)){if(!function(){var e=["Artikel,Deals","GameStar-PCs,Hardware,ONE","Artikel,Hardware"];if("undefined"!=typeof dimensions)for(var a=["dimension5","dimension6"],t=0;t<a.length;t++)if(n.dimensions[a[t]])for(var l=0;l<e.length;l++)if(e[l]===n.dimensions[a[t]])return!0;for(var i=wn("script"),h=0;h<i.length;h++)if(i[h].innerHTML.indexOf("ga(")>-1)for(var d=/dimension[56][^,]*,[^']*'([^']*)'/g,r=null;r=d.exec(i[h].innerHTML);)for(var o=0;o<e.length;o++)if(r[1].indexOf(e[o])>-1)return!0;return!1}()){for(var l=["/deals","/hardware","/videos","/login","/newsletter"],i=0;i<l.length;i++)if(n.location.pathname.indexOf(l[i])>-1)return;for(var d=["/artikel/aufruesten-leicht-gemacht-mit-den-neuen-gamestar-upgradekits-coffee-lake-core-i7-ram-kuehler-und-asus-mainboard-vormontiert,3324873.html"],i=0;i<d.length;i++)if(location.pathname===d[i])return;n.lhmna7daFlags.pt4e3ls=!0,n.lhmna7daFlags.ba6b2it=[],n.lhmna7daFlags.ig1c3BP=["height","background","font"];for(var r=wn("div > * > img"),s=0;s<r.length;s++)n.lhmna7daFlags.ba6b2it.push(r[s].parentNode),n.lhmna7daFlags.ba6b2it.push(r[s].parentNode.parentNode);if(n.lhmnada6c4&&n.lhmnada6c4.a&&n.lhmnada6c4.a[3460]){var f=n.lhmnada6c4.a[3460];if(f){var p=bn(".container > .main.waypoint");if(p){hn(f,"margin-left",rn(p).width-4+"px","")}}}kn(wn(".centeredDiv"),function(n,e){e.className=e.className+" aobj"+n});var c=bn("#footBtm");c&&c.style.setProperty("position","relative","");var v=bn("#footer");if(v&&v.style.setProperty("position","relative",""),kn(wn("#top_themen > div"),function(n,e){3!==n&&13!==n||(e.className=e.className+" aobj"+n)}),!a.lhmna7daFlags.welect.eenabled||RJRUEWelect()){if(lhmna7daFlags.pt4e3ls){var u=lhmna7daFlags.ba6b2it,g=lhmna7daFlags.mbea1el||10,j=lhmna7daFlags.ig1c3BP,b=function(){var n=$("style");n.type="text/css";var a=!1,t=$("style");t.type="text/css";var l=!1;return function(i,h){if(h)if("b"!==i||a){if("r"===i)if(l){var d=t,r=d.sheet;r.insertRule(h,0)}else l=!0,nn(t,h),en(e.body,t)}else{if(a=!0,j)for(var o=0;o<j.length;o++)h=h.replace(new RegExp("([;{])"+j[o]+": [^;]+;","g"),"$1");var d="[^:;{",r="!important;";h=h.replace(new RegExp(d+"}]+: [^;]+\\s"+r,"g"),""),nn(n,h),e.head.insertBefore(n,e.head.firstChild)}}}();if(u){if(u.length>g){for(var w=0,x=[0],y=[u[0]],R=1;R<g;R++){for(;x.indexOf(w)>-1;)w=o(m()*u.length);x.push(w),y[R]=u[w]}u=y,lhmna7daFlags.ba6b2it=y}for(var k={},s=0;s<u.length;s++){var W="string"==typeof u[s]?bn(u[s]):u[s];if(W&&W instanceof Node){var V={element:W,coe61so:{},rc6adcls:Sn(7),coe0ctx:""};if(V.coe0ctx+="."+V.rc6adcls+"{",!j||j&&-1===j.indexOf("position")){var A=sn(W,"position");V.coe61so.position=A,V.coe0ctx+="position:"+A+";"}if(!j||j&&-1===j.indexOf("text-align")){var A=sn(W,"text-align");V.coe61so["text-align"]=A,V.coe0ctx+="text-align:"+A+";"}if(!j||j&&-1===j.indexOf("margin-top")){var A=sn(W,"margin-top");V.coe61so["margin-top"]=A,V.coe0ctx+="margin-top:"+A+";"}if(!j||j&&-1===j.indexOf("cursor")){var A=sn(W,"cursor");V.coe61so.cursor=A,V.coe0ctx+="cursor:"+A+";"}if(!j||j&&-1===j.indexOf("content")){var A=sn(W,"content");V.coe61so.content=A,V.coe0ctx+="content:"+A+";"}if(!j||j&&-1===j.indexOf("background")){var A=sn(W,"background");V.coe61so.background=A,V.coe0ctx+="background:"+A+";"}if(!j||j&&-1===j.indexOf("color")){var A=sn(W,"color");V.coe61so.color=A,V.coe0ctx+="color:"+A+";"}if(!j||j&&-1===j.indexOf("font-size")){var A=sn(W,"font-size");V.coe61so["font-size"]=A,V.coe0ctx+="font-size:"+A+";"}if(!j||j&&-1===j.indexOf("font-weight")){var A=sn(W,"font-weight");V.coe61so["font-weight"]=A,V.coe0ctx+="font-weight:"+A+";"}if(!j||j&&-1===j.indexOf("font-family")){var A=sn(W,"font-family");V.coe61so["font-family"]=A,V.coe0ctx+="font-family:"+A+";"}if(!j||j&&-1===j.indexOf("margin")){var A=sn(W,"margin");V.coe61so.margin=A,V.coe0ctx+="margin:"+A+";"}if(!j||j&&-1===j.indexOf("padding")){var A=sn(W,"padding");V.coe61so.padding=A,V.coe0ctx+="padding:"+A+";"}if(!j||j&&-1===j.indexOf("box-sizing")){var A=sn(W,"box-sizing");V.coe61so["box-sizing"]=A,V.coe0ctx+="box-sizing:"+A+";"}if(!j||j&&-1===j.indexOf("pointer-events")){var A=sn(W,"pointer-events");V.coe61so["pointer-events"]=A,V.coe0ctx+="pointer-events:"+A+";"}if(!j||j&&-1===j.indexOf("line-height")){var A=sn(W,"line-height");V.coe61so["line-height"]=A,V.coe0ctx+="line-height:"+A+";"}if(!j||j&&-1===j.indexOf("display")){var A=sn(W,"display");V.coe61so.display=A,V.coe0ctx+="display:"+A+";"}if(!j||j&&-1===j.indexOf("z-index")){var A=sn(W,"z-index");V.coe61so["z-index"]=A,V.coe0ctx+="z-index:"+A+";"}if(!j||j&&-1===j.indexOf("left")){var A=sn(W,"left");V.coe61so.left=A,V.coe0ctx+="left:"+A+";"}if(!j||j&&-1===j.indexOf("top")){var A=sn(W,"top");V.coe61so.top=A,V.coe0ctx+="top:"+A+";"}if(!j||j&&-1===j.indexOf("right")){var A=sn(W,"right");V.coe61so.right=A,V.coe0ctx+="right:"+A+";"}if(!j||j&&-1===j.indexOf("bottom")){var A=sn(W,"bottom");V.coe61so.bottom=A,V.coe0ctx+="bottom:"+A+";"}if(!j||j&&-1===j.indexOf("width")){var A=sn(W,"width");V.coe61so.width=A,V.coe0ctx+="width:"+A+";"}if(!j||j&&-1===j.indexOf("height")){var A=sn(W,"height");V.coe61so.height=A,V.coe0ctx+="height:"+A+";"}if(!j||j&&-1===j.indexOf("margin-left")){var A=sn(W,"margin-left");V.coe61so["margin-left"]=A,V.coe0ctx+="margin-left:"+A+";"}if(!j||j&&-1===j.indexOf("float")){var A=sn(W,"float");V.coe61so.float=A,V.coe0ctx+="float:"+A+";"}if(!j||j&&-1===j.indexOf("visibility")){var A=sn(W,"visibility");V.coe61so.visibility=A,V.coe0ctx+="visibility:"+A+";"}if(!j||j&&-1===j.indexOf("margin-bottom")){var A=sn(W,"margin-bottom");V.coe61so["margin-bottom"]=A,V.coe0ctx+="margin-bottom:"+A+";"}if(!j||j&&-1===j.indexOf("direction")){var A=sn(W,"direction");V.coe61so.direction=A,V.coe0ctx+="direction:"+A+";"}V.coe0ctx+="} ",k[u[s]]=V,b("b",'.zzdsirw{position: relative;text-align: center;margin-top: 15px;cursor: pointer;content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;padding: 2px;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index: 1;left: 0;top: 0px;right: 0;bottom: 0;width: 9999px;height: 9999px;margin-left: -2px;float: right;visibility: none;margin-bottom: 10px;direction: rtl;} .lnqxithgj{text-align: left;position: absolute;pointer-events: initial;width: 2px;height: 2px;top: 0;right: -2px;margin: 0 auto;display: none;margin-bottom: 0;visibility: hidden;margin-left: 1130px;} .wsregvg{position: fixed;width: 1140px;margin: auto;pointer-events: auto;} .pqbsfgc{width: 300px;} '),b("r",V.coe0ctx),W.className+=" "+V.rc6adcls,W.className+=" zzdsirw",W.className+=" lnqxithgj",W.className+=" wsregvg",W.className+=" pqbsfgc"}}}}var F=$("style");F.type="text/css",nn(F,'.RMjCUvYCXP {position: relative;text-align: center;margin-top: 15px;}.RMjCUvYCXP img {cursor: pointer;}.RMjCUvYCXP:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}#ftgKejs {position: fixed; left: 0; top: 0px; right: 0; bottom: 0; cursor: pointer;pointer-events: initial;}#ftgKejs img {width: 9999px;height: 9999px;}.QMbAlRLgvZ {width: 2px;height: 2px;top: 0;position: absolute;margin-left: -2px;}.QMbAlRLgvZ img {cursor: pointer;float: right;}#QgkbVoAu {width: 2px;height: 2px;top: 0;right: -2px;position: absolute;}#QgkbVoAu img {cursor: pointer;}#bvNzbVMZ {position: relative;}#bvNzbVMZ img {cursor: pointer;}.QLYLjnY {position: relative;width: 1140px;margin: 0 auto;pointer-events: initial;}.QLYLjnY:empty {display: none;visibility: none;}#SwbnzzxtA {width: 300px;margin: auto;}#SwbnzzxtA img {cursor: pointer;}#SwbnzzxtA:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}.OzjTuB {width: 300px;margin: auto;}.OzjTuB img {cursor: pointer;}.OzjTuB:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}#lzDAKWGwpX {width: 300px;margin: auto;margin-bottom: 10px;}#lzDAKWGwpX img {cursor: pointer;}#lzDAKWGwpX:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}.vUImAkjg {position: relative;text-align: center;}.vUImAkjg img {cursor: pointer;}.vUImAkjg:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}#nLXXQC {margin-bottom: 0;}#nLXXQC:empty {visibility: hidden;display: none;}#ZsxOTC {position: relative;text-align: center;}#ZsxOTC img {cursor: pointer;}#ZsxOTC:before {content: "Anzeige";background: rgba(255, 255, 255, 0.5);color: rgb(34 34 34);font-size: 10px;font-weight: bold;font-family: sans-serif;margin: 4px;text-align: left;padding: 2px;position: absolute;box-sizing: content-box;pointer-events: none;line-height: 1;display: inline;z-index:1;}#LEVSSlQ {margin-bottom: 0;}#LEVSSlQ:empty {visibility: hidden;display: none;}#rMDLMgS {top: 0px;margin-left: 1130px;position: absolute;}#rMDLMgS img {cursor: pointer;}.sGaBVbhp img {cursor: pointer;}.rqIbUDfir img {cursor: pointer;}.iwonUq img {cursor: pointer;}#HvfqqYDE img {cursor: pointer;}.sVzkvQvsVD img {cursor: pointer;}gTYNsV {}GGszzysQw {}.tsIZux {margin-bottom: 10px;}cbkHZiUReb {}#CGhSnAilG {position: fixed; left: 0; top: 0px; right: 0; bottom: 0; cursor: pointer;}#CGhSnAilG img {width: 9999px;height: 9999px;}@media screen and (max-width: 980px) {#CGhSnAilG {display: none;visibility: hidden;}}.ANOvigvLf {width: 2px;height: 2px;top: 0;right: -2px;position: absolute;pointer-events: auto;}.ANOvigvLf img {cursor: pointer;}.sfEKoNJb {position: relative;direction: rtl;pointer-events: auto;}.sfEKoNJb img {cursor: pointer;}.gywcjx {position: relative;width: 1140px;margin: 0 auto;pointer-events: none;}.gywcjx:empty {display: none;visibility: none;}@media screen and (max-width: 980px) {.gywcjx {display: none;visibility: hidden;}}@media print {.QLYLjnY,#nLXXQC,#LEVSSlQ,gTYNsV,GGszzysQw,.tsIZux,cbkHZiUReb,.gywcjx,.RMjCUvYCXP,#ftgKejs,.QMbAlRLgvZ,#QgkbVoAu,#bvNzbVMZ,#SwbnzzxtA,.OzjTuB,#lzDAKWGwpX,.vUImAkjg,#ZsxOTC,#rMDLMgS,.sGaBVbhp,.rqIbUDfir,.iwonUq,#HvfqqYDE,.sVzkvQvsVD,#CGhSnAilG,.ANOvigvLf,.sfEKoNJb{display:none;}} .lhmnaHid {display:none !important;}'),en(ne,F),a.lhmnaCln.push(F),setTimeout(E(t),0)}}}}}function z(n,e){if(e<0)return z(n,e+26);for(var a="",t=0;t<n.length;t++){var l=n[t];if(l.match(/[a-z]/i)){var i=n.charCodeAt(t);i>=65&&i<=90?l=u((i-65+e)%26+65):i>=97&&i<=122&&(l=u((i-97+e)%26+97))}a+=l}return a}function E(n){var e=[];X(n,e),U(n,e),H()}function N(n,e){if(n&&e)for(var a=Object.keys(e),t=0;t<a.length;t++)"[object Array]"===Object.prototype.toString.call(e[a[t]])?hn(n,a[t],e[a[t]],"important"):hn(n,a[t],e[a[t]])}function T(a,t){if(a&&0!==a.children.length){var l=a.children[0],i=rn(a),h=rn(l),d=h.x-i.x+h.width,r=Jn[t];r||(r=$("style"),Jn[t]=r,e.head.appendChild(r),b(n,"resize",function(n,e){T(this,n)}.bind(a,t))),-1===r.innerHTML.indexOf(d+"px")&&(r.innerHTML=y(a)+":after{width:"+d+"px;}")}}function O(n,e,a){if("[object Array]"===Object.prototype.toString.call(n))for(var t=0;t<n.length;t++){if((n[t].selector||n[t].selectorAll)&&!n[t].skipSelectorCSS)for(var l=wn(n[t].selector||n[t].selectorAll),i=0;i<l.length&&(N(l[i],n[t].cssApply),!n[t].selector);i++);n[t].function&&"function"==typeof n[t].function&&n[t].function(e,a),n[t].applyAdText&&"function"==typeof T&&T(e,a)}}function X(t,l){function i(e){var a=$("div");l[""+g(Hn(g("VVtrbWVLWX1kW11vWzRnfFxbRXpdW0xA"),-3))]=a,l[""+g(Hn(g("UW1UN1FqQEA="),-3))]=a,t[""+g(Hn(g("VVtrbWVLWX1kW11vWzRnfFxbRXpdW0xA"),-3))]=a,un(a,"QLYLjnY lhmnaHid"),fn(e,a),n.lhmnada6c4.w[6486]=a,n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function h(e){var a=$("div");l[""+g(Hn(g("V1lNaVdab25dSntvWzRnfFxbRXpdW0xA"),-3))]=a,l[""+g(Hn(g("UFdQelBqQEA="),-3))]=a,t[""+g(Hn(g("V1lNaVdab25dSntvWzRnfFxbRXpdW0xA"),-3))]=a,jn(a,"nLXXQC"),un(a,"lhmnaHid"),en(e,a),n.lhmnada6c4.w[1302]=a,n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function d(e){var a=$("div");l[""+g(Hn(g("V1lNaVlKPHpbNGd8XFtFel1bTEA="),-3))]=a,l[""+g(Hn(g("UFdQelBUQEA="),-3))]=a,t[""+g(Hn(g("V1lNaVlKPHpbNGd8XFtFel1bTEA="),-3))]=a,jn(a,"LEVSSlQ"),un(a,"vyHAsnv lhmnaHid"),fn(e,a),n.lhmnada6c4.w[1301]=a,n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function r(e){var a=$("div");l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUFRAQA=="),-3))]=a,l[""+g(Hn(g("UX1QM1BUQEA="),-3))]=a,t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUFRAQA=="),-3))]=a,un(a,"lhmnaHid"),fn(e,a),n.lhmnada6c4.w[7341]=a,n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function o(e){var a=$("div");l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUFk8V2VKPDNmekBA"),-3))]=a,l[""+g(Hn(g("UX1QM1BqQEA="),-3))]=a,t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUFk8V2VKPDNmekBA"),-3))]=a,un(a,"lhmnaHid"),fn(e,a),n.lhmnada6c4.w[7342]=a;var i=$("div");nn(i,""+g(Hn(g("U0pVc2dtN2pMRkRqTEd7bmRbXGpmNlU4ZUpYPExwXXllcVR3ZjVvOV1XcmpQVjc0ZnBZd1I1XXllcVR3ZzVZc101azNSbEVsZTV7blI1UXllSjx8UmxEbVBHRHpSNkVrXUpVc2VwZndccDwzZ0o8d1JsRDZmS2o6ZVpJfF01b3hPWk15Z0tVeWVXcmpQV0V6aEd3M11bazNPW1V8XFo4fV1wPHxlV3JqZ1tFel1bTW1cW1FvUnxMLlRbWW1kRkVzZXFVb2ZwWX1mNUl4Z0d7a0xKa3xdWlw8THBrM2dLRX1SbDt5ZzZnNk9wPDRnSk18XFpveE9wUXllVjw2ZEpJM09ab31PNVVvXXBJNGVLVHldSlhsTEtNb2VHM2xlcDxwZTV7dmU2ZmxMSjx4XDV7c1w1djxMbjxGWGw4b2hLVW9mcDd4XDVJdmVJZ3JcW1VNZnxrZk01azNnS0V9Umw7eWc2ZzZPcDw0Z0pNfFxab3hPcFF5ZVY8NmRKSTNPWm99TzVVb11wSTRlS1R5XUpZZk18e2ZNNHpxT0Yze09GM3tPS1V8Z1pYak9KODRlSnpzUjZNb2dLWXxlbEVwXFp7fV1WTGpmNlU4ZUpYPExwXXZlNUkzUmxFfGRaZ3JnR3ZsU2xEO11KbzVMS1EzaFp7b1NWTTVdW00zZFpRa2VGNGtlSm9xZW1yamY2WXpdW0w6XHBJbWQ1Z3xlNll4XUY0c2VaSXFdV3JqZ1tNdk5KazNnS0V9Umw7eWc1b25dNVkzZnw4eWdbVWxmcElzZWw4bWU1M3lkWjRrXTVZfU82Z3NdSmdvZ0hvbWU1OH1PNUltZEo8c1w1WHhmNl1xTld3bFxaUXVdNk15Z1o4bk9bUXNocFg5TEdmNE1WRDZRVlg6ZzVvbmdKajlMR0h8ZktqOmRKWXNdNWszUmxEe1BxRTdSNkVrXUpVc2VwZndlSllwZ0dyalBXXXpoR3duZFtRemVKSThSbEVzZXB7c2VwWHdccHt5XDV2OlxwSW1kNWd8ZTZZeF1GNHxdW0VvXFtUOUxKOHlPW01vZkpZa2dHd2xcWlF1XTZNeWdaOG5PW0V5ZjVvM2RaPHhSbEV8ZFpncmdGRW1dWjgzXVtMOlxwPHxdSll8T1p7b11xVDlMR0l6aEZFfWU1e3NdRkRtUlduOFI1XXZlNUkzUmxFfGRaZ3JnR3d3XFtNcWRaN3dnSjx6UmxEe1BbRTdSNVE0ZnFReWZtcmpmSjxzZXFVb2ZtdmxTbEQ7TzVVc2dtN2pTSlVzZ2xFfWdLb3ZdVzNsXHBJbWQ1Z3xlNll4XUdyamdbTXZOSmszZ0tFfVJsO3lnNW9uXTVZM2Z8OHlnW1VsZnBJc2VsOG1lNTN5ZFo0a101WX1PNmdzXUpnb2dIb21lNTh9TzU8bFs2UXdcW00zVXBZb11Ie3ldNTt4ZVpveE9xUTVdfG5qZXA7d2ZwWXpdWkkzTEpRb2VxVW9mbEUzZTZEOmc1b25nSmo5TEdIM1BLRTdSNWtvZFpncmdHcmpQbUl6aEd3cGVKPGtnR3JqZnBvcWRLVDplWkl8XTVveE9bTXNdNWszUmxENGZLajpcNll8ZjU8fFJsRXplNW94Z0pZfFI1NGtmcGdzZWw0M2U2RDlMR116aEd2bFNsRDtPNVVzZ203alNGPGtTbEQ7TzVVc2dtN2pMRkRqTEd7bmRbXC5MRkRqTEZEakxGRGpTSlVzZ2xFbWVKSX1mfTNsZjVda2U1TXRQRkwuTEd6eV1KbzVTbERqTEZEalNGPG5kW1wuTEd6eV1KbzVTakBA"),-3))),kn(i.childNodes,function(e,t){fn(a,t),n.lhmnaCln.push(t)}),n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function s(e){var a=$("div");l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUGpAQA=="),-3))]=a,l[""+g(Hn(g("UX1QM1FEQEA="),-3))]=a,t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUGpAQA=="),-3))]=a,un(a,"tsIZux col-xs-12 loc lhmnaHid"),e.nextSibling?fn(e.nextSibling,a):en(e.parentNode,a),n.lhmnada6c4.w[7344]=a,O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){hn(n,"margin-bottom","10px","");var a=bn(".article ~*> .offerteaser-box");a&&(Tn(a,"afterEnd",n),hn(n,"padding-left","0","")),bn(".ob-smartfeed-wrapper")&&hn(n,"clear","both","")}}],a,7344),n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function f(e){var a=$("div");l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUG88V2VKPDNmekBA"),-3))]=a,l[""+g(Hn(g("UX1QM1B6QEA="),-3))]=a,t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUG88V2VKPDNmekBA"),-3))]=a,un(a,"lhmnaHid"),fn(e,a),n.lhmnada6c4.w[7343]=a;var i=$("div");nn(i,""+g(Hn(g("U0pVc2dsRX1nS292XVczbFw1e29cW0w5TEpNeWdKajpMS0VrXUpVc2VwZndlSllwZ0dyalBXRXpoR3ZsU2xEakxGRGpTSlVzZ2xFfWdLb3ZdVzNsXXA8eGdGNH1kW3NvUmxEe09tWXxdWjM6XXA8eGdGNDZdWm9xZEtUOUxKTXllSlQ6XDU8dmU2TDlMRlB6UEdEOmZKSW5dSm94XXw0bGU2VTNlNTM5TEdnemhHd3dcW01xZFo3d1xwPDNnSjx3UmxEe1BLRTdSNlVvaEtUd2dLTWtlcVFwZTZNd1JsRTRmS0VvZnBRa2Y1WDpMbThFZ1pRckxKb3hnSll8XVtRfVxaODNTRjxuZFtcLkxGRGpMRkQ7XUpvNVNsRGpMRkRqTEZEakxHe25kW1xqXDV7a2Y2UDxMcVFwXFo8bGRtSGxTbEQ7TzVVc2dtN2pMRkRqTEZEakxGRDtdSm81TEpRdlxbUX1TVk19XXBJeVxwcnxMbTdqU0Y8bmRbXC5MRkRqTEZEakxGRGpTSlVzZ2xFbWVKSX1mfTNsZjVda2U1TXRQfEwuTEd6eV1KbzVTbERqTEZEakxGRGpMR3tuZFtcalw1e2tmNlA8THFRcFxaPGxkbVRsU2xEO081VXNnbTdqTEZEakxHenldSm81U2xEO081VXNnbTdA"),-3))),kn(i.childNodes,function(e,t){fn(a,t),n.lhmnaCln.push(t)}),n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}function p(e){var a=$("div");l[""+g(Hn(g("WTVJdmVLRWtmSll8WzRnfFxbRXpdW0xA"),-3))]=a,l[""+g(Hn(g("UW1UOFBUQEA="),-3))]=a,t[""+g(Hn(g("WTVJdmVLRWtmSll8WzRnfFxbRXpdW0xA"),-3))]=a,un(a,"gywcjx lhmnaHid"),fn(e,a),n.lhmnada6c4.w[6491]=a,n.lhmnaCln.push(a),n.lhmna9c2Dn&&gn(a,"lhmnaHid")}!function(e){if(!n.lhmnad62Mobile){var t=a(""+g(Hn(g("TDVReWVxVW9lcVRqU2xFbmRbXGpTbER4XDU8eGdKSXNlcFl8T0ZEbVw1PHhnSll4Z0ZELkxGOHJlNTRvT0ZEbVw1PHhnSll4Z0ZELkxGOG1lNTgzXFpveF1bTEA="),-3)),"");t&&e(t)}}(i),function(e){if(!n.lhmnad62Mobile){var t=a(""+g(Hn(g("T3BReWVGNDdmfDN7UGw4bWU1endlSmZ3UUY4emdae3ZPW2t9T1tNc101azNPcVVvXFtRb2ZsempMRlF6ZnA8d2V9SHdcNTx4Z0pJc2VwWXxPWlVvZjV3M2U2RGpTbERtXUpdek9aNDNdakBA"),-3)),"");t&&e(t)}}(h),function(e){if(!n.lhmnad62Mobile){var t=a(""+g(Hn(g("T3BReWVGNDdmfDN7UGw4bWU1endlSmZ3UUY4emdae3ZPW2t9T1tNc101azNPcVVvXFtRb2ZsRC5MR3NwZFtNfWdGNG1kSm92XUZ6akw2TW9cNlVrZXBndl1WNG1lNTgzXFpveF1bTHddSll9ZDZVeWZEQEA="),-3)),"");t&&e(t)}}(d),function(e){if("/"!==location.pathname&&!n.lhmnad62Mobile){var t=a(""+g(Hn(g("T3BJfGdKb21lSlhqWjVrfF1aXDxMbFFtZTU0d11aODNmfE1n"),-3)),"");t&&e(t)}}(r),function(n){var e=l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUFRAQA=="),-3))];e&&n(e)}(o),function(e){if("/"!==location.pathname&&!n.lhmnad62Mobile){var t=a(""+g(Hn(g("T3FNeWd8RC5MRjhrZnFVc1w1e28="),-3)),"");t&&e(t)}}(s),function(n){var e=l[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94WzRnfFxbRXpdW01pUGpAQA=="),-3))];e&&n(e)}(f),function(t){if((n.innerWidth||e.documentElement.clientWidth||e.body.clientWidth)>=980){var l=a(""+g(Hn(g("TDVReWVxVW9lcVRqU2xFbmRbXGpTbER4XDU8eGdKSXNlcFl8T0ZEbVw1PHhnSll4Z0ZELkxGOHJlNTRvT0ZEbVw1PHhnSll4Z0ZELkxGOG1lNTgzXFpveF1bTEA="),-3)),"");l&&t(l)}}(p)}function U(t,l){function i(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"o5{u}n5rq|b5;;6;{<;6731msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(847,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("VG5vUFdEQEA="),-3))]=f,jn(f,"DreJlLyKv"),un(f,"RMjCUvYCXP lhmnaHid");var p=r;n.lhmnaa27Am[847]&&(_(n.lhmnaa27Am[847]),n.lhmnaa27Am[847]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[847]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(847==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"t:w6ihzmgvb:<;69{:88<71msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+";rljx9utu6b6::5:{43<831msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7{xx8g4fjpb96595{674551msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tumjog{;k{b78:;4{<54631msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"x<eh8mugfjb567;8{<<66:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"z;tw:o9uxyb;3;3:{548651msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7<qu}hvlt;b45745{4;8451msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qv}ozo8f6qb96;39{74<531msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"jxyr}nvmy;b53:79{;:5:71msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8wisv|xz;lb558:;{794441msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"f|t};p6nshb49363{578831msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"msjz;9|;}9b7844;{486751msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4q9z|<;7e:b;6393{6539;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":3uzmp79s4b464:7{;;34:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"oj47ojeez;b48:4:{496751msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"fwlsqf{}oeb5:<75{48:;41msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"fgsnxufnxvb<8936{<59871msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"t<o8{thrw|b47833{48;681msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zfspn}<gopb88<5:{893:71msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"exiju<|s:gb69978{5:5631msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e4uxttfmnmb687;<{<74:81msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"mz{wvwuossb;;496{8956;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6|sx:ihmf:b5<88;{<34;;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"vqkn59uenrb:95<3{944;<1msj",-3)],s=d[12*o(1*a.y/this.offsetHeight)+o(12*a.x/this.offsetWidth)],f=r[12*o(1*a.y/this.offsetHeight)+o(12*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),fn(s,f),n.lhmnada6c4.a[847]=f,n.lhmnaCln.push(f),O([{applyAdText:!0}],f,847),Pn(f,847,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"484nkfppyxb:5;6:{:884:1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(847,a,!0)}}},function(){Z(847,a,!1)})}function r(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"u|zy365l|zb4;69<{4:<7:1msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(2583,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("VVtrbWVLWX1kW11vWzNNRVQzdkA="),-3))]=f,jn(f,"ftgKejs"),un(f,"lhmnaHid");var p=r;n.lhmnaa27Am[2583]&&(_(n.lhmnaa27Am[2583]),n.lhmnaa27Am[2583]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[2583]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(2583==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9j{e{nt5lfb<3777{;<3<61msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"m}vlmli7w:b63:44{958661msj",-3)],s=d[1*o(1*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(1*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),s.firstChild?fn(s.firstChild,f):en(s,f),n.lhmnada6c4.a[2583]=f,n.lhmnaCln.push(f),O([{selector:"footer#footer",cssApply:{"margin-top":"0"}},{selector:"#content",cssApply:{"margin-bottom":"0"}}],f,2583),Pn(f,2583,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xg}xmpnf6yb6;373{776<91msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(2583,a,!0)}}},function(){Z(2583,a,!1)})}function s(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<}ygpj9s<vb6<736{;;9351msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(2581,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("VVtrbWVLWX1kW11vWzN7b11xVEA="),-3))]=f,jn(f,"qEpeMEfKdE"),un(f,"QMbAlRLgvZ lhmnaHid");var p=r;n.lhmnaa27Am[2581]&&(_(n.lhmnaa27Am[2581]),n.lhmnaa27Am[2581]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[2581]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(2581==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"hj8r7mnz4}b78363{4:4571msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"gt5<8p6wotb<896;{:;57:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zx|<nool4}b;;656{<;7;51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<x<stu8oy5b79984{77<731msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"u6pep<us<eb48364{48<3<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":uh;tl{{o7b:3738{437691msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"gilrw}sqv6b<;53:{4::681msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<5zh43swzhb8<<38{8:;;;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"gzz|q<gmj7b94838{6697<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4t;hsyl89nb579;<{6743<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"rtjgj8h}uwb<3885{95;931msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<s3uzgopypb::794{8:63<1msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[2581]=f,Pn(f,2581,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"k99y64vvhmb69;77{7<57:1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(2581,a,!0)}}},function(){Z(2581,a,!1)})}function f(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"hgti<s3ff3b667:8{889:51msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(2582,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("VVtrbWVLWX1kW11vWzRNc101azM="),-3))]=f,jn(f,"QgkbVoAu"),un(f,"eloHCxyV lhmnaHid");var p=r;n.lhmnaa27Am[2582]&&(_(n.lhmnaa27Am[2582]),n.lhmnaa27Am[2582]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[2582]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(2582==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}} + var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"k5iyq9fq3ub;3;38{4:<571msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"pwplm{;:9tb964:3{783:31msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7m89vut:jgb6:973{634841msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":q:ytj579;b4456<{687;61msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"68:3n||zr{b<<98;{:;:981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"wl7fngp:vyb;8996{697771msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ok4nik6g5rb48546{99;<51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6yk}:qqm46b48;;;{493771msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"g3:ukox6h7b;:75<{7598;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"wreejwimj3b;73<8{468;91msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"|5sg|59q3|b7;5:5{68;861msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8|8h;|m3hgb<84<6{:755:1msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[2582]=f,Pn(f,2582,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"sr}9iknx9ub73584{;947;1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(2582,a,!0)}}},function(){Z(2582,a,!1)})}function p(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":}wwn{}yhqb6;;59{;5;4:1msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(2580,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("VVtrbWVLWX1kW11vWzRVeWZEQEA="),-3))]=f,jn(f,"bvNzbVMZ"),un(f,"lhmnaHid");var p=r;n.lhmnaa27Am[2580]&&(_(n.lhmnaa27Am[2580]),n.lhmnaa27Am[2580]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[2580]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(2580==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"mmpsuw5x4;b769<6{467531msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"t36f6rxel8b;<46:{;96351msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"pkkhyo:r}pb47669{:658<1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4u}g457}s6b784::{785981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6k}vfmrnh:b<<655{48;<51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"n8nlw<jzo<b:8<8<{:34851msj",-3)],s=d[3*o(1*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)],f=r[3*o(1*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[2580]=f,O([{selector:".home > .topbar",cssApply:{"margin-bottom":"0"}}],f,2580),Pn(f,2580,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6l47}3f7||b4:436{<46971msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(2580,a,!0)}}},function(){Z(2580,a,!1)})}function m(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xm;nqk5r5xb:554<{7:;;51msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(9278,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("V1o8bGRae29bMzRWWzM0c11KVXZdV0hA"),-3))]=f,jn(f,"SwbnzzxtA"),un(f,"lhmnaHid");var p=r;n.lhmnaa27Am[9278]&&(_(n.lhmnaa27Am[9278]),n.lhmnaa27Am[9278]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[9278]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(9278==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ynv:ke|unib68<4;{69;471msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9g8j{qrxv|b5<686{:::7;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"z3gmkp5i:ib9597:{;;83:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"i76nh9z|y}b<;:86{<75641msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4mz7s3qor;b<438:{7;3791msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"yro9}w7;wsb4;367{<489;1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"jprm<||ofsb<;36;{58;<51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"5n:m8jyyorb45373{7446<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":n5}fo|83qb6695<{:93981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tl<uif|:gob836;3{947961msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"f|3iwrfh7mb<8:;8{457<<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+";nl}e499yhb8;<57{7:3<;1msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),fn(s,f),n.lhmnada6c4.a[9278]=f,n.lhmnaCln.push(f),O([{applyAdText:!0}],f,9278),Pn(f,9278,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"nq86esk;lnb63559{<39;61msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(9278,a,!0)}}},function(){Z(9278,a,!1)})}function c(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qeqf|vxyq<b5<939{;688:1msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(9279,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("V1o8bGRae29bMzRWWzM0c11KVXZdV0xA"),-3))]=f,un(f,"OzjTuB lhmnaHid");var p=r;n.lhmnaa27Am[9279]&&(_(n.lhmnaa27Am[9279]),n.lhmnaa27Am[9279]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[9279]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(9279==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xn35s635}|b:::44{9769<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"kxl:p}m:65b;5;::{8;95:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zj|i{9:i<}b485<9{634::1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"}uuoup<;job<78;8{987981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"wzuvwhk<f4b43<99{45<341msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"t:|9yynsl:b63<93{4:<471msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6wmplzsmqjb755:8{<96:41msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6vni76vtmjb<4;33{69<5;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zj6vopk86xb63535{4:8341msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e4}|h:4hw}b;;;9<{6:45<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"kpoluovto7b855;:{8:7;<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"nuot}qrnrnb:<:;8{6937;1msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),fn(s,f),n.lhmnada6c4.a[9279]=f,n.lhmnaCln.push(f),O([{applyAdText:!0}],f,9279),Pn(f,9279,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ju79enviifb<6739{4<;471msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(9279,a,!0)}}},function(){Z(9279,a,!1)})}function v(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"h{tnznmyrtb;365<{97;351msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(9280,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("V1o8bGRae29bMzRWWzM0c11KVXZdV1BA"),-3))]=f,jn(f,"lzDAKWGwpX"),un(f,"uuAQuTrNnf lhmnaHid");var p=r;n.lhmnaa27Am[9280]&&(_(n.lhmnaa27Am[9280]),n.lhmnaa27Am[9280]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[9280]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(9280==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"wzfrn}xj:9b4;939{59<:<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tqw;f6x9<jb547<7{58<:;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qgti4fku::b8;<<<{65:351msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{ugtm7{jpqb:;364{6779:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"jxli;gtu5hb48388{<745;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"r:ni|8n<75b68385{56;<31msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"jehizopensb99;35{:67761msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"gj9et}{{upb7<434{7;63<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"sf}z:r3:rhb94<;6{<;7:91msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"g5n|fqvf8;b;469<{586371msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"z<iwrve|:fb;9666{:6:7<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"y:ylowkj6qb46864{7539:1msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),fn(s,f),n.lhmnada6c4.a[9280]=f,n.lhmnaCln.push(f),O([{applyAdText:!0}],f,9280),Pn(f,9280,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"sour}<ohzib55386{794<71msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(9280,a,!0)}}},function(){Z(9280,a,!1)})}function u(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"u{t|vgp}34b69;:6{7:3981msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(456,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("V1lNaVdab25dSntv"),-3))]=f,un(f,"vUImAkjg lhmnaHid");var p=r;n.lhmnaa27Am[456]&&(_(n.lhmnaa27Am[456]),n.lhmnaa27Am[456]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[456]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(456==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"i6w<jxvw;ub84;3;{5655<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xphiyt9l7ob<8;;3{6893:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"eqhrknpxfpb43:33{4898<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"|3oj7g:yh}b784:;{7953:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{:wsq<gns6b68878{5<65<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"m9v998gn3jb;3<38{;<:::1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"y5h9t83x|pb4<64;{775471msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9oyxg}:juub<4<44{977341msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ph6<h7fx<;b65;89{865471msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9yp|}5h:|nb<75:7{:54981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4qr|ilfok<b:5;34{:37741msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"hk:n;x8ek7b43864{:;4561msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[456]=f,Pn(f,456,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e<h{}tn5;ob66455{573;:1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(456,a,!0)}}},function(){Z(456,a,!1)})}function j(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"m<m;<}x37{b73746{874461msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(455,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("V1lNaVlKPHo="),-3))]=f,jn(f,"ZsxOTC"),un(f,"MhrUFOGf lhmnaHid");var p=r;n.lhmnaa27Am[455]&&(_(n.lhmnaa27Am[455]),n.lhmnaa27Am[455]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[455]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(455==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"v|;set85{4b47488{:93851msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4r9{y4qmgvb5<:47{4;3981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9mvi9jilzub;:4<5{;66541msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ujfl}<esj3b<6:<4{993:;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xik<szen:4b4:57<{5389:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<5y68m7x8pb95997{7:9381msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8jr8mms3;mb9:8:9{<64651msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{shirz4ky:b<<5;5{4:7871msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"hguv{6i<xhb;7:94{4675;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"u9w|8njeeeb55;;4{545691msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9x9fwkmf8rb;;43<{:59361msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"nz:i5v{liqb449<:{45;;91msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[455]=f,Pn(f,455,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"|3ro4q9k};b4356<{::9381msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(455,a,!0)}}},function(){Z(455,a,!1)})}function b(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7sffqe{vxfb8<9:;{663981msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(454,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDN3XVs0TXNdNWsz"),-3))]=f,jn(f,"rMDLMgS"),un(f,"VqkIHiH lhmnaHid");var p=r;n.lhmnaa27Am[454]&&(_(n.lhmnaa27Am[454]),n.lhmnaa27Am[454]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[454]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(454==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"69u6mhl6f:b95655{595891msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"i7{you<hu8b:;:37{9<6841msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"lollogvlm8b:77;4{<545;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"974wfpw5wjb43<7;{8;39<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"99s3p{p9i8b44746{796861msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xwk67jqlgrb69356{4:;7<1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"x5pygk76y6b6<7;:{447851msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"yw39wkpjnnb5835:{446671msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"}<rou<kxs6b:78<9{5537;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":s{38u}<7|b:43;4{:54<51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"slx}lq9yq8b7977<{;;3661msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"}s4zx54n|nb<9<63{578341msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),fn(s,f),n.lhmnada6c4.a[454]=f,n.lhmnaCln.push(f),Pn(f,454,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"xhnzsf|<s7b5<;8;{7:3461msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(454,a,!0)}}},function(){Z(454,a,!1)})}function w(e,t,l){var i=a(""+g(Hn(g("T3FRcFxaPGxkbURA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(7345,!e,!1)}function x(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4q}48|jo4sb43;3;{9654;1msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(7345,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94W31Id1FZO3xoR1BA"),-3))]=f,un(f,"sGaBVbhp lhmnaHid");var p=r;n.lhmnaa27Am[7345]&&(_(n.lhmnaa27Am[7345]),n.lhmnaa27Am[7345]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[7345]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(7345==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"m7u5n}{}w{b746<;{<<6771msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8qi}m7l5o3b64376{4<;781msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+";o;q4gq7ltb8;;98{8<7571msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zkqhz6<pv8b45:49{;;;551msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"kph<ejq|iib73477{4:39;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4ut|vx6ieub7:8;3{<;54:1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qee8m{6girb68377{95:7;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":|pql9;ookb6886<{93::51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"f3zon4jlwzb895<<{;6<961msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ghvsikv8rvb;5<7;{949351msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"}3oe:lsogqb94<96{4:6581msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9j}8yel34vb9<446{489471msj",-3)],s=d[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)],f=r[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[7345]=f,n.lhmnaCln.push(f),O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){bn(".ob-smartfeed-wrapper")&&kn(wn(".ob-smartfeed-wrapper > .OUTBRAIN"),function(n,e){hn(e,"display","none")})}}],f,7345),Pn(f,7345,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9okl:36so}b:76:7{<;9941msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(7345,a,!0)}}},function(){Z(7345,a,!1)})}function y(e,t,l){var i=a(""+g(Hn(g("T3FRcFxaPGxkbUhA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(7347,!e,!1)}function R(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7j8}s{wr6nb73;75{43<3;1msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(7347,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94W31Md1FZO3toR0xA"),-3))]=f,un(f,"rqIbUDfir lhmnaHid");var p=r;n.lhmnaa27Am[7347]&&(_(n.lhmnaa27Am[7347]),n.lhmnaa27Am[7347]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[7347]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(7347==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"y<jw7qy::ob;869:{;:57<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7yr:<8p:wub6;697{4347:1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"5:xug8v8||b<;43;{49:561msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"}}v6y838tsb84;:6{7<;731msj",-3)],s=d[2*o(1*a.y/this.offsetHeight)+o(2*a.x/this.offsetWidth)],f=r[2*o(1*a.y/this.offsetHeight)+o(2*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[7347]=f,n.lhmnaCln.push(f),O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){bn(".ob-smartfeed-wrapper")&&kn(wn(".ob-smartfeed-wrapper > .OUTBRAIN"),function(n,e){hn(e,"display","none")})}}],f,7347),Pn(f,7347,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qkus3q::{mb696<4{589471msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(7347,a,!0)}}},function(){Z(7347,a,!1)})}function k(e,t,l){var i=a(""+g(Hn(g("T3FRcFxaPGxkbUxA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(7346,!e,!1)}function W(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"frxr5qhhzhb66:;<{95:;31msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(7346,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94W31Qd1FZO3xoR1BA"),-3))]=f,jn(f,"owgFWcyUTT"),un(f,"iwonUq lhmnaHid");var p=r;n.lhmnaa27Am[7346]&&(_(n.lhmnaa27Am[7346]),n.lhmnaa27Am[7346]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[7346]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(7346==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"|gt9zl7p3pb:<:;9{4<9931msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"efonu54gt5b<;53<{4;9;71msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zzs6xkg|ngb48669{4:5761msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"x<um6lgrlrb<5;88{868<81msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"p7}zu4}s5:b;<:96{:<6771msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"pr<;45yll<b;5<74{7<87:1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e7ikens}:xb77<75{773;;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<mwyklzj63b5;473{;4;981msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+";|ljw6}gkpb5:873{<944<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7l7f:fiifrb6<467{;43971msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"o3lejmp6tyb:8765{:59661msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"hy5}ksz<efb54:5;{4;6851msj",-3)],s=d[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)],f=r[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[7346]=f,n.lhmnaCln.push(f),O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){bn(".ob-smartfeed-wrapper")&&kn(wn(".ob-smartfeed-wrapper > .OUTBRAIN"),function(n,e){hn(e,"display","none")})}}],f,7346),Pn(f,7346,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tzrg6e}4xub<369<{8<:861msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(7346,a,!0)}}},function(){Z(7346,a,!1)})}function A(e,t,l){var i=a(""+g(Hn(g("T3FRcFxaPGxkbVBA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(7348,!e,!1)}function F(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e5:wm6ykskb<8764{957631msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(7348,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94W31Ud1FZO3toR0xA"),-3))]=f,jn(f,"HvfqqYDE"),un(f,"rUEHIInSN lhmnaHid");var p=r;n.lhmnaa27Am[7348]&&(_(n.lhmnaa27Am[7348]),n.lhmnaa27Am[7348]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[7348]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(7348==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"lo;rsu<em9b688:;{757731msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"};e;77hm8jb:7769{;<9331msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"i<y6oxq|m;b478;6{539741msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8reimliy}kb63;96{97;;81msj",-3)],s=d[2*o(1*a.y/this.offsetHeight)+o(2*a.x/this.offsetWidth)],f=r[2*o(1*a.y/this.offsetHeight)+o(2*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[7348]=f,n.lhmnaCln.push(f),O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){bn(".ob-smartfeed-wrapper")&&kn(wn(".ob-smartfeed-wrapper > .OUTBRAIN"),function(n,e){hn(e,"display","none")})}}],f,7348),Pn(f,7348,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<xr|8nu:zzb47<85{467541msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(7348,a,!0)}}},function(){Z(7348,a,!1)})}function z(e,t,l){var i=a(""+g(Hn(g("T3FRcFxaPGxkbVRA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(7349,!e,!1)}function E(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"sn4rxwlu{yb53435{48:481msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(7349,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WDM0RVhvVUpVWFlIWzM8NGdKTXxcWm94W31Yd1FZO3xoR1BA"),-3))]=f,un(f,"sVzkvQvsVD lhmnaHid");var p=r;n.lhmnaa27Am[7349]&&(_(n.lhmnaa27Am[7349]),n.lhmnaa27Am[7349]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[7349]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(7349==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"879eq6o{|{b:9763{83:<;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"j}srein|7tb64698{966961msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"9e73elzgetb;<577{:87641msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"pzf6izi973b6<::6{<6:471msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4rxj8rfwpzb;365<{<77781msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<;kezret|{b:6655{;5<9<1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zm:{ekn9:ob9;85:{8;34:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8og8}7uft8b:<;65{55::51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qmeykml}}fb<4358{<79:71msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"5n7w<:zgzlb96;75{9:<:61msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"h<8rfr57|eb:<6:5{;73341msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{n5|y3{6nrb54<7;{<77<:1msj",-3)],s=d[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)],f=r[3*o(2*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[7349]=f,n.lhmnaCln.push(f),O([{selector:".article > .OUTBRAIN[data-widget-id]",cssApply:{display:"none"}},{function:function(n,e){bn(".ob-smartfeed-wrapper")&&kn(wn(".ob-smartfeed-wrapper > .OUTBRAIN"),function(n,e){hn(e,"display","none")})}}],f,7349),Pn(f,7349,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{el|p<mew3b:333<{568;:1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(7349,a,!0)}}},function(){Z(7349,a,!1)})}function N(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"fijy<|6<lsb74795{::;751msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(4086,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WTVJdmVLRWtmSll8WzNNRVQzdkA="),-3))]=f,jn(f,"CGhSnAilG"),un(f,"lhmnaHid");var p=r;n.lhmnaa27Am[4086]&&(_(n.lhmnaa27Am[4086]),n.lhmnaa27Am[4086]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[4086]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(4086==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"gnogy5gv4sb9555:{5433:1msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"i;<};j8kznb<:778{443931msj",-3)],s=d[1*o(1*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(1*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),s.firstChild?fn(s.firstChild,f):en(s,f),n.lhmnada6c4.a[4086]=f,n.lhmnaCln.push(f),Pn(f,4086,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ujx<}<r<45b77;9<{<83;81msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(4086,a,!0)}}},function(){Z(4086,a,!1)})}function T(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"yr46<<9kh5b8;979{439591msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(3918,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WTVJdmVLRWtmSll8WzRNc101azM="),-3))]=f,un(f,"ANOvigvLf lhmnaHid");var p=r;n.lhmnaa27Am[3918]&&(_(n.lhmnaa27Am[3918]),n.lhmnaa27Am[3918]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[3918]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(3918==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}}var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"l{qj8g4ip{b::54<{764;81msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"f;y9i{pn7{b:7347{9678<1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"85rzw4{7xnb6<3:<{<98571msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tjp;79e63ub63<39{788<91msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8eymzxl6q;b87:65{44<<81msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"{5o;j|3y:7b4<556{476<71msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6rlvm5}hj5b9:55;{694:51msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"kwxtt73tuxb95:<:{643:;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"m54y<:uor|b;58<8{:635;1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zlzz|gzilrb6457;{7<6<91msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"74qsttk998b:433<{;64<41msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"wuwyppnkg|b4<:56{9:7791msj",-3)],s=d[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)],f=r[1*o(6*a.y/this.offsetHeight)+o(1*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[3918]=f,Pn(f,3918,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"e6y4kf4tehb6937;{8;;671msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(3918,a,!0)}}},function(){Z(3918,a,!1)})}function X(e,a,l,i){l||xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"7ooe{<m75sb49:63{<5;;31msj",-3),function(){if(!l){l=!0;var r=this;if(r.height<2)return void Z(3919,a,!1);if(i==n.lhmnafa2Rnd){var s=e,f=$("div");t[""+g(Hn(g("WTVJdmVLRWtmSll8WzRVeWZEQEA="),-3))]=f,un(f,"sfEKoNJb lhmnaHid");var p=r;n.lhmnaa27Am[3919]&&(_(n.lhmnaa27Am[3919]),n.lhmnaa27Am[3919]=!1),d(p,function(e,a){if(!n.lhmnaa44Pc[3919]){e.preventDefault(),e.stopPropagation();for(var a=h(e,this),t=0;t<n.lhmna701Oc.length;t++){var l=n.lhmna701Oc[t];if(3919==l.p&&a.x>=l.x&&a.x<l.x+l.w&&a.y>=l.y&&a.y<l.y+l.h){if(l.u){var i=l.t.length>0?l.t:"_self";i=0==e.button&&e.ctrlKey?"_blank":i,Vn(n,l.u,l.u,i,!0)}return}} + var d=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":;ynwitvxfb68:5<{478;:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+":|t889h9oyb6<3<<{<8::41msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+";y}48;4r3<b8:<3;{4:4<41msj",-3)],r=[Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"qjw<oyqsowb95<33{537781msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"j:o8<kkux<b87994{783471msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ivs7r7xhh9b95:38{<58991msj",-3)],s=d[3*o(1*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)],f=r[3*o(1*a.y/this.offsetHeight)+o(3*a.x/this.offsetWidth)];Vn(n,s,f,0==e.button&&e.ctrlKey?"_blank":"_self")}}),en(f,r),en(s,f),n.lhmnada6c4.a[3919]=f,Pn(f,3919,Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"95<t5h9;6yb4;<:8{846<:1msj",-3)),n.lhmna9c2Dn&&gn(f,"lhmnaHid"),Z(3919,a,!0)}}},function(){Z(3919,a,!1)})}n.lhmna120Ptl=14,n.lhmnae1cPl=0,function(e,t,l){if(n.lhmnad62Mobile)l(847,!e,!1);else{var i=a(""+g(Hn(g("T3A0a2RaN3hnNUk4Zko8c2VxVEA="),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(847,!e,!1)}}(!1,i,Z),function(e,t,l){if(n.lhmnad62Mobile)l(2583,!e,!1);else{var i=a(""+g(Hn(g("TDVReWVxVW9lcVRA"),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(2583,!e,!1)}}(!1,r,Z),function(e,a,t){var i=l[""+g(Hn(g("VVtrbWVLWX1kW11vWzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(2581,!e,!1)}(!1,s,Z),function(e,a,t){var i=l[""+g(Hn(g("VVtrbWVLWX1kW11vWzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(2582,!e,!1)}(!1,f,Z),function(e,a,t){var i=l[""+g(Hn(g("VVtrbWVLWX1kW11vWzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(2580,!e,!1)}(!1,p,Z),function(t,l,i){if(n.lhmnad62Mobile&&700>=(n.innerWidth||e.documentElement.clientWidth||e.body.clientWidth)){var h=a(""+g(Hn(g("TDVVcGZGNGtnSlxA"),-3)),"");h?l(h,!t,!1,n.lhmnafa2Rnd):i(9278,!t,!1)}else i(9278,!t,!1)}(!1,m,Z),function(t,l,i){if(n.lhmnad62Mobile&&700>=(n.innerWidth||e.documentElement.clientWidth||e.body.clientWidth)){var h=a(""+g(Hn(g("TDVVcGZGNHdnSlxA"),-3)),"");h?l(h,!t,!1,n.lhmnafa2Rnd):i(9279,!t,!1)}else i(9279,!t,!1)}(!1,c,Z),function(t,l,i){if(n.lhmnad62Mobile&&700>=(n.innerWidth||e.documentElement.clientWidth||e.body.clientWidth)){var h=a(""+g(Hn(g("TDVVcGZGNHBlNTwzXVtMQA=="),-3)),"");h?l(h,!t,!1,n.lhmnafa2Rnd):i(9280,!t,!1)}else i(9280,!t,!1)}(!1,v,Z),function(e,a,t){var i=l[""+g(Hn(g("V1lNaVdab25dSntvWzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(456,!e,!1)}(!1,u,Z),function(e,a,t){var i=l[""+g(Hn(g("V1lNaVlKPHpbNGd8XFtFel1bTEA="),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(455,!e,!1)}(!1,j,Z),function(e,t,l){if(n.lhmnad62Mobile)l(454,!e,!1);else{var i=a(""+g(Hn(g("T3A0a2RaN3hnNUk4Zko8c2VxVEA="),-3)),"");i?t(i,!e,!1,n.lhmnafa2Rnd):l(454,!e,!1)}}(!1,b,Z),V(7345,function(){var e=!0,t=a(""+g(Hn(g("T3FRcFxaPGxkbURA"),-3)),"");return e=e&&t,e=e&&e.getBoundingClientRect().top-n.innerHeight<=800},function(){w(!0,x,Z)}),V(7347,function(){var e=!0,t=a(""+g(Hn(g("T3FRcFxaPGxkbUhA"),-3)),"");return e=e&&t,e=e&&e.getBoundingClientRect().top-n.innerHeight<=500,e=e&&(n.lhmnada6c4.f[7345]||n.lhmnada6c4.w[7345]||n.lhmnada6c4.a[7345])},function(){y(!0,R,Z)}),V(7346,function(){var e=!0;e=e&&(n.lhmnada6c4.f[7347]||n.lhmnada6c4.w[7347]||n.lhmnada6c4.a[7347]);var t=a(""+g(Hn(g("T3FRcFxaPGxkbUxA"),-3)),"");return e=e&&t,e=e&&e.getBoundingClientRect().top-n.innerHeight<=500},function(){k(!0,W,Z)}),V(7348,function(){var e=!0,t=a(""+g(Hn(g("T3FRcFxaPGxkbVBA"),-3)),"");return e=e&&t,e=e&&e.getBoundingClientRect().top-n.innerHeight<=500,e=e&&(n.lhmnada6c4.f[7346]||n.lhmnada6c4.w[7346]||n.lhmnada6c4.a[7346])},function(){A(!0,F,Z)}),V(7349,function(){var e=!0;e=e&&(n.lhmnada6c4.f[7348]||n.lhmnada6c4.w[7348]||n.lhmnada6c4.a[7348]);var t=a(""+g(Hn(g("T3FRcFxaPGxkbVRA"),-3)),"");return e=e&&t,e=e&&e.getBoundingClientRect().top-n.innerHeight<=500},function(){z(!0,E,Z)}),function(t,l,i){if((n.innerWidth||e.documentElement.clientWidth||e.body.clientWidth)>=980){var h=a(""+g(Hn(g("XHA8bmhUQEA="),-3)),"");h?l(h,!t,!1,n.lhmnafa2Rnd):i(4086,!t,!1)}else i(4086,!t,!1)}(!1,N,Z),function(e,a,t){var i=l[""+g(Hn(g("WTVJdmVLRWtmSll8WzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(3918,!e,!1)}(!1,T,Z),function(e,a,t){var i=l[""+g(Hn(g("WTVJdmVLRWtmSll8WzRnfFxbRXpdW0xA"),-3))];i?a(i,!e,!1,n.lhmnafa2Rnd):t(3919,!e,!1)}(!1,X,Z),(n.lhmnaautorecov||n.lhmna7daFlags.autoRecov)&&qn(),H()}function H(){n.lhmna7daFlags.skipcln||(kn(wn(".leaderboard"),function(n,e){mn(e)}),kn(wn('b + [id ^= "div-gpt-ad-"]'),function(n,e){e.className.indexOf(" lhmnaHid")<0&&(e.className+=" lhmnaHid")}),kn(wn("#dfp-spacer"),function(n,e){e.className.indexOf(" lhmnaHid")<0&&(e.className+=" lhmnaHid")}),kn(wn("#lbSpacer"),function(n,e){e.className.indexOf(" lhmnaHid")<0&&(e.className+=" lhmnaHid")}),kn(wn(".row.ads-row#dfp-header-container"),function(n,e){e.className.indexOf(" lhmnaHid")<0&&(e.className+=" lhmnaHid")}))}function Z(e,a,t){t||(n.lhmnada6c4.f[e]=!0),a&&++n.lhmnae1cPl==n.lhmna120Ptl&&(_(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"g|9x6o:}7qb7:<;9{;37561msj",-3)),Yn=!1)}function S(){return n.lhmna7daFlags.nwbb2lst=!0,n.lhmna7daFlags.video=/video=true/.test(location.search),n.lhmna7daFlags.goForImageAndIframeRecovery=/\/videos/.test(location.pathname),!0}function _(e){var a=$("iframe");en(ee,a),n.lhmna7daFlags.rsp&&(a.referrerPolicy="unsafe-url"),a.src=e,a.style.width="2px",a.style.height="2px",setTimeout(function(){a.style.display="none"},5e3),n.lhmnaCln.push(a)}function D(e,a){if(n.lhmna4efTrack)return!1;n.lhmna4efTrack=!0;var t=function(){On(this)?Yn=!1:A(n)},l=!1;!function(){if(e||a||l){n.lhmna7daFlags.nc=l,l&&n.lhmna7daFlags.ncab2ncna&&(a=!1),n.lhmna7daFlags.ab=a;var i=function(){function i(e){var a=!1;n.lhmnasc.crt=!1;var t=r(function(){a=!0},500);xn("https://static.criteo.net/images/pixel.gif?ch=2",function(){clearTimeout(t),a||e()},function(){xn("https://static.criteo.net/images/pixel.gif?ch=1",function(){clearTimeout(t),n.lhmnasc.crt=!0,a||e()},function(){clearTimeout(t),a||e()})})}try{!n.lhmna7daFlags.tcf||!n.lhmna7daFlags.tcf.purpose.consents[1]||!n.lhmna7daFlags.tcf.vendor.consents[539]||n.lhmna7daFlags.tcf.publisher&&n.lhmna7daFlags.tcf.publisher.restrictions&&n.lhmna7daFlags.tcf.publisher.restrictions[1]&&n.lhmna7daFlags.tcf.publisher.restrictions[1][539]?C()&&(document.cookie="xdefccpm=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"):n.lhmna7daFlags.pmcache&&!n.lhmna7daFlags.nopmcache&&(n.lhmnada6ctc.pm?document.cookie="xdefccpm=yes;max-age=300;path=/":document.cookie="xdefccpm=no;max-age=300;path=/")}catch(n){C()&&(document.cookie="xdefccpm=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;")}if(e)if(a){if(n.lhmna7daFlags.abrld&&!n.lhmna7daFlags.glblrld&&"function"==typeof K){n.lhmna7daFlags.glblrld=!0;var h=k(function(){R(h),K()},6e4)}Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"ymmoymh|l6b57:<<{<95:71msj",-3),t,t)}else if(n.lhmnanpm||n.lhmna7daFlags.npm)Yn=!1;else{if(!n.lhmna7daFlags.glblrld&&"function"==typeof K){n.lhmna7daFlags.glblrld=!0;var h=k(function(){R(h),K()},6e4)}Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"mzl4<w96y6b67865{449631msj",-3),t,t)}else if(a){if(n.lhmna7daFlags.abrld&&!n.lhmna7daFlags.glblrld&&"function"==typeof K){n.lhmna7daFlags.glblrld=!0;var h=k(function(){R(h),K()},6e4)}if(lhmnad62Mobile)Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"pflwgy7;fvb58399{56<:81msj",-3),t,t);else if(n.lhmna7daFlags.crt){if(n.lhmna7daFlags&&n.lhmna7daFlags.crt)try{b(n,"message",function(e){var a="pass",t="back",l="-ad";void 0===n.lhmnasc&&(n.lhmnasc=[]);try{e.data.indexOf(a+t+l+"-160x600")>-1&&(n.lhmnasc.skypb=!0),e.data.indexOf(a+t+l+"-728x90")>-1&&(n.lhmnasc.lbpb=!0),e.data.indexOf(a+t+l+"-300x250-2")>-1?n.lhmnasc.mr2pb=!0:e.data.indexOf(a+t+l+"-300x250-3")>-1?n.lhmnasc.mr3pb=!0:e.data.indexOf(a+t+l+"-300x250")>-1&&(n.lhmnasc.mrpb=!0),e.data.indexOf(a+t+l+"-800x250-2")>-1?n.lhmnasc.bbbtfpb=!0:e.data.indexOf(a+t+l+"-800x250-3")>-1?n.lhmnasc.bbbtf2pb=!0:e.data.indexOf(a+t+l+"-800x250")>-1&&(n.lhmnasc.ftpb=!0),e.data.indexOf(a+t+l+"-800x150")>-1&&(n.lhmnasc.bbpb=!0),n.lhmnasc.tsm[e.data]=!0}catch(n){}},!1);var d="Criteo";if(n["adslotFilledBy"+d]=function(e,a){n.lhmnasc[e]=a},!window.Criteo||"function"!=typeof window.Criteo.DisplayAcceptableAdIfAdblocked&&(void 0===window.lhmnaCrt||!window.lhmnaCrt)){var o=$("script");o.src="https://static.criteo.net/js/ld/publishertag.js",en(ee,o),o=$("script");var s="window";o.innerHTML=s+"."+d+" = "+s+"."+d+" || {}; "+s+"."+d+".events = "+s+"."+d+".events || [];",en(ee,o)}}catch(n){}var f=function(){n.lhmnasc.crt?Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"4x}hj{ixvnb99<53{438351msj",-3),t,t):Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"k84k}zxtvvb:;:39{4:8841msj",-3),t,t)};i(f)}else Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"k84k}zxtvvb:;:39{4:8841msj",-3),t,t)}else if(l){if(n.lhmna7daFlags.ncrld&&!n.lhmna7daFlags.glblrld&&"function"==typeof K){n.lhmna7daFlags.glblrld=!0;var h=k(function(){R(h),K()},6e4)}Rn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"8}4nzugys3b5;97<{;943<1msj",-3),t,t),n.lhmna7daFlags.ncna=!0}else Yn=!1},h=$("iframe");en(ee,h),n.lhmna7daFlags.rsp&&(h.referrerPolicy="unsafe-url"),h.src=Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"6:rxr<ozlgb:<3:9{767441msj",-3),h.style.width="2px",h.style.height="2px",setTimeout(function(){h.style.display="none"},5e3),n.lhmnaCln.push(h);var d=!1,o=function(n,e){e?h.contentWindow.postMessage({c:"consent",consent:n},"*"):h.contentWindow.postMessage({c:"consent",consent:{gdprApplies:!0,tcString:""}},"*"),void 0!==d&&d||(d=!0,i())};b(n,"message",function(n){if(null!==n.data&&"object"==typeof n.data){"fl"==n.data.c&&("undefined"!=typeof __tcfapi?(__tcfapi("addEventListener",2,o),__tcfapi("getTCData",2,o)):o(null,!1))}},!1)}else Yn=!1}()}function q(e){var a=function(){};"1"==e&&xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"x{j|8tzt{ib7:435{7;79<1msj",-3),a,a),"2"==e&&xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"r|q6up|8rgb::7:7{:74;;1msj",-3),a,a),"3"==e&&xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"r8x;79i;7;b7<8;8{64;;;1msj",-3),a,a),"4"==e&&xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"zohx6v<k}5b:484:{;496<1msj",-3),a,a)}function P(){n.lhmnada6cd3++,n.lhmnada6cd3==n.lhmnada6c1.length&&n.lhmnada6c2.length==n.lhmnada6cd3&&(n.lhmnada6ctc.ab=!0),n.lhmnada6cd3==n.lhmnada6c1.length&&(n.lhmnada6ctc.abd=!0),G()}function C(){return document.cookie.replace(/(?:(?:^|.*;\s*)xdefccpm\s*\=\s*([^;]*).*$)|^.*$/,"$1")}function G(){var e="";if(!n.lhmna7daFlags.nopmcache)try{e=C()}catch(n){}n.lhmna7daFlags.pmcache=!0,""!=e&&(n.lhmnada6ctc.pmd=!0,"yes"===e&&(n.lhmnada6ctc.pm=!0),n.lhmna7daFlags.pmcache=!1),n.lhmna7daFlags.pmasync&&(n.lhmnada6ctc.gn||n.lhmnada6ctc.ab)&&D(n.lhmnada6ctc.pm,n.lhmnada6ctc.gn||n.lhmnada6ctc.ab),n.lhmnada6ctc.abd&&n.lhmnada6ctc.pmd&&n.lhmnada6ctc.gnd&&D(n.lhmnada6ctc.pm,n.lhmnada6ctc.gn||n.lhmnada6ctc.ab)}function M(){L()}function L(){if(!n.lhmnab83Detect){n.lhmnab83Detect=!0,n.lhmnada6ctc.ab=!1,n.lhmnada6ctc.abd=!1,n.lhmnada6ctc.gn=!1,n.lhmnada6ctc.gnd=!1;var e=j();n.lhmnad62Mobile=e.match(/iPad/i)||e.match(/iPhone/i)||e.match(/iPod/i)||e.match(/Android/i),n.lhmnada6c1=[],n.lhmnada6co1=[],n.lhmnada6co1a=[],n.lhmnada6co2=[],n.lhmnada6co3=[],n.lhmnada6co3a=[],n.lhmnada6c2=[],n.lhmnada6cd3=0;try{0!=n.lhmnada6cd3&&(n.lhmnada6cd3=0)}catch(n){return void q(4)}n.lhmnada6c4={},n.lhmnada6c4.a={},n.lhmnada6c4.w={},n.lhmnada6c4.f={},n.lhmnada6c4.cb=!1,n.lhmnada6c5={},n.lhmnada6c5.e=0,n.lhmnada6c5.s=0,n.lhmnaecbij=!1;var a=(new Date).getTime(),t=function(){if(On(this))"function"==typeof RJRUETrkFailed&&RJRUETrkFailed(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"g:hh3wm;l:b86<44{:8;;91msj",-3),(new Date).getTime()-a);else if(n.lhmna7daFlags.bl7f0Up&&Xn(this)){var e=new XMLHttpRequest;e[g("YWRmX2lnbm9yZQ==")]="DU",e.responseType="text",e.open("GET",Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"44w}8n9}gub6<85;{;48:;1msj",-3),!0),e.setRequestHeader("Content-Type","text/plain"),e.onreadystatechange=function(){if(4===e.readyState&&200===e.status){var a=g(Hn(e.response,-3)),t=JSON.parse(a);JSON.stringify(t);n.lhmnada6co2=t.css,n.lhmnada6co3=t.generic,n.lhmnada6co3a=t.altGeneric,n.lhmnada6co1=t.url,n.lhmnada6co1a=t.altUrl,B()}},e.send()}else Xn(this),B()};n.lhmnad62Mobile?xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"vv3w9vlhgzb4<;<;{435751msj",-3),t,t):xn(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"g:hh3wm;l:b86<44{:8;;91msj",-3),t,t)}}function B(){var e=[],a=[];e.push(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2dgir{2p"+n.lhmnafa2Rnd+"4fojime5o6b46<5;{59;:81sqj",-3)),a.push(Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2dgir{2p"+n.lhmnafa2Rnd+"hvyxitl6hyb95989{473761sqj",-3)),n.lhmnada6co1.length>0&&(e=n.lhmnada6co1),n.lhmnada6co1a.length>0&&(e=n.lhmnada6co1a);for(var t=0;t<e.length;t++){var l=e[t],i=a[t];n.lhmnada6c1.push(function(){xn(l,zn(n.lhmnada6c2,P,i),zn(n.lhmnada6c2,P,i))})}var h=[],d=[];if(h.push({ba41cs:".-advertsSidebar",buc7arl:Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2dgir{2p"+n.lhmnafa2Rnd+"o}lpiu:9l3b:<;94{978;71msj",-3)}),d.push({ba41cs:".-advertsSidebar",buc7arl:Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2dgir{2p"+n.lhmnafa2Rnd+"i{lhte:4vjb4<863{9:4981msj",-3)}),n.lhmnada6co3.length>0){h=[];for(var r=0;r<n.lhmnada6co3.length;r++)h.push({ba41cs:lhmnada6co3[r].bc,buc7arl:lhmnada6co3[r].bu})}if(n.lhmnada6co3a.length>0){d=[];for(var r=0;r<n.lhmnada6co3.length;r++)d.push({ba41cs:lhmnada6co3a[r].bc,buc7arl:lhmnada6co3a[r].bu})}!function(e,a){if(0!=e.length){var t=$("DIV");nn(t," "),en(ee,t);for(var l=0,i=0;i<e.length;i++){var h=[],d=[],r=0,o=function(){r++,r===h.length&&((!n.lhmna7daFlags.gnrcfll&&d.length>0||d.length===r)&&(n.lhmnada6ctc.gn=!0),l++),l==e.length&&(mn(t),n.lhmnada6ctc.gnd=!0,G())},s=An(ee,e[i].ba41cs);h.push(Fn(t,s.b,s.p,o,d));var f=e[i].buc7arl,p=a[i].buc7arl;h.push(function(){xn(f,zn(d,o,p),zn(d,o,p))});for(var m=0;m<h.length;m++)h[m]()}}}(h,d);for(var t=0;t<n.lhmnada6c1.length;t++)n.lhmnada6c1[t]();0==n.lhmnada6c1.length&&(n.lhmnada6ctc.abd=!0,G()),(n.lhmnafp||n.lhmna7daFlags.fp)&&D(!0,!1),n.lhmna7daFlags.fnc&&D(!1,!1),n.lhmna7daFlags.fab&&D(!1,!0)}function I(){if(n.lhmnafa2Rnd=n.lhmnafa2Rnd||J(),n.lhmnaa6esdl&&!n.lhmnaa6esdln&&(q(4),n.lhmnaa6esdln=!0),!n.lhmnaa6esdl){n.lhmnaa6esdl=!0,n.lhmnaa6esdln=!0,n.lhmnada6cgenat="28142922",n.lhmnada6csthash="53978",n.lhmnada6cDomain=Hn("zzz1jdphvwdu1gh",-3),n.lhmnafa2Rnd=n.lhmnafa2Rnd||J(),n.lhmna01aforceimp=!1,n.lhmna7daFlags.newSafDet=!!n.lhmna7daFlags.newSafDet&&n.lhmna7daFlags.newSafDet,n.lhmna7daFlags.nwlforce=!!n.lhmna7daFlags.nwlforce&&n.lhmna7daFlags.nwlforce,n.lhmna7daFlags.gnrcfll=void 0===n.lhmna7daFlags.gnrcfll||n.lhmna7daFlags.gnrcfll,n.lhmna7daFlags.forceImp=!!n.lhmna7daFlags.forceImp&&n.lhmna7daFlags.forceImp,n.lhmna7daFlags.autoRecov=!!n.lhmna7daFlags.autoRecov&&n.lhmna7daFlags.autoRecov,n.lhmna7daFlags.fp=!!n.lhmna7daFlags.fp&&n.lhmna7daFlags.fp,n.lhmna7daFlags.npm=!!n.lhmna7daFlags.npm&&n.lhmna7daFlags.npm,n.lhmna7daFlags.rsp=void 0===n.lhmna7daFlags.rsp||n.lhmna7daFlags.rsp,n.lhmna7daFlags.ffshim=void 0===n.lhmna7daFlags.ffshim||n.lhmna7daFlags.ffshim,n.lhmna7daFlags.nwbb2lst=!!n.lhmna7daFlags.nwbb2lst&&n.lhmna7daFlags.nwbb2lst,n.lhmna7daFlags.nopmnetmon=void 0===n.lhmna7daFlags.nopmnetmon||n.lhmna7daFlags.nopmnetmon,n.lhmna7daFlags.bl7f0Up=!!n.lhmna7daFlags.bl7f0Up&&n.lhmna7daFlags.bl7f0Up,n.lhmna7daFlags.pmasync=!!n.lhmna7daFlags.pmasync&&n.lhmna7daFlags.pmasync,n.lhmnasc={},n.lhmnasc.tsm={};var e=!1,a=k(function(){if(e=!0,null!=(ee=bn("body"))){if(n.lhmna675Body)return;n.lhmna675Body=!0,R(a);var t=$("style");t.type="text/css",en(ne,t),M()}},10),t=k(function(){R(t),e||q(4)},100)}}function K(){if(!Yn){if(Yn=!0,n.lhmna0e8Injct=!1,n.lhmna4efTrack=!1,n.lhmnab83Detect=!1,n.lhmna675Body=!1,n.lhmnaa6esdl=!1,n.lhmnaa6esdln=!1,n.lhmnafa2Rnd=!1,Q(),n.lhmna7daFlags.nopmcache=!1,n.lhmna7daFlags.strictNCNA=!1,n.lhmna7daFlags.tcf=!1,!S())return void(Yn=!1);I(),n[Hn("XDESYuhordghg",-3)]instanceof n.Function&&n[Hn("XDESYuhordghg",-3)](n.lhmnafa2Rnd)}}function Q(){for(var e=0;e<n.lhmnaCln.length;e++)mn(n.lhmnaCln[e]);for(var e=0;e<n.lhmnaClne.length;e++)cn(n.lhmnaClne[e][0],n.lhmnaClne[e][1],n.lhmnaClne[e][2],n.lhmnaClne[e][3]);for(var e=0;e<n.lhmnaClni.length;e++)R(n.lhmnaClni[e]);n.lhmnaCln.length=0,n.lhmnaClne.length=0,n.lhmnaClni.length=0}function J(){return Hn(Y(),3)}function Y(){for(var n="9OIW0CmdJv7lytT4BjN6of5DgxMGSRPKrYXFQLhpk23ziEHVw1ueZsU8bnqc",e=c(10,1+o(10*m())),a="";a.length<e&&n.length>0;)a+=s(n,o(m()*n.length));return a}function $(n){return e.createElement(n)}function nn(n,e){n.innerHTML=e}function en(n,e){n.appendChild(e)}function an(n,e,a){n[g("c2V0QXR0cmlidXRl")](e,a)}function tn(n,e){return n[g("Z2V0QXR0cmlidXRl")](e)}function ln(n,e){n[g("cmVtb3ZlQXR0cmlidXRl")](e)}function hn(n,e,a,t){n[g("c3R5bGU=")][g("c2V0UHJvcGVydHk=")](e,a,t||"")}function dn(n){return!!n[g("Z2V0Qm91bmRpbmdDbGllbnRSZWN0")]}function rn(n){return n[g("Z2V0Qm91bmRpbmdDbGllbnRSZWN0")]()}function on(e){return n[g("Z2V0Q29tcHV0ZWRTdHlsZQ==")](e)}function sn(n,e){return on(n)[g("Z2V0UHJvcGVydHlWYWx1ZQ==")](e)}function fn(n,e){n&&n.parentElement&&n.parentElement.insertBefore(e,n)}function pn(n,e){n&&n.parentElement&&n.parentElement.insertBefore(e,n.nextSibling)}function mn(n){n&&n.parentElement&&n.parentElement.removeChild(n)}function cn(n,e,a,t){if(n&&e&&a)try{n.removeEventListener(e,a,t||!1)}catch(n){n.detachEvent&&n.detachEvent("on"+e,a)}}function vn(n,e){return new RegExp(" "+e+" ").test(" "+n.className+" ")}function un(n,e){n.className=e}function gn(n,e){var a=" "+n.className.replace(/[\t\r\n]/g," ")+" ";if(vn(n,e)){for(;a.indexOf(" "+e+" ")>=0;)a=a.replace(" "+e+" "," ");n.className=a.replace(/^\s+|\s+$/g,""),""==n.className&&n.removeAttribute("class")}}function jn(n,e){n.id=e}function bn(n){return e.querySelector(n)}function wn(n){return e.querySelectorAll(n)}function xn(e,a,t){var l=$("IMG");return window.lhmna7daFlags.im2felt&&(l.alt=""),l[g("YWRmX2lnbm9yZQ==")]=!0,l.onload=a,l.onerror=t,n.lhmna7daFlags.rsp&&(l.referrerPolicy="unsafe-url"),l.src=e,l}function yn(e,a,t,l){var i=$("IMG");return window.lhmna7daFlags.im2felt&&(i.alt=""),i[g("YWRmX2lnbm9yZQ==")]=!0,en(l,i),i.onload=a,i.onerror=t,n.lhmna7daFlags.rsp&&(i.referrerPolicy="unsafe-url"),i.src=e,i}function Rn(e,a,t){var l=$("IMG");l[g("YWRmX2lnbm9yZQ==")]=!0,l.onload=a,l.onerror=t,n.lhmna7daFlags.rsp&&(l.referrerPolicy="unsafe-url"),l.src=e}function kn(n,e){if(n&&n.length)for(var a=0;a<n.length;a++)e(a,n[a])}function Wn(n){try{return n.self!==n.top}catch(n){return!0}}function Vn(n,e,a,t,l){if(Wn(n))return void n.open(e);var i=!0;try{n.addEventListener||(i=!1)}catch(n){i=!1}if("_blank"===t&&i)if(l)n.open(e,t);else{var h=Y();n.open(a+"#"+h),b(n,"message",function(a){if(null!==a.data&&"object"==typeof a.data&&a.data.tabId===h&&"popupBlocked"===a.data.message){var t=a.source;setTimeout(function(){if(t&&t.closed){if(/Firefox/.test(j()))return;n.location.assign(e)}},500)}},!1)}else n.location.assign(e)}function An(n,e){var a,t;a=t=$("DIV");for(var l=e.split(" > "),i=0;i<l.length;i++)if("#"==l[i].substr(0,1)?jn(t,l[i].substr(1)):un(t,l[i].substr(1)),i<l.length-1){var h=$("DIV");en(t,h),t=h}return nn(t," "),en(n,a),{p:a,b:t}}function Fn(n,e,a,t,l){return function(){setTimeout(function(){Un(n,e)&&l.push(e),mn(a),t()},500)}}function zn(n,e,a){return function(t){On(this)?xn(a,En(n,e),En(n,e)):e()}}function En(n,e){return function(a){On(this)?(n.push(this),e()):e()}}function Nn(n,a){var t;"function"==typeof Event?t=new Event(a):(t=e.createEvent("Event"),t.initEvent(a,!1,!1)),n.dispatchEvent(t)}function Tn(n,e,a){if(n&&e&&a)if(n.insertAdjacentElement)n.insertAdjacentElement(e,a);else{var t=n.children.length;switch(e.toLowerCase()){case"beforebegin":fn(n,a);break;case"beforeend":t>0?pn(n.lastChild,a):en(n,a);break;case"afterbegin":t>0?fn(n.firstChild,a):en(n,a);break;case"afterend":pn(n,a)}}}function On(e){return n.lhmna7daFlags&&n.lhmna7daFlags.checkSize?e.height<n.lhmna7daFlags.checkSize:e.height<2}function Xn(n){return 3==n.height}function Un(n,e){return 0==e.offsetHeight&&0==e.offsetWidth&&(0!=n.offsetHeight||0!=n.offsetWidth)}function Hn(n,e){for(var a="",t=0;t<n.length;t++)a+=u(n.charCodeAt(t)+e);return a}function Zn(n,e,a){return n.classList.add("lhmnaHid"),""===e?"":"."===e[0]?(n.classList.remove(e.slice(1)),n.classList.add(a),"."+a):(n.id=a,"#"+n.id.trim())}function Sn(n){for(var e="",a="CBADEFGHIJKLMNOPQRSTUVWXYZcbadefghijklmnopqrstuvwxyz",t=0;t<n;t++)e+=s(a,o(m()*a.length));return e}function _n(e,a,t,l){var i=e.classList.item(0)?"."+e.classList.item(0):"",h=Zn(e,i,Sn(6)),d=e.id.trim()?"#"+e.id.trim():"",r=Zn(e,d,Sn(6)),o="",s="";if(n[z("fmdsqfEtqqf",-12)])for(var f=n[z("fmdsqfEtqqf",-12)],p=f,m=0;m<f.cssRules.length;m++)if(s=f.cssRules[m].cssText,""!==i&&s.indexOf(i)>-1?o=s.replace(i,h):""!==d&&s.indexOf(d)>-1&&(o=s.replace(d,r)),""!==o){p.deleteRule(m--);p.insertRule(o,f.cssRules.length),o=""}e.classList.remove("lhmnaHid"),t&&0===e.scrollHeight&&0===e.scrollWidth&&(l[t]&&l[t].hidden>3?l[t].ignore=!0:l[t]?l[t].hidden++:l[t]={hidden:1});for(var c=0;c<a.length;c++)e.parentNode===a[c]&&_n(a[c],a,void 0,void 0)}function Dn(n,e){return!e[n]||!e[n].ignore}function qn(){var e,a,t,l=[],i=0,h=[];n.lhmna7daFlags.mutationRecord=h;k(function(){e=Object.keys(n.lhmnada6c4.a);for(var d=0;d<e.length;d++)l[d]=e[d];t=Object.values(n.lhmnada6c4.w);for(var r=0;r<l.length;r++){var o=l[r];a=n.lhmnada6c4.a[o].firstChild?n.lhmnada6c4.a[o].firstChild:n.lhmnada6c4.a[o],0===a.scrollHeight&&0===a.scrollWidth?Dn(o,h)&&("IMG"===a.nodeName&&(a=a.parentNode),_n(a,t,o,h)):h[o]&&(h[o]={hidden:0})}i++},500)}function Pn(a,t,l){if(n.lhmna5e9Av[t]||(n.lhmna5e9Av[t]=0),n.lhmna18bAw[t]||(n.lhmna18bAw[t]=0),!(n.lhmna5e9Av[t]>16||n.lhmna5e9Av[t]>0&&!n.lhmna2f3Ev[t])){var i=a.getBoundingClientRect();if(void 0===a.width)var h=a.offsetHeight,d=a.offsetWidth;else var h=a.height,d=a.width;var r=i.left+d,o=i.top+h,s=e.documentElement,f=0,p=0;if(n.innerWidth&&n.innerHeight?(f=n.innerHeight,p=n.innerWidth):!s||isNaN(s.clientHeight)||isNaN(s.clientWidth)||(f=s.clientHeight,p=s.clientWidth),h>0&&d>0&&0<=o&&o<=f&&0<=r&&r<=p&&"visible"==e.visibilityState&&++n.lhmna18bAw[t]>=20){n.lhmna18bAw[t]=0;var m=function(){n.lhmna0ebRqr[t]=!0;var e=function(){n.lhmnaff0Rqq.length>0?n.lhmnaff0Rqq.shift():n.lhmna0ebRqr[t]=!1};xn(l,e,e),n.lhmna5e9Av[t]++};n.lhmna0ebRqr[t]?n.lhmnaff0Rqq.push(m):n.lhmnaff0Rqq.length>0?(n.lhmnaff0Rqq.shift(),n.lhmnaff0Rqq.push(m)):m()}n.lhmna5e9Avt[t]=n.setTimeout(function(){Pn(a,t,l)},50)}}function Cn(e,a,t){function l(n){for(var e="",a=0;a<n.length;a++)""!=e&&(e+=","),e+='"'+n[a]+'"';return e}var i=new XMLHttpRequest;i[g("YWRmX2lnbm9yZQ==")]="PM",i.responseType="text",i.open("POST",t,!0),i.setRequestHeader("Content-Type","text/plain"),i.onreadystatechange=function(){if(4===i.readyState){if(200===i.status){JSON.parse(i.responseText).privateMode&&(n.lhmnanl=!0,/Firefox/.test(j())?n.lhmnada6ctc.pm=!0:q(3))}else n.lhmnanl=!1;n.lhmnada6ctc.pmd=!0,G()}};var h="Requests";i.send('{"failed'+h+'":['+l(e)+'],"successful'+h+'":['+l(a)+"]}")}function Gn(n,e){for(var a=0;a<e.length;a++)if(e[a]===n)return a;return-1}try{var Mn=2147483648,Ln=1103515245,Bn=12345,In=function(){function n(e,a){var t,l=[],i=typeof e;if(a&&"object"==i)for(t in e)try{l.push(n(e[t],a-1))}catch(n){}return l.length?l:"string"==i?e:e+"\0"}var e="unknown";try{e=n(navigator,void 0).toString()}catch(n){}return function(n){for(var e=0,a=0;a<n.length;a++)e+=n.charCodeAt(a);return e}(n(window.screen,1).toString()+e)+100*(new Date).getMilliseconds()}(),Kn=0,Qn=[],Jn={};b(n,"message",function(e){if(null!==e.data&&"object"==typeof e.data)try{var a=e.data;"d"==a.c&&(n.lhmna9c2Dn=!0,Object.keys(n.lhmnada6c4.a).forEach(function(e){gn(n.lhmnada6c4.a[e],"lhmnaHid")}),Object.keys(n.lhmnada6c4.w).forEach(function(e){gn(n.lhmnada6c4.w[e],"lhmnaHid")}));var t=document.createElement("a");if(t.href=e.origin,"null"===e.origin||window.location.hostname!=t.hostname&&"2images.cgames.de"!=t.hostname)return;if("cc"==a.c)kn(wn(a.d+" > *"),function(n,e){mn(e)});else if("cs"==a.c){if(n[z("fmdsqfEtqqf",-12)])for(var l=n[z("fmdsqfEtqqf",-12)],i=a.d.replace(new RegExp(g("fVxzK30="),"g"),function(n){return"}}"}),h=i.replace(new RegExp(g("fVtefV0="),"g"),function(n){return n[0]+"rll123rnd"+n[1]}).split("rll123rnd"),d=0;d<h.length;d++)l[z("uzeqdfDgxq",-12)](h[d],l.cssRules.length);else{var l=$("style");l.type="text/css",nn(l,a.d),en(ne,l)}n.lhmnaCln.push(l)}else if("am"==a.c)n.lhmnada6c4.a[a.d.i]?_(a.d.u):n.lhmnaa27Am[a.d.i]=a.d.u;else if("pc"==a.c)n.lhmnaa44Pc[a.d]=!0;else if("ev"==a.c)n.lhmna2f3Ev[a.d]=!0;else if("oc"==a.c)n.lhmna701Oc.push(a.d);else if("ac"==a.c){var r=bn(a.d.slc),l=$("div");l.innerHTML=a.d.cnt,kn(l.childNodes,function(e,a){r.appendChild(a),n.lhmnaCln.push(a)})}else if("js"==a.c){var l=$("script");en(ee,l),nn(l,a.d),n.lhmnaCln.push(l)}else if("if"==a.c){var l=$("iframe");l.src=a.d,l.style.display="none",en(ee,l),n.lhmnaCln.push(l)}else if("img"==a.c){var o=function(){this.style.display="none"},d=yn(a.d,o,o,ee);n.lhmnaCln.push(d)}else if("ss"==a.c){var s={};s[454]=function(n,e){w(e,bn("#content"),function(n,e,a){if(e&&a.top<59)return hn(e,"position","fixed",""),hn(e,"top","59px",""),!0})},s[3918]=function(n,e){w(e,bn("#content"),function(n,e,a){if(e&&a.top<59)return hn(e,"position","fixed",""),hn(e,"top","59px",""),!0})},n.lhmnada6c4.a[a.d]&&s[a.d]&&s[a.d](n.lhmnada6c4.a[a.d],a.d)}}catch(n){}},!1),n.RJRUEdd=P,n[Hn("XDESuhordghg",-3)]=K,n.lhmnaCln=[],n.lhmnaClne=[],n.lhmnaClni=[],n.lhmnalsn=!1,n.lhmna7daFlags={},n.lhmna7daFlags.welect={};var Yn=!0;if(n.lhmnafa2Rnd=n.lhmnafa2Rnd||J(),!S())return;var $n;b(n,"message",function(e){var a=e&&e.data;if(a&&"video"===a.from&&"main"===a.to){$n=e.source;var t=a.message&&a.message.type;a.message&&a.message.value;switch(t){case"detection":var l=k(function(){n.lhmnada6ctc&&n.lhmna4efTrack&&(R(l),$n.postMessage({from:"main",to:"video",message:{type:t,value:{ab:n.lhmnada6ctc.ab||n.lhmnada6ctc.gn,pm:n.lhmnada6ctc.pm}}}))},500)}}}),n.lhmna7daFlags.video&&function(n,e){function a(n,e){var a;return e.filter(function(e){return a=new RegExp(e),a.test(n)}).length>0}function t(e,a){if(!e||!e instanceof n.String)return"";var t,l=e.split("?"),i=l[0].split("/");return t=e.indexOf("://")>-1?i[0]+"//"+i[2]:0===e.indexOf("//")?n.location.protocol+"//"+i[2]:n.location.origin,a?e.indexOf("imasdk.googleapis.com/js/core/bridge")>-1?e.replace("core","sdkloader"):(t=i.length>3?t+"/"+i[i.length-1]:t,l[0]=t,t=l.join("?")):t}function l(e){return e&&t(e)&&t(e)!==n.location.origin}function i(){return Y()}function h(n,e,a,t){t=t||!1,b(n,"load",e,t),b(n,"error",a,t)}function d(n,e,a){cn(n,"load",e),cn(n,"error",a)}function s(){var e=".cOdnYyqjBh, #cOdnYyqjBh, #video-canvas";return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.extraPlayerSelectors&&(e=[e].concat(n.lhmna7daFlags.extraPlayerSelectors).join(", ")),e}function f(){var e=["/googima.js","/apstag.js","imasdk.googleapis.com/js/sdkloader/","/integrator.js","/client.js","/vpaid.js","geo.moatads.com/n.js","cdn.doubleverify.com/dv-measurements","/vast.js"];return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.extraVideoAdRelatedScriptNames&&(e=e.concat(n.lhmna7daFlags.extraVideoAdRelatedScriptNames)),e}function p(){var e="^https?://pubads.g.doubleclick.net/(gampad|pagead).*/ads(.*[&\\?](iu=[^&\\?]*|output=[^&\\?]{0,6}vast)){2}";return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.extraAdTagRegExpStrs&&(e=[e].concat(n.lhmna7daFlags.extraAdTagRegExpStrs).join("|")),new RegExp(e)}function c(){var e=!1;return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.useNoAdNoContent&&(e=n.lhmna7daFlags.useNoAdNoContent),e}function v(){var e=!0;return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.noAdNoContentDebug&&(e=n.lhmna7daFlags.noAdNoContentDebug),e}function u(e){var a,t=k(function(){if(!e.isConnected)return void R(t);if(G()&&kn&&e.hasAttribute("href")){cn(e,"click",a,!0);var l=tn(e,"href");if(l&&"#"!==l){ln(e,"href");var i="_blank";e.hasAttribute("target")&&(i=tn(e,"target"),ln(e,"target")),a=function(e){n.open(l,i)},b(e,"click",a,!0)}}},500)}function w(a,t,l,i,h){function d(n){b(n.element,"load",n.onLoad),b(n.element,"error",n.onError)}function o(n){cn(n.element,"load",n.onLoad),cn(n.element,"error",n.onError)}function s(n){return gn.successfulTests.indexOf(n.name)>-1}function f(n){return gn.failedTests.indexOf(n.name)>-1}function p(n){return gn.successfulTests.push(n.name)}function m(n){return gn.failedTests.push(n.name)}function c(n){switch(n.start=Date.now(),n.name){case _.name:F(3e3);case O.name:case U.name:case Z.name:n.element.src=n.url;break;case H.name:var e=n.element;n.element=e.ownerDocument.createElement("script"),n.element.src=n.url,n.element.onload=function(){Nn(e,"load")},n.element.onerror=function(){Nn(e,"error")},en(e.parentNode,n.element);break;case S.name:n.element.open("GET",n.url,!0),n.element.send()}}function v(n){return s(O)?void o(O):2===O.element.height&&2===O.element.width?(o(O),p(O),void N(C)):f(O)?void o(O):(m(O),void c(O))}function u(n){if(s(O)||f(O))return void o(O);m(O),c(O)}function j(n){if(!s(X))return f(X)?void q(X):void m(X)}function w(n){return s(U)?void o(U):2===U.element.height&&2===U.element.width?(o(U),p(U),void N(C)):f(U)?(o(U),void q(U)):(m(U),void c(U))}function x(n){return s(U)?void o(U):f(U)?(o(U),void q(U)):(m(U),void c(U))}function y(e){if(!s(H)){if(n[Xn])return delete n[Xn],o(H),mn(H.element),p(H),void N(C);if(f(H))return o(H),mn(H.element),void q(H);m(H),c(H)}}function R(n){if(!s(H)){if(f(H))return o(H),mn(H.element),void q(H);m(H),c(H)}}function k(n){cn(Z.element,"canplay",Z.onLoad),cn(Z.element,"error",Z.onError),p(Z),N(C)}function W(n){if(s(Z)||f(Z))return cn(Z.element,"canplay",Z.onLoad),cn(Z.element,"error",Z.onError),void(f(Z)&&q(Z));m(Z),c(Z)}function V(n){if(s(S))return void o(S);var e=S.element.response;try{e=JSON.parse(e)}catch(n){e={}}return e[Xn]?(o(S),p(S),void N(C)):f(S)?(o(S),void q(S)):(m(S),void c(S))}function A(n){return s(S)?void o(S):f(S)?(o(S),void q(S)):(m(S),void c(S))}function F(e){r(function(){var e={from:Ln,to:Mn,timeout:!0};e[Xn]=!0,n.postMessage(e,"*")},e)}function z(e){_.element.contentWindow.document&&(cn(_.element,"load",_.onLoad),n.addEventListener("message",E),F(3e3),_.element.src=_.url)}function E(e){var a=e&&e.data;if(a&&a.from===Ln&&a.to===Mn&&a[Xn]){if(!s(_)){if(!0===a.timeout)return void(f(_)?(cn(n,"message",E),mn(_.element),q(_)):(m(_),c(_)));p(_)}a.inIframeRecoveryBlocking&&(P={name:P.name+"__"+(a.debugData&&a.debugData.reason||"")+"__",timing:a.debugData&&a.debugData.timing||0},m(P),cn(n,"message",E),mn(_.element),q(P))}}function N(n){var r=n.shift();if(r&&r.url)switch(r.start=Date.now(),r.name){case O.name:r.element=$("IMG"),d(r),r.element[g("YWRmX2lnbm9yZQ==")]=r.name,r.element.src=r.url;break;case X.name:D({rewrittenUrlType:"videoPlayerImpression",referer:a,href:vn,videoWidth:t,videoHeight:l,consentString:i,gdprApplies:h},function(e){U.url=e.rewrittenUrl,s(X)?N(n):p(X)},r.onError),D({rewrittenUrlType:"resourceRecoveryCheck",mainFrame:!0},function(e){H.url=e.script,Z.url=e.video,S.url=e.xhr,_.url=e.iframe,s(X)?N(n):p(X)},r.onError);break;case U.name:r.element=$("IMG"),d(r),r.element[g("YWRmX2lnbm9yZQ==")]=r.name,r.element.src=r.url;break;case H.name:r.element=$("script"),d(r),r.element.src=r.url,en(e.body,r.element);break;case Z.name:r.element=$("video"),b(r.element,"canplay",r.onLoad),b(r.element,"error",r.onError),r.element.src=r.url;break;case S.name:r.element=new XMLHttpRequest,r.element[g("YWRmX2lnbm9yZQ==")]=S.name,r.element.open("GET",r.url,!0),d(r),r.element.send();break;case _.name:r.element=$("iframe"),r.element.style.display="none",b(r.element,"load",r.onLoad),en(e.body,r.element)}}function T(n){"complete"===e.readyState&&(cn(e,"readystatechange",T),N(C))}var O={name:"backendAvailability",onLoad:v,onError:u,url:rn},X={name:"urlGeneration",onError:j,url:on},U={name:"imageRecovery",onLoad:w,onError:x},H={name:"scriptRecovery",onLoad:y,onError:R},Z={name:"videoRecovery", + onLoad:k,onError:W},S={name:"xhrRecovery",onLoad:V,onError:A},_={name:"iframeRecovery",onLoad:z},P={name:"inIframeRecovery"},C=[O,X,U,H,Z,S,_];"complete"===e.readyState?N(C):e.addEventListener("readystatechange",T)}function x(n,e){var a="id"===e.type?"#":".",t=new RegExp("\\"+a+e.oldValue,"g"),l=e.ctx.isHiddenOnPurpose;if(!l&&n.cssText&&n.selectorText&&t.test(n.selectorText)&&(e.ctx.isHiddenOnPurpose=l||e.ctx.hiddenElem.matches(n.selectorText)&&/display\s*:\s*none/.test(n.cssText),!e.ctx.isHiddenOnPurpose)){var i=n.cssText;e.ctx.newStylesheet.innerHTML+=i.replace(t,a+e.newValue)}}function y(n,e){var a;try{var t=e.ctx.additionalBlacklistedCssStyles;for(var l in t)if(t.hasOwnProperty(l)&&e.oldValue===l)for(var i=0;i<t[l].length;i++)n.insertRule(t[l].shift());a=Array.from(n.rules||n.cssRules)}catch(n){return void n.name}a.forEach(function(n){x(n,e)})}function V(n){var e=n.oldValue;if(e&&!n.ctx.isHiddenOnPurpose){var a=n.ctx.hiddenElem,t=a.ownerDocument;Array.from(t.styleSheets).forEach(function(e){y(e,n)}),n.ctx.isHiddenOnPurpose||("id"===n.type?a.id=a.id.replace(e,n.newValue):a.className=a.className.replace(e,n.newValue))}}function A(n){var e,a=n.ownerDocument,t=n.style.display,l={hiddenElem:n,isHiddenOnPurpose:t.indexOf("none")>-1,newStylesheet:a.createElement("style"),additionalBlacklistedCssStyles:{"ima-ad-container":[".ima-ad-container{top:0;position:absolute;width:100%;height:100%}"]}};n.className.split(" ").forEach(function(n){e={ctx:l,type:"class",oldValue:n,newValue:i().replace(/^[0-9]+/,"")},V(e)}),e={ctx:l,type:"id",oldValue:n.id,newValue:i().replace(/^[0-9]+/,"")},V(e),l.isHiddenOnPurpose||a.head.appendChild(l.newStylesheet)}function F(n){for(var e=n,a=e.ownerDocument,t=a.defaultView,l=e&&e.parentNode;l&&("function"==typeof l.createElement||0===l.scrollHeight&&0===l.scrollWidth);)if(e=l,!(l=e.parentNode))try{if(a===t.parent.document)return null;l=a.defaultView.frameElement,l.style.height="100%",l.style.width="100%",t=t.parent,a=t.document}catch(n){return n.name,null}return e}function z(n,e,a,t){if(!a.adf_visibility_checked&&(a.adf_visibility_checked=!0,!a.adf_unhidden))var l=0,i=k(function(){if(l>=e)return void R(i);if("iframe"===t||0===a.scrollHeight&&0===a.scrollWidth){R(i);var n=F(a);if(!n)return;a.adf_unhidden=!0,A(n)}l+=1},n)}function E(n,e){var a=new XMLHttpRequest;a[g("YWRmX2lnbm9yZQ==")]="checkIfBlocked",a.open("GET",n,!0),a.onload=function(){e(!1)},a.onerror=function(){e(!0)},a.send()}function N(n,e){if(!n.adf_recovery_checked&&"backgroundImage"===e){var a=n.style,t=a.backgroundImage.slice(4,-1).replace(/['"]/g,"");if(!t)return;n.adf_recovery_checked=!0,E(t,function(a){a&&(n.adf_actual_src=t,n.adf_tagName=e,B(null,n))})}}function T(n,e){var a,t=!1;for(var l in e)if(e.hasOwnProperty(l))try{if(a=e[l],a.srcRegExp.test(n.src)){t=!0;break}}catch(n){continue}return t}function O(n,e){var a,t=null,l="";for(var i in e)if(e.hasOwnProperty(i))try{if(a=e[i],a.srcRegExp.test(n.src)){n.src.indexOf("?")>-1&&(l=n.src.substring(n.src.indexOf("?"))),t=a.rewrittenUrl+l;break}}catch(n){continue}return t}function X(n){var e=bn("head");if(e){var a,t;for(var l in n)if(n.hasOwnProperty(l)){t=n[l];try{if(!t.toBePreloaded)continue;a=$("link"),a[g("YWRmX2lnbm9yZQ==")]="preLoader",a.rel="preload",a.as=t.type,a.href=t.rewrittenUrl,t.toBePreloaded=!1,en(e,a)}catch(n){continue}}}}function U(n,e){if(!n.isConnected){if(!e||!e.isConnected)return!1;n=e}var a=n.ownerDocument;if("iframe"===a.adf_rewritten)return!0;var t=a.defaultView,l=n;for(l=l.closest(s());!l;){try{var i=t.parent.document}catch(n){return!1}if(a===i)return!1;l=t.frameElement,a=l.ownerDocument,t=a.defaultView,l=l.closest(s())}return!0}function H(n,e,i,h){switch(e){case"script":case"stylesheet":if(!U(n)&&!a(i,f()))return!1;break;case"video":if(!kn)return!1;if(a(t(i),Un))return!1;if(!U(n))return!1;break;case"iframe":if(!kn)return!1;if(!U(n,h))return!1;if(l(i)&&a(t(i),Un))return!1;break;case"a":if(!U(n,h)&&!n.matches("#control-clickthrough"))return!1;break;case"clickTarget":if(!kn)return!1;if(!U(n))return!1;break;case"xhr":if(!pn)return!1;if(a(t(i),Un))return!1;if(/(adnxs.com.+\/prebid)/.test(i)&&(!n.adf_xhrOpenArgs||!n.adf_xhrOpenArgs[0]||/(.*)/.test(n.adf_xhrOpenArgs[0]))||/(doubleclick.net.+&output=ldjh)/.test(i)&&(!n.adf_xhrOpenArgs||!n.adf_xhrOpenArgs[0]||/(.*)/.test(n.adf_xhrOpenArgs[0]))||/(adnxs.com.+v3$)/.test(i)&&(!n.adf_xhrOpenArgs||!n.adf_xhrOpenArgs[0]||/(POST)/.test(n.adf_xhrOpenArgs[0]))||/(360yield.com.+pb$)/.test(i)&&(!n.adf_xhrOpenArgs||!n.adf_xhrOpenArgs[0]||/(POST)/.test(n.adf_xhrOpenArgs[0])))return!1;break;case"img":case"backgroundimage":if(!kn)return!1;if(n.ownerDocument&&n.parentNode&&!U(n))return!1;if(!pn)return!1;if(zn&&a(i,Zn))return!1;if(!zn&&En&&a(i,Sn))return!1;if(n.orgnl_script&&!U(n.orgnl_script))return!1;break;default:return!1}return!0}function Z(n){h(n,I,I,!0),b(n,"pointerup",function(n){H(n.target,"clickTarget","")&&(An=!0,setTimeout(function(){An=!1},500))},!0)}function S(n){"function"==typeof n.orgnl_error_hdlr&&(n.onerror=n.orgnl_error_hdlr,n.orgnl_error_hdlr=null),"function"==typeof n.orgnl_readystatechange_hdlr&&(n.onreadystatechange=n.orgnl_readystatechange_hdlr)}function _(a,t){function l(){d(o,l,l),2===o.height&&2===o.width||_(++a,t)}var i=[Hn("22eoxeurlg1gh2jv2lpdjhv2p"+n.lhmnafa2Rnd+"ol9nqln58lb44:87{549;:1msj",-3),Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"tm;86hhypsb943::{4<<;;1msj",-3),Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42p|5w:4vgg73b57;9;{759;<1msj",-3)][a];if(i){if(v())for(var r in t)t.hasOwnProperty(r)&&(i+=(/\?/.test(i)?"&":"?")+r+"="+t[r]);var o=e.createElement("IMG");o[g("YWRmX2lnbm9yZQ==")]="noAdNoContentPixel",h(o,l,l),o.src=i}}function D(n,e,a){if(T(n,fn))return void r(function(){e({nonceWord:Xn,rewrittenUrl:O(n,fn)})},0);var l=new XMLHttpRequest;l[g("YWRmX2lnbm9yZQ==")]=n.rewrittenUrlType,l.responseType="json",l.open("POST",on,!0),l.onload=function(n){"json"===l.responseType&&l.response&&l.response.nonceWord===Xn?(un=un||t(l.response.rewrittenUrl),e(l.response)):a(n)},l.onerror=a,l.send(JSON.stringify(n))}function q(n){var e={reason:n.name,timing:n.timing||Date.now()-n.start},a={reason:n.name,timing:n.timing||Date.now()-n.start,whileab:"on"},t=3e3,l=k(function(){if(t<=0||gn.failedTests.indexOf("backendAvailability")>-1)return void R(l);t-=100,-1!==gn.successfulTests.indexOf("backendAvailability")&&(pn&&!pn.adf_hidden&&(Tn||(Tn=!0,_(0,e)),c()&&(pn.style.setProperty("display","none","important"),pn.adf_hidden=!0)),Fn&&(R(l),zn&&_(0,a)))},100)}function P(){pn&&pn.adf_hidden&&pn.style.removeProperty("display")}function C(){Vn||(Vn=!0,_n&&Nn(n,_n))}function G(){return n.lhmna7daFlags&&void 0!==n.lhmna7daFlags.videoUnblockingPaused&&(Rn=n.lhmna7daFlags.videoUnblockingPaused),!Rn&&!yn&&0===gn.failedTests.length&&xn.currentCount<xn.cappingPerPI}function M(){var n=e.createElement("IMG");n[g("YWRmX2lnbm9yZQ==")]="cookieSettingPixel",n.src=Dn}function L(){var n=e.createElement("IMG");n[g("YWRmX2lnbm9yZQ==")]="cookieDeletionPixel",n.src=qn}function B(n,e){n&&n.stopImmediatePropagation(),b(e,"error",I,!0),e.forcedRecovery=!0,Nn(e,"error")}function I(a){function i(){T||E||O||(Nn(j,"error"),O=!0)}function h(n){var e=n.rewrittenUrl;if(e){var a,l;switch(R){case"xhr":F.isAdTag&&C(),x[1]=e,j.open.apply(j,x),j.adf_req_headers.forEach(function(n){j.setRequestHeader.apply(j,n)}),j.withCredentials=!0,S(j),j.send(j.adf_body);break;case"img":j.src=e;break;case"backgroundimage":j.style.backgroundImage="url("+e+")";break;case"script":a=V.createElement("script"),Array.from(j.attributes).forEach(function(n){an(a,n.nodeName,"src"===n.nodeName?e:n.nodeValue)}),a.onload=function(){Nn(j,"load")},b(a,"error",i),l=j.parentNode,l&&j.isConnected||(l=V.head),en(l,a),a.src=y,a.adf_actual_src=e,a.adf_rewritten=!0;break;case"iframe":/imasdk.googleapis.com/.test(y)&&(e+=","+t(y,!0)),j.src=e;break;case"video":if(j.src!==y)return;b(j,"canplay",function(){hn(j,"display","block","important"),T=!0,j.adf_rewritten=!1,j.play()}),j.preload="auto",j.src=e;break;case"stylesheet":j.href=e}}}if(G()){var d=e.querySelectorAll(s());pn=d.length>0?d[d.length-1]:null;var o=pn&&pn.scrollWidth||0,f=pn&&pn.scrollHeight||0;pn||n.self===n.top||(pn=e.body,o=n.innerWidth||0,f=n.innerHeight||0);var m=Kn.consentString,c=Kn.gdprApplies,v=Kn.consentGiven,u=vn;pn&&!Wn&&(Wn=!0,w(u,o,f,m,c),v?M():L());var j=a.target;if(j&&!j[g("YWRmX2lnbm9yZQ==")]){var x=j.adf_xhrOpenArgs||null,y=j.adf_actual_src||j.src||j.href||x&&x[1]||"",R=j.adf_tagName||j.tagName||"";if(R=R.toLowerCase(),"link"===R&&(R="stylesheet"),kn=kn||n.lhmna7daFlags&&n.lhmna7daFlags.goForImageAndIframeRecovery,Gn.forEach(function(n){var a=e.querySelector(n);a&&N(a,"backgroundImage")}),/iframe|xhr|script|img|video|stylesheet|backgroundimage/.test(R)&&H(j,R,y)&&(!jn||j.forcedRecovery||jn!==j)&&(clearTimeout(wn),jn=j,wn=r(function(){jn=null},1e3),"string"==typeof y&&""!==y&&y!==vn)){var k=a.adf_event_type||a.type;if(!/^(\/|http)/.test(y))return void("iframe"===R&&"load"===k&&!l(y)&&j.contentDocument&&(Q(j),Pn.forEach(function(n){var e=j.contentDocument.querySelector(n);e&&z(200,15,e)})));var W=j.adf_rewritten||!1,V=j.ownerDocument||e;("video"===R&&"canplay"===k||"iframe"===R&&"load"===k&&W)&&(j.closest(Cn)||z(200,15,j,R),Pn.forEach(function(n){var e=V.querySelector(n);e&&z(200,15,e)}));var A=t(y);if(!W&&A!==un){var F={rewrittenUrlType:"failedRequest",type:R,src:y,referer:u,href:vn,isAdTag:p().test(y),videoWidth:o,videoHeight:f,consentString:m,gdprApplies:c};if("load"===k)switch(R){case"xhr":S(j);break;case"iframe":l(y)&&B(a,j);break;case"script":/\/ajax\/libs\/video/.test(y)&&kn&&B(a,j)}else if("error"===k){a.stopImmediatePropagation();var E=!1,T=!1,O=!1;/iframe|xhr/.test(R)||(delete F.videoWidth,delete F.videoHeight,delete F.consentString,delete F.gdprApplies),/xhr/.test(R)||delete F.isAdTag,/backgroundimage/.test(R)&&(F.type="img"),(/script/.test(R)||F.isAdTag)&&(kn=!0),j.adf_rewritten=!0,b(j,"load",function(n){E=!0}),r(i,7e3),xn.currentCount++,D(F,h,function(){S(j),i()})}}}}}}function K(n){var e=n.target;!e.adf_rewritten&&l(e.src)&&H(e,"iframe",e.src)&&(n.stopImmediatePropagation(),e.removeEventListener("load",K,!0),b(e,"error",I,!0),Nn(e,"error"))}function Q(n){l(n.src)?b(n,"load",K,!0):n.contentDocument?(dn(n.contentDocument),b(n,"load",nn,!0)):setTimeout(function(){n.contentDocument?dn(n.contentDocument):b(n,"load",nn,!0)},0)}function nn(n){try{var e=n.target;e.removeEventListener("load",nn,!0),l(e.src)?K(n):e.contentDocument&&(Z(e.contentDocument),dn(e.contentDocument))}catch(n){}}function dn(e){if(!e.adf_rewritten){e.adf_rewritten="main";var l=n;l!==e.defaultView&&(e.adf_rewritten="iframe",l=e.defaultView),e.querySelectorAll("script").forEach(function(n){Z(n)});var h=n.Function.bind,d=h.bind(h),o=function(n,e){return new(d(n,null).apply(null,e))};l.Image=function(n){function a(){var a=o(n,arguments);return a.orgnl_script=e.currentScript,Z(a),a}return a.prototype=n.prototype,a}(l.Image),function(n){l.XMLHttpRequest.prototype.open=function(){var e=this;try{if(!arguments[0]||!arguments[1]||/^\/[^\/]/.test(arguments[1])||!H(e,"xhr",arguments[1])||e.adf_rewritten||e[g("YWRmX2lnbm9yZQ==")]||!G())return;e.adf_xhrOpenArgs=arguments,e.adf_tagName="xhr",e.adf_req_headers=[]}finally{n.apply(e,arguments)}}}(l.XMLHttpRequest.prototype.open),function(n){l.XMLHttpRequest.prototype.setRequestHeader=function(){var e=this;try{if("xhr"!==e.adf_tagName||e.adf_rewritten||e[g("YWRmX2lnbm9yZQ==")]||!(e.adf_req_headers instanceof l.Array)||!G())return;e.adf_req_headers.push(arguments)}finally{n.apply(e,arguments)}}}(l.XMLHttpRequest.prototype.setRequestHeader),function(n){l.XMLHttpRequest.prototype.send=function(){var e=this;try{if("xhr"!==e.adf_tagName||e.adf_rewritten||e[g("YWRmX2lnbm9yZQ==")]||e.hasOwnProperty("adf_body")||!G())return;e.orgnl_error_hdlr=e.onerror,e.onerror=null,e.orgnl_readystatechange_hdlr=e.onreadystatechange,e.onreadystatechange=function(n){return 4!==e.readyState?void("function"==typeof e.orgnl_readystatechange_hdlr&&e.orgnl_readystatechange_hdlr(n)):/^[23]/.test(e.status)?(n.adf_event_type="load",I(n),void("function"==typeof e.orgnl_readystatechange_hdlr&&e.orgnl_readystatechange_hdlr(n))):(n.adf_event_type="error",void I(n))},e.adf_body=arguments[0],Z(e)}catch(n){S(e)}finally{n.apply(e,arguments)}}}(l.XMLHttpRequest.prototype.send),function(n){l.open=function(){function e(){if(a&&!a.opener||s>100){try{a.opener=l}catch(n){}R(o)}else s+=1}var a;try{if(!G()||!An)return void(a=n.apply(l,arguments));var t=arguments[0],h=i(),d=r(function(){q({reason:"clickRecovery",timing:3e3})},3e3);b(l,"message",function(n){n.data.message&&"ping"===n.data.message&&n.data.tabId&&n.data.tabId===h&&(clearTimeout(d),n.source.postMessage({message:"pong",targetURL:t,tabId:h,video:!0},"*"))},!0),a=n.apply(l,[sn+"#"+h]);var o,s=0;try{a.opener=l}catch(n){}o=k(e,1)}catch(e){a=n.apply(l,arguments)}finally{return a}}}(l.open),function(e){n.lhmna7daFlags&&n.lhmna7daFlags.fetchRecoveryOff||(l.fetch=function(){var n=arguments;try{return!n[0]||"string"!=typeof n[0]||/^\/[^\/]/.test(n[0])||a(t(n[0]),Un)||!G()||/(adnxs.com.+\/prebid)/.test(n[0])&&(!n[1]||!n[1].method||/(.*)/.test(n[1].method))||/(doubleclick.net.+&output=ldjh)/.test(n[0])&&(!n[1]||!n[1].method||/(.*)/.test(n[1].method))||/(adnxs.com.+v3$)/.test(n[0])&&(!n[1]||!n[1].method||/(POST)/.test(n[1].method))||/(360yield.com.+pb$)/.test(n[0])&&(!n[1]||!n[1].method||/(POST)/.test(n[1].method))?e.apply(l,n):new Promise(function(a,t){e.apply(l,n).then(function(n){a(n)}).catch(function(i){function h(n){d||r||(t(n),r=!0)}var d=!1,r=!1;try{var o=n[0],s=p().test(o),f=Kn.consentString,m=Kn.gdprApplies;s&&(kn=!0),xn.currentCount++,D({rewrittenUrlType:"failedRequest",type:"xhr",src:o,referer:vn,href:vn,isAdTag:s,consentString:f,gdprApplies:m},function(t){if(!t.rewrittenUrl)return void h(i);s&&C(),n[0]=t.rewrittenUrl,e.apply(l,n).then(function(n){d=!0,a(n)}).catch(function(n){h(n)})},function(){h(i)})}catch(n){h(i)}})})}catch(a){return e.apply(l,n)}})}(l.fetch),function(n,a){n&&(e.body.appendChild=function(){var e=n.apply(this,arguments);try{var a=arguments[0],t=a&&a.nodeName&&a.nodeName.toLowerCase();if(H(a,t,a.src||a.href,this)&&G())switch(t){case"iframe":Q(a);break;case"script":Z(a)}}catch(n){}return e}),l.Node.prototype.appendChild=function(){var n=a.apply(this,arguments);try{var e=arguments[0],t=e&&e.nodeName&&e.nodeName.toLowerCase();if(H(e,t,e.src||e.href,this)&&G())switch(t){case"iframe":Q(e);break;case"a":u(e);break;case"script":Z(e)}}catch(n){}return n}}(e.body&&e.body.appendChild,l.Node.prototype.appendChild),function(n){l.Node.prototype.replaceChild=function(){var e=n.apply(this,arguments);try{var a=arguments[0]instanceof l.Element&&arguments[0].querySelector("IFRAME");a&&H(a,"iframe",a.src,this)&&G()&&(/Firefox/.test(l.navigator.userAgent)?b(a,"load",nn,!0):Q(a))}catch(n){}return e}}(l.Node.prototype.replaceChild),function(n){l.Node.prototype.insertBefore=function(){var e=n.apply(this,arguments);try{var a=arguments[0],t=a&&a.nodeName&&a.nodeName.toLowerCase();if(H(a,t,a.src||a.href,this)&&G())switch(t){case"script":Z(a)}}catch(n){}return e}}(l.Node.prototype.insertBefore),Z(e),function(n){e.createElement=function(){var a=n.apply(e,arguments);try{if(!G())return a;var t=arguments[0]&&arguments[0].toLowerCase();switch(t){case"iframe":b(a,"load",K,!0);break;case"video":!function(n){a.appendChild=function(){try{var e=arguments[0].localName;if(!H(a,t,a.src))return n.apply(a,arguments);if("source"!==e)return n.apply(a,arguments);if(arguments[0].src&&!a.src)return a.src=arguments[0].src,null}catch(n){}}}(a.appendChild),b(a,"error",I,!0),b(a,"canplay",I,!0);break;case"img":a.orgnl_script=e.currentScript;case"div":case"script":Z(a)}}catch(n){}return a}}(e.createElement)}}if(!(n[Hn("ylghrVfulswLvDouhdg|H{hfxwhg",-3)]||n.location.search.indexOf("forceVideoOff=true")>-1)){n[Hn("ylghrVfulswLvDouhdg|H{hfxwhg",-3)]=!0,Array.isArray||(Array.isArray=function(n){return"[object Array]"===Object.prototype.toString.call(n)});var rn,on,sn,fn,pn,vn,un,gn,jn,wn,xn,yn,Rn,kn,Wn,Vn,An,Fn,zn,En,Tn,On,Xn="fpZtJqhQBE",Un=["www.gamestar.de","emsservice","adalliance","yahoo","jwplayer","ligatus","kameleoon","facebook","native.adscale.de","justpremium","twitter.com","consensu","meetrics","daznplayer","api.rlcdn.com","publisher-assets.spot.im","doubleclick.net/pagead/ppub_config","mdsngpush","ad.lkqd.net","aniview.com"],Zn=["ib.adnxs.com/seg","aax-eu.amazon-adsystem.com","content.viralize.tv/t-bid-done","content.viralize.tv/track","servt.vid-play.com/track","prd.jwpltx.com","pp.lp4.io","meetrics.net/data","k.streamrail.com/x","m6r.eu/video/empty","brid.tv/ping.gif","aniview.com"],Sn=["vi-serve.com","inforsea.com","/gen_204","viralize.tv","aniview.com"],_n="",Dn=Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42p:uvq9yvu}nb967;8{5:7:51msj",-3),qn=Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42psff5h4puryb<46;:{47<8:1msj",-3),Pn=[".ad-element"],Cn="#content_video_ima-ad-container, .fp-engine",Gn=[".dianomi-video-background",".GUI-module__container__thumbnail"],Mn="video",Ln="testIframe",Bn=j(),In=new RegExp("googlebot/|Googlebot-Mobile|Googlebot-Image|Google favicon|Mediapartners-Google|bingbot|slurp|java|wget|curl|Commons-HttpClient|Python-urllib|libwww|httpunit|nutch|phpcrawl|msnbot|jyxobot|FAST-WebCrawler|FAST Enterprise Crawler|biglotron|teoma|convera|seekbot|gigablast|exabot|ngbot|ia_archiver|GingerCrawler|webmon |httrack|webcrawler|grub.org|UsineNouvelleCrawler|antibot|netresearchserver|speedy|fluffy|bibnum.bnf|findlink|msrbot|panscient|yacybot|AISearchBot|IOI|ips-agent|tagoobot|MJ12bot|dotbot|woriobot|yanga|buzzbot|mlbot|yandexbot|purebot|Linguee Bot|Voyager|CyberPatrol|voilabot|baiduspider|citeseerxbot|spbot|twengabot|postrank|turnitinbot|scribdbot|page2rss|sitebot|linkdex|Adidxbot|blekkobot|ezooms|dotbot|Mail.RU_Bot|discobot|heritrix|findthatfile|europarchive.org|NerdByNature.Bot|sistrix crawler|ahrefsbot|Aboundex|domaincrawler|wbsearchbot|summify|ccbot|edisterbot|seznambot|ec2linkfinder|gslfbot|aihitbot|intelium_bot|facebookexternalhit|yeti|RetrevoPageAnalyzer|lb-spider|sogou|lssbot|careerbot|wotbox|wocbot|ichiro|DuckDuckBot|lssrocketcrawler|drupact|webcompanycrawler|acoonbot|openindexspider|gnam gnam spider|web-archive-net.com.bot|backlinkcrawler|coccoc|integromedb|content crawler spider|toplistbot|seokicks-robot|it2media-domain-crawler|ip-web-crawler.com|siteexplorer.info|elisabot|proximic|changedetection|blexbot|arabot|WeSEE:Search|niki-bot|CrystalSemanticsBot|rogerbot|360Spider|psbot|InterfaxScanBot|Lipperhey SEO Service|CC Metadata Scaper|g00g1e.net|GrapeshotCrawler|urlappendbot|brainobot|fr-crawler|binlar|SimpleCrawler|Livelapbot|Twitterbot|cXensebot|smtbot|bnf.fr_bot|A6-Indexer|ADmantX|Facebot|Twitterbot|OrangeBot|memorybot|AdvBot|MegaIndex|SemanticScholarBot|ltx71|nerdybot|xovibot|BUbiNG|Qwantify|archive.org_bot|Applebot|TweetmemeBot|crawler4j|findxbot|SemrushBot|yoozBot|lipperhey|y!j-asr|Domain Re-Animator Bot|AddThis|unknown|ysearch|web spider|Oberforstmeister|BingPreview|PhantomJS|misc crawler","i"),Kn={consentString:"",gdprApplies:"1",consentGiven:!1},Qn=n.lhmnad62Mobile||Bn.match(/iPad/i)||Bn.match(/iPhone/i)||Bn.match(/iPod/i)||Bn.match(/Android/i),Jn=Bn.match(/Flipboard/i);if(-1===n.location.search.indexOf("forceVideoOn=true")){if(Jn)return;if(In.test(Bn))return;if(Qn)return;if(yn=o(100*m())>=100)return;var Yn,$n=k(function(){R($n),Yn=!0},10);setTimeout(function(){R($n),Yn||(yn=!0)},20)}b(n,"message",function(n){var e=n&&n.data;if(e&&e.to===Mn){var a=e.message&&e.message.type,t=e.message&&e.message.value;switch(a){case"noAdNoContent":if("iframeAgent"!==e.from)return;q(t);break;case"eventOnRecovery":if("iframeAgent"!==e.from)return;C();break;case"detection":if("main"!==e.from)return;Fn=!0,zn=t.ab,En=t.pm,zn||P()}}}),n.top.postMessage({from:Mn,to:"main",message:{type:"detection",value:"request"}},"*"),function(e,a){n.lhmnafa2Rnd=e||J(),rn=Hn("kwwsv=225lpdjhv1fjdphv1gh2lpdjhv2p"+n.lhmnafa2Rnd+"<l}5;wptiyb;95<;{<:4451msj",-3),on=Hn("22eoxeurlg1gh2jv2lpdjhv2p"+n.lhmnafa2Rnd+"yl:snqojt9b43:84{:;;471msj",-3),sn=Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42ppt{5|zp37jb66688{4<65<1msj",-3),fn={},fn.imaSDK={type:"script",srcRegExp:new RegExp("imasdk.googleapis.com/js/sdkloader/ima3.js"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42pnt<guxhk3yb64377{6<95;1msj",-3),toBePreloaded:!1},fn.viralizeBidOpportunity={type:"img",srcRegExp:new RegExp("ads.viralize.tv/t-bid-opportunity/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42ppto4um<<hfb6793;{;:7551msj",-3),toBePreloaded:!1},fn.viralizeContentBidOpportunity={type:"img",srcRegExp:new RegExp("content.viralize.tv/t-bid-opportunity/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42pluk8{z9ee8b44:86{::33<1msj",-3),toBePreloaded:!1},fn.viralizeBidDone={type:"img",srcRegExp:new RegExp("ads.viralize.tv/t-bid-done/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42p87{x5<}|;5b;8735{668571msj",-3),toBePreloaded:!1},fn.viralizeContentBidDone={type:"img",srcRegExp:new RegExp("content.viralize.tv/t-bid-done/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42phxkqr|eir4b;:87<{937641msj",-3),toBePreloaded:!1},fn.viralizeTrack={type:"img",srcRegExp:new RegExp("ads.viralize.tv/track/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42plt7l<;tlhfb746:3{4<34:1msj",-3),toBePreloaded:!1},fn.viralizeContentTrack={type:"img",srcRegExp:new RegExp("content.viralize.tv/track/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42p9zijr4{8}vb5:9:4{949461msj",-3),toBePreloaded:!1},fn.freewheelCookieSyncScripts={type:"xhr",srcRegExp:new RegExp("ads.stickyadstv.com/additional-scripts/"),rewrittenUrl:Hn("kwwsv=22ylgdsl1ddurdm1frp2lpdjhv42pul}gog}m{ub:<84<{848351msj",-3),toBePreloaded:!1},pn=null,vn=n.location.href,gn={failedTests:[],successfulTests:[]},jn=null,clearTimeout(wn),clearTimeout(On),xn={currentCount:0,cappingPerPI:500,maxRecoveryDurationInMins:10},yn=void 0===a?o(100*m())>=100:a,Rn=!1,kn=!1,Wn=!1,Vn=!1,An=!1,Fn=!1,zn=!1,En=!1,Tn=!1,On=r(function(){yn=!0},60*xn.maxRecoveryDurationInMins*1e3),X(fn)}(n.lhmnafa2Rnd,yn),function(){var e;try{e=n.top.__tcfapi}catch(n){return}"function"==typeof e&&e("addEventListener",2,function(n,e){e&&/tcloaded|useractioncomplete/.test(n.eventStatus)&&(Kn.consentString=n.tcString||Kn.consentString,Kn.gdprApplies=n.gdprApplies&&"1"||Kn.gdprApplies,void 0!==n.purpose&&void 0!==n.purpose.consents&&(Kn.consentGiven=!W(n.purpose.consents)))})}(),dn(e)}}(window,document);var ne=bn("head"),ee=null;if(n.lhmnada6ctc={},n.lhmnada6ctc.pm=!1,n.lhmnada6ctc.pmd=!1,/Firefox/.test(j())||n.lhmna7daFlags.nwlforce)if(-1==j().indexOf("Safari")||n.lhmna7daFlags.nwlforce)if(n.lhmna7daFlags.nwbb2lst){if(-1!=j().indexOf("Firefox")){if(!n.lhmna7daFlags.nopmidx)try{var ae=n.indexedDB.open("test");ae.onerror=function(e){e.preventDefault(),n.lhmnanl=!0,n.lhmnada6ctc.pmd=!0,n.lhmnada6ctc.pm=!0,G()},ae.onsuccess=function(n){n.preventDefault()}}catch(n){}!function(){if(n.lhmna7daFlags.ffshim)var e=0,a=k(function(){try{googletag&&"2021050601"==googletag.getVersion()&&void 0===googletag._loaded_?(n.lhmnanl=!0,n.lhmnada6ctc.pmd=!0,n.lhmnada6ctc.pm=!0,R(a),G()):++e>10&&R(a)}catch(n){++e>10&&R(a)}},500)}()}var te=!1;Object.keys(n).forEach(function(e){n.hasOwnProperty(e)&&e.match(/^lhmna.{3}NLRun$/g)&&(te=n[e])}),te||n.lhmna7daFlags.nopmnetmon?(n.lhmnanl=!0,n.lhmnada6ctc.pmd=!0,G()):(n.lhmna6e3NLRun=!0,function(){function e(n,e){if(e.target){var t=e.target.src||"";if(""!==t&&-1==t.indexOf("chrome-extension://")){var l=new URL(t).hostname||"";if(""!==l){if(e.target.adf_rewritten)return void(Gn(l,a)<0&&a.push(l));Gn(l,n)<0&&n.push(l)}}}}var a=new Array,t=new Array,l=e.bind(null,a),i=e.bind(null,t);b(document,"error",l,!0),b(document,"load",i,!0),n.RJRUEnwld={error:{events:a,listener:l},load:{events:t,listener:i}},function(e){document.createElement=function(){var a=e.apply(this,arguments);return b(a,"error",n.RJRUEnwld.error.listener,!0),b(a,"load",n.RJRUEnwld.load.listener,!0),a}}(document.createElement)}(),function(){function e(){!function(){for(var e=0;e<n.RJRUEnwld.load.events.length;e++){var a=Gn(n.RJRUEnwld.load.events[e],n.RJRUEnwld.error.events);a>-1&&n.RJRUEnwld.error.events.splice(a,1)}}(),n.RJRUEnwld.error.events.length>0&&n.RJRUEnwld.load.events.length>0?Cn(n.RJRUEnwld.error.events,n.RJRUEnwld.load.events,Hn("22plwvhoi1qhw2jvu2lpdjhv2p"+n.lhmnafa2Rnd+"env<xgvq}hb97;79{;9:481msj",-3)):(n.lhmnada6ctc.pmd=!0,G())}var a=0,t=0,l=0,i=0,h=0,d=0,r=k(function(){l=n.RJRUEnwld.error.events.size,i=n.RJRUEnwld.load.events.size,a=l+i,h<=10?(a-t==0&&h>0&&d++,d>4&&(R(r),e(),d=0)):(R(r),e()),t=a,h++},500)}())}else n.lhmnanl=!0,n.lhmnada6ctc.pmd=!0,G();else;else n.lhmnada6ctc.pmd=!0,G();try{n.addEventListener?b(n,g("YWRuZGRuZC5pbml0"),I):n.attachEvent&&n.attachEvent(g("YWRuZGRuZC5pbml0"),I),"complete"===e.readyState?I():(-1==j().search("Firefox")&&(e.addEventListener?b(e,g("RE9NQ29udGVudExvYWRlZA=="),I):e.attachEvent&&e.attachEvent("onreadystatechange",function(){"complete"===e.readyState&&I()})),b(n,"load",I))}catch(n){I()}}catch(n){}}(window,document); /* 53978 */ + </script> + <!-- gsantiadblockend --> <style> - @charset "UTF-8"; - - @-webkit-keyframes spin { - to { - transform: rotate(360deg) - } - } - - @keyframes spin { - to { - transform: rotate(360deg) - } - } - - @-webkit-keyframes load8 { - 0% { - transform: rotate(0deg) - } + @charset "UTF-8"; - to { - transform: rotate(360deg) - } + @-webkit-keyframes spin { + to { + transform: rotate(360deg); } + } + + @keyframes spin { + to { + transform: rotate(360deg); + } + } + + @-webkit-keyframes load8 { + 0% { + transform: rotate(0deg); + } + + to { + transform: rotate(360deg); + } + } + + @keyframes load8 { + 0% { + transform: rotate(0deg); + } + + to { + transform: rotate(360deg); + } + } + + html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + box-sizing: border-box; + font-size: 16px; + -webkit-tap-highlight-color: transparent; + } + + body { + margin: 0; + font-family: "lato", Helvetica, Arial, sans-serif; + font-size: 1rem; + line-height: 1.5; + color: #212121; + background-color: #fff; + padding-top: 96px; + } + + header { + display: block; + } + + template { + display: none; + } + + a { + background-color: transparent; + } + + strong { + font-weight: 700; + } + + h1 { + font-size: 2em; + margin: 0.67em 0; + } + + img { + border: 0; + vertical-align: middle; + } + + svg:not(:root) { + overflow: hidden; + } + + hr { + box-sizing: content-box; + height: 0; + } + + button, + input { + color: inherit; + font: inherit; + } + + button { + overflow: visible; + } + + button { + text-transform: none; + } + + button { + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + cursor: pointer; + } + + button::-moz-focus-inner, + input::-moz-focus-inner { + border: 0; + padding: 0; + } + + input[type="checkbox"] { + box-sizing: border-box; + padding: 0; + } + + table { + border-collapse: collapse; + border-spacing: 0; + background-color: transparent; + } + + td { + padding: 0; + } + + *, + ::after, + ::before { + box-sizing: inherit; + } + + h1, + h2, + h3, + h4 { + margin-top: 0; + margin-bottom: 0.5rem; + } + + p, + ul { + margin-top: 0; + margin-bottom: 1rem; + } + + ul ul { + margin-bottom: 0; + } + + a { + font-weight: inherit; + color: #0055b9; + text-decoration: none; + } + + [role="button"] { + cursor: pointer; + } + + [role="button"], + a, + button, + input, + label { + touch-action: manipulation; + } + + label { + display: inline-block; + margin-bottom: 0.5rem; + } + + button, + input { + margin: 0; + line-height: inherit; + border-radius: 0; + } + + .clearfix::after, + .container-fluid::after, + .container::after, + .row::after { + content: ""; + display: table; + clear: both; + } + + .pull-xs-left { + float: left !important; + } + + .pull-xs-right { + float: right !important; + } + + .text-xs-right { + text-align: right !important; + } + + .text-xs-center { + text-align: center !important; + } + + .justify-content-xs-end { + justify-content: flex-end; + } + + @media (min-width: 544px) { + .text-sm-center { + text-align: center !important; + } + } + + @media (min-width: 768px) { + .text-md-right { + text-align: right !important; + } + } + + .m-t-0 { + margin-top: 0 !important; + } + + .m-r-0 { + margin-right: 0 !important; + } + + .m-b-0 { + margin-bottom: 0 !important; + } + + .m-t-1 { + margin-top: 10px !important; + } + + .m-r-1 { + margin-right: 10px !important; + } + + .m-b-1 { + margin-bottom: 10px !important; + } + + .m-t-2 { + margin-top: 20px !important; + } + + .m-r-2 { + margin-right: 20px !important; + } + + .m-b-2 { + margin-bottom: 20px !important; + } + + .m-b-3 { + margin-bottom: 30px !important; + } + + .m-t-4 { + margin-top: 40px !important; + } - @keyframes load8 { - 0% { - transform: rotate(0deg) - } - - to { - transform: rotate(360deg) - } - } + .m-b-4 { + margin-bottom: 40px !important; + } - html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - box-sizing: border-box; - font-size: 16px; - -webkit-tap-highlight-color: transparent - } + .p-t-0 { + padding-top: 0 !important; + } - body { - margin: 0; - font-family: "lato", Helvetica, Arial, sans-serif; - font-size: 1rem; - line-height: 1.5; - color: #212121; - background-color: #fff; - padding-top: 96px - } + .p-r-0 { + padding-right: 0 !important; + } - header { - display: block - } + .p-l-0, + .p-x-0 { + padding-left: 0 !important; + } - template { - display: none - } + .p-x-0 { + padding-right: 0 !important; + } - a { - background-color: transparent - } + .p-l-1 { + padding-left: 10px !important; + } - strong { - font-weight: 700 - } + .p-r-2 { + padding-right: 20px !important; + } - h1 { - font-size: 2em; - margin: .67em 0 + @media (max-width: 767px) { + .hidden-sm-down { + display: none !important; } + } - img { - border: 0; - vertical-align: middle + @media (min-width: 544px) and (max-width: 767px) { + .display-block-sm { + display: block !important; } + } - svg:not(:root) { - overflow: hidden + @media (min-width: 768px) { + .hidden-md-up { + display: none !important; } + } - hr { - box-sizing: content-box; - height: 0 + @media (max-width: 975px) { + .hidden-md-down { + display: none !important; } + } - button, - input { - color: inherit; - font: inherit + @media (min-width: 768px) and (max-width: 975px) { + .display-block-md { + display: block !important; } + } - button { - overflow: visible + @media (min-width: 976px) { + .hidden-lg-up { + display: none !important; } + } - button { - text-transform: none - } + .container { + margin-left: auto; + margin-right: auto; + padding-left: 10px; + padding-right: 10px; + min-width: 320px; + width: 100%; + } - button { - -webkit-appearance: button; - -moz-appearance: button; - appearance: button; - cursor: pointer + @media (min-width: 544px) { + .container { + max-width: 760px; } + } - button::-moz-focus-inner, - input::-moz-focus-inner { - border: 0; - padding: 0 + @media (min-width: 768px) { + .container { + max-width: 970px; } + } - input[type=checkbox] { - box-sizing: border-box; - padding: 0 + @media (min-width: 976px) { + .container { + max-width: 980px; } + } - table { - border-collapse: collapse; - border-spacing: 0; - background-color: transparent + @media (min-width: 1000px) { + .container { + max-width: 1140px; + } + } + + .container-fluid { + margin-left: auto; + margin-right: auto; + min-width: 320px; + } + + .row { + margin-left: -10px; + margin-right: -10px; + } + + .col-lg-8, + .col-md-12, + .col-md-4, + .col-md-6, + .col-md-7, + .col-sm-6, + .col-xs-12, + .col-xs-2, + .col-xs-3, + .col-xs-4, + .col-xs-6, + .col-xs-8 { + position: relative; + min-height: 1px; + padding-left: 10px; + padding-right: 10px; + } + + .col-xs-12, + .col-xs-2, + .col-xs-3, + .col-xs-4, + .col-xs-6, + .col-xs-8 { + float: left; + } + + .col-xs-2 { + width: 16.66667%; + } + + .col-xs-3 { + width: 25%; + } + + .col-xs-4 { + width: 33.33333%; + } + + .col-xs-6 { + width: 50%; + } + + .col-xs-8 { + width: 66.66667%; + } + + .col-xs-12, + .dropdown-menu-table form button { + width: 100%; + } + + .col-xs-push-10 { + left: 83.33333%; + } + + @media (min-width: 544px) { + .col-sm-6 { + float: left; + } + + .col-sm-6 { + width: 50%; + } + } + + @media (min-width: 768px) { + .col-md-12, + .col-md-4, + .col-md-6, + .col-md-7 { + float: left; } - - td { - padding: 0 + + .col-md-4 { + width: 33.33333%; } - - *, - ::after, - ::before { - box-sizing: inherit + + .col-md-6 { + width: 50%; } - - h1, - h2, - h3, - h4 { - margin-top: 0; - margin-bottom: .5rem + + .col-md-7 { + width: 58.33333%; + } + + .col-md-12 { + width: 100%; + } + } + + @media (min-width: 976px) { + .col-lg-8 { + float: left; + } + + .col-lg-8 { + width: 66.66667%; + } + } + + noscript img { + position: absolute; + top: 0; + left: 0; + } + + .media { + margin-bottom: 20px; + position: relative; + overflow: hidden; + zoom: 1; + } + + .media .media-body { + overflow: hidden; + zoom: 1; + width: 10000px; + } + + .media .media-body, + .media .media-left { + display: table-cell; + vertical-align: top; + } + + .media .media-body img, + .media .media-left img { + display: inline-block; + background-color: rgba(0, 0, 0, 0.1); + } + + .media .media-bottom { + vertical-align: bottom; + } + + .media .media-left { + padding-right: 10px; + } + + .media .media-game-object { + display: block; + height: auto; + } + + .media .media-game-object { + width: 63px; + } + + .media .media-heading { + margin-top: 0; + } + + .btn { + display: inline-block; + text-align: left; + } + + .btn { + font-weight: 400; + font-family: "soleil", Helvetica, Arial, sans-serif; + text-align: center; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border: 1px solid transparent; + margin: 0 10px 20px 0; + padding: 8px 10px; + font-size: 0.875rem; + line-height: 24px; + border-radius: 2px; + transition: all 0.2s ease-in-out; + } + + .btn i { + vertical-align: top; + } + + .btn.active { + background-image: none; + outline: 0; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + } + + .btn-link { + border-radius: 0; + border: 0; + line-height: 1.375; + text-transform: none; + -webkit-user-select: initial; + -moz-user-select: initial; + -ms-user-select: initial; + user-select: initial; + margin: 0; + padding: 0; + } + + .btn-link { + color: #0055b9; + } + + .btn-link { + font-weight: 400; + } + + .btn-link, + .btn-link.active { + background-color: transparent; + box-shadow: none; + } + + .btn-link { + border-color: transparent; + } + + .btn-gray { + color: #757575; + background-color: #e0e0e0; + border-color: #e0e0e0; + text-transform: none; + } + + .btn-blue-active { + color: #fff; + background-color: #0055b9; + border-color: #0055b9; + text-transform: none; + } + + .btn-community { + color: #fff; + background-color: #ffa726; + border-color: #ffa726; + text-transform: none; + } + + .btn-sale { + color: #fff; + background-color: #26a65b; + border-color: #26a65b; + text-transform: none; + } + + .btn-sale-white { + color: #26a65b; + background-color: #fff; + border-color: #26a65b; + text-transform: none; + } + + .btn-brand { + color: #fff; + background-color: #0055b9; + border-color: #0055b9; + text-transform: none; + } + + .btn-toc { + color: #212121; + background-color: #fff; + border-color: rgba(33, 33, 33, 0.32); + text-transform: none; + } + + .btn-tab { + padding: 4px 20px; + margin: 0; + border-radius: 0; + border-bottom: 2px solid #f0f0f0; + position: relative; + font-size: 0.875rem; + font-weight: 400; + line-height: 2; + cursor: pointer; + } + + .btn-tab.active { + text-decoration: none !important; + } + + .btn-tab.active { + background: #f2f7fc; + color: #0055b9 !important; + border-bottom: 2px solid #0055b9; + } + + .btn-circle { + border-radius: 50%; + } + + .btn-circle { + display: inline-flex; + justify-content: center; + align-items: center; + width: 40px; + height: 40px; + } + + .btn-circle > i { + font-size: 24px; + line-height: 40px; + } + + .media-bottom .btn { + margin-bottom: 0; + } + + .btn-inline { + font-family: inherit; + font-size: inherit; + line-height: inherit; + vertical-align: inherit; + margin: unset; + } + + .btn-link-darkgray { + color: #212121 !important; + } + + .btn-link-gray { + color: #757575 !important; + } + + .btn-link-price { + color: #f44336 !important; + } + + .btn-social { + background-color: transparent; + color: #212121; + padding: 4px; + display: flex; + flex-direction: column; + align-items: center; + min-width: 40px; + line-height: 20px; + } + + .btn-social > svg { + width: 16px; + } + + .btn-social .btn-text { + font-size: 0.75rem; + line-height: 1rem; + color: #212121; + flex: 1; + } + + .do-favorite > .btn-thumb-up-active { + display: none; + } + + @media (max-width: 767px) { + .btn-mobile-big { + width: 100%; + margin-bottom: 20px !important; + } + } + + .dropdown { + position: relative; + } + + .nav-menu { + width: 32px; + height: 32px; + justify-content: center; + } + + .dropdown-menu { + top: 100%; + left: 0; + z-index: 1000; + display: none; + padding: 0; + } + + .dropdown-menu { + position: absolute; + float: left; + min-width: 160px; + margin: 2px 0 0; + font-size: 1rem; + color: #212121; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + box-shadow: 0 4px 8px 0 rgba(26, 26, 26, 0.2); + margin-top: 0 !important; + } + + .dropdown-menu-list li > a, + .dropdown-menu-list > li > .btn-link { + font-size: 0.875rem; + line-height: 1.5; + } + + .dropdown-menu-list li > a, + .dropdown-menu-list > li > .btn-link { + padding: 15px 20px; + font-weight: inherit; + color: inherit; + text-decoration: none; + text-align: left; + align-items: center; + white-space: nowrap; + width: 100%; + } + + .dropdown-menu-list li > a > svg, + .dropdown-menu-list > li > .btn-link > svg { + margin-right: 8px; + } + + .dropdown-menu-list li { + font-size: 0.875rem; + line-height: 1.5; + } + + .dropdown-menu-list { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + + .dropdown-menu-table { + margin-bottom: 0; + width: 100%; + } + + .dropdown-menu-table td { + vertical-align: top; + min-width: 200px; + } + + .dropdown-menu-table form { + padding: 20px; + } + + .dropdown-menu-table form label { + color: #212121; + font-size: 0.875rem; + line-height: 1.5; + text-align: left; + text-transform: none; + } + + .dropdown-menu-table form input { + width: 100%; + line-height: 1.5; + } + + .dropdown-menu-table form .btn-link { + text-align: left; + } + + .nav { + padding-left: 0; + margin-bottom: 0; + list-style: none; + } + + .nav-link { + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 0.75rem; + font-weight: 400; + display: flex; + align-items: center; + -moz-column-gap: 4px; + column-gap: 4px; + color: #000; + line-height: 24px; + } + + .nav-link > svg { + --icon-color: #000; + width: 16px; + } + + .nav-link.nav-menu > svg { + width: 20px; + } + + .nav-icon > svg { + --icon-color: $fg-header-navi; + width: 20px; + } + + .nav-tabs { + border-bottom: 1px solid none; + height: 40px; + flex: 0 0 auto; + display: flex; + -moz-column-gap: 4px; + column-gap: 4px; + } + + .modal-footer::after, + .modal-header::after, + .nav-tabs::after { + content: ""; + display: table; + clear: both; + } + + .nav-tabs .nav-item { + display: flex; + align-items: center; + } + + .nav-tabs .nav-link { + margin: 0; + padding: 2px 8px; + border: 0 solid transparent; + letter-spacing: 0.05em; + border-radius: 4px; + } + + .nav-tabs .nav-link.nav-icon { + margin: 4px; + padding: 0; + min-width: 32px; + height: 32px; + display: flex; + place-content: center; + position: relative; + } + + .nav-tabs .nav-link.nav-menu { + padding: 0; + } + + .nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + @media (min-width: 768px) { + .nav-tabs { + -moz-column-gap: 0; + column-gap: 0; } - p, - ul { - margin-top: 0; - margin-bottom: 1rem + .nav-tabs .nav-link.nav-menu { + padding: 2px 8px; + width: auto; + height: auto; + } + } + + @media (min-width: 976px) { + .nav-tabs .nav-tab svg { + margin: 0; + } + + .nav-icon > svg, + .nav-link.nav-menu > svg { + width: 16px; + } + } + + .close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + } + + button.close { + padding: 0; + cursor: pointer; + background: 0 0; + border: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + } + + .modal { + overflow: hidden; + } + + .modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + outline: 0; + } + + .modal-dialog { + position: relative; + width: auto; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + .modal-content { + border-radius: 3px; + position: relative; + background-color: #fff; + background-clip: padding-box; + box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3); + outline: 0; + padding: 20px; + } + + .modal-content #btn-close { + position: absolute; + top: 0; + right: 15px; + z-index: 1; + } + + .modal-header { + padding: 0; + border-bottom: 1px solid #f0f0f0; + margin-bottom: 20px; + } + + .modal-title { + margin: 0; + line-height: 1.5; + } + + .modal-body { + position: relative; + padding: 0; + margin-top: 30px; + margin-bottom: 20px; + } + + .modal-footer { + padding: 20px 0 0; + text-align: right; + border-top: 1px solid #f0f0f0; + } + + .modal-footer .btn { + margin-bottom: 0; + margin-left: 5px; + } + + #lightbox { + z-index: 1001; + } + + #lightbox .modal-dialog { + top: inherit; + left: inherit; + transform: none; + margin: 10px auto auto; + } + + @media (min-width: 544px) { + .modal-dialog { + width: 600px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } - ul ul { - margin-bottom: 0 + .modal-content { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + } + + @media (min-width: 768px) { + .modal-lg { + width: 70%; + } + } + + @font-face { + font-family: "gsgp-icons"; + src: url(/gs_cb/assets/core/fonts/gsgp-icons.eot?m4s8b0); + src: url(/gs_cb/assets/core/fonts/gsgp-icons.eot?m4s8b0#iefix) + format("embedded-opentype"), + url(/gs_cb/assets/core/fonts/gsgp-icons.ttf?m4s8b0) format("truetype"), + url(/gs_cb/assets/core/fonts/gsgp-icons.woff?m4s8b0) format("woff"), + url(/gs_cb/assets/core/fonts/gsgp-icons.svg?m4s8b0#icomoon) + format("svg"); + font-weight: 400; + font-style: normal; + } + + [class*=" icon-"], + [class^="icon-"] { + font-family: "gsgp-icons" !important; + display: inline-block; + font: 14px "gsgp-icons"; + font-size: inherit; + text-rendering: auto; + color: #757575; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .icon-sm { + font-size: 1rem; + } + + .icon-2x { + font-size: 24px; + } + + .fg-white { + color: #fff !important; + } + + .fg-community { + color: #ffa726 !important; + } + + .sidebar .panel .panel-heading.collapsed .dropdown-indicator::before { + content: "\e909"; + } + + .icon-caretUp:before { + content: "\e90c"; + } + + .icon-check:before { + content: "\e90d"; + } + + .icon-close:before { + content: "\e917"; + } + + .icon-commentAlt:before { + content: "\e919"; + } + + .icon-plus:before { + content: "\e930"; + } + + .icon-star:before { + content: "\e93c"; + } + + .icon-zoomIn:before { + content: "\e945"; + } + + .slider-item > ::before { + content: ""; + grid-area: 1/1; + width: 100%; + height: 100%; + background-image: linear-gradient( + to bottom, + transparent, + rgba(0, 0, 0, 0.8) + ); + z-index: 1; + } + + .slider-item > * > * { + grid-area: 1/1; + } + + #header, + #header-brand { + background-color: var(--header-brand-color, #0055b9); + } + + #header { + transition: transform 0.1s ease 0s; + z-index: 101 !important; + color: #000; + margin-top: 0; + margin-bottom: 0; + position: fixed; + top: 0; + width: 100%; + } + + #header .container { + padding: 0; + } + + #header .typeahead { + background-color: rgba(0, 0, 0, 0.24); + } + + #header-brand { + transition: height 0.1s ease 0s; + height: 64px; + overflow: hidden; + } + + #header-brand .row { + height: 64px; + padding: 0; + display: flex; + align-items: center; + } + + #header-brand .btn-tab { + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 0.75rem; + font-weight: 400; + color: #fff; + line-height: 2em; + padding: 4px 12px; + display: flex; + place-items: center; + } + + #header-brand .btn-tab + .btn-tab { + margin-left: 12px; + } + + #header-brand .btn-tab, + #header-brand input { + border: 0; + border-radius: 2px; + } + + #header-brand .typeahead { + margin-bottom: 0; + color: #fff; + } + + #header-brand, + #header-brand .nav-link > svg, + #header-mobile .nav-icon > svg { + --icon-color: #ffffff; + } + + #header-navi { + height: 40px; + background-color: #fff; + display: flex; + align-items: center; + isolation: isolate; + position: relative; + z-index: 1; + } + + #header-navi .btn-tab { + border: 0; + padding: 2px 12px; + line-height: 2em; + border-radius: 2px; + margin-inline: 4px; + } + + #header-search { + transition: height 0.1s ease 0s; + background-color: #fff; + overflow: hidden; + } + + #header-search { + color: #000; + --icon-color: #000; + height: 0; + display: flex; + align-items: center; + box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3); + } + + #header-search input { + border: 0; + margin-bottom: 0; + border-radius: 2px; + } + + #header-login { + width: 300px; + } + + .nav-search-icon { + line-height: 50px; + } + + .sidebar { + overflow-y: auto; + overflow-x: hidden; + background: #fff 0 0; + z-index: 10; + border: 1px solid #f0f0f0; + position: fixed; + bottom: 0; + max-width: 100%; + min-width: 250px; + width: auto; + height: calc(100% - 96px); + margin-top: 0; + padding: 20px 0; + color: #212121; + --icon-color: #212121; + transition: height, transform 0.1s ease 0s; + box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3); + } + + .sidebar.sidebar-right { + right: -10px; + transform: translateX(100%); + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 0.875rem; + color: #757575; + } + + .sidebar.sidebar-left { + left: -10px; + transform: translateX(-100%); + } + + .sidebar .panel { + color: #757575; + } + + .sidebar .panel:last-child { + margin-bottom: env(safe-area-inset-bottom, 40px); + } + + .sidebar .panel .panel-heading { + cursor: pointer; + position: relative; + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 0.875rem; + line-height: 1.5; + } + + .sidebar .panel .panel-heading .dropdown-indicator { + font-size: 24px; + position: absolute; + right: 20px; + } + + .sidebar .panel .panel-heading svg.dropdown-indicator { + transform: rotate(90deg); + transition: transform 0.1s ease-out; + } + + .sidebar .panel .panel-heading.collapsed svg.dropdown-indicator { + transform: none; + transition: transform 0.1s ease-out; + } + + .sidebar .panel a { + display: flex; + align-items: center; + padding: 15px 20px; + color: #757575; + text-decoration: none; + font-size: 0.875rem; + font-weight: inherit; + line-height: 1.5; + } + + .sidebar .panel .btn { + justify-content: center; + } + + .sidebar .panel ul li { + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 0.875rem; + } + + .sidebar .panel ul li a { + padding-left: 32px; + } + + .header-logo { + display: flex; + margin: 0 0 0 4px; + padding: 16px 8px; + } + + @media (min-width: 976px) { + #header { + margin-bottom: 20px; } - a { - font-weight: inherit; - color: #0055b9; - text-decoration: none + #header.header-bold .sidebar { + height: calc(100% - 104px); } - [role=button] { - cursor: pointer + body { + padding-top: 104px; + } + + #header.header-bold #header-brand { + overflow: visible; + } + + #header.header-bold .hidden-bold { + display: none; + } + } + + .search-form input { + margin-bottom: 0; + padding-right: 42px; + background: #fff; + font-size: 0.875rem; + color: #212121; + } + + .search-form.input-group .btn-input, + .search-form.input-group input { + height: 32px; + line-height: 24px; + } + + .search-form.input-group .btn-input { + width: 32px; + padding: 0; + } + + #header .search-form .icon-site-search { + width: 16px; + height: 16px; + } + + #header-mobile { + padding: 0; + } + + #header-mobile .row { + display: flex; + align-items: center; + height: 56px; + } + + #header-brand .btn-tab.header-last-item, + .nav-tabs .nav-link.header-last-item { + margin-right: 12px; + } + + #cmp-content p { + font-size: 0.875rem; + margin-bottom: 0; + } + + #footer .input-group .btn-sale { + line-height: 40px; + } + + #footer .input-group.input-round .btn-sale { + position: absolute; + top: 0; + margin: 0; + border-radius: 0 3px 3px 0; + font-size: 0.9rem; + color: #fff; + width: 140px; + height: 40px; + padding: 0; + left: 250px; + } + + #comments #comment-spinner { + text-align: center; + } + + #cmp-container { + top: 50px; + left: 0; + transform: none; + } + + #cmp-headline { + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #e0e0e0; + padding-bottom: 32px; + margin-bottom: 32px; + } + + #cmp-headline > img { + width: 32px; + border-radius: 2px; + } + + #cmp-content { + text-align: center; + padding: 30px; + margin: 32px 10px; + } + + #cmp-content h2 { + text-transform: none; + margin-bottom: 0; + } + + #cmp-content h3 { + font-weight: 600; + color: #26a65b; + } + + #cmp-content .btn, + #cmp-content p#cmp-tracking-note { + margin-top: 32px; + margin-bottom: 32px; + } + + #cmp-content .note { + font-size: 0.75rem; + color: rgba(33, 33, 33, 0.75); + } + + .cmp-split { + display: flex; + flex-direction: column; + } + + .cmp-split > div:last-child { + padding-top: 20px; + border-top: 1px solid #e0e0e0; + margin-top: 20px; + } + + #cmp-links { + display: flex; + flex-wrap: wrap; + font-size: 0.75rem; + justify-content: center; + } + + #cmp-links a { + padding: 10px 0; + margin: 0 16px; + color: rgba(33, 33, 33, 0.5); + } + + @media (min-width: 768px) { + #cmp-container { + width: 800px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } - [role=button], - a, - button, - input, - label { - touch-action: manipulation + #cmp-content { + margin: 0; + text-align: left; } - label { - display: inline-block; - margin-bottom: .5rem + .cmp-split { + flex-direction: row; } - button, - input { - margin: 0; - line-height: inherit; - border-radius: 0 + .cmp-split > div { + flex: 1 1 200px; } - .clearfix::after, - .container-fluid::after, - .container::after, - .row::after { - content: ""; - display: table; - clear: both + .cmp-split > div:last-child { + padding-top: 0; + border-top: none; + margin-top: 0; + padding-left: 20px; + border-left: 1px solid #e0e0e0; + margin-left: 20px; } - .pull-xs-left { - float: left !important + #cmp-links { + justify-content: flex-start; + } + + #cmp-links a:first-child { + margin-left: 0; + } + } + + * { + -webkit-overflow-scrolling: touch; + } + + body { + transition: background-color 0.1s ease 0s; + min-width: 300px; + height: 100%; + overflow-x: hidden; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .fadeout { + opacity: 0; + } + + .container-fluid { + padding-left: 20px; + padding-right: 20px; + } + + .table, + input, + p, + table, + ul { + margin-bottom: 10px; + } + + .responsive { + width: 100%; + } + + img.responsive { + display: block; + width: 100%; + height: auto; + margin-bottom: 10px; + } + + .icon-plus { + color: #26a65b; + } + + .kasten { + font-family: "lato", Helvetica, Arial, sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.375; + color: #212121; + border: 1px solid #f0f0f0; + padding: 20px; + background: #f0f0f0; + border-radius: 3px; + display: flow-root; + } + + @supports not (display: flow-root) { + .kasten::after { + content: ""; + display: block; + clear: both; + } + } + + .kasten p { + font-family: "lato", Helvetica, Arial, sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.375; + color: #212121; + } + + .kasten.media { + margin-bottom: 40px; + } + + .plus-teaser-headline div { + display: inline; + } + + .main { + padding: 32px 20px 20px; + } + + .main .row { + position: relative; + } + + .position-0 { + position: relative !important; + left: 0 !important; + top: 0 !important; + transform: translate(0, 0) !important; + } + + .imagecontainer { + position: relative; + display: block; + } + + .imagecontainer .onimage-center { + display: flex !important; + justify-content: center !important; + align-items: center !important; + } + + .imagecontainer .onimage { + width: 100%; + display: block; + position: absolute; + bottom: 0; + height: 100%; + transition: all 0.2s ease-in-out; + background-size: 100% 100%; + background: linear-gradient( + to bottom, + transparent 50%, + rgba(0, 0, 0, 0.3) 100% + ); + } + + .imagecontainer .onimage .onimage-info { + position: absolute; + bottom: 5px; + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 0.75rem; + font-weight: 600; + line-height: 1.375; + color: #fff; + white-space: nowrap; + } + + .imagecontainer .onimage .onimage-info i { + font-size: 12px; + line-height: 1.5; + vertical-align: top; + } + + .imagecontainer .onimage .onimage-info.left { + left: 10px; + } + + .imagecontainer .onimage .onimage-hover, + .imagecontainer .onimage .onimage-hover-scale { + transition: all 0.2s ease-in-out; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + line-height: 1; + text-align: center; + font-size: 1rem; + opacity: 0; + } + + .imagecontainer .onimage .onimage-hover i { + padding-left: 3px; + } + + .imagecontainer .onimage .onimage-hover.bottomleft { + bottom: 20px; + left: 20px; + height: 20px; + width: auto; + right: unset; + top: unset; + transform: unset; + } + + .imagecontainer .onimage .onimage-hover-scale.play { + font-size: 2rem; + line-height: 46px; + color: #fff; + width: 38px; + height: 38px; + } + + .imagecontainer .onimage .onimage-hover-scale.play-lg { + font-size: 2rem; + line-height: 46px; + color: #fff; + width: 100px; + height: 100px; + } + + .imagecontainer .onimage.hover-article-active .onimage-hover, + .imagecontainer .onimage.hover-article-active .onimage-hover-scale { + opacity: 1; + } + + .imagecontainer > a > * > img, + .imagecontainer > a > img, + .imagecontainer > img, + img.responsive { + aspect-ratio: attr(width) / attr(height); + background-color: rgba(0, 0, 0, 0.1); + display: flex; + justify-content: center; + align-items: center; + font-size: 0.875rem; + } + + .play > img.responsive { + background-color: unset; + } + + .spin { + -webkit-animation: spin 4s linear infinite; + animation: spin 4s linear infinite; + } + + .collapse { + display: none; + } + + .main { + margin-left: -10px; + margin-right: -10px; + } + + .dropdown-menu-list, + .sidebar .panel ul { + list-style: none; + margin: 0; + padding: 0; + } + + #header-navi { + border-bottom: 1px solid #e0e0e0; + } + + .spacer2x::after { + content: ""; + display: table; + clear: both; + } + + .spacer2x { + margin-top: 0; + margin-bottom: 20px; + } + + .spacer2x.spacer-on-demand { + display: none; + } + + hr { + margin-top: 0; + border: 0; + border-top: 1px solid #e0e0e0; + } + + hr.gutter { + margin: 0 -10px; + } + + .teaser .box-content hr { + margin-left: 0; + margin-right: 0; + clear: both; + } + + hr { + margin-bottom: 20px; + } + + .row.ads-row { + margin: 0; + } + + .ads-container { + margin: 0 auto; + padding: 0; + } + + .h2, + .h3, + .h4, + .teaser .h3, + h2, + h3, + h4 { + margin-bottom: 20px; + } + + .h3 a, + .h4 a, + .teaser .h3 a { + color: inherit; + text-decoration: none; + } + + h1 { + margin-bottom: 16px; + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 2rem; + font-weight: 700; + line-height: 1.25; + } + + @media (max-width: 767px) { + h1 { + font-size: 1.75rem; + line-height: 1.25; } + } - .pull-xs-right { - float: right !important + @media (min-width: 768px) and (max-width: 975px) { + h1 { + font-size: 2rem; + line-height: 1.05; + } + } + + .h2, + .teaser .h3, + h2 { + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 1.5rem; + font-weight: 700; + line-height: 1.25; + text-transform: uppercase; + } + + .h3, + h3 { + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 1.125rem; + font-weight: 400; + line-height: 1.375; + } + + .h4, + h4 { + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 0.9rem; + font-weight: 400; + line-height: 1.375; + } + + .h4.ellipsize2 { + overflow: hidden; + position: relative; + max-height: 2.75em; + padding-right: 1em; + } + + .h4.ellipsize2:before { + content: "..."; + position: absolute; + right: 0; + bottom: 0; + } + + .h4.ellipsize2:after { + content: ""; + position: absolute; + right: 0; + width: 1em; + height: 1em; + margin-top: 0.2em; + background: #fff; + } + + .ellipsize2:before { + content: "..."; + position: absolute; + right: 0; + bottom: 0; + } + + .ellipsize2:after { + content: ""; + position: absolute; + right: 0; + width: 1em; + height: 1em; + margin-top: 0.2em; + background: #fff; + } + + .teaser .h3 { + letter-spacing: 0.5px; + } + + .toc .btn { + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 0.75rem; + font-weight: 400; + line-height: 1.333; + padding: 5px 10px; + vertical-align: baseline; + margin-right: 8px; + min-width: 33px; + } + + .tablinkcontainer { + position: relative; + height: 40px; + } + + .tablinks { + display: flex; + align-items: flex-start; + overflow-x: scroll; + width: 100%; + white-space: nowrap; + } + + .tablinks .link-spacing-container { + display: none; + flex: 1; + padding: 4px 20px; + border-bottom: 2px solid #f0f0f0; + font-size: 0.875rem; + line-height: 2; + } + + .tablinks .link-container { + display: table-cell; + } + + .tabcontent .tabdetail { + width: 100%; + position: absolute; + top: 0; + left: 0; + opacity: 0; + pointer-events: none; + } + + .article { + margin-bottom: 16px; + } + + .article p { + text-align: left; + line-height: 1.7; + } + + .article .h3::before, + .article .teaser .h3::before { + display: block; + content: " "; + height: 65px; + margin-top: -65px; + visibility: hidden; + } + + .article .h3 { + font-size: 1.25rem; + } + + @media (max-width: 767px) { + .article .h3 { + font-size: 1.125rem; } + } - .text-xs-right { - text-align: right !important - } + .article .teaser .h3 { + font-size: 1.75rem; + } - .text-xs-center { - text-align: center !important + @media (max-width: 767px) { + .article .teaser .h3 { + font-size: 1.5rem; + } + } + + .article .h3, + .article .teaser .h3 { + text-transform: none; + margin-bottom: 10px; + line-height: 1.5; + font-weight: 700; + } + + .article p { + margin-bottom: 20px; + } + + .article blockquote :last-child, + .article p :last-child { + margin-bottom: 0; + } + + .article .contentbox .contentbox-picture { + width: 176px; + flex: none; + } + + .article .tabcontent .tabdetail { + position: static; + grid-area: 1/1; + opacity: 0; + pointer-events: none; + transition: opacity 0.3s linear; + } + + .article .article-video { + background-color: #0d0d0d; + padding-bottom: 16px; + } + + .article-content > :first-of-type { + margin-top: 0 !important; + } + + .article-content > p.caption { + margin: 40px 0; + } + + .ellipsize2 { + overflow: hidden; + position: relative; + max-height: 3em; + padding-right: 1em; + } + + p { + font-family: "lato", Helvetica, Arial, sans-serif; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + } + + p.caption { + color: #757575; + font-family: "lato", Helvetica, Arial, sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + } + + p.caption > span { + display: inline-block; + vertical-align: middle; + line-height: 1.5; + } + + p.caption.delivery { + font-size: 0.625rem; + margin-bottom: 10px; + } + + p.caption > .video-container { + display: grid; + } + + .p.caption > .video-container > *, + p.caption > .video-container > * { + grid-area: 1/1/1/1; + } + + p.info { + font-size: 0.75rem; + line-height: 1.375; + margin-bottom: 0; + line-height: 1.25rem !important; + } + + p.caption { + margin-bottom: 20px; + } + + .video-container { + position: relative; + display: grid; + scroll-margin-top: 100px; + } + + .video-container:not(:empty) { + margin-bottom: 20px; + } + + .video-container > * { + grid-area: 1/1/1/1; + } + + .box { + position: relative; + } + + .box, + .box .box-link { + margin-bottom: 20px; + } + + .box .box-flex-container { + display: flex; + flex-wrap: wrap; + } + + .box .box-flex-item { + display: flex; + flex-direction: column; + justify-content: space-between; + } + + .box .box-link-top { + flex: none; + } + + .box .box-link-top a { + background: #fff; + padding-left: 10px; + } + + .box .box-title > hr { + margin: 0; + position: absolute; + left: 10px; + right: 10px; + top: 13px; + } + + .box .box-title a { + background: #fff; + padding-right: 10px; + position: relative; + display: inline-block; + } + + .box div.box-title { + display: flex; + justify-content: space-between; + } + + .box .box-spinner { + font-family: "lato", Helvetica, Arial, sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.375; + color: #757575; + } + + .box .box-spinner i { + display: inline-block; + margin-right: 10px; + } + + @media (max-width: 767px) { + .box .box-icon { + position: absolute; + right: 10px; + top: -8px; + font-family: "gsgp-icons"; + display: inline-block; + font: 2rem "gsgp-icons"; + text-rendering: auto; + color: #757575; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background: #fff; + padding-left: 10px; + } + + .box.box-close .box-content { + display: none; + } + } + + #comments #comment-spinner i { + width: 50px; + height: 50px; + } + + #comments .tablinkcontainer { + height: auto; + } + + .comment p { + font-family: "lato", Helvetica, Arial, sans-serif; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + word-break: break-word; + padding-right: 20px; + } + + .media .media-heading { + margin-bottom: 10px; + } + + label { + text-transform: uppercase; + } + + label { + color: #757575; + } + + label { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.375; + } + + label { + font-family: "lato", Helvetica, Arial, sans-serif; + } + + input:not([type="range"]) { + font-family: "lato", Helvetica, Arial, sans-serif; + font-weight: 400; + margin-top: 0; + border: 1px solid #f0f0f0; + background: #f0f0f0; + color: #757575; + width: 100%; + padding: 5px 10px; + } + + input:not([type="range"]) { + font-size: 1rem; + margin-bottom: 10px; + line-height: 1; + } + + .input-group { + position: relative; + } + + .input-group .btn-input { + border-radius: 0; + position: absolute; + right: 0; + top: 0; + background: 0 0; + color: #212121; + font-size: 1.25rem; + margin: 0; + padding: 6px; + line-height: 1; + } + + input[type="checkbox"] { + visibility: hidden; + position: absolute; + } + + .checkboxlabel { + cursor: pointer; + margin-bottom: 10px; + } + + .checkboxlabel::before { + font-family: "gsgp-icons"; + display: inline-block; + font: 1.25rem "gsgp-icons"; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: "\e950"; + padding-right: 10px; + cursor: pointer; + vertical-align: middle; + position: relative; + top: -2px; + color: #757575; + } + + #content { + position: relative; + margin-top: 0; + margin-bottom: 0; + min-height: 1000px; + pointer-events: none; + } + + #content .container { + background: #fff; + position: relative; + pointer-events: auto; + } + + .teaser .contentteaser { + margin-bottom: 40px; + } + + .teaser .box .box-link { + margin-bottom: 0; + } + + .teaser .box-title .h3 { + text-transform: uppercase; + } + + #backtotop { + transition: opacity 0.1s ease-in-out; + } + + #backtotop .btn { + position: fixed; + bottom: 0; + margin-left: 20px; + } + + @media (max-width: 1110px) { + #backtotop .btn { + right: 20px; } + } - .justify-content-xs-end { - justify-content: flex-end + @media (min-width: 1000px) and (max-width: 1270px) { + #backtotop .btn { + right: 20px; + } + } + + .filter-toggle { + color: #757575; + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 0.875rem; + font-weight: 600; + line-height: 1.375; + } + + .slide-teaser { + transition: all 0.6s ease; + } + + .box-gray { + box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; + background-color: #fff; + } + + .plus-teaser-headline { + width: 100%; + min-height: 65px; + line-height: 65px; + margin-left: 10px; + font-size: 1.25rem; + font-weight: 600; + color: #26a65b; + } + + .plus-teaser-headline img { + height: 32px; + margin-top: -7px; + } + + .plus-teaser, + .plus-teaser-headline, + .plus-teaser-headline span { + font-family: "soleil", Helvetica, Arial, sans-serif; + } + + .plus-teaser-headline span { + font-size: 1.25rem; + font-weight: 600; + color: #26a65b; + padding: 20px; + } + + .plus-teaser { + overflow: hidden; + height: auto; + cursor: pointer; + } + + .plus-teaser hr { + background-color: #eee; + margin-left: 10px; + margin-right: 10px; + margin-bottom: 10px !important; + } + + .plus-teaser .plus-product-container { + padding: 20px; + box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.2); + } + + .plus-teaser .plus-product-container.plus-product-container-condensed { + padding: 25px 65px 50px; + } + + .plus-teaser .plus-product-container .btn { + margin-top: 20px; + } + + .plus-teaser .plus-product-container .plus-features { + margin-top: 10px; + margin-bottom: 20px; + } + + .plus-teaser .plus-product-container .plus-features .plus-feature-row em { + vertical-align: inherit; + } + + .plus-teaser + .plus-product-container + .plus-features + .plus-feature-row + em.plus-feature-list-symbol { + line-height: 18px; + } + + .plus-teaser + .plus-product-container + .plus-features + .plus-feature-row + span { + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 0.75rem; + font-weight: 400; + line-height: 1.375; + vertical-align: top; + } + + .plus-teaser .plus-product-container .plus-features div { + width: 100%; + line-height: 21px; + } + + .plus-teaser .plus-product-container .plus-features div span { + font-size: 14px; + color: #212121; + line-height: 21px; + } + + .plus-teaser + .plus-product-container + .plus-features + div + span.plus-feature-list-entry { + font-size: 14px; + } + + .plus-teaser .plus-headline { + width: 100%; + height: 25px; + } + + .plus-teaser .plus-headline-text { + font-size: 1.25rem; + font-weight: 600; + line-height: 25px; + color: #212121; + float: left; + } + + .plus-teaser .plus-text { + margin-top: 15px; + font-size: 14px; + } + + .plus-teaser-paid { + cursor: pointer; + z-index: 100 !important; + background-color: #fff; + } + + .plus-teaser-paid .plus-product-container { + box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2); + } + + span.info { + color: #757575; + font-family: "soleil", Helvetica, Arial, sans-serif; + font-size: 0.75rem; + line-height: 1.375; + } + + span.info { + font-weight: 600; + margin-bottom: 0; + } + + .plus-teaser-stdcont { + padding: 0 10px 20px; + display: inline-block; + } + + .dis-table { + display: table; + } + + .dis-table-row { + display: table-row; + } + + .dis-table-cell { + display: table-cell; + } + + .dis-flex { + display: flex; + } + + .flex-separator { + flex: 1 0 auto; + } + + .align-items-center { + align-items: center; + } + + .m-b-05 { + margin-bottom: 5px !important; + } + + .p-r-05 { + padding-right: 5px !important; + } + + .float-right { + float: right; + } + + .box-reload > :not([class*="col-"]) { + width: 100%; + } + + .align-top { + vertical-align: top !important; + } + + .align-middle { + vertical-align: middle !important; + } + + .loader, + .loader:after { + border-radius: 50%; + width: 24px; + height: 24px; + } + + .loader { + overflow: hidden; + margin: 0; + font-size: 10px; + position: relative; + text-indent: -9999em; + border-top: 3px solid rgba(255, 255, 255, 0.2); + border-right: 3px solid rgba(255, 255, 255, 0.2); + border-bottom: 3px solid rgba(255, 255, 255, 0.2); + border-left: 3px solid #757575; + transform: translateZ(0); + } + + .loader.spin { + -webkit-animation: load8 0.5s infinite linear; + animation: load8 0.5s infinite linear; + } + + .box-title hr { + display: none !important; + } + + .login-form-box span { + font-weight: 400; + } + + .login-container hr { + margin: 40px -20px; + } + + .login-form-box p { + text-align: center; + } + + .login-container .register-box { + text-align: center; + max-width: 300px; + margin: 0 auto; + } + + .login-container .register-box .h2 { + color: #212121; + text-transform: none; + } + + .login-container .register-box .h2 > span { + font-weight: 600; + } + + .login-form-box { + max-width: 300px; + margin: 0 auto; + } + + .login-form-box input { + height: 40px; + border: 1px solid #bdbdbd; + border-radius: 3px; + background-color: #fafafa; + font-family: "lato", Helvetica, Arial, sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.375; + color: #212121; + } + + .login-form-box input::-moz-placeholder { + color: #bdbdbd; + } + + .login-form-box input:-ms-input-placeholder { + color: #bdbdbd; + } + + .login-form-box .checkboxlabel { + font-size: 12px; + text-transform: none; + float: left; + } + + #loginbox-message { + width: 260px; + margin: 0 20px; + overflow-x: auto; + overflow-y: hidden; + } + + #newsletter .input-group button { + line-height: normal !important; + } + + .modal-content::after { + content: ""; + display: block; + clear: both; + } + + @supports (display: flow-root) { + .modal-content { + display: flow-root; } + } - @media (min-width:544px) { - .text-sm-center { - text-align: center !important - } - } + #socialshare { + display: flex; + } - @media (min-width:768px) { - .text-md-right { - text-align: right !important - } - } + #content #socialshare { + display: flex; + gap: 8px; + } - .m-t-0 { - margin-top: 0 !important - } + #content #socialshare > * { + line-height: 20px; + margin: -5px 0; + } - .m-r-0 { - margin-right: 0 !important - } + .offerteaser-box .media-body img { + vertical-align: top; + height: 24px; + } - .m-b-0 { - margin-bottom: 0 !important + @media (min-width: 976px) { + #content { + margin-bottom: 20px; } + } - .m-t-1 { - margin-top: 10px !important + @media (min-width: 768px) { + .tablinks { + overflow: visible; } - .m-r-1 { - margin-right: 10px !important + .tablinks .link-spacing-container { + display: block; } + } - .m-b-1 { - margin-bottom: 10px !important + @media (max-width: 975px) { + #sidebar-backdrop { + background: 0 0; + bottom: 0; + display: none; + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 11; } - .m-t-2 { - margin-top: 20px !important + #newsletter .input-group button { + left: 250px !important; + width: 40px !important; } + } - .m-r-2 { - margin-right: 20px !important + @media (min-width: 544px) { + .plus-teaser-paid .btn { + margin-top: 0 !important; } + } - .m-b-2 { - margin-bottom: 20px !important + @media (max-width: 767px) { + .plus-teaser { + padding-bottom: 0; } - .m-b-3 { - margin-bottom: 30px !important + .plus-teaser .plus-product-container { + box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2); } - .m-t-4 { - margin-top: 40px !important + .plus-teaser .btn { + margin-bottom: 0 !important; } - .m-b-4 { - margin-bottom: 40px !important + .plus-teaser-headline { + width: 100%; + min-height: 65px; + line-height: 65px; + margin-left: 10px; } - .p-t-0 { - padding-top: 0 !important + .plus-teaser-headline div { + margin-top: 20px !important; + margin-bottom: 10px !important; + display: block !important; + line-height: 25px !important; } - .p-r-0 { - padding-right: 0 !important + .plus-teaser-headline span { + padding: 0 0 20px !important; + display: block !important; + line-height: 25px !important; + width: 230px !important; } - .p-l-0, - .p-x-0 { - padding-left: 0 !important + #backtotop .btn { + bottom: 45px; } - .p-x-0 { - padding-right: 0 !important + .onimage-hover { + opacity: 1 !important; } + } - .p-l-1 { - padding-left: 10px !important + @media (max-width: 543px) { + .container-fluid { + padding-left: 10px; + padding-right: 10px; } - .p-r-2 { - padding-right: 20px !important + .col-xs-12, + .col-xs-2, + .col-xs-3, + .col-xs-4, + .col-xs-6, + .col-xs-8, + .container { + padding-left: 5px; + padding-right: 5px; } - @media (max-width:767px) { - .hidden-sm-down { - display: none !important - } + .main, + .row { + margin-left: -5px; + margin-right: -5px; + } + } + + .hide { + display: none; + } + + img { + position: relative; + } + + .sponsored-mediamarkt-product-image { + grid-area: 1/-2/-1/-1; + align-self: center; + width: 100%; + } + + .home .grid.highlight .content-item-big > .teaser-image { + grid-area: 1/1 / span 6 / span 2; + margin-top: 0; + margin-bottom: 0; + } + + .home .content-item-medium.highlight > .teaser-image { + grid-area: 1/1 / span 4/1; + margin: 0; + } + + .home .charts-item .teaser-image { + grid-area: 1 / span 2; + } + + .home .charts-item > .charts-position { + grid-area: span 2; + font-size: 0.875rem; + line-height: 1.7; + color: #0055b9; + } + + @media (max-width: 975px) { + .home + .grid + .grid.horizontal + [class*=" content-item-"].md-title-top + > .category, + .home + .grid + .grid.horizontal + [class^="content-item-"].md-title-top + > .category, + .home + .grid + .grid.md-horizontal + [class*=" content-item-"].md-title-top + > .category, + .home + .grid + .grid.md-horizontal + [class^="content-item-"].md-title-top + > .category, + .home .md-title-top > .category { + grid-area: 1 / span 2; + } + + .home + .grid + .grid.horizontal + [class*=" content-item-"].md-title-top + > h3, + .home .grid .grid.horizontal [class^="content-item-"].md-title-top > h3, + .home + .grid + .grid.md-horizontal + [class*=" content-item-"].md-title-top + > h3, + .home + .grid + .grid.md-horizontal + [class^="content-item-"].md-title-top + > h3, + .home .md-title-top > h3 { + grid-area: 2 / span 2; + } + + .home + .grid + .grid.horizontal + [class*=" content-item-"].md-title-top + > .intro, + .home + .grid + .grid.horizontal + [class^="content-item-"].md-title-top + > .intro, + .home + .grid + .grid.md-horizontal + [class*=" content-item-"].md-title-top + > .intro, + .home + .grid + .grid.md-horizontal + [class^="content-item-"].md-title-top + > .intro, + .home .md-title-top > .intro { + grid-area: 3/1; + } + + .home + .grid + .grid.horizontal + [class*=" content-item-"].md-title-top + > .teaser-image, + .home + .grid + .grid.horizontal + [class^="content-item-"].md-title-top + > .teaser-image, + .home + .grid + .grid.md-horizontal + [class*=" content-item-"].md-title-top + > .teaser-image, + .home + .grid + .grid.md-horizontal + [class^="content-item-"].md-title-top + > .teaser-image, + .home .md-title-top > .teaser-image { + grid-area: 3/2; + } + + .home + .grid + .grid.horizontal + [class*=" content-item-"].md-title-top + > .item-info, + .home + .grid + .grid.horizontal + [class^="content-item-"].md-title-top + > .item-info, + .home + .grid + .grid.md-horizontal + [class*=" content-item-"].md-title-top + > .item-info, + .home + .grid + .grid.md-horizontal + [class^="content-item-"].md-title-top + > .item-info, + .home .md-title-top > .item-info { + grid-area: 4 / span 2; + } + + .home .grid .grid.highlight .content-item-big > .teaser-image { + grid-area: 1; + order: -1; + } + + .home .grid .grid.highlight .content-item-big > :not(.category) { + grid-area: auto; + width: 100%; + } + + .home .md-image-top > .category { + grid-area: 2; + } + + .home .md-image-top > h3 { + grid-area: 3; + } + + .home .md-image-top > .intro { + grid-area: 4; + } + + .home .md-image-top > .teaser-image { + grid-area: 1; + } + + .home .md-image-top > .item-info { + grid-area: 5; + } + } + + @media (max-width: 767px) { + .home + .grid + .grid[class$="horizontal"] + [class*=" content-item-"].sm-title-top + > .category, + .home + .grid + .grid[class$="horizontal"] + [class^="content-item-"].sm-title-top + > .category, + .home + .grid + .grid[class*="horizontal"] + [class*=" content-item-"].sm-title-top + > .category, + .home + .grid + .grid[class*="horizontal"] + [class^="content-item-"].sm-title-top + > .category { + grid-area: 1 / span 2; + } + + .home + .grid + .grid[class$="horizontal"] + [class*=" content-item-"].sm-title-top + > h3, + .home + .grid + .grid[class$="horizontal"] + [class^="content-item-"].sm-title-top + > h3, + .home + .grid + .grid[class*="horizontal"] + [class*=" content-item-"].sm-title-top + > h3, + .home + .grid + .grid[class*="horizontal"] + [class^="content-item-"].sm-title-top + > h3 { + grid-area: 2 / span 2; + } + + .home + .grid + .grid[class$="horizontal"] + [class*=" content-item-"].sm-title-top + > .intro, + .home + .grid + .grid[class$="horizontal"] + [class^="content-item-"].sm-title-top + > .intro, + .home + .grid + .grid[class*="horizontal"] + [class*=" content-item-"].sm-title-top + > .intro, + .home + .grid + .grid[class*="horizontal"] + [class^="content-item-"].sm-title-top + > .intro { + grid-area: 3/1; + } + + .home + .grid + .grid[class$="horizontal"] + [class*=" content-item-"].sm-title-top + > .teaser-image, + .home + .grid + .grid[class$="horizontal"] + [class^="content-item-"].sm-title-top + > .teaser-image, + .home + .grid + .grid[class*="horizontal"] + [class*=" content-item-"].sm-title-top + > .teaser-image, + .home + .grid + .grid[class*="horizontal"] + [class^="content-item-"].sm-title-top + > .teaser-image { + grid-area: 3/2; + } + + .home + .grid + .grid[class$="horizontal"] + [class*=" content-item-"].sm-title-top + > .item-info, + .home + .grid + .grid[class$="horizontal"] + [class^="content-item-"].sm-title-top + > .item-info, + .home + .grid + .grid[class*="horizontal"] + [class*=" content-item-"].sm-title-top + > .item-info, + .home + .grid + .grid[class*="horizontal"] + [class^="content-item-"].sm-title-top + > .item-info { + grid-area: 4 / span 2; + } + + .home + .grid + .grid.highlight:not(.sm-horizontal) + > div:not(:first-of-type) + [class^="content-item-"] + > h3 { + grid-area: 2/2; + } + + .home + .grid + .grid.highlight:not(.sm-horizontal) + > div:not(:first-of-type) + [class^="content-item-"] + > .intro { + grid-area: 3/2; } - @media (min-width:544px) and (max-width:767px) { - .display-block-sm { - display: block !important - } + .home + .grid + .grid.highlight:not(.sm-horizontal) + > div:not(:first-of-type) + [class^="content-item-"] + > .item-info { + grid-area: 4/2; } - @media (min-width:768px) { - .hidden-md-up { - display: none !important - } + .home + .grid + .grid.highlight:not(.sm-horizontal) + > div:not(:first-of-type) + [class^="content-item-"] + > .teaser-image { + grid-area: span 5/1; } - @media (max-width:975px) { - .hidden-md-down { - display: none !important - } + .home .sm-title-top > .category { + grid-area: 1 / span 2; } - @media (min-width:768px) and (max-width:975px) { - .display-block-md { - display: block !important - } + .home .sm-title-top > h3 { + grid-area: 2 / span 2; } - @media (min-width:976px) { - .hidden-lg-up { - display: none !important - } + .home .sm-title-top > .intro { + grid-area: 3/1; } - .container { - margin-left: auto; - margin-right: auto; - padding-left: 10px; - padding-right: 10px; - min-width: 320px; - width: 100% + .home .sm-title-top > .teaser-image { + grid-area: 3/2; } - @media (min-width:544px) { - .container { - max-width: 760px - } + .home .sm-title-top > .item-info { + grid-area: 4 / span 2; } - @media (min-width:768px) { - .container { - max-width: 970px - } + .home .sm-image-top > .category { + grid-area: 2; } - @media (min-width:976px) { - .container { - max-width: 980px - } + .home .sm-image-top > h3 { + grid-area: 3; + margin-top: 8px; + margin-bottom: 4px; } - @media (min-width:1000px) { - .container { - max-width: 1140px - } + .home .sm-image-top > .intro { + grid-area: 4; } - .container-fluid { - margin-left: auto; - margin-right: auto; - min-width: 320px + .home .sm-image-top > .teaser-image { + grid-area: 1; + margin-top: 0; + margin-bottom: 0; } - .row { - margin-left: -10px; - margin-right: -10px + .home .sm-image-top > .item-info { + grid-area: 5; } + } - .col-lg-8, - .col-md-12, - .col-md-4, - .col-md-6, - .col-md-7, - .col-sm-6, - .col-xs-12, - .col-xs-2, - .col-xs-3, - .col-xs-4, - .col-xs-6, - .col-xs-8 { - position: relative; - min-height: 1px; - padding-left: 10px; - padding-right: 10px + @media (max-width: 543px) { + .home .xs-title-top > .category { + grid-area: 1 / span 2; } - .col-xs-12, - .col-xs-2, - .col-xs-3, - .col-xs-4, - .col-xs-6, - .col-xs-8 { - float: left + .home .xs-title-top > h3 { + grid-area: 2 / span 2; } - .col-xs-2 { - width: 16.66667% + .home .xs-title-top > .intro { + grid-area: 3/1; } - .col-xs-3 { - width: 25% + .home .xs-title-top > .teaser-image { + grid-area: 3/2; } - .col-xs-4 { - width: 33.33333% + .home .xs-title-top > .item-info { + grid-area: 4 / span 2; } - .col-xs-6 { - width: 50% + .home .xs-image-top > .category { + grid-area: 2; } - .col-xs-8 { - width: 66.66667% + .home .xs-image-top > h3 { + grid-area: 3; } - .col-xs-12, - .dropdown-menu-table form button { - width: 100% + .home .xs-image-top > .intro { + grid-area: 4; } - .col-xs-push-10 { - left: 83.33333% + .home .xs-image-top > .teaser-image { + grid-area: 1; } - @media (min-width:544px) { - .col-sm-6 { - float: left - } - - .col-sm-6 { - width: 50% - } + .home .xs-image-top > .item-info { + grid-area: 5; } + } - @media (min-width:768px) { - - .col-md-12, - .col-md-4, - .col-md-6, - .col-md-7 { - float: left - } + body.article-detail .header-bold .rpi-progress-bar { + display: none; + } - .col-md-4 { - width: 33.33333% - } + .content-meta { + margin-bottom: 24px; + } - .col-md-6 { - width: 50% - } + #content .publication-info, + .intro { + font-family: "soleil", Helvetica, Arial, sans-serif; + font-weight: 400; + } - .col-md-7 { - width: 58.33333% - } + #content .publication-info { + font-size: 0.875rem; + margin-bottom: 0; + color: #212121; + } - .col-md-12 { - width: 100% - } - } + #content .publication-info > .btn-link { + color: #212121; + font-weight: 600; + } - @media (min-width:976px) { - .col-lg-8 { - float: left - } + .intro { + font-size: 1rem; + line-height: 1.5rem; + margin-bottom: 24px; + } - .col-lg-8 { - width: 66.66667% - } + @media (min-width: 768px) { + .intro { + font-size: 1.125rem; + line-height: 1.75rem; + } + } + + .article .btn > i { + margin-left: 4px; + position: relative; + top: -1px; + } + + .article .short-rating .rating-widget .verdict > * { + grid-area: 1/1; + width: 100%; + height: 100%; + } + + @media (min-width: 976px) { + .div-article-title { + width: 80%; + } + } + + .panel.notifications { + min-width: 320px; + max-width: 375px; + height: 100%; + display: flex; + flex-direction: column; + } + + .notifications-info { + display: flex; + justify-content: space-between; + padding: 8px 0; + font-weight: 700; + } + + .notifications-unread-count[value="0"] { + background-color: #757575; + } + + .notifications-unread-count { + margin-right: 8px; + display: inline-flex; + justify-content: center; + align-items: center; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #f44336; + color: #fff; + font-size: 0.75rem; + font-weight: 700; + } + + .notifications-link { + font-family: "lato", Helvetica, Arial, sans-serif; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.375; + } + + .sidebar .panel .notifications-link { + padding: 0; + color: #0055b9; + } + + .notifications-list-ajax { + flex: 1; + overflow-y: auto; + } + + .notification-list { + display: grid; + margin: 0; + padding: 0; + } + + #content .btn-link { + color: #0055b9; + } + + .notifications-heading { + color: #212121; + } + + .notifications .notifications-heading > a { + display: inline-block; + padding: 0; + color: #212121; + } + + .panel .notifications-info { + font-family: "soleil", Helvetica, Arial, sans-serif; + font-weight: 400; + line-height: 1.375; + font-size: 1rem; + padding: 16px; + } + + #header-notifications { + padding: 0; + overflow: unset; + } + + .notifications-options { + padding: 16px; + } + + .notifications .notifications-options > .btn { + margin: 0; + padding: 8px; + color: #fff; + } + + .nav-link, + .sidebar .panel-heading { + text-transform: uppercase; + } + + .btn-link, + .kasten .btn, + p.info { + font-family: "soleil", Helvetica, Arial, sans-serif; + } + + p.info { + font-weight: 400; + color: #757575; + } + </style> + <link + rel="preload" + href="https://static.cgames.de/gs_cb/assets/css/gamestar.min.css?cc=231120220633" + as="style" + onload="this.onload=null;this.rel='stylesheet'" + /> + <noscript> + <link + rel="stylesheet" + href="https://static.cgames.de/gs_cb/assets/css/gamestar.min.css?cc=231120220633" + type="text/css" + /> + </noscript> + <link + href="https://static.cgames.de/gs_cb/assets/css/dark.min.css?cc=231120220633" + rel="preload" + as="style" + onload="this.onload=null;this.rel='stylesheet'" + /> + <link + rel="preload" + href="https://static.cgames.de/gs_cb/assets/core/js/libs/unslider/dist/css/unslider.css?cc=231120220633" + as="style" + /> + <link + rel="stylesheet" + href="https://static.cgames.de/gs_cb/assets/core/js/libs/unslider/dist/css/unslider.css?cc=231120220633" + /> + <link + rel="stylesheet" + href="https://static.cgames.de/gs_cb/assets/core/js/libs/reading-position-indicator/dist/rpi.bundle.css?cc=231120220633" + /> + <script> + (function (d) { + var config = { + kitId: "bxw3gkn", + scriptTimeout: 3000, + async: true, + }, + h = d.documentElement, + t = setTimeout(function () { + h.className = + h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive"; + }, config.scriptTimeout), + tk = d.createElement("script"), + f = false, + s = d.getElementsByTagName("script")[0], + a; + h.className += " wf-loading"; + tk.src = "https://use.typekit.net/" + config.kitId + ".js"; + tk.async = true; + tk.onload = tk.onreadystatechange = function () { + a = this.readyState; + if (f || (a && a != "complete" && a != "loaded")) return; + f = true; + clearTimeout(t); + try { + Typekit.load(config); + } catch (e) {} + }; + s.parentNode.insertBefore(tk, s); + })(document); + </script> + <script src="https://static.cgames.de/gs_cb/assets/core/js/libs/jquery/jquery-3.6.0.min.js"></script> + <script> + window.websiteId = 1; + window.notificationsServer = "wss://ws.gamestar.de/"; + window.Tether = {}; + window.lazySizesConfig = window.lazySizesConfig || {}; + window.lazySizesConfig.init = false; + </script> + <style> + /* Header Bold - Startposition */ + /* auskommentiert, da alles aktuell ok +@media screen and (max-width: 1042px) and (min-width: 976px) { +.header-bold li.nav-item.dropdown[data-nid="341"] { +display: none; +} +} +*/ + /* Header Slim - heruntergescrollt */ + @media screen and (max-width: 1133px) and (min-width: 976px) { + .header-slim li.nav-item.dropdown[data-nid="340"] { + display: none; } + } - noscript img { - position: absolute; - top: 0; - left: 0 + @media screen and (max-width: 1026px) and (min-width: 976px) { + .header-slim li.nav-item.dropdown[data-nid="341"] { + display: none; } - - .media { - margin-bottom: 20px; - position: relative; - overflow: hidden; - zoom: 1 + } + </style> + <style> + @media (max-width: 364px) { + .home .grid.highlighted #dfp-mtf { + display: flex; + justify-content: center; } + } - .media .media-body { - overflow: hidden; - zoom: 1; - width: 10000px + .home .grid-width .highlighted .scroll-container > div { + max-width: calc(100vw - 64px); + } + </style> + <style> + .header-bold #header-brand { + overflow: visible; + } + </style> + <style> + .sponsored-mediamarkt-stoerer { + border: 1px solid #e0e0e0; + border-radius: 8px; + overflow: hidden; + display: grid; + gap: 0 32px; + } + + .sponsored-mediamarkt-panel { + background-color: #df0000; + color: #fff; + padding: 12px; + display: flex; + align-items: flex-end; + justify-content: space-between; + } + + .sponsored-mediamarkt-panel p { + font-family: "soleil", Helvetica, Arial, sans-serif; + margin: 0; + font-size: 1rem; + font-weight: bold; + } + + .sponsored-mediamarkt-panel p span { + display: none; + } + + .sponsored-mediamarkt-logo > img { + width: 100px; + padding-bottom: 4px; + } + + .sponsored-mediamarkt-products { + position: relative; + padding: 12px; + background-color: #fff; + display: flex; + flex-direction: column; + } + + .sponsored-mediamarkt-product { + display: grid; + grid-template: 1fr repeat(4, auto) 1fr / 2fr 1fr; + grid-auto-flow: column; + justify-items: end; + gap: 0 12px; + direction: rtl; + } + + a.sponsored-mediamarkt-product:hover { + text-decoration: none; + } + + .sponsored-mediamarkt-product-title:hover, + .sponsored-mediamarkt-product-original-price:hover, + .sponsored-mediamarkt-product-price:hover { + text-decoration: underline; + } + + .sponsored-mediamarkt-product:not(:nth-last-child(-n + 2)) { + border-bottom: 1px solid #f2f2f2; + padding-bottom: 12px; + margin-bottom: 12px; + } + + .sponsored-mediamarkt-product-label { + grid-row: 2; + border-radius: 4px; + display: flex; + justify-content: center; + align-items: center; + padding: 4px 8px; + background-color: #df0000; + color: #fff; + font-size: 0.5rem; + text-transform: uppercase; + } + + .sponsored-mediamarkt-product-title { + color: #000; + font-size: 0.75rem; + font-weight: 700; + line-height: 1.25; + direction: ltr; + margin-top: 4px; + } + + .sponsored-mediamarkt-product-prices { + display: flex; + flex-wrap: wrap; + align-items: baseline; + white-space: nowrap; + font-size: 0.75rem; + direction: ltr; + } + + .sponsored-mediamarkt-product-price { + color: #df0000; + font-weight: bold; + } + + .sponsored-mediamarkt-product-original-price:not(:empty) { + color: #707070; + margin-right: 16px; + position: relative; + } + + .sponsored-mediamarkt-product-original-price:not(:empty):after { + content: ""; + display: block; + width: 100%; + position: absolute; + top: 55%; + left: 0; + border-bottom: 1px solid; + } + + .sponsored-mediamarkt-product-image { + grid-area: 1 / -2 / -1 / -1; + align-self: center; + width: 100%; + } + + .sponsored-mediamarkt-offer { + position: absolute; + bottom: 4px; + right: 12px; + font-size: 0.5rem; + text-transform: uppercase; + color: #909090; + } + + @media (min-width: 768px) { + .sponsored-mediamarkt-panel { + padding: 12px 32px; } - .media .media-body, - .media .media-left { - display: table-cell; - vertical-align: top + .sponsored-mediamarkt-panel p { + font-size: 1.5rem; } - .media .media-body img, - .media .media-left img { - display: inline-block; - background-color: rgba(0, 0, 0, .1) + .sponsored-mediamarkt-panel p span { + display: inline-block; } - .media .media-bottom { - vertical-align: bottom + .sponsored-mediamarkt-logo > img { + width: 165px; } - .media .media-left { - padding-right: 10px + .sponsored-mediamarkt-products { + grid-column: 2 / -1; + padding: 32px; } - .media .media-game-object { - display: block; - height: auto + .sponsored-mediamarkt-product { + grid-template: repeat(3, auto) / 1fr 180px; + grid-auto-flow: initial; + justify-items: start; + gap: 8px 16px; + direction: ltr; } - .media .media-game-object { - width: 63px + .sponsored-mediamarkt-product-label { + font-size: 0.675rem; } - .media .media-heading { - margin-top: 0 + .sponsored-mediamarkt-product-title { + font-size: 0.875rem; + margin-top: 0; } - .btn { - display: inline-block; - text-align: left + .sponsored-mediamarkt-product-prices { + font-size: 0.875rem; } - .btn { - font-weight: 400; - font-family: "soleil", Helvetica, Arial, sans-serif; - text-align: center; - vertical-align: middle; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - border: 1px solid transparent; - margin: 0 10px 20px 0; - padding: 8px 10px; - font-size: .875rem; - line-height: 24px; - border-radius: 2px; - transition: all .2s ease-in-out + .sponsored-mediamarkt-product-original-price:not(:empty):after { + border-bottom: 2px solid; } - .btn i { - vertical-align: top + .sponsored-mediamarkt-product:not(:first-child):not(:last-child) { + margin-top: 12px; } - .btn.active { - background-image: none; - outline: 0; - box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) + .sponsored-mediamarkt-product-label { + grid-row: auto; } - .btn-link { - border-radius: 0; - border: 0; - line-height: 1.375; - text-transform: none; - -webkit-user-select: initial; - -moz-user-select: initial; - -ms-user-select: initial; - user-select: initial; - margin: 0; - padding: 0 + .sponsored-mediamarkt-product-title { + grid-row: initial; + font-size: 1.25rem; + line-height: 1.5; } - .btn-link { - color: #0055b9 + .sponsored-mediamarkt-product-prices { + grid-row: initial; + font-size: 1.25rem; } - .btn-link { - font-weight: 400 + .sponsored-mediamarkt-offer { + bottom: 8px; + font-size: 0.625rem; + right: 32px; } - - .btn-link, - .btn-link.active { - background-color: transparent; - box-shadow: none + } + </style> + <style> + @media (max-width: 767px) { + #dfp-masthead.sticky { + position: fixed; + top: 96px; + left: 0; + width: 100%; + z-index: 9000; } - .btn-link { - border-color: transparent + .article-detail #dfp-masthead.sticky { + top: 102px; } - - .btn-gray { - color: #757575; - background-color: #e0e0e0; - border-color: #e0e0e0; - text-transform: none + } + </style> + <style> + .btn-social.isshop.xbox_game_pass { + background: #333333; + color: #fff; + font-weight: 600; + } + </style> + <style> + .jw-gsgp-floating-info { + display: none; + } + </style> + <style> + .articletable th, + .articletable td, + .technikcheck th, + .technikcheck td { + font-size: 0.75rem; + } + + .articletable ul, + .technikcheck ul { + padding-left: 16px; + text-align: left; + font-size: 0.75rem; + } + + .articletable ul > br, + .technikcheck ul > br { + display: none; + } + + .articletable ul > li, + .technikcheck ul > li { + margin-bottom: 0; + } + </style> + <style> + /* FYNG-HW Start */ + .custom-fyng-hw { + position: relative; + margin-bottom: 16px; + padding: 16px; + background-color: #212121; + color: #ffffff; + } + + .custom-fyng-hw > *, + img { + position: relative; + } + + .custom-fyng-hw::before { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + content: " "; + background: url("https://images.cgames.de/images/gamestar/4/fyng-hardware-bg_6157035.jpg") + no-repeat; + background-size: cover; + background-position: center; + opacity: 1; + } + + .custom-fyng-hw ul, + .custom-fyng-hw ol { + font-size: 1rem; + font-weight: 700; + } + + #content .custom-fyng-hw .btn-link { + color: #ffffff; + } + + #content .custom-fyng-hw .btn-link:hover { + color: #ffffff; + } + + #content .custom-fyng-hw .btn:not(.btn-inline) { + margin-bottom: 0; + width: auto; + background-color: #ffffff; + color: #212121; + padding: 8px 16px; + font-size: 0.875rem; + } + + #content .custom-fyng-hw :last-child { + margin-bottom: 0; + } + + .custom-fyng-hw a { + color: white; + text-decoration: underline; + } + + /* FYNG-HW Ende */ + </style> + <style> + .affiliate-message-wrapper { + display: grid; + grid-auto-flow: column; + column-gap: 20px; + justify-content: center; + align-items: center; + border: 1px solid #26a65b; + border-radius: 3px; + margin: 16px 0; + padding: 20px; + } + + .affiliate-message-icon { + font-size: 24px; + color: #26a65b; + } + + .affiliate-message-text { + font-family: Lato, Helvetica, Arial, sans-serif; + font-size: 12px; + line-height: 18px; + color: #757575; + } + + .affiliate-message-link { + font-size: 12px; + line-height: 18px; + color: #26a65b; + } + + body.dark .affiliate-message-icon { + color: #26a65b; + } + + body.dark + .article + :not(.dis-table-cell):not(.tablinks):not(h2):not(.h2):not(h3):not(.h3):not(.box-content):not(.box-link):not(.rating-wrapper):not(.spoiler-hint):not(.benchmark-row-title) + > a.affiliate-message-link:not(.tag):not([class*="btn-"]):not(.imagecontainer):not([data-action="shopClickout"]) { + color: #26a65b; + } + </style> + <style> + iframe[src*="twitch.tv"] { + width: 100%; + } + </style> + <style> + .article a[data-icon]::after { + display: inline-block; + font-family: "gsgp-icons"; + font-weight: normal; + font-style: normal; + margin-left: 4px; + line-height: 1; + position: relative; + top: 1px; + } + + .article a[data-icon="shop"]::after { + content: "\e960"; + } + + .article a[data-icon="plus"]::after { + content: "\e930"; + } + + .article a[data-icon="video"]::after { + content: "\e95b"; + } + + .article a[data-icon="podcast"]::after { + content: "\e95f"; + } + + .article a[data-icon="external"]::after { + content: "\e91f"; + } + + .article a[data-icon="shop"], + .article a[data-icon="plus"] { + color: #26a65b; + } + </style> + <style> + @media (max-width: 543px) { + .jw-icon-inline.jw-gsgp-cinema, + :not(.jw-settings-topbar-buttons) + > .jw-icon-inline.jw-settings-sharing { + display: none; } + } + </style> + <style> + iframe[src*="cdn.julephosting.de"] { + width: 100%; + height: 500px; + } - .btn-blue-active { - color: #fff; - background-color: #0055b9; - border-color: #0055b9; - text-transform: none - } - - .btn-community { - color: #fff; - background-color: #ffa726; - border-color: #ffa726; - text-transform: none - } - - .btn-sale { - color: #fff; - background-color: #26a65b; - border-color: #26a65b; - text-transform: none - } - - .btn-sale-white { - color: #26a65b; - background-color: #fff; - border-color: #26a65b; - text-transform: none - } - - .btn-brand { - color: #fff; - background-color: #0055b9; - border-color: #0055b9; - text-transform: none - } - - .btn-toc { - color: #212121; - background-color: #fff; - border-color: rgba(33, 33, 33, .32); - text-transform: none - } - - .btn-tab { - padding: 4px 20px; - margin: 0; - border-radius: 0; - border-bottom: 2px solid #f0f0f0; - position: relative; - font-size: .875rem; - font-weight: 400; - line-height: 2; - cursor: pointer - } - - .btn-tab.active { - text-decoration: none !important - } - - .btn-tab.active { - background: #f2f7fc; - color: #0055b9 !important; - border-bottom: 2px solid #0055b9 - } - - .btn-circle { - border-radius: 50% - } - - .btn-circle { - display: inline-flex; - justify-content: center; - align-items: center; - width: 40px; - height: 40px - } - - .btn-circle>i { - font-size: 24px; - line-height: 40px - } - - .media-bottom .btn { - margin-bottom: 0 - } - - .btn-inline { - font-family: inherit; - font-size: inherit; - line-height: inherit; - vertical-align: inherit; - margin: unset - } - - .btn-link-darkgray { - color: #212121 !important - } - - .btn-link-gray { - color: #757575 !important - } - - .btn-link-price { - color: #f44336 !important - } - - .btn-social { - background-color: transparent; - color: #212121; - padding: 4px; - display: flex; - flex-direction: column; - align-items: center; - min-width: 40px; - line-height: 20px - } - - .btn-social>svg { - width: 16px - } - - .btn-social .btn-text { - font-size: .75rem; - line-height: 1rem; - color: #212121; - flex: 1 - } - - .do-favorite>.btn-thumb-up-active { - display: none - } - - @media (max-width:767px) { - .btn-mobile-big { - width: 100%; - margin-bottom: 20px !important - } - } - - .dropdown { - position: relative - } - - .nav-menu { - width: 32px; - height: 32px; - justify-content: center - } - - .dropdown-menu { - top: 100%; - left: 0; - z-index: 1000; - display: none; - padding: 0 - } - - .dropdown-menu { - position: absolute; - float: left; - min-width: 160px; - margin: 2px 0 0; - font-size: 1rem; - color: #212121; - text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - box-shadow: 0 4px 8px 0 rgba(26, 26, 26, .2); - margin-top: 0 !important - } - - .dropdown-menu-list li>a, - .dropdown-menu-list>li>.btn-link { - font-size: .875rem; - line-height: 1.5 - } - - .dropdown-menu-list li>a, - .dropdown-menu-list>li>.btn-link { - padding: 15px 20px; - font-weight: inherit; - color: inherit; - text-decoration: none; - text-align: left; - align-items: center; - white-space: nowrap; - width: 100% - } - - .dropdown-menu-list li>a>svg, - .dropdown-menu-list>li>.btn-link>svg { - margin-right: 8px - } - - .dropdown-menu-list li { - font-size: .875rem; - line-height: 1.5 - } - - .dropdown-menu-list { - padding-top: 5px !important; - padding-bottom: 5px !important - } - - .dropdown-menu-table { - margin-bottom: 0; - width: 100% - } - - .dropdown-menu-table td { - vertical-align: top; - min-width: 200px - } - - .dropdown-menu-table form { - padding: 20px - } - - .dropdown-menu-table form label { - color: #212121; - font-size: .875rem; - line-height: 1.5; - text-align: left; - text-transform: none - } - - .dropdown-menu-table form input { - width: 100%; - line-height: 1.5 - } - - .dropdown-menu-table form .btn-link { - text-align: left - } - - .nav { - padding-left: 0; - margin-bottom: 0; - list-style: none - } - - .nav-link { - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: .75rem; - font-weight: 400; - display: flex; - align-items: center; - -moz-column-gap: 4px; - column-gap: 4px; - color: #000; - line-height: 24px - } - - .nav-link>svg { - --icon-color: #000; - width: 16px - } - - .nav-link.nav-menu>svg { - width: 20px - } - - .nav-icon>svg { - --icon-color: $fg-header-navi; - width: 20px - } - - .nav-tabs { - border-bottom: 1px solid none; - height: 40px; - flex: 0 0 auto; - display: flex; - -moz-column-gap: 4px; - column-gap: 4px - } - - .modal-footer::after, - .modal-header::after, - .nav-tabs::after { - content: ""; - display: table; - clear: both - } - - .nav-tabs .nav-item { - display: flex; - align-items: center - } - - .nav-tabs .nav-link { - margin: 0; - padding: 2px 8px; - border: 0 solid transparent; - letter-spacing: .05em; - border-radius: 4px - } - - .nav-tabs .nav-link.nav-icon { - margin: 4px; - padding: 0; - min-width: 32px; - height: 32px; - display: flex; - place-content: center; - position: relative - } - - .nav-tabs .nav-link.nav-menu { - padding: 0 - } - - .nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-right-radius: 0; - border-top-left-radius: 0 - } - - @media (min-width:768px) { - .nav-tabs { - -moz-column-gap: 0; - column-gap: 0 - } - - .nav-tabs .nav-link.nav-menu { - padding: 2px 8px; - width: auto; - height: auto - } - } - - @media (min-width:976px) { - .nav-tabs .nav-tab svg { - margin: 0 - } - - .nav-icon>svg, - .nav-link.nav-menu>svg { - width: 16px - } - } - - .close { - float: right; - font-size: 1.5rem; - font-weight: 700; - line-height: 1; - color: #000; - text-shadow: 0 1px 0 #fff - } - - button.close { - padding: 0; - cursor: pointer; - background: 0 0; - border: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none - } - - .modal { - overflow: hidden - } - - .modal { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1050; - display: none; - outline: 0 - } - - .modal-dialog { - position: relative; - width: auto; - top: 50%; - left: 50%; - transform: translate(-50%, -50%) - } - - .modal-content { - border-radius: 3px; - position: relative; - background-color: #fff; - background-clip: padding-box; - box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .3); - outline: 0; - padding: 20px - } - - .modal-content #btn-close { - position: absolute; - top: 0; - right: 15px; - z-index: 1 - } - - .modal-header { - padding: 0; - border-bottom: 1px solid #f0f0f0; - margin-bottom: 20px - } - - .modal-title { - margin: 0; - line-height: 1.5 - } - - .modal-body { - position: relative; - padding: 0; - margin-top: 30px; - margin-bottom: 20px - } - - .modal-footer { - padding: 20px 0 0; - text-align: right; - border-top: 1px solid #f0f0f0 - } - - .modal-footer .btn { - margin-bottom: 0; - margin-left: 5px - } - - #lightbox { - z-index: 1001 - } - - #lightbox .modal-dialog { - top: inherit; - left: inherit; - transform: none; - margin: 10px auto auto - } - - @media (min-width:544px) { - .modal-dialog { - width: 600px; - top: 50%; - left: 50%; - transform: translate(-50%, -50%) - } - - .modal-content { - box-shadow: 0 5px 15px rgba(0, 0, 0, .5) - } - } - - @media (min-width:768px) { - .modal-lg { - width: 70% - } - } - - @font-face { - font-family: 'gsgp-icons'; - src: url(/gs_cb/assets/core/fonts/gsgp-icons.eot?m4s8b0); - src: url(/gs_cb/assets/core/fonts/gsgp-icons.eot?m4s8b0#iefix) format("embedded-opentype"), url(/gs_cb/assets/core/fonts/gsgp-icons.ttf?m4s8b0) format("truetype"), url(/gs_cb/assets/core/fonts/gsgp-icons.woff?m4s8b0) format("woff"), url(/gs_cb/assets/core/fonts/gsgp-icons.svg?m4s8b0#icomoon) format("svg"); - font-weight: 400; - font-style: normal - } - - [class*=" icon-"], - [class^=icon-] { - font-family: 'gsgp-icons' !important; - display: inline-block; - font: 14px 'gsgp-icons'; - font-size: inherit; - text-rendering: auto; - color: #757575; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale - } - - .icon-sm { - font-size: 1rem - } - - .icon-2x { - font-size: 24px - } - - .fg-white { - color: #fff !important - } - - .fg-community { - color: #ffa726 !important - } - - .sidebar .panel .panel-heading.collapsed .dropdown-indicator::before { - content: "\e909" - } - - .icon-caretUp:before { - content: "\e90c" - } - - .icon-check:before { - content: "\e90d" - } - - .icon-close:before { - content: "\e917" - } - - .icon-commentAlt:before { - content: "\e919" - } - - .icon-plus:before { - content: "\e930" - } - - .icon-star:before { - content: "\e93c" - } - - .icon-zoomIn:before { - content: "\e945" - } - - .slider-item>::before { - content: ''; - grid-area: 1/1; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8)); - z-index: 1 - } - - .slider-item>*>* { - grid-area: 1/1 - } - - #header, - #header-brand { - background-color: var(--header-brand-color, #0055B9) - } - - #header { - transition: transform .1s ease 0s; - z-index: 101 !important; - color: #000; - margin-top: 0; - margin-bottom: 0; - position: fixed; - top: 0; - width: 100% - } - - #header .container { - padding: 0 - } - - #header .typeahead { - background-color: rgba(0, 0, 0, .24) - } - - #header-brand { - transition: height .1s ease 0s; - height: 64px; - overflow: hidden - } - - #header-brand .row { - height: 64px; - padding: 0; - display: flex; - align-items: center - } - - #header-brand .btn-tab { - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: .75rem; - font-weight: 400; - color: #fff; - line-height: 2em; - padding: 4px 12px; - display: flex; - place-items: center - } - - #header-brand .btn-tab+.btn-tab { - margin-left: 12px - } - - #header-brand .btn-tab, - #header-brand input { - border: 0; - border-radius: 2px - } - - #header-brand .typeahead { - margin-bottom: 0; - color: #fff - } - - #header-brand, - #header-brand .nav-link>svg, - #header-mobile .nav-icon>svg { - --icon-color: #FFFFFF - } - - #header-navi { - height: 40px; - background-color: #fff; - display: flex; - align-items: center; - isolation: isolate; - position: relative; - z-index: 1 - } - - #header-navi .btn-tab { - border: 0; - padding: 2px 12px; - line-height: 2em; - border-radius: 2px; - margin-inline: 4px - } - - #header-search { - transition: height .1s ease 0s; - background-color: #fff; - overflow: hidden - } - - #header-search { - color: #000; - --icon-color: #000; - height: 0; - display: flex; - align-items: center; - box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .3) - } - - #header-search input { - border: 0; - margin-bottom: 0; - border-radius: 2px - } - - #header-login { - width: 300px - } - - .nav-search-icon { - line-height: 50px - } - - .sidebar { - overflow-y: auto; - overflow-x: hidden; - background: #fff 0 0; - z-index: 10; - border: 1px solid #f0f0f0; - position: fixed; - bottom: 0; - max-width: 100%; - min-width: 250px; - width: auto; - height: calc(100% - 96px); - margin-top: 0; - padding: 20px 0; - color: #212121; - --icon-color: #212121; - transition: height, transform .1s ease 0s; - box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .3) - } - - .sidebar.sidebar-right { - right: -10px; - transform: translateX(100%); - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: .875rem; - color: #757575 - } - - .sidebar.sidebar-left { - left: -10px; - transform: translateX(-100%) - } - - .sidebar .panel { - color: #757575 - } - - .sidebar .panel:last-child { - margin-bottom: env(safe-area-inset-bottom, 40px) - } - - .sidebar .panel .panel-heading { - cursor: pointer; - position: relative; - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: .875rem; - line-height: 1.5 - } - - .sidebar .panel .panel-heading .dropdown-indicator { - font-size: 24px; - position: absolute; - right: 20px - } - - .sidebar .panel .panel-heading svg.dropdown-indicator { - transform: rotate(90deg); - transition: transform .1s ease-out - } - - .sidebar .panel .panel-heading.collapsed svg.dropdown-indicator { - transform: none; - transition: transform .1s ease-out - } - - .sidebar .panel a { - display: flex; - align-items: center; - padding: 15px 20px; - color: #757575; - text-decoration: none; - font-size: .875rem; - font-weight: inherit; - line-height: 1.5 - } - - .sidebar .panel .btn { - justify-content: center - } - - .sidebar .panel ul li { - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: .875rem - } - - .sidebar .panel ul li a { - padding-left: 32px - } - - .header-logo { - display: flex; - margin: 0 0 0 4px; - padding: 16px 8px - } - - @media (min-width:976px) { - #header { - margin-bottom: 20px - } - - #header.header-bold .sidebar { - height: calc(100% - 104px) - } - - body { - padding-top: 104px - } - - #header.header-bold #header-brand { - overflow: visible - } - - #header.header-bold .hidden-bold { - display: none - } - } - - .search-form input { - margin-bottom: 0; - padding-right: 42px; - background: #fff; - font-size: .875rem; - color: #212121 - } - - .search-form.input-group .btn-input, - .search-form.input-group input { - height: 32px; - line-height: 24px - } - - .search-form.input-group .btn-input { - width: 32px; - padding: 0 - } - - #header .search-form .icon-site-search { - width: 16px; - height: 16px - } - - #header-mobile { - padding: 0 - } - - #header-mobile .row { - display: flex; - align-items: center; - height: 56px - } - - #header-brand .btn-tab.header-last-item, - .nav-tabs .nav-link.header-last-item { - margin-right: 12px - } - - #cmp-content p { - font-size: .875rem; - margin-bottom: 0 - } - - #footer .input-group .btn-sale { - line-height: 40px - } - - #footer .input-group.input-round .btn-sale { - position: absolute; - top: 0; - margin: 0; - border-radius: 0 3px 3px 0; - font-size: .9rem; - color: #fff; - width: 140px; - height: 40px; - padding: 0; - left: 250px - } - - #comments #comment-spinner { - text-align: center - } - - #cmp-container { - top: 50px; - left: 0; - transform: none - } - - #cmp-headline { - display: flex; - justify-content: space-between; - align-items: center; - border-bottom: 1px solid #e0e0e0; - padding-bottom: 32px; - margin-bottom: 32px - } - - #cmp-headline>img { - width: 32px; - border-radius: 2px - } - - #cmp-content { - text-align: center; - padding: 30px; - margin: 32px 10px - } - - #cmp-content h2 { - text-transform: none; - margin-bottom: 0 - } - - #cmp-content h3 { - font-weight: 600; - color: #26a65b - } - - #cmp-content .btn, - #cmp-content p#cmp-tracking-note { - margin-top: 32px; - margin-bottom: 32px - } - - #cmp-content .note { - font-size: .75rem; - color: rgba(33, 33, 33, .75) - } - - .cmp-split { - display: flex; - flex-direction: column - } - - .cmp-split>div:last-child { - padding-top: 20px; - border-top: 1px solid #e0e0e0; - margin-top: 20px - } - - #cmp-links { - display: flex; - flex-wrap: wrap; - font-size: .75rem; - justify-content: center - } - - #cmp-links a { - padding: 10px 0; - margin: 0 16px; - color: rgba(33, 33, 33, .5) - } - - @media (min-width:768px) { - #cmp-container { - width: 800px; - top: 50%; - left: 50%; - transform: translate(-50%, -50%) - } - - #cmp-content { - margin: 0; - text-align: left - } - - .cmp-split { - flex-direction: row - } - - .cmp-split>div { - flex: 1 1 200px - } - - .cmp-split>div:last-child { - padding-top: 0; - border-top: none; - margin-top: 0; - padding-left: 20px; - border-left: 1px solid #e0e0e0; - margin-left: 20px - } - - #cmp-links { - justify-content: flex-start - } - - #cmp-links a:first-child { - margin-left: 0 - } - } - - * { - -webkit-overflow-scrolling: touch - } - - body { - transition: background-color .1s ease 0s; - min-width: 300px; - height: 100%; - overflow-x: hidden; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale - } - - .fadeout { - opacity: 0 - } - - .container-fluid { - padding-left: 20px; - padding-right: 20px - } - - .table, - input, - p, - table, - ul { - margin-bottom: 10px - } - - .responsive { - width: 100% - } - - img.responsive { - display: block; - width: 100%; - height: auto; - margin-bottom: 10px - } - - .icon-plus { - color: #26a65b - } - - .kasten { - font-family: "lato", Helvetica, Arial, sans-serif; - font-size: .875rem; - font-weight: 400; - line-height: 1.375; - color: #212121; - border: 1px solid #f0f0f0; - padding: 20px; - background: #f0f0f0; - border-radius: 3px; - display: flow-root - } - - @supports not (display:flow-root) { - .kasten::after { - content: ""; - display: block; - clear: both - } - } - - .kasten p { - font-family: "lato", Helvetica, Arial, sans-serif; - font-size: .875rem; - font-weight: 400; - line-height: 1.375; - color: #212121 - } - - .kasten.media { - margin-bottom: 40px - } - - .plus-teaser-headline div { - display: inline - } - - .main { - padding: 32px 20px 20px - } - - .main .row { - position: relative - } - - .position-0 { - position: relative !important; - left: 0 !important; - top: 0 !important; - transform: translate(0, 0) !important - } - - .imagecontainer { - position: relative; - display: block - } - - .imagecontainer .onimage-center { - display: flex !important; - justify-content: center !important; - align-items: center !important - } - - .imagecontainer .onimage { - width: 100%; - display: block; - position: absolute; - bottom: 0; - height: 100%; - transition: all .2s ease-in-out; - background-size: 100% 100%; - background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .3) 100%) - } - - .imagecontainer .onimage .onimage-info { - position: absolute; - bottom: 5px; - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: .75rem; - font-weight: 600; - line-height: 1.375; - color: #fff; - white-space: nowrap - } - - .imagecontainer .onimage .onimage-info i { - font-size: 12px; - line-height: 1.5; - vertical-align: top - } - - .imagecontainer .onimage .onimage-info.left { - left: 10px - } - - .imagecontainer .onimage .onimage-hover, - .imagecontainer .onimage .onimage-hover-scale { - transition: all .2s ease-in-out; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - line-height: 1; - text-align: center; - font-size: 1rem; - opacity: 0 - } - - .imagecontainer .onimage .onimage-hover i { - padding-left: 3px - } - - .imagecontainer .onimage .onimage-hover.bottomleft { - bottom: 20px; - left: 20px; - height: 20px; - width: auto; - right: unset; - top: unset; - transform: unset - } - - .imagecontainer .onimage .onimage-hover-scale.play { - font-size: 2rem; - line-height: 46px; - color: #fff; - width: 38px; - height: 38px - } - - .imagecontainer .onimage .onimage-hover-scale.play-lg { - font-size: 2rem; - line-height: 46px; - color: #fff; - width: 100px; - height: 100px - } - - .imagecontainer .onimage.hover-article-active .onimage-hover, - .imagecontainer .onimage.hover-article-active .onimage-hover-scale { - opacity: 1 - } - - .imagecontainer>a>*>img, - .imagecontainer>a>img, - .imagecontainer>img, - img.responsive { - aspect-ratio: attr(width)/attr(height); - background-color: rgba(0, 0, 0, .1); - display: flex; - justify-content: center; - align-items: center; - font-size: .875rem - } - - .play>img.responsive { - background-color: unset - } - - .spin { - -webkit-animation: spin 4s linear infinite; - animation: spin 4s linear infinite - } - - .collapse { - display: none - } - - .main { - margin-left: -10px; - margin-right: -10px - } - - .dropdown-menu-list, - .sidebar .panel ul { - list-style: none; - margin: 0; - padding: 0 - } - - #header-navi { - border-bottom: 1px solid #e0e0e0 - } - - .spacer2x::after { - content: ""; - display: table; - clear: both - } - - .spacer2x { - margin-top: 0; - margin-bottom: 20px - } - - .spacer2x.spacer-on-demand { - display: none - } - - hr { - margin-top: 0; - border: 0; - border-top: 1px solid #e0e0e0 - } - - hr.gutter { - margin: 0 -10px - } - - .teaser .box-content hr { - margin-left: 0; - margin-right: 0; - clear: both - } - - hr { - margin-bottom: 20px - } - - .row.ads-row { - margin: 0 - } - - .ads-container { - margin: 0 auto; - padding: 0 - } - - .h2, - .h3, - .h4, - .teaser .h3, - h2, - h3, - h4 { - margin-bottom: 20px - } - - .h3 a, - .h4 a, - .teaser .h3 a { - color: inherit; - text-decoration: none - } - - h1 { - margin-bottom: 16px; - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: 2rem; - font-weight: 700; - line-height: 1.25 - } - - @media (max-width:767px) { - h1 { - font-size: 1.75rem; - line-height: 1.25 - } - } - - @media (min-width:768px) and (max-width:975px) { - h1 { - font-size: 2rem; - line-height: 1.05 - } - } - - .h2, - .teaser .h3, - h2 { - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: 1.5rem; - font-weight: 700; - line-height: 1.25; - text-transform: uppercase - } - - .h3, - h3 { - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: 1.125rem; - font-weight: 400; - line-height: 1.375 - } - - .h4, - h4 { - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: .9rem; - font-weight: 400; - line-height: 1.375 - } - - .h4.ellipsize2 { - overflow: hidden; - position: relative; - max-height: 2.75em; - padding-right: 1em - } - - .h4.ellipsize2:before { - content: '...'; - position: absolute; - right: 0; - bottom: 0 - } - - .h4.ellipsize2:after { - content: ''; - position: absolute; - right: 0; - width: 1em; - height: 1em; - margin-top: .2em; - background: #fff - } - - .ellipsize2:before { - content: '...'; - position: absolute; - right: 0; - bottom: 0 - } - - .ellipsize2:after { - content: ''; - position: absolute; - right: 0; - width: 1em; - height: 1em; - margin-top: .2em; - background: #fff - } - - .teaser .h3 { - letter-spacing: .5px - } - - .toc .btn { - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: .75rem; - font-weight: 400; - line-height: 1.333; - padding: 5px 10px; - vertical-align: baseline; - margin-right: 8px; - min-width: 33px - } - - .tablinkcontainer { - position: relative; - height: 40px - } - - .tablinks { - display: flex; - align-items: flex-start; - overflow-x: scroll; - width: 100%; - white-space: nowrap - } - - .tablinks .link-spacing-container { - display: none; - flex: 1; - padding: 4px 20px; - border-bottom: 2px solid #f0f0f0; - font-size: .875rem; - line-height: 2 - } - - .tablinks .link-container { - display: table-cell - } - - .tabcontent .tabdetail { - width: 100%; - position: absolute; - top: 0; - left: 0; - opacity: 0; - pointer-events: none - } - - .article { - margin-bottom: 16px - } - - .article p { - text-align: left; - line-height: 1.7 - } - - .article .h3::before, - .article .teaser .h3::before { - display: block; - content: " "; - height: 65px; - margin-top: -65px; - visibility: hidden - } - - .article .h3 { - font-size: 1.25rem - } - - @media (max-width:767px) { - .article .h3 { - font-size: 1.125rem - } - } - - .article .teaser .h3 { - font-size: 1.75rem - } - - @media (max-width:767px) { - .article .teaser .h3 { - font-size: 1.5rem - } - } - - .article .h3, - .article .teaser .h3 { - text-transform: none; - margin-bottom: 10px; - line-height: 1.5; - font-weight: 700 - } - - .article p { - margin-bottom: 20px - } - - .article blockquote :last-child, - .article p :last-child { - margin-bottom: 0 - } - - .article .contentbox .contentbox-picture { - width: 176px; - flex: none - } - - .article .tabcontent .tabdetail { - position: static; - grid-area: 1/1; - opacity: 0; - pointer-events: none; - transition: opacity .3s linear - } - - .article .article-video { - background-color: #0d0d0d; - padding-bottom: 16px - } - - .article-content>:first-of-type { - margin-top: 0 !important - } - - .article-content>p.caption { - margin: 40px 0 - } - - .ellipsize2 { - overflow: hidden; - position: relative; - max-height: 3em; - padding-right: 1em - } - - p { - font-family: "lato", Helvetica, Arial, sans-serif; - font-size: 1rem; - font-weight: 400; - line-height: 1.5 - } - - p.caption { - color: #757575; - font-family: "lato", Helvetica, Arial, sans-serif; - font-size: .875rem; - font-weight: 400; - line-height: 1.5 - } - - p.caption>span { - display: inline-block; - vertical-align: middle; - line-height: 1.5 - } - - p.caption.delivery { - font-size: .625rem; - margin-bottom: 10px - } - - p.caption>.video-container { - display: grid - } - - .p.caption>.video-container>*, - p.caption>.video-container>* { - grid-area: 1/1/1/1 - } - - p.info { - font-size: .75rem; - line-height: 1.375; - margin-bottom: 0; - line-height: 1.25rem !important - } - - p.caption { - margin-bottom: 20px - } - - .video-container { - position: relative; - display: grid; - scroll-margin-top: 100px - } - - .video-container:not(:empty) { - margin-bottom: 20px - } - - .video-container>* { - grid-area: 1/1/1/1 - } - - .box { - position: relative - } - - .box, - .box .box-link { - margin-bottom: 20px - } - - .box .box-flex-container { - display: flex; - flex-wrap: wrap - } - - .box .box-flex-item { - display: flex; - flex-direction: column; - justify-content: space-between - } - - .box .box-link-top { - flex: none - } - - .box .box-link-top a { - background: #fff; - padding-left: 10px - } - - .box .box-title>hr { - margin: 0; - position: absolute; - left: 10px; - right: 10px; - top: 13px - } - - .box .box-title a { - background: #fff; - padding-right: 10px; - position: relative; - display: inline-block - } - - .box div.box-title { - display: flex; - justify-content: space-between - } - - .box .box-spinner { - font-family: "lato", Helvetica, Arial, sans-serif; - font-size: .875rem; - font-weight: 400; - line-height: 1.375; - color: #757575 - } - - .box .box-spinner i { - display: inline-block; - margin-right: 10px - } - - @media (max-width:767px) { - .box .box-icon { - position: absolute; - right: 10px; - top: -8px; - font-family: 'gsgp-icons'; - display: inline-block; - font: 2rem "gsgp-icons"; - text-rendering: auto; - color: #757575; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - background: #fff; - padding-left: 10px - } - - .box.box-close .box-content { - display: none - } - } - - #comments #comment-spinner i { - width: 50px; - height: 50px - } - - #comments .tablinkcontainer { - height: auto - } - - .comment p { - font-family: "lato", Helvetica, Arial, sans-serif; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - word-break: break-word; - padding-right: 20px - } - - .media .media-heading { - margin-bottom: 10px - } - - label { - text-transform: uppercase - } - - label { - color: #757575 - } - - label { - font-size: .875rem; - font-weight: 400; - line-height: 1.375 - } - - label { - font-family: "lato", Helvetica, Arial, sans-serif - } - - input:not([type=range]) { - font-family: "lato", Helvetica, Arial, sans-serif; - font-weight: 400; - margin-top: 0; - border: 1px solid #f0f0f0; - background: #f0f0f0; - color: #757575; - width: 100%; - padding: 5px 10px - } - - input:not([type=range]) { - font-size: 1rem; - margin-bottom: 10px; - line-height: 1 - } - - .input-group { - position: relative - } - - .input-group .btn-input { - border-radius: 0; - position: absolute; - right: 0; - top: 0; - background: 0 0; - color: #212121; - font-size: 1.25rem; - margin: 0; - padding: 6px; - line-height: 1 - } - - input[type=checkbox] { - visibility: hidden; - position: absolute - } - - .checkboxlabel { - cursor: pointer; - margin-bottom: 10px - } - - .checkboxlabel::before { - font-family: 'gsgp-icons'; - display: inline-block; - font: 1.25rem "gsgp-icons"; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - content: "\e950"; - padding-right: 10px; - cursor: pointer; - vertical-align: middle; - position: relative; - top: -2px; - color: #757575 - } - - #content { - position: relative; - margin-top: 0; - margin-bottom: 0; - min-height: 1000px; - pointer-events: none - } - - #content .container { - background: #fff; - position: relative; - pointer-events: auto - } - - .teaser .contentteaser { - margin-bottom: 40px - } - - .teaser .box .box-link { - margin-bottom: 0 - } - - .teaser .box-title .h3 { - text-transform: uppercase - } - - #backtotop { - transition: opacity .1s ease-in-out - } - - #backtotop .btn { - position: fixed; - bottom: 0; - margin-left: 20px - } - - @media (max-width:1110px) { - #backtotop .btn { - right: 20px - } - } - - @media (min-width:1000px) and (max-width:1270px) { - #backtotop .btn { - right: 20px - } - } - - .filter-toggle { - color: #757575; - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: .875rem; - font-weight: 600; - line-height: 1.375 - } - - .slide-teaser { - transition: all .6s ease - } - - .box-gray { - box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2); - border-radius: 2px; - background-color: #fff - } - - .plus-teaser-headline { - width: 100%; - min-height: 65px; - line-height: 65px; - margin-left: 10px; - font-size: 1.25rem; - font-weight: 600; - color: #26a65b - } - - .plus-teaser-headline img { - height: 32px; - margin-top: -7px - } - - .plus-teaser, - .plus-teaser-headline, - .plus-teaser-headline span { - font-family: "soleil", Helvetica, Arial, sans-serif - } - - .plus-teaser-headline span { - font-size: 1.25rem; - font-weight: 600; - color: #26a65b; - padding: 20px - } - - .plus-teaser { - overflow: hidden; - height: auto; - cursor: pointer - } - - .plus-teaser hr { - background-color: #eee; - margin-left: 10px; - margin-right: 10px; - margin-bottom: 10px !important - } - - .plus-teaser .plus-product-container { - padding: 20px; - box-shadow: 10px 0 10px -10px rgba(0, 0, 0, .2) - } - - .plus-teaser .plus-product-container.plus-product-container-condensed { - padding: 25px 65px 50px - } - - .plus-teaser .plus-product-container .btn { - margin-top: 20px - } - - .plus-teaser .plus-product-container .plus-features { - margin-top: 10px; - margin-bottom: 20px - } - - .plus-teaser .plus-product-container .plus-features .plus-feature-row em { - vertical-align: inherit - } - - .plus-teaser .plus-product-container .plus-features .plus-feature-row em.plus-feature-list-symbol { - line-height: 18px - } - - .plus-teaser .plus-product-container .plus-features .plus-feature-row span { - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: .75rem; - font-weight: 400; - line-height: 1.375; - vertical-align: top - } - - .plus-teaser .plus-product-container .plus-features div { - width: 100%; - line-height: 21px - } - - .plus-teaser .plus-product-container .plus-features div span { - font-size: 14px; - color: #212121; - line-height: 21px - } - - .plus-teaser .plus-product-container .plus-features div span.plus-feature-list-entry { - font-size: 14px - } - - .plus-teaser .plus-headline { - width: 100%; - height: 25px - } - - .plus-teaser .plus-headline-text { - font-size: 1.25rem; - font-weight: 600; - line-height: 25px; - color: #212121; - float: left - } - - .plus-teaser .plus-text { - margin-top: 15px; - font-size: 14px - } - - .plus-teaser-paid { - cursor: pointer; - z-index: 100 !important; - background-color: #fff - } - - .plus-teaser-paid .plus-product-container { - box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .2) - } - - span.info { - color: #757575; - font-family: "soleil", Helvetica, Arial, sans-serif; - font-size: .75rem; - line-height: 1.375 - } - - span.info { - font-weight: 600; - margin-bottom: 0 - } - - .plus-teaser-stdcont { - padding: 0 10px 20px; - display: inline-block - } - - .dis-table { - display: table - } - - .dis-table-row { - display: table-row - } - - .dis-table-cell { - display: table-cell - } - - .dis-flex { - display: flex - } - - .flex-separator { - flex: 1 0 auto - } - - .align-items-center { - align-items: center - } - - .m-b-05 { - margin-bottom: 5px !important - } - - .p-r-05 { - padding-right: 5px !important - } - - .float-right { - float: right - } - - .box-reload>:not([class*=col-]) { - width: 100% - } - - .align-top { - vertical-align: top !important - } - - .align-middle { - vertical-align: middle !important - } - - .loader, - .loader:after { - border-radius: 50%; - width: 24px; - height: 24px - } - - .loader { - overflow: hidden; - margin: 0; - font-size: 10px; - position: relative; - text-indent: -9999em; - border-top: 3px solid rgba(255, 255, 255, .2); - border-right: 3px solid rgba(255, 255, 255, .2); - border-bottom: 3px solid rgba(255, 255, 255, .2); - border-left: 3px solid #757575; - transform: translateZ(0) - } - - .loader.spin { - -webkit-animation: load8 .5s infinite linear; - animation: load8 .5s infinite linear - } - - .box-title hr { - display: none !important - } - - .login-form-box span { - font-weight: 400 - } - - .login-container hr { - margin: 40px -20px - } - - .login-form-box p { - text-align: center - } - - .login-container .register-box { - text-align: center; - max-width: 300px; - margin: 0 auto - } - - .login-container .register-box .h2 { - color: #212121; - text-transform: none - } - - .login-container .register-box .h2>span { - font-weight: 600 - } - - .login-form-box { - max-width: 300px; - margin: 0 auto - } - - .login-form-box input { - height: 40px; - border: 1px solid #bdbdbd; - border-radius: 3px; - background-color: #fafafa; - font-family: "lato", Helvetica, Arial, sans-serif; - font-size: .875rem; - font-weight: 400; - line-height: 1.375; - color: #212121 - } - - .login-form-box input::-moz-placeholder { - color: #bdbdbd - } - - .login-form-box input:-ms-input-placeholder { - color: #bdbdbd - } - - .login-form-box .checkboxlabel { - font-size: 12px; - text-transform: none; - float: left - } - - #loginbox-message { - width: 260px; - margin: 0 20px; - overflow-x: auto; - overflow-y: hidden - } - - #newsletter .input-group button { - line-height: normal !important - } - - .modal-content::after { - content: ""; - display: block; - clear: both - } - - @supports (display:flow-root) { - .modal-content { - display: flow-root - } - } - - #socialshare { - display: flex - } - - #content #socialshare { - display: flex; - gap: 8px - } - - #content #socialshare>* { - line-height: 20px; - margin: -5px 0 - } - - .offerteaser-box .media-body img { - vertical-align: top; - height: 24px - } - - @media (min-width:976px) { - #content { - margin-bottom: 20px - } - } - - @media (min-width:768px) { - .tablinks { - overflow: visible - } - - .tablinks .link-spacing-container { - display: block - } - } - - @media (max-width:975px) { - #sidebar-backdrop { - background: 0 0; - bottom: 0; - display: none; - left: 0; - position: fixed; - right: 0; - top: 0; - z-index: 11 - } - - #newsletter .input-group button { - left: 250px !important; - width: 40px !important - } - } - - @media (min-width:544px) { - .plus-teaser-paid .btn { - margin-top: 0 !important - } - } - - @media (max-width:767px) { - .plus-teaser { - padding-bottom: 0 - } - - .plus-teaser .plus-product-container { - box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .2) - } - - .plus-teaser .btn { - margin-bottom: 0 !important - } - - .plus-teaser-headline { - width: 100%; - min-height: 65px; - line-height: 65px; - margin-left: 10px - } - - .plus-teaser-headline div { - margin-top: 20px !important; - margin-bottom: 10px !important; - display: block !important; - line-height: 25px !important - } - - .plus-teaser-headline span { - padding: 0 0 20px !important; - display: block !important; - line-height: 25px !important; - width: 230px !important - } - - #backtotop .btn { - bottom: 45px - } - - .onimage-hover { - opacity: 1 !important - } - } - - @media (max-width:543px) { - .container-fluid { - padding-left: 10px; - padding-right: 10px - } - - .col-xs-12, - .col-xs-2, - .col-xs-3, - .col-xs-4, - .col-xs-6, - .col-xs-8, - .container { - padding-left: 5px; - padding-right: 5px - } - - .main, - .row { - margin-left: -5px; - margin-right: -5px - } - } - - .hide { - display: none - } - - img { - position: relative - } - - .sponsored-mediamarkt-product-image { - grid-area: 1/-2/-1/-1; - align-self: center; - width: 100% - } - - .home .grid.highlight .content-item-big>.teaser-image { - grid-area: 1/1/span 6/span 2; - margin-top: 0; - margin-bottom: 0 - } - - .home .content-item-medium.highlight>.teaser-image { - grid-area: 1/1/span 4/1; - margin: 0 - } - - .home .charts-item .teaser-image { - grid-area: 1/span 2 - } - - .home .charts-item>.charts-position { - grid-area: span 2; - font-size: .875rem; - line-height: 1.7; - color: #0055b9 - } - - @media (max-width:975px) { - - .home .grid .grid.horizontal [class*=" content-item-"].md-title-top>.category, - .home .grid .grid.horizontal [class^=content-item-].md-title-top>.category, - .home .grid .grid.md-horizontal [class*=" content-item-"].md-title-top>.category, - .home .grid .grid.md-horizontal [class^=content-item-].md-title-top>.category, - .home .md-title-top>.category { - grid-area: 1/span 2 - } - - .home .grid .grid.horizontal [class*=" content-item-"].md-title-top>h3, - .home .grid .grid.horizontal [class^=content-item-].md-title-top>h3, - .home .grid .grid.md-horizontal [class*=" content-item-"].md-title-top>h3, - .home .grid .grid.md-horizontal [class^=content-item-].md-title-top>h3, - .home .md-title-top>h3 { - grid-area: 2/span 2 - } - - .home .grid .grid.horizontal [class*=" content-item-"].md-title-top>.intro, - .home .grid .grid.horizontal [class^=content-item-].md-title-top>.intro, - .home .grid .grid.md-horizontal [class*=" content-item-"].md-title-top>.intro, - .home .grid .grid.md-horizontal [class^=content-item-].md-title-top>.intro, - .home .md-title-top>.intro { - grid-area: 3/1 - } - - .home .grid .grid.horizontal [class*=" content-item-"].md-title-top>.teaser-image, - .home .grid .grid.horizontal [class^=content-item-].md-title-top>.teaser-image, - .home .grid .grid.md-horizontal [class*=" content-item-"].md-title-top>.teaser-image, - .home .grid .grid.md-horizontal [class^=content-item-].md-title-top>.teaser-image, - .home .md-title-top>.teaser-image { - grid-area: 3/2 - } - - .home .grid .grid.horizontal [class*=" content-item-"].md-title-top>.item-info, - .home .grid .grid.horizontal [class^=content-item-].md-title-top>.item-info, - .home .grid .grid.md-horizontal [class*=" content-item-"].md-title-top>.item-info, - .home .grid .grid.md-horizontal [class^=content-item-].md-title-top>.item-info, - .home .md-title-top>.item-info { - grid-area: 4/span 2 - } - - .home .grid .grid.highlight .content-item-big>.teaser-image { - grid-area: 1; - order: -1 - } - - .home .grid .grid.highlight .content-item-big>:not(.category) { - grid-area: auto; - width: 100% - } - - .home .md-image-top>.category { - grid-area: 2 - } - - .home .md-image-top>h3 { - grid-area: 3 - } - - .home .md-image-top>.intro { - grid-area: 4 - } - - .home .md-image-top>.teaser-image { - grid-area: 1 - } - - .home .md-image-top>.item-info { - grid-area: 5 - } - } - - @media (max-width:767px) { - - .home .grid .grid[class$=horizontal] [class*=" content-item-"].sm-title-top>.category, - .home .grid .grid[class$=horizontal] [class^=content-item-].sm-title-top>.category, - .home .grid .grid[class*=horizontal] [class*=" content-item-"].sm-title-top>.category, - .home .grid .grid[class*=horizontal] [class^=content-item-].sm-title-top>.category { - grid-area: 1/span 2 - } - - .home .grid .grid[class$=horizontal] [class*=" content-item-"].sm-title-top>h3, - .home .grid .grid[class$=horizontal] [class^=content-item-].sm-title-top>h3, - .home .grid .grid[class*=horizontal] [class*=" content-item-"].sm-title-top>h3, - .home .grid .grid[class*=horizontal] [class^=content-item-].sm-title-top>h3 { - grid-area: 2/span 2 - } - - .home .grid .grid[class$=horizontal] [class*=" content-item-"].sm-title-top>.intro, - .home .grid .grid[class$=horizontal] [class^=content-item-].sm-title-top>.intro, - .home .grid .grid[class*=horizontal] [class*=" content-item-"].sm-title-top>.intro, - .home .grid .grid[class*=horizontal] [class^=content-item-].sm-title-top>.intro { - grid-area: 3/1 - } - - .home .grid .grid[class$=horizontal] [class*=" content-item-"].sm-title-top>.teaser-image, - .home .grid .grid[class$=horizontal] [class^=content-item-].sm-title-top>.teaser-image, - .home .grid .grid[class*=horizontal] [class*=" content-item-"].sm-title-top>.teaser-image, - .home .grid .grid[class*=horizontal] [class^=content-item-].sm-title-top>.teaser-image { - grid-area: 3/2 - } - - .home .grid .grid[class$=horizontal] [class*=" content-item-"].sm-title-top>.item-info, - .home .grid .grid[class$=horizontal] [class^=content-item-].sm-title-top>.item-info, - .home .grid .grid[class*=horizontal] [class*=" content-item-"].sm-title-top>.item-info, - .home .grid .grid[class*=horizontal] [class^=content-item-].sm-title-top>.item-info { - grid-area: 4/span 2 - } - - .home .grid .grid.highlight:not(.sm-horizontal)>div:not(:first-of-type) [class^=content-item-]>h3 { - grid-area: 2/2 - } - - .home .grid .grid.highlight:not(.sm-horizontal)>div:not(:first-of-type) [class^=content-item-]>.intro { - grid-area: 3/2 - } - - .home .grid .grid.highlight:not(.sm-horizontal)>div:not(:first-of-type) [class^=content-item-]>.item-info { - grid-area: 4/2 - } - - .home .grid .grid.highlight:not(.sm-horizontal)>div:not(:first-of-type) [class^=content-item-]>.teaser-image { - grid-area: span 5/1 - } - - .home .sm-title-top>.category { - grid-area: 1/span 2 - } - - .home .sm-title-top>h3 { - grid-area: 2/span 2 - } - - .home .sm-title-top>.intro { - grid-area: 3/1 - } - - .home .sm-title-top>.teaser-image { - grid-area: 3/2 - } - - .home .sm-title-top>.item-info { - grid-area: 4/span 2 - } - - .home .sm-image-top>.category { - grid-area: 2 - } - - .home .sm-image-top>h3 { - grid-area: 3; - margin-top: 8px; - margin-bottom: 4px - } - - .home .sm-image-top>.intro { - grid-area: 4 - } - - .home .sm-image-top>.teaser-image { - grid-area: 1; - margin-top: 0; - margin-bottom: 0 - } - - .home .sm-image-top>.item-info { - grid-area: 5 - } - } - - @media (max-width:543px) { - .home .xs-title-top>.category { - grid-area: 1/span 2 - } - - .home .xs-title-top>h3 { - grid-area: 2/span 2 - } - - .home .xs-title-top>.intro { - grid-area: 3/1 - } - - .home .xs-title-top>.teaser-image { - grid-area: 3/2 - } - - .home .xs-title-top>.item-info { - grid-area: 4/span 2 - } - - .home .xs-image-top>.category { - grid-area: 2 - } - - .home .xs-image-top>h3 { - grid-area: 3 - } - - .home .xs-image-top>.intro { - grid-area: 4 - } - - .home .xs-image-top>.teaser-image { - grid-area: 1 - } - - .home .xs-image-top>.item-info { - grid-area: 5 - } - } - - body.article-detail .header-bold .rpi-progress-bar { - display: none - } - - .content-meta { - margin-bottom: 24px - } - - #content .publication-info, - .intro { - font-family: "soleil", Helvetica, Arial, sans-serif; - font-weight: 400 - } - - #content .publication-info { - font-size: .875rem; - margin-bottom: 0; - color: #212121 - } - - #content .publication-info>.btn-link { - color: #212121; - font-weight: 600 - } - - .intro { - font-size: 1rem; - line-height: 1.5rem; - margin-bottom: 24px - } - - @media (min-width:768px) { - .intro { - font-size: 1.125rem; - line-height: 1.75rem - } - } - - .article .btn>i { - margin-left: 4px; - position: relative; - top: -1px - } - - .article .short-rating .rating-widget .verdict>* { - grid-area: 1/1; - width: 100%; - height: 100% - } - - @media (min-width:976px) { - .div-article-title { - width: 80% - } - } - - .panel.notifications { - min-width: 320px; - max-width: 375px; - height: 100%; - display: flex; - flex-direction: column - } - - .notifications-info { - display: flex; - justify-content: space-between; - padding: 8px 0; - font-weight: 700 - } - - .notifications-unread-count[value="0"] { - background-color: #757575 - } - - .notifications-unread-count { - margin-right: 8px; - display: inline-flex; - justify-content: center; - align-items: center; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #f44336; - color: #fff; - font-size: .75rem; - font-weight: 700 - } - - .notifications-link { - font-family: "lato", Helvetica, Arial, sans-serif; - font-size: .875rem; - font-weight: 400; - line-height: 1.375 - } - - .sidebar .panel .notifications-link { - padding: 0; - color: #0055b9 - } - - .notifications-list-ajax { - flex: 1; - overflow-y: auto - } - - .notification-list { - display: grid; - margin: 0; - padding: 0 - } - - #content .btn-link { - color: #0055b9 - } - - .notifications-heading { - color: #212121 - } - - .notifications .notifications-heading>a { - display: inline-block; - padding: 0; - color: #212121 - } - - .panel .notifications-info { - font-family: "soleil", Helvetica, Arial, sans-serif; - font-weight: 400; - line-height: 1.375; - font-size: 1rem; - padding: 16px - } - - #header-notifications { - padding: 0; - overflow: unset - } - - .notifications-options { - padding: 16px - } - - .notifications .notifications-options>.btn { - margin: 0; - padding: 8px; - color: #fff - } - - .nav-link, - .sidebar .panel-heading { - text-transform: uppercase - } - - .btn-link, - .kasten .btn, - p.info { - font-family: "soleil", Helvetica, Arial, sans-serif - } - - p.info { - font-weight: 400; - color: #757575 - } - </style> - <link rel="preload" href="https://static.cgames.de/gs_cb/assets/css/gamestar.min.css?cc=231120220633" as="style" - onload="this.onload=null;this.rel='stylesheet'"> - <noscript> - <link rel="stylesheet" href="https://static.cgames.de/gs_cb/assets/css/gamestar.min.css?cc=231120220633" - type="text/css"> - </noscript> - <link href="https://static.cgames.de/gs_cb/assets/css/dark.min.css?cc=231120220633" rel="preload" as="style" - onload="this.onload=null;this.rel='stylesheet'"> - <link rel="preload" - href="https://static.cgames.de/gs_cb/assets/core/js/libs/unslider/dist/css/unslider.css?cc=231120220633" - as="style"> - <link rel="stylesheet" - href="https://static.cgames.de/gs_cb/assets/core/js/libs/unslider/dist/css/unslider.css?cc=231120220633"> - <link rel="stylesheet" - href="https://static.cgames.de/gs_cb/assets/core/js/libs/reading-position-indicator/dist/rpi.bundle.css?cc=231120220633"> - <script> - (function (d) { - var config = { - kitId: 'bxw3gkn', - scriptTimeout: 3000, - async: true - }, - h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive"; }, config.scriptTimeout), tk = d.createElement("script"), f = false, s = d.getElementsByTagName("script")[0], a; h.className += " wf-loading"; tk.src = 'https://use.typekit.net/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a && a != "complete" && a != "loaded") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s) - })(document); - </script> - <script src="https://static.cgames.de/gs_cb/assets/core/js/libs/jquery/jquery-3.6.0.min.js"></script> - <script> - window.websiteId = 1; - window.notificationsServer = 'wss://ws.gamestar.de/'; - window.Tether = {}; - window.lazySizesConfig = window.lazySizesConfig || {}; - window.lazySizesConfig.init = false; - </script> - <style> - /* Header Bold - Startposition */ - /* auskommentiert, da alles aktuell ok -@media screen and (max-width: 1042px) and (min-width: 976px) { -.header-bold li.nav-item.dropdown[data-nid="341"] { -display: none; -} -} -*/ - /* Header Slim - heruntergescrollt */ - @media screen and (max-width: 1133px) and (min-width: 976px) { - .header-slim li.nav-item.dropdown[data-nid="340"] { - display: none; - } - } - - @media screen and (max-width: 1026px) and (min-width: 976px) { - .header-slim li.nav-item.dropdown[data-nid="341"] { - display: none; - } - } - </style> - <style> - @media (max-width: 364px) { - .home .grid.highlighted #dfp-mtf { - display: flex; - justify-content: center; - } - } - - .home .grid-width .highlighted .scroll-container>div { - max-width: calc(100vw - 64px); - } - </style> - <style> - .header-bold #header-brand { - overflow: visible; - } - </style> - <style> - .sponsored-mediamarkt-stoerer { - border: 1px solid #e0e0e0; - border-radius: 8px; - overflow: hidden; - display: grid; - gap: 0 32px; - } - - .sponsored-mediamarkt-panel { - background-color: #df0000; - color: #fff; - padding: 12px; - display: flex; - align-items: flex-end; - justify-content: space-between; - } - - .sponsored-mediamarkt-panel p { - font-family: 'soleil', Helvetica, Arial, sans-serif; - margin: 0; - font-size: 1rem; - font-weight: bold; - } - - .sponsored-mediamarkt-panel p span { - display: none; - } - - .sponsored-mediamarkt-logo>img { - width: 100px; - padding-bottom: 4px; - } - - .sponsored-mediamarkt-products { - position: relative; - padding: 12px; - background-color: #fff; - display: flex; - flex-direction: column; - } - - .sponsored-mediamarkt-product { - display: grid; - grid-template: 1fr repeat(4, auto) 1fr / 2fr 1fr; - grid-auto-flow: column; - justify-items: end; - gap: 0 12px; - direction: rtl; - } - - a.sponsored-mediamarkt-product:hover { - text-decoration: none; - } - - .sponsored-mediamarkt-product-title:hover, - .sponsored-mediamarkt-product-original-price:hover, - .sponsored-mediamarkt-product-price:hover { - text-decoration: underline; - } - - .sponsored-mediamarkt-product:not(:nth-last-child(-n + 2)) { - border-bottom: 1px solid #f2f2f2; - padding-bottom: 12px; - margin-bottom: 12px; - } - - .sponsored-mediamarkt-product-label { - grid-row: 2; - border-radius: 4px; - display: flex; - justify-content: center; - align-items: center; - padding: 4px 8px; - background-color: #df0000; - color: #fff; - font-size: 0.5rem; - text-transform: uppercase; - } - - .sponsored-mediamarkt-product-title { - color: #000; - font-size: 0.75rem; - font-weight: 700; - line-height: 1.25; - direction: ltr; - margin-top: 4px; - } - - .sponsored-mediamarkt-product-prices { - display: flex; - flex-wrap: wrap; - align-items: baseline; - white-space: nowrap; - font-size: 0.75rem; - direction: ltr; - } - - .sponsored-mediamarkt-product-price { - color: #df0000; - font-weight: bold; - } - - .sponsored-mediamarkt-product-original-price:not(:empty) { - color: #707070; - margin-right: 16px; - position: relative; - } - - .sponsored-mediamarkt-product-original-price:not(:empty):after { - content: ''; - display: block; - width: 100%; - position: absolute; - top: 55%; - left: 0; - border-bottom: 1px solid; - } - - .sponsored-mediamarkt-product-image { - grid-area: 1 / -2 / -1 / -1; - align-self: center; - width: 100%; - } - - .sponsored-mediamarkt-offer { - position: absolute; - bottom: 4px; - right: 12px; - font-size: 0.5rem; - text-transform: uppercase; - color: #909090; - } - - @media (min-width: 768px) { - .sponsored-mediamarkt-panel { - padding: 12px 32px; - } - - .sponsored-mediamarkt-panel p { - font-size: 1.5rem; - } - - .sponsored-mediamarkt-panel p span { - display: inline-block; - } - - .sponsored-mediamarkt-logo>img { - width: 165px; - } - - .sponsored-mediamarkt-products { - grid-column: 2 / -1; - padding: 32px; - } - - .sponsored-mediamarkt-product { - grid-template: repeat(3, auto) / 1fr 180px; - grid-auto-flow: initial; - justify-items: start; - gap: 8px 16px; - direction: ltr; - } - - .sponsored-mediamarkt-product-label { - font-size: 0.675rem; - } - - .sponsored-mediamarkt-product-title { - font-size: 0.875rem; - margin-top: 0; - } - - .sponsored-mediamarkt-product-prices { - font-size: 0.875rem; - } - - .sponsored-mediamarkt-product-original-price:not(:empty):after { - border-bottom: 2px solid; - } - - .sponsored-mediamarkt-product:not(:first-child):not(:last-child) { - margin-top: 12px; - } - - .sponsored-mediamarkt-product-label { - grid-row: auto; - } - - .sponsored-mediamarkt-product-title { - grid-row: initial; - font-size: 1.25rem; - line-height: 1.5; - } - - .sponsored-mediamarkt-product-prices { - grid-row: initial; - font-size: 1.25rem; - } - - .sponsored-mediamarkt-offer { - bottom: 8px; - font-size: 0.625rem; - right: 32px; - } - } - </style> - <style> - @media (max-width: 767px) { - #dfp-masthead.sticky { - position: fixed; - top: 96px; - left: 0; - width: 100%; - z-index: 9000; - } - - .article-detail #dfp-masthead.sticky { - top: 102px; - } - } - </style> - <style> - .btn-social.isshop.xbox_game_pass { - background: #333333; - color: #fff; - font-weight: 600; - } - </style> - <style> - .jw-gsgp-floating-info { - display: none; - } - </style> - <style> - .articletable th, - .articletable td, - .technikcheck th, - .technikcheck td { - font-size: 0.75rem; - } - - .articletable ul, - .technikcheck ul { - padding-left: 16px; - text-align: left; - font-size: 0.75rem; - } - - .articletable ul>br, - .technikcheck ul>br { - display: none; - } - - .articletable ul>li, - .technikcheck ul>li { - margin-bottom: 0; - } - </style> - <style> - /* FYNG-HW Start */ - .custom-fyng-hw { - position: relative; - margin-bottom: 16px; - padding: 16px; - background-color: #212121; - color: #FFFFFF; - } - - .custom-fyng-hw>*, - img { - position: relative; - } - - .custom-fyng-hw::before { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - content: ' '; - background: url("https://images.cgames.de/images/gamestar/4/fyng-hardware-bg_6157035.jpg") no-repeat; - background-size: cover; - background-position: center; - opacity: 1; - } - - .custom-fyng-hw ul, - .custom-fyng-hw ol { - font-size: 1rem; - font-weight: 700; - } - - #content .custom-fyng-hw .btn-link { - color: #FFFFFF; - } - - #content .custom-fyng-hw .btn-link:hover { - color: #FFFFFF; - } - - #content .custom-fyng-hw .btn:not(.btn-inline) { - margin-bottom: 0; - width: auto; - background-color: #FFFFFF; - color: #212121; - padding: 8px 16px; - font-size: 0.875rem; - } - - #content .custom-fyng-hw :last-child { - margin-bottom: 0; - } - - .custom-fyng-hw a { - color: white; - text-decoration: underline; - } - - /* FYNG-HW Ende */ - </style> - <style> - .affiliate-message-wrapper { - display: grid; - grid-auto-flow: column; - column-gap: 20px; - justify-content: center; - align-items: center; - border: 1px solid #26a65b; - border-radius: 3px; - margin: 16px 0; - padding: 20px; - } - - .affiliate-message-icon { - font-size: 24px; - color: #26a65b; - } - - .affiliate-message-text { - font-family: Lato, Helvetica, Arial, sans-serif; - font-size: 12px; - line-height: 18px; - color: #757575; - } - - .affiliate-message-link { - font-size: 12px; - line-height: 18px; - color: #26a65b; - } - - body.dark .affiliate-message-icon { - color: #26a65b; - } - - body.dark .article :not(.dis-table-cell):not(.tablinks):not(h2):not(.h2):not(h3):not(.h3):not(.box-content):not(.box-link):not(.rating-wrapper):not(.spoiler-hint):not(.benchmark-row-title)>a.affiliate-message-link:not(.tag):not([class*="btn-"]):not(.imagecontainer):not([data-action="shopClickout"]) { - color: #26a65b; - } - </style> - <style> - iframe[src*="twitch.tv"] { - width: 100%; - } - </style> - <style> - .article a[data-icon]::after { - display: inline-block; - font-family: "gsgp-icons"; - font-weight: normal; - font-style: normal; - margin-left: 4px; - line-height: 1; - position: relative; - top: 1px; - } - - .article a[data-icon="shop"]::after { - content: "\e960"; - } - - .article a[data-icon="plus"]::after { - content: "\e930"; - } - - .article a[data-icon="video"]::after { - content: "\e95b"; - } - - .article a[data-icon="podcast"]::after { - content: "\e95f"; - } - - .article a[data-icon="external"]::after { - content: "\e91f"; - } - - .article a[data-icon="shop"], - .article a[data-icon="plus"] { - color: #26a65b; - } - </style> - <style> - @media (max-width: 543px) { - - .jw-icon-inline.jw-gsgp-cinema, - :not(.jw-settings-topbar-buttons)>.jw-icon-inline.jw-settings-sharing { - display: none; - } - } - </style> - <style> - iframe[src*="cdn.julephosting.de"] { - width: 100%; - height: 500px; - } - - @media screen and (min-width: 640px) { - iframe[src*="cdn.julephosting.de"] { - width: 100%; - height: 280px; - } - } - </style> - <style> - .wp-block-affiliate-notice .gsgp-icon::before { - content: "\e960" !important; + @media screen and (min-width: 640px) { + iframe[src*="cdn.julephosting.de"] { + width: 100%; + height: 280px; } + } </style> <style> - /* FYNG Expo Start */ - .custom-fyng { - background-color: #212121; - } - - .custom-fyng::before { - background-image: url("https://images.cgames.de/images/gamestar/4/fyng-2022-background_6174923.jpg"); - } - - /* FYNG Expo Ende */ - </style> - <style> - body.dark .wp-block-wbd-affiliate-widget .product { - text-decoration: none !important; - border: 1px solid #dbdbdb !important; - } - - body.dark .wp-block-wbd-affiliate-widget .label { - color: rgba(255, 255, 255, 0.5); - } - - body.dark .wp-block-wbd-affiliate-widget .shopName { - color: rgba(255, 255, 255, 0.5); - } - - body.dark .wp-block-wbd-affiliate-widget .price-line-through { - color: rgba(255, 255, 255, 0.5); - } - - body.dark .wp-block-wbd-affiliate-widget .swiper-scrollbar { - background-color: rgba(255, 255, 255, 0.1); - } - - body.dark .wp-block-wbd-affiliate-widget .swiper-scrollbar-drag { - background-color: rgba(255, 255, 255, 0.5); - } + .wp-block-affiliate-notice .gsgp-icon::before { + content: "\e960" !important; + } </style> <style> - @media only screen and (min-width: 976px) { - body.home-index[data-id="1"] .home .main.waypoint section.grid-4-8>div:first-child { - justify-content: flex-end; - } + /* FYNG Expo Start */ + .custom-fyng { + background-color: #212121; + } - body.home-index[data-id="1"] .home .grid>div:has(> #section107) { - justify-content: flex-end; - } + .custom-fyng::before { + background-image: url("https://images.cgames.de/images/gamestar/4/fyng-2022-background_6174923.jpg"); + } - body.home-index[data-id="1"] section#section107 { - position: sticky !important; - bottom: 0px; - } - } + /* FYNG Expo Ende */ </style> - <style> - @media screen and (max-width: 480px) { - #dailymotion-pip-small-viewport { - --position-bottom: 0px; - } - } + <style> + body.dark .wp-block-wbd-affiliate-widget .product { + text-decoration: none !important; + border: 1px solid #dbdbdb !important; + } + + body.dark .wp-block-wbd-affiliate-widget .label { + color: rgba(255, 255, 255, 0.5); + } + + body.dark .wp-block-wbd-affiliate-widget .shopName { + color: rgba(255, 255, 255, 0.5); + } + + body.dark .wp-block-wbd-affiliate-widget .price-line-through { + color: rgba(255, 255, 255, 0.5); + } + + body.dark .wp-block-wbd-affiliate-widget .swiper-scrollbar { + background-color: rgba(255, 255, 255, 0.1); + } + + body.dark .wp-block-wbd-affiliate-widget .swiper-scrollbar-drag { + background-color: rgba(255, 255, 255, 0.5); + } </style> <style> - div#js-scroller-section465-1 .content-item-big { - border-bottom: 0px; - } - - div#js-scroller-section465-2 { - display: none; + @media only screen and (min-width: 976px) { + body.home-index[data-id="1"] + .home + .main.waypoint + section.grid-4-8 + > div:first-child { + justify-content: flex-end; } - @media only screen and (min-width: 769px) { - div#js-scroller-section465-1 .content-item-big { - grid-template-columns: repeat(2, 1fr); - } - - div#js-scroller-section465-1 .content-item-big>.teaser-image { - grid-column-end: span 1; - } + body.home-index[data-id="1"] .home .grid > div:has(> #section107) { + justify-content: flex-end; } - @media only screen and (min-width: 769px) and (max-width: 975px) { - div#js-scroller-section465-1 .content-item-big> :not(.category) { - grid-area: auto; - } - - div#js-scroller-section465-1 .content-item-big>.teaser-image { - grid-area: 1 / 1 / span 6 / span 2; - } - - div#js-scroller-section465-1 .content-item-big>h3 { - grid-row: 2 !important; - } + body.home-index[data-id="1"] section#section107 { + position: sticky !important; + bottom: 0px; } + } </style> <style> - .gsgp-black-friday { - position: relative; - padding: 32px; - font-size: 16px; - color: #ffffff; - background-color: #000000; - border: none; - border-radius: 4px; - margin-bottom: 32px; - } - - .gsgp-black-friday::before { - position: absolute; - top: 4px; - right: 4px; - font-size: 10px; - content: 'Anzeige'; - line-height: 1; - text-transform: uppercase; - } - - .gsgp-black-friday h2 { - height: 48px; - margin: 0 0 32px; - padding: 0 16px; - font-size: 28px; - color: #ffffff; - font-weight: 400; - background: linear-gradient(-45deg, rgba(255, 67, 12, 1) 0%, rgba(255, 116, 7, 1) 100%); - display: flex; - justify-content: center; - align-items: center; + @media screen and (max-width: 480px) { + #dailymotion-pip-small-viewport { + --position-bottom: 0px; } + } + </style> + <style> + div#js-scroller-section465-1 .content-item-big { + border-bottom: 0px; + } - .gsgp-black-friday ul {} + div#js-scroller-section465-2 { + display: none; + } - .gsgp-black-friday li { - margin-bottom: 16px !important; - line-height: 1.5; - list-style: none; - display: flex; - align-items: start; + @media only screen and (min-width: 769px) { + div#js-scroller-section465-1 .content-item-big { + grid-template-columns: repeat(2, 1fr); } - .gsgp-black-friday li:before { - min-width: 24px; - height: 24px; - margin-left: -40px; - margin-right: 16px; - content: ''; - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAhUlEQVRIie3U0QmAMAwE0OAEbqCjOIojdANHcERHcIQTUVA0TZTcRz960L9yj7QQqSkvAKzTA0jWHTcOsOBIFokCA66oSBRwEQZgIiwgizABFfkCRJKefY1P/krHfqIRwHpOPLP/4FXOBNRyFpAtZwBmeRRob8tOLWdMsK/rybpTU1hEZANnBv6Cv9GXgQAAAABJRU5ErkJggg=='); - background-repeat: no-repeat; - background-size: contain; - display: inline-block; + div#js-scroller-section465-1 .content-item-big > .teaser-image { + grid-column-end: span 1; } + } - .gsgp-black-friday .btn-sale { - height: 40px; - padding: 0 16px; - font-size: 14px; - background: linear-gradient(-45deg, rgba(255, 67, 12, 1) 0%, rgba(255, 116, 7, 1) 100%); - border-radius: 4px; - display: flex; - justify-content: center; - align-items: center; - border: none; - margin: 32px 0 0; + @media only screen and (min-width: 769px) and (max-width: 975px) { + div#js-scroller-section465-1 .content-item-big > :not(.category) { + grid-area: auto; } - .gsgp-black-friday .btn-sale :hover { - color: #ffffff; - text-decoration: none; + div#js-scroller-section465-1 .content-item-big > .teaser-image { + grid-area: 1 / 1 / span 6 / span 2; } - @media only screen and (max-width: 767px) { - - .gsgp-black-friday h2, - .gsgp-black-friday .btn-sale { - width: 100%; - } + div#js-scroller-section465-1 .content-item-big > h3 { + grid-row: 2 !important; } + } + </style> + <style> + .gsgp-black-friday { + position: relative; + padding: 32px; + font-size: 16px; + color: #ffffff; + background-color: #000000; + border: none; + border-radius: 4px; + margin-bottom: 32px; + } + + .gsgp-black-friday::before { + position: absolute; + top: 4px; + right: 4px; + font-size: 10px; + content: "Anzeige"; + line-height: 1; + text-transform: uppercase; + } + + .gsgp-black-friday h2 { + height: 48px; + margin: 0 0 32px; + padding: 0 16px; + font-size: 28px; + color: #ffffff; + font-weight: 400; + background: linear-gradient( + -45deg, + rgba(255, 67, 12, 1) 0%, + rgba(255, 116, 7, 1) 100% + ); + display: flex; + justify-content: center; + align-items: center; + } + + .gsgp-black-friday ul { + } + + .gsgp-black-friday li { + margin-bottom: 16px !important; + line-height: 1.5; + list-style: none; + display: flex; + align-items: start; + } + + .gsgp-black-friday li:before { + min-width: 24px; + height: 24px; + margin-left: -40px; + margin-right: 16px; + content: ""; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAhUlEQVRIie3U0QmAMAwE0OAEbqCjOIojdANHcERHcIQTUVA0TZTcRz960L9yj7QQqSkvAKzTA0jWHTcOsOBIFokCA66oSBRwEQZgIiwgizABFfkCRJKefY1P/krHfqIRwHpOPLP/4FXOBNRyFpAtZwBmeRRob8tOLWdMsK/rybpTU1hEZANnBv6Cv9GXgQAAAABJRU5ErkJggg=="); + background-repeat: no-repeat; + background-size: contain; + display: inline-block; + } + + .gsgp-black-friday .btn-sale { + height: 40px; + padding: 0 16px; + font-size: 14px; + background: linear-gradient( + -45deg, + rgba(255, 67, 12, 1) 0%, + rgba(255, 116, 7, 1) 100% + ); + border-radius: 4px; + display: flex; + justify-content: center; + align-items: center; + border: none; + margin: 32px 0 0; + } + + .gsgp-black-friday .btn-sale :hover { + color: #ffffff; + text-decoration: none; + } + + @media only screen and (max-width: 767px) { + .gsgp-black-friday h2, + .gsgp-black-friday .btn-sale { + width: 100%; + } + } - @media only screen and (min-width: 768px) { - - .gsgp-black-friday h2, - .gsgp-black-friday .btn-sale { - width: fit-content; - } + @media only screen and (min-width: 768px) { + .gsgp-black-friday h2, + .gsgp-black-friday .btn-sale { + width: fit-content; } + } </style> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script> <script src="https://cdn.promio-connect.com/webpush.min.js" async></script> <script> - var OneSignal = window.OneSignal || []; - var promio = window.promio || []; - OneSignal.push(function () { - promio.push(function () { - promio = new promio.WebPush(); - OneSignal.init({ - appId: "44ab1890-839e-48ae-886b-5930be6085d7", - notifyButton: { - enable: false, - }, - }); - OneSignal.on('notificationPermissionChange', function (permissionChange) { - if (permissionChange.to === 'granted') { - subUserToWebpush(94, lastWebpushNewsletter); - } - }); - OneSignal.on('subscriptionChange', function (isSubscribed) { - if (isSubscribed) { - subUserToWebpush(94, lastWebpushNewsletter); - } - }); - promio.init({ - senderId: "16623", - autoRegister: false - }); - }); + var OneSignal = window.OneSignal || []; + var promio = window.promio || []; + OneSignal.push(function () { + promio.push(function () { + promio = new promio.WebPush(); + OneSignal.init({ + appId: "44ab1890-839e-48ae-886b-5930be6085d7", + notifyButton: { + enable: false, + }, + }); + OneSignal.on( + "notificationPermissionChange", + function (permissionChange) { + if (permissionChange.to === "granted") { + subUserToWebpush(94, lastWebpushNewsletter); + } + } + ); + OneSignal.on("subscriptionChange", function (isSubscribed) { + if (isSubscribed) { + subUserToWebpush(94, lastWebpushNewsletter); + } + }); + promio.init({ + senderId: "16623", + autoRegister: false, + }); }); + }); </script> <template id="related-video-template"> - <a href="" class="slider-item js-ga" data-label="related-videos"> - <figure> - <img src="" alt="" width="16" height="9" /> - <figcaption></figcaption> - </figure> - </a> + <a href="" class="slider-item js-ga" data-label="related-videos"> + <figure> + <img src="" alt="" width="16" height="9" /> + <figcaption></figcaption> + </figure> + </a> </template> <template id="slider-template"> - <div class="slider"> - <button class="slider-control" data-direction="prev"> - <svg viewBox="0 0 66.9 122.9" xmlns="http://www.w3.org/2000/svg"> - <path - d="M65 111.2a6.9 6.9 0 1 1-9.9 9.6L2 66l4.9-4.8-5 4.8a6.9 6.9 0 0 1 .2-9.7l.2-.3L55.1 2a6.9 6.9 0 1 1 9.9 9.7L16.5 61.2l48.5 50z" - class="svg-icon"></path> - </svg> - </button> - <div class="slider-content"></div> - <button class="slider-control" data-direction="next"> - <svg viewBox="0 0 66.9 122.9" xmlns="http://www.w3.org/2000/svg"> - <path - d="M2 111.2a6.9 6.9 0 1 0 9.8 9.6L65 66l-5-4.8 5 4.8a6.9 6.9 0 0 0-.2-9.7l-.2-.3L11.8 2A6.9 6.9 0 1 0 2 11.8l48.5 49.5-48.4 50z" - class="svg-icon"></path> - </svg> - </button> - </div> + <div class="slider"> + <button class="slider-control" data-direction="prev"> + <svg viewBox="0 0 66.9 122.9" xmlns="http://www.w3.org/2000/svg"> + <path + d="M65 111.2a6.9 6.9 0 1 1-9.9 9.6L2 66l4.9-4.8-5 4.8a6.9 6.9 0 0 1 .2-9.7l.2-.3L55.1 2a6.9 6.9 0 1 1 9.9 9.7L16.5 61.2l48.5 50z" + class="svg-icon" + ></path> + </svg> + </button> + <div class="slider-content"></div> + <button class="slider-control" data-direction="next"> + <svg viewBox="0 0 66.9 122.9" xmlns="http://www.w3.org/2000/svg"> + <path + d="M2 111.2a6.9 6.9 0 1 0 9.8 9.6L65 66l-5-4.8 5 4.8a6.9 6.9 0 0 0-.2-9.7l-.2-.3L11.8 2A6.9 6.9 0 1 0 2 11.8l48.5 49.5-48.4 50z" + class="svg-icon" + ></path> + </svg> + </button> + </div> </template> -</head> - -<body class="light article-detail" data-branding="1" id="body" data-category="detail" data-id="3366933" data-type="10" - data-page="1" data-page-count="1"> + </head> + + <body + class="light article-detail" + data-branding="1" + id="body" + data-category="detail" + data-id="3366933" + data-type="10" + data-page="1" + data-page-count="1" + > <!-- Google Tag Manager --> - <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJ6PJ5" height="0" width="0" - style="display:none;visibility:hidden"></iframe></noscript> + <noscript + ><iframe + src="https://www.googletagmanager.com/ns.html?id=GTM-KJ6PJ5" + height="0" + width="0" + style="display: none; visibility: hidden" + ></iframe + ></noscript> <!-- End Google Tag Manager --> <script type="text/javascript"> - if (typeof IOMm !== 'undefined' && IOMm !== null) { - IOMm('configure', { st: 'gastar', dn: 'data-c53e1346fa.gamestar.de', mh: 5 }); - IOMm('pageview', { cp: 'RC_ARTIKEL' }); - } + if (typeof IOMm !== "undefined" && IOMm !== null) { + IOMm("configure", { + st: "gastar", + dn: "data-c53e1346fa.gamestar.de", + mh: 5, + }); + IOMm("pageview", { cp: "RC_ARTIKEL" }); + } </script> <!-- /SZM-Ende --> <header id="header" class="header-bold"> - <span class="hidden-md-down"> - <div id="header-brand"> - <div class="container"> - <div class="row"> - <div class="col-xs-3"> - <a href="/" class="header-logo js-ga" data-label="logo" data-category="header"> - <img src="/gs_cb/assets/core/images/GS_logo_white.svg" height="24" alt="" /> - </a> - </div> - <div class="col-xs-6"> - <div class="input-group search-form"> - <form action="/suche/" method="get"> - <input name="query" type="text" class="typeahead" autocomplete="off" placeholder=""> - <button class="btn btn-input js-ga" type="submit" aria-label="Suchen" - data-label="button.search" data-category="header"> - <svg viewBox="0 0 24 24" class="icon-site-search"> - <use href="/gs_cb/assets/core/images/icons.svg#search"></use> - </svg> - </button> - </form> - </div> - </div> - <div class="col-xs-3 dis-flex justify-content-xs-end"> - <a class="nav-link btn btn-sale btn-tab js-ga" href="/plus/" data-label="button.plus" - data-category="header"> - <svg viewBox="0 0 24 24" width="20" height="20"> - <use href="/gs_cb/assets/core/images/icons.svg#gsplus"></use> - </svg> - Plus - </a> - <a class="nav-link btn btn-sale header-last-item btn-tab js-ga" - href="https://shop.gamestar.de" data-label="button.shop" data-category="header"> - <svg viewBox="0 0 24 24" width="20" height="20"> - <use href="/gs_cb/assets/core/images/icons.svg#shop"></use> - </svg> - Shop - </a> - </div> - </div> - </div> - </div> - </span> - <div id="header-mobile" class="container-fluid p-l-0 p-r-0 hidden-lg-up"> - <div class="container"> - <div class="row"> - <div class="col-xs-8"> - <a class="header-logo js-ga" data-label="logo" data-category="header" href="/"> - <img src="/gs_cb/assets/core/images/GS_logo_white.svg" height="24" alt="" /> - </a> - </div> - <div class="col-xs-4"> - <ul class="nav nav-tabs pull-xs-right"> - <li class="nav-item"> - <a class="nav-link nav-search-icon nav-icon toggle-search js-ga js-overlay" - data-action="toggle" data-label="button.search" data-category="header" - data-overlay="header-search" data-actions-after-overlay-open="focusSearchField" - role="button" aria-pressed="false" href="/suche/"> - <svg viewBox="0 0 24 24" class="icon-site-search"> - <use href="/gs_cb/assets/core/images/icons.svg#search"></use> - </svg> - </a> - </li> - <li class="nav-item"> - <a class="nav-link nav-icon header-last-item js-ga js-overlay" data-action="toggle" - data-label="button.login" data-category="header" data-overlay="header-login" - data-actions-after-overlay-open="blockScrolling,focusLoginUserField" - data-actions-after-overlay-close="unblockScrolling" role="button" - aria-pressed="false" rel="nofollow" href="/login/"> - <svg viewBox="0 0 24 24" class="icon-site-search"> - <use href="/gs_cb/assets/core/images/icons.svg#user"></use> - </svg> - </a> - </li> - </ul> - </div> + <span class="hidden-md-down"> + <div id="header-brand"> + <div class="container"> + <div class="row"> + <div class="col-xs-3"> + <a + href="/" + class="header-logo js-ga" + data-label="logo" + data-category="header" + > + <img + src="/gs_cb/assets/core/images/GS_logo_white.svg" + height="24" + alt="" + /> + </a> + </div> + <div class="col-xs-6"> + <div class="input-group search-form"> + <form action="/suche/" method="get"> + <input + name="query" + type="text" + class="typeahead" + autocomplete="off" + placeholder="" + /> + <button + class="btn btn-input js-ga" + type="submit" + aria-label="Suchen" + data-label="button.search" + data-category="header" + > + <svg viewBox="0 0 24 24" class="icon-site-search"> + <use + href="/gs_cb/assets/core/images/icons.svg#search" + ></use> + </svg> + </button> + </form> </div> + </div> + <div class="col-xs-3 dis-flex justify-content-xs-end"> + <a + class="nav-link btn btn-sale btn-tab js-ga" + href="/plus/" + data-label="button.plus" + data-category="header" + > + <svg viewBox="0 0 24 24" width="20" height="20"> + <use + href="/gs_cb/assets/core/images/icons.svg#gsplus" + ></use> + </svg> + Plus + </a> + <a + class="nav-link btn btn-sale header-last-item btn-tab js-ga" + href="https://shop.gamestar.de" + data-label="button.shop" + data-category="header" + > + <svg viewBox="0 0 24 24" width="20" height="20"> + <use href="/gs_cb/assets/core/images/icons.svg#shop"></use> + </svg> + Shop + </a> + </div> </div> + </div> </div> - <div id="header-navi"> - <div class="container"> - <ul class="nav nav-tabs"> - <li class="nav-item hidden-md-down"> - <a href="/" class="header-logo hidden-bold js-ga" data-label="logo" data-category="header"> - <img src="/gs_cb/assets/core/images/GS_logo_white.svg" height="24" alt="" /> - </a> - </li> - <li class="nav-item"> - <a href="/" class="nav-link nav-menu js-ga js-overlay" data-action="toggle" - data-label="button.burger" data-category="header" data-overlay="header-sidebar" - data-actions-after-overlay-open="blockScrolling" - data-actions-after-overlay-close="unblockScrolling" role="button" aria-pressed="false"> - <svg viewBox="0 0 24 24" width="20" height="20"> - <use href="/gs_cb/assets/core/images/icons.svg#menu"></use> - </svg> - <span class="hidden-slim hidden-sm-down align-top">Menu</span> - </a> - </li> - <li class="nav-item nav-tab dropdown" data-nid="337"> - <a href="/spiele/" title="PC-Spiele" target="_self" data-category="menu" class="nav-link js-ga" - role="button" aria-haspopup="true" aria-expanded="false"> - <svg viewBox="0 0 24 24" width="16" height="16" class="hidden-md-up"> - <use href="/gs_cb/assets/core/images/icons.svg#game"></use> - </svg> - Spiele - </a> - <div class="dropdown-menu"> - <table class="dropdown-menu-table"> - <tr> - <td> - <ul class="dropdown-menu-list"> - <li> - <a class="btn btn-link js-ga" href="/tests/" target="_self" - title="Tests" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Spiele-Tests - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/releaseliste/" target="_self" - title="Release-Liste" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Release-Liste - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/artikel/hitlisten/" target="_self" - title="Die besten Spiele" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Toplisten - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/spiele/" target="_self" - title="PC-Spieledatenbank" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - PC-Spieledatenbank - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/charts/" target="_self" - title="Charts" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Charts - </a> - </li> - </ul> - </td> - </tr> - </table> - </div> - </li> - <li class="nav-item nav-tab " data-nid="338"> - <a href="/news/" title="News" target="_self" data-category="menu" class="nav-link js-ga"> - <svg viewBox="0 0 24 24" width="16" height="16" class="hidden-md-up"> - <use href="/gs_cb/assets/core/images/icons.svg#list"></use> - </svg> - News - </a> - </li> - <li class="nav-item nav-tab dropdown" data-nid="339"> - <a href="/videos/" title="Videos" target="_self" data-category="menu" class="nav-link js-ga" - role="button" aria-haspopup="true" aria-expanded="false"> - <svg viewBox="0 0 24 24" width="16" height="16" class="hidden-md-up"> - <use href="/gs_cb/assets/core/images/icons.svg#play-circle"></use> - </svg> - Videos - </a> - <div class="dropdown-menu"> - <table class="dropdown-menu-table"> - <tr> - <td> - <ul class="dropdown-menu-list"> - <li> - <a class="btn btn-link js-ga" href="/videos/" target="_self" - title="Alle Videos" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Alle Videos - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/videos/alle-videos,9100,newest/" - target="_self" title="Neueste Videos" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Neueste Videos - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/videos/tests,17/" target="_self" - title="Test-Videos" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Test-Videos - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/videos/plus-videos,9101/" - target="_self" title="Alle exklusiven Plus-Videos" - data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Alle Plus-Videos - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/videos/specials,20/" target="_self" - title="Alle Video-Specials" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Specials & Previews - </a> - </li> - </ul> - </td> - </tr> - </table> - </div> - </li> - <li class="nav-item nav-tab dropdown hidden-sm-down" data-nid="340"> - <a href="/artikel/" title="Artikel" target="_self" data-category="menu" class="nav-link js-ga" - role="button" aria-haspopup="true" aria-expanded="false"> - Artikel - </a> - <div class="dropdown-menu"> - <table class="dropdown-menu-table"> - <tr> - <td> - <ul class="dropdown-menu-list"> - <li> - <a class="btn btn-link js-ga" href="/artikel/tests/" target="_self" - title="Tests" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Tests - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/artikel/previews/" target="_self" - title="Previews" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Previews - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/artikel/specials/" target="_self" - title="Specials" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Specials - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/artikel/meinungen/" target="_self" - title="Kolumnen" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Kolumnen - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/artikel/guides/" target="_self" - title="Guides" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Guides - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/deals/" target="_self" - title="Deals & Schnäppchen" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Deals & Schnäppchen - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/artikel/" target="_self" - title="Übersicht" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Übersicht - </a> - </li> - </ul> - </td> - </tr> - </table> - </div> - </li> - <li class="nav-item nav-tab dropdown" data-nid="341"> - <a href="/tech/" title="Tech" target="_self" data-category="menu" class="nav-link js-ga" - role="button" aria-haspopup="true" aria-expanded="false"> - <svg viewBox="0 0 24 24" width="16" height="16" class="hidden-md-up"> - <use href="/gs_cb/assets/core/images/icons.svg#chip"></use> - </svg> - Tech - </a> - <div class="dropdown-menu"> - <table class="dropdown-menu-table"> - <tr> - <td> - <ul class="dropdown-menu-list"> - <li> - <a class="btn btn-link js-ga" href="/tech/news/" target="_self" - title="Aktuelle Nachrichten rund um Hardware und Software, Grafikkarten, Windows und Internet." - data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - News - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/tech/deals/" target="_self" - title="Deals" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Deals - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/tech/tests/" target="_self" - title="GameStar liefert ausführliche Tests zu aktueller Hardware und praktische Kaufberatung für Spieler mit hohem Qualitätsanspruch." - data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Tests - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/tech/guides/" target="_self" - title="" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Guides - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/tech/kaufberatungen/" - target="_self" - title="Welche Grafikkarte können wir Ihnen empfehlen? Welchen Monitor sollten Sie sich anschaffen? Hier finden Sie die Antwort!" - data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Kaufberatung - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/gamestar-pcs/" target="_self" - title="One GameStar-PCs und GameStar-Notebooks - Gamer-PCs zum attraktiven Preis" - data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - GameStar PC - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/tech/" target="_self" - title="Übersicht" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Übersicht - </a> - </li> - </ul> - </td> - </tr> - </table> - </div> - </li> - <li class="nav-item nav-tab dropdown hidden-sm-down" data-nid="656"> - <a href="/podcast/" title="Podcasts" target="_self" data-category="menu" class="nav-link js-ga" - role="button" aria-haspopup="true" aria-expanded="false"> - Podcasts - </a> - <div class="dropdown-menu"> - <table class="dropdown-menu-table"> - <tr> - <td> - <ul class="dropdown-menu-list"> - <li> - <a class="btn btn-link js-ga" href="/podcast/" target="_self" - title="Alle Podcasts" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Alle Podcasts - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/artikel/podcast,37823_135/" - target="_self" title="GameStar Podcast" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - GameStar Podcast - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/artikel/podcast,37825_135/" - target="_self" title="Was spielst du so?" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Was spielst du so? - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/artikel/podcast,37924_135/" - target="_self" title="GameStar Tech Podcast" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Hardware Podcast - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/artikel/podcast,37824_135/" - target="_self" title="Bonusfolgen für Plus" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Bonusfolgen für Plus - </a> - </li> - </ul> - </td> - </tr> - </table> - </div> - </li> - <li class="nav-item nav-tab dropdown hidden-sm-down" data-nid="342"> - <a href="/community/" title="Community" target="_self" data-category="menu" - class="nav-link js-ga" role="button" aria-haspopup="true" aria-expanded="false"> - Community - </a> - <div class="dropdown-menu"> - <table class="dropdown-menu-table"> - <tr> - <td> - <ul class="dropdown-menu-list"> - <li> - <a class="btn btn-link js-ga" href="/xenforo/" target="_self" - title="Forum" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Forum - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/xenforo/blogs/" target="_self" - title="Blogs" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Blogs - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/community/leser-rezensionen/" - target="_self" title="Leser-Tests" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Leser-Tests - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/umfragen/" target="_self" - title="Umfragen" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Umfragen - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/gewinnspiele/" target="_self" - title="Gewinnspiele" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Gewinnspiele - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/keyverlosungen/" target="_self" - title="Key-Verlosungen" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Key-Verlosungen - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/quiz/" target="_self" title="Quiz" - data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Quiz - </a> - </li> - <li> - <a class="btn btn-link js-ga" href="/community/" target="_self" - title="Übersicht" data-category="menu"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use - href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"> - </use> - </svg> - Übersicht - </a> - </li> - </ul> - </td> - </tr> - </table> - </div> - </li> - <li class="nav-item nav-tab hidden-sm-down" data-nid="664"> - <a href="https://www.gamestar.de/25jahre/" title="Alles zum großen GameStar-Jubiläum" - target="_self" data-category="menu" class="nav-link js-ga"> - 25 Jahre GameStar - </a> - </li> - <li class="flex-separator"></li> - <li class="nav-item hidden-bold hidden-md-down"> - <a class="nav-link btn btn-sale btn-tab js-ga" href="/plus/" data-label="button.plus" - data-category="header"> - <svg viewBox="0 0 24 24" width="20" height="20"> - <use href="/gs_cb/assets/core/images/icons.svg#gsplus"></use> - </svg> - Plus - </a> - </li> - <li class="nav-item hidden-bold hidden-md-down"> - <a class="nav-link btn btn-sale btn-tab js-ga" href="https://shop.gamestar.de" - data-label="button.shop" data-category="header"> - <svg viewBox="0 0 24 24" width="20" height="20"> - <use href="/gs_cb/assets/core/images/icons.svg#shop"></use> - </svg> - Shop - </a> - </li> - <li class="flex-separator"></li> - <li class="nav-item hidden-bold hidden-md-down"> - <a class="nav-link nav-search-icon nav-icon toggle-search js-ga js-overlay" data-action="toggle" - data-label="button.search" data-category="header" data-overlay="header-search" - data-actions-after-overlay-open="focusSearchField" role="button" aria-pressed="false" - href="/suche/"> - <svg viewBox="0 0 24 24" class="icon-site-search"> - <use href="/gs_cb/assets/core/images/icons.svg#search"></use> - </svg> - </a> - </li> - <li class="nav-item hidden-md-down"> - <a title="Anmelden" data-category="header" data-action="toggle" data-label="button.login" - class="nav-link nav-icon header-last-item js-ga js-overlay" data-overlay="header-login" - data-actions-after-overlay-open="blockScrolling,focusLoginUserField" - data-actions-after-overlay-close="unblockScrolling" role="button" aria-pressed="false" - rel="nofollow" href="/login/"> - <span class="hidden-slim align-top">Anmelden</span> - <svg viewBox="0 0 24 24" width="20" height="20"> - <use href="/gs_cb/assets/core/images/icons.svg#user"></use> - </svg> - </a> - </li> - </ul> + </span> + <div id="header-mobile" class="container-fluid p-l-0 p-r-0 hidden-lg-up"> + <div class="container"> + <div class="row"> + <div class="col-xs-8"> + <a + class="header-logo js-ga" + data-label="logo" + data-category="header" + href="/" + > + <img + src="/gs_cb/assets/core/images/GS_logo_white.svg" + height="24" + alt="" + /> + </a> </div> - </div> - <div class="rpi-progress-bar hide" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"> - <div class="rpi-progress-bar__placeholder-before hide" aria-hidden="true"></div> - <div class="rpi-progress-bar__position" aria-hidden="true"></div> - <div class="rpi-progress-bar__percentage"></div> - </div> - <div id="header-search" class="container-fluid"> - <div class="container"> - <div class="input-group search-form"> - <form action="/suche/" method="get"> - <input name="query" type="text" class="typeahead" placeholder="Suchbegriff eingeben" - autocomplete="off"> - <button class="btn btn-input js-ga" data-label="button.search" data-category="header" - type="submit" aria-label="Suchen"> - <svg viewBox="0 0 24 24" class="icon-site-search"> - <use href="/gs_cb/assets/core/images/icons.svg#search"></use> - </svg> - </button> - </form> - </div> + <div class="col-xs-4"> + <ul class="nav nav-tabs pull-xs-right"> + <li class="nav-item"> + <a + class="nav-link nav-search-icon nav-icon toggle-search js-ga js-overlay" + data-action="toggle" + data-label="button.search" + data-category="header" + data-overlay="header-search" + data-actions-after-overlay-open="focusSearchField" + role="button" + aria-pressed="false" + href="/suche/" + > + <svg viewBox="0 0 24 24" class="icon-site-search"> + <use + href="/gs_cb/assets/core/images/icons.svg#search" + ></use> + </svg> + </a> + </li> + <li class="nav-item"> + <a + class="nav-link nav-icon header-last-item js-ga js-overlay" + data-action="toggle" + data-label="button.login" + data-category="header" + data-overlay="header-login" + data-actions-after-overlay-open="blockScrolling,focusLoginUserField" + data-actions-after-overlay-close="unblockScrolling" + role="button" + aria-pressed="false" + rel="nofollow" + href="/login/" + > + <svg viewBox="0 0 24 24" class="icon-site-search"> + <use + href="/gs_cb/assets/core/images/icons.svg#user" + ></use> + </svg> + </a> + </li> + </ul> </div> + </div> </div> - <div id="header-sidebar" class="sidebar sidebar-left" data-active="0"> - <div id="accordion" role="tablist" aria-multiselectable="false"> - <div class="panel " data-nid="703"> - <div class="panel-heading"> - <a href="/black-friday/" title="Aktuelle Gaming Deals der Black Week" target="_self" - class="js-ga" data-category="sitenavi">Black Week</a> - </div> - </div> - <div class="panel " data-nid="573"> - <div class="panel-heading collapsed" role="tab" id="heading573" href="#collapse573" - data-toggle="collapse" data-parent="#accordion" data-target="#collapse573"> - <a href="/plus/" title="GameStar Plus" target="_self" class="js-ga" data-category="sitenavi" - data-label="GameStar Plus"> - GameStar Plus - <svg viewBox="0 0 24 24" width="16" height="16" class="dropdown-indicator"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right"></use> - </svg> - </a> - </div> - <ul id="collapse573" class="dropdown-menu-list collapse"> - <li> - <a href="/videos/plus-videos,9101/" target="_self" title="Videos" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Videos - </a> - </li> - <li> - <a href="/plus/reports/" target="_self" title="Reports" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Reports - </a> - </li> - <li> - <a href="/plus/gratis-spiel/" target="_self" title="Gratis-Spiel" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Gratis-Spiel - </a> - </li> - <li> - <a href="/plus/gutscheine/" target="_self" title="Gutscheine" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Gutscheine - </a> - </li> - <li> - <a href="/plus/heftarchiv/" target="_self" title="Heftarchiv" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Heftarchiv - </a> - </li> + </div> + <div id="header-navi"> + <div class="container"> + <ul class="nav nav-tabs"> + <li class="nav-item hidden-md-down"> + <a + href="/" + class="header-logo hidden-bold js-ga" + data-label="logo" + data-category="header" + > + <img + src="/gs_cb/assets/core/images/GS_logo_white.svg" + height="24" + alt="" + /> + </a> + </li> + <li class="nav-item"> + <a + href="/" + class="nav-link nav-menu js-ga js-overlay" + data-action="toggle" + data-label="button.burger" + data-category="header" + data-overlay="header-sidebar" + data-actions-after-overlay-open="blockScrolling" + data-actions-after-overlay-close="unblockScrolling" + role="button" + aria-pressed="false" + > + <svg viewBox="0 0 24 24" width="20" height="20"> + <use href="/gs_cb/assets/core/images/icons.svg#menu"></use> + </svg> + <span class="hidden-slim hidden-sm-down align-top">Menu</span> + </a> + </li> + <li class="nav-item nav-tab dropdown" data-nid="337"> + <a + href="/spiele/" + title="PC-Spiele" + target="_self" + data-category="menu" + class="nav-link js-ga" + role="button" + aria-haspopup="true" + aria-expanded="false" + > + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="hidden-md-up" + > + <use href="/gs_cb/assets/core/images/icons.svg#game"></use> + </svg> + Spiele + </a> + <div class="dropdown-menu"> + <table class="dropdown-menu-table"> + <tr> + <td> + <ul class="dropdown-menu-list"> <li> - <a href="/plus/" target="_self" title="Übersicht" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Übersicht - </a> - </li> - </ul> - </div> - <div class="panel " data-nid="355"> - <div class="panel-heading collapsed" role="tab" id="heading355" href="#collapse355" - data-toggle="collapse" data-parent="#accordion" data-target="#collapse355"> - <a href="/spiele/" title="Spiele" target="_self" class="js-ga" data-category="sitenavi" - data-label="Spiele"> - Spiele - <svg viewBox="0 0 24 24" width="16" height="16" class="dropdown-indicator"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right"></use> + <a + class="btn btn-link js-ga" + href="/tests/" + target="_self" + title="Tests" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> </svg> - </a> - </div> - <ul id="collapse355" class="dropdown-menu-list collapse"> - <li> - <a href="/releaseliste/" target="_self" title="Release-Liste" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Release-Liste - </a> - </li> - <li> - <a href="/charts/" target="_self" title="Charts" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Charts - </a> - </li> - <li> - <a href="/artikel/hitlisten/" target="_self" title="Die besten Spiele" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Die besten Spiele - </a> + Spiele-Tests + </a> </li> <li> - <a href="/spiele/" target="_self" title="PC-Spieledatenbank" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - PC-Spieledatenbank - </a> - </li> - </ul> - </div> - <div class="panel " data-nid="368"> - <div class="panel-heading"> - <a href="/news/" title="News" target="_self" class="js-ga" data-category="sitenavi">News</a> - </div> - </div> - <div class="panel " data-nid="382"> - <div class="panel-heading collapsed" role="tab" id="heading382" href="#collapse382" - data-toggle="collapse" data-parent="#accordion" data-target="#collapse382"> - <a href="/tests/" title="Tests" target="_self" class="js-ga" data-category="sitenavi" - data-label="Tests"> - Tests - <svg viewBox="0 0 24 24" width="16" height="16" class="dropdown-indicator"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right"></use> + <a + class="btn btn-link js-ga" + href="/releaseliste/" + target="_self" + title="Release-Liste" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> </svg> - </a> - </div> - <ul id="collapse382" class="dropdown-menu-list collapse"> - <li> - <a href="/artikel/hitlisten/" target="_self" title="Die besten Spiele" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Die besten Spiele - </a> - </li> - <li> - <a href="/tests/strategie/" target="_self" title="Strategie-Spiele im GameStar-Test" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Strategie - </a> - </li> - <li> - <a href="/tests/rollenspiele/" target="_self" title="Rollenspiele im GameStar-Test" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Rollenspiele - </a> - </li> - <li> - <a href="/tests/shooter/" target="_self" title="Shooter im GameStar-Test" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Shooter - </a> + Release-Liste + </a> </li> <li> - <a href="/tests/action/" target="_self" title="Actionspiele im GameStar-Test" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Action - </a> - </li> - <li> - <a href="/tests/adventure/" target="_self" title="Adventure-Spiele im GameStar-Test" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Adventure - </a> + <a + class="btn btn-link js-ga" + href="/artikel/hitlisten/" + target="_self" + title="Die besten Spiele" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Toplisten + </a> </li> <li> - <a href="/tests/sport/" target="_self" title="Sport- & Rennspiele im GameStar-Test" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Sport- & Rennspiele - </a> + <a + class="btn btn-link js-ga" + href="/spiele/" + target="_self" + title="PC-Spieledatenbank" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + PC-Spieledatenbank + </a> </li> <li> - <a href="/tests/" target="_self" title="Alle Tests in der Übersicht" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Übersicht - </a> - </li> - </ul> - </div> - <div class="panel " data-nid="375"> - <div class="panel-heading collapsed" role="tab" id="heading375" href="#collapse375" - data-toggle="collapse" data-parent="#accordion" data-target="#collapse375"> - <a href="/videos/" title="Videos" target="_self" class="js-ga" data-category="sitenavi" - data-label="Videos"> - Videos - <svg viewBox="0 0 24 24" width="16" height="16" class="dropdown-indicator"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right"></use> + <a + class="btn btn-link js-ga" + href="/charts/" + target="_self" + title="Charts" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> </svg> - </a> - </div> - <ul id="collapse375" class="dropdown-menu-list collapse"> - <li> - <a href="/videos/" target="_self" title="Alle Videos" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Alle Videos - </a> + Charts + </a> </li> + </ul> + </td> + </tr> + </table> + </div> + </li> + <li class="nav-item nav-tab" data-nid="338"> + <a + href="/news/" + title="News" + target="_self" + data-category="menu" + class="nav-link js-ga" + > + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="hidden-md-up" + > + <use href="/gs_cb/assets/core/images/icons.svg#list"></use> + </svg> + News + </a> + </li> + <li class="nav-item nav-tab dropdown" data-nid="339"> + <a + href="/videos/" + title="Videos" + target="_self" + data-category="menu" + class="nav-link js-ga" + role="button" + aria-haspopup="true" + aria-expanded="false" + > + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="hidden-md-up" + > + <use + href="/gs_cb/assets/core/images/icons.svg#play-circle" + ></use> + </svg> + Videos + </a> + <div class="dropdown-menu"> + <table class="dropdown-menu-table"> + <tr> + <td> + <ul class="dropdown-menu-list"> <li> - <a href="/videos/alle-videos,9100,newest/" target="_self" title="Neue Videos zu Spielen" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Neueste Videos - </a> + <a + class="btn btn-link js-ga" + href="/videos/" + target="_self" + title="Alle Videos" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Alle Videos + </a> </li> <li> - <a href="/videos/tests,17/" target="_self" title="Test-Videos zu Spielen" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Test-Videos - </a> + <a + class="btn btn-link js-ga" + href="/videos/alle-videos,9100,newest/" + target="_self" + title="Neueste Videos" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Neueste Videos + </a> </li> <li> - <a href="/videos/gamestar-plus,9101/" target="_self" title="Alle exklusiven Plus-Videos" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Plus-Videos - </a> + <a + class="btn btn-link js-ga" + href="/videos/tests,17/" + target="_self" + title="Test-Videos" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Test-Videos + </a> </li> <li> - <a href="/videos/specials,20/" target="_self" title="Alle Video-Specials" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Specials & Previews - </a> - </li> - </ul> - </div> - <div class="panel " data-nid="390"> - <div class="panel-heading collapsed" role="tab" id="heading390" href="#collapse390" - data-toggle="collapse" data-parent="#accordion" data-target="#collapse390"> - <a href="/artikel/" title="Artikel" target="_self" class="js-ga" data-category="sitenavi" - data-label="Artikel"> - Artikel - <svg viewBox="0 0 24 24" width="16" height="16" class="dropdown-indicator"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right"></use> + <a + class="btn btn-link js-ga" + href="/videos/plus-videos,9101/" + target="_self" + title="Alle exklusiven Plus-Videos" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> </svg> - </a> - </div> - <ul id="collapse390" class="dropdown-menu-list collapse"> - <li> - <a href="/artikel/tests/" target="_self" title="Tests" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Tests - </a> + Alle Plus-Videos + </a> </li> <li> - <a href="/artikel/previews/" target="_self" title="Previews" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Previews - </a> + <a + class="btn btn-link js-ga" + href="/videos/specials,20/" + target="_self" + title="Alle Video-Specials" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Specials & Previews + </a> </li> + </ul> + </td> + </tr> + </table> + </div> + </li> + <li class="nav-item nav-tab dropdown hidden-sm-down" data-nid="340"> + <a + href="/artikel/" + title="Artikel" + target="_self" + data-category="menu" + class="nav-link js-ga" + role="button" + aria-haspopup="true" + aria-expanded="false" + > + Artikel + </a> + <div class="dropdown-menu"> + <table class="dropdown-menu-table"> + <tr> + <td> + <ul class="dropdown-menu-list"> <li> - <a href="/artikel/reports/" target="_self" title="Reports" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Reports - </a> + <a + class="btn btn-link js-ga" + href="/artikel/tests/" + target="_self" + title="Tests" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Tests + </a> </li> <li> - <a href="/artikel/meinungen/" target="_self" title="Kolumnen" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Kolumnen - </a> + <a + class="btn btn-link js-ga" + href="/artikel/previews/" + target="_self" + title="Previews" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Previews + </a> </li> <li> - <a href="/artikel/guides/" target="_self" title="Guides" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Guides - </a> + <a + class="btn btn-link js-ga" + href="/artikel/specials/" + target="_self" + title="Specials" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Specials + </a> </li> <li> - <a href="/artikel/" target="_self" title="Übersicht" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Übersicht - </a> - </li> - </ul> - </div> - <div class="panel " data-nid="398"> - <div class="panel-heading collapsed" role="tab" id="heading398" href="#collapse398" - data-toggle="collapse" data-parent="#accordion" data-target="#collapse398"> - <a href="/tech/" title="Tech" target="_self" class="js-ga" data-category="sitenavi" - data-label="Tech"> - Tech - <svg viewBox="0 0 24 24" width="16" height="16" class="dropdown-indicator"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right"></use> + <a + class="btn btn-link js-ga" + href="/artikel/meinungen/" + target="_self" + title="Kolumnen" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> </svg> - </a> - </div> - <ul id="collapse398" class="dropdown-menu-list collapse"> - <li> - <a href="/tech/news/" target="_self" title="News" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - News - </a> + Kolumnen + </a> </li> <li> - <a href="/tech/deals/" target="_self" title="Deals" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Deals - </a> + <a + class="btn btn-link js-ga" + href="/artikel/guides/" + target="_self" + title="Guides" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Guides + </a> </li> <li> - <a href="/tech/tests/" target="_self" title="Tests" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Tests - </a> + <a + class="btn btn-link js-ga" + href="/deals/" + target="_self" + title="Deals & Schnäppchen" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Deals & Schnäppchen + </a> </li> <li> - <a href="/tech/guides/" target="_self" title="Guides" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Guides - </a> + <a + class="btn btn-link js-ga" + href="/artikel/" + target="_self" + title="Übersicht" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Übersicht + </a> </li> + </ul> + </td> + </tr> + </table> + </div> + </li> + <li class="nav-item nav-tab dropdown" data-nid="341"> + <a + href="/tech/" + title="Tech" + target="_self" + data-category="menu" + class="nav-link js-ga" + role="button" + aria-haspopup="true" + aria-expanded="false" + > + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="hidden-md-up" + > + <use href="/gs_cb/assets/core/images/icons.svg#chip"></use> + </svg> + Tech + </a> + <div class="dropdown-menu"> + <table class="dropdown-menu-table"> + <tr> + <td> + <ul class="dropdown-menu-list"> <li> - <a href="/tech/kaufberatungen/" target="_self" title="Kaufberatung" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Kaufberatung - </a> + <a + class="btn btn-link js-ga" + href="/tech/news/" + target="_self" + title="Aktuelle Nachrichten rund um Hardware und Software, Grafikkarten, Windows und Internet." + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + News + </a> </li> <li> - <a href="/tech/" target="_self" title="Übersicht" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Übersicht - </a> - </li> - </ul> - </div> - <div class="panel " data-nid="577"> - <div class="panel-heading collapsed" role="tab" id="heading577" href="#collapse577" - data-toggle="collapse" data-parent="#accordion" data-target="#collapse577"> - <a href="/podcast/" title="Podcasts" target="_self" class="js-ga" data-category="sitenavi" - data-label="Podcasts"> - Podcasts - <svg viewBox="0 0 24 24" width="16" height="16" class="dropdown-indicator"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right"></use> + <a + class="btn btn-link js-ga" + href="/tech/deals/" + target="_self" + title="Deals" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> </svg> - </a> - </div> - <ul id="collapse577" class="dropdown-menu-list collapse"> - <li> - <a href="/podcast/" target="_self" title="Alle Podcasts" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Alle Podcasts - </a> + Deals + </a> </li> <li> - <a href="/artikel/podcast,37823_135/" target="_self" title="GameStar Podcast" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - GameStar Podcast - </a> + <a + class="btn btn-link js-ga" + href="/tech/tests/" + target="_self" + title="GameStar liefert ausführliche Tests zu aktueller Hardware und praktische Kaufberatung für Spieler mit hohem Qualitätsanspruch." + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Tests + </a> </li> <li> - <a href="/artikel/podcast,37825_135/" target="_self" title="Was spielst du so?" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Was spielst du so? - </a> + <a + class="btn btn-link js-ga" + href="/tech/guides/" + target="_self" + title="" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Guides + </a> </li> <li> - <a href="/artikel/podcast,37924_135/" target="_self" title="GameStar Tech Podcast" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - GameStar Tech Podcast - </a> + <a + class="btn btn-link js-ga" + href="/tech/kaufberatungen/" + target="_self" + title="Welche Grafikkarte können wir Ihnen empfehlen? Welchen Monitor sollten Sie sich anschaffen? Hier finden Sie die Antwort!" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Kaufberatung + </a> </li> <li> - <a href="/artikel/podcast,37824_135/" target="_self" title="Bonusfolgen für Plus" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Bonusfolgen für Plus - </a> - </li> - </ul> - </div> - <div class="panel " data-nid="400"> - <div class="panel-heading collapsed" role="tab" id="heading400" href="#collapse400" - data-toggle="collapse" data-parent="#accordion" data-target="#collapse400"> - <a href="/community/" title="Community" target="_self" class="js-ga" data-category="sitenavi" - data-label="Community"> - Community - <svg viewBox="0 0 24 24" width="16" height="16" class="dropdown-indicator"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right"></use> + <a + class="btn btn-link js-ga" + href="/gamestar-pcs/" + target="_self" + title="One GameStar-PCs und GameStar-Notebooks - Gamer-PCs zum attraktiven Preis" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> </svg> - </a> - </div> - <ul id="collapse400" class="dropdown-menu-list collapse"> + GameStar PC + </a> + </li> <li> - <a href="/xenforo/" target="_self" title="Forum" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Forum - </a> + <a + class="btn btn-link js-ga" + href="/tech/" + target="_self" + title="Übersicht" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Übersicht + </a> </li> + </ul> + </td> + </tr> + </table> + </div> + </li> + <li class="nav-item nav-tab dropdown hidden-sm-down" data-nid="656"> + <a + href="/podcast/" + title="Podcasts" + target="_self" + data-category="menu" + class="nav-link js-ga" + role="button" + aria-haspopup="true" + aria-expanded="false" + > + Podcasts + </a> + <div class="dropdown-menu"> + <table class="dropdown-menu-table"> + <tr> + <td> + <ul class="dropdown-menu-list"> <li> - <a href="/xenforo/blogs/" target="_self" title="" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - User-Blogs - </a> + <a + class="btn btn-link js-ga" + href="/podcast/" + target="_self" + title="Alle Podcasts" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Alle Podcasts + </a> </li> <li> - <a href="/community/leser-rezensionen/" target="_self" title="Leser-Rezensionen" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Leser-Rezensionen - </a> + <a + class="btn btn-link js-ga" + href="/artikel/podcast,37823_135/" + target="_self" + title="GameStar Podcast" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + GameStar Podcast + </a> </li> <li> - <a href="/umfragen/" target="_self" title="Umfragen" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Umfragen - </a> + <a + class="btn btn-link js-ga" + href="/artikel/podcast,37825_135/" + target="_self" + title="Was spielst du so?" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Was spielst du so? + </a> </li> <li> - <a href="/gewinnspiele/" target="_self" title="Gewinnspiele" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Gewinnspiele - </a> + <a + class="btn btn-link js-ga" + href="/artikel/podcast,37924_135/" + target="_self" + title="GameStar Tech Podcast" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Hardware Podcast + </a> </li> <li> - <a href="/keyverlosungen/" target="_self" title="Key-Verlosungen zu aktuellen Spielen" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Key-Verlosungen - </a> + <a + class="btn btn-link js-ga" + href="/artikel/podcast,37824_135/" + target="_self" + title="Bonusfolgen für Plus" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Bonusfolgen für Plus + </a> </li> + </ul> + </td> + </tr> + </table> + </div> + </li> + <li class="nav-item nav-tab dropdown hidden-sm-down" data-nid="342"> + <a + href="/community/" + title="Community" + target="_self" + data-category="menu" + class="nav-link js-ga" + role="button" + aria-haspopup="true" + aria-expanded="false" + > + Community + </a> + <div class="dropdown-menu"> + <table class="dropdown-menu-table"> + <tr> + <td> + <ul class="dropdown-menu-list"> <li> - <a href="/quiz/" target="_self" title="Quiz" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Quiz - </a> + <a + class="btn btn-link js-ga" + href="/xenforo/" + target="_self" + title="Forum" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Forum + </a> </li> <li> - <a href="/community/" target="_self" title="Übersicht" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Übersicht - </a> + <a + class="btn btn-link js-ga" + href="/xenforo/blogs/" + target="_self" + title="Blogs" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Blogs + </a> </li> - </ul> - </div> - <div class="panel " data-nid="409"> - <div class="panel-heading collapsed" role="tab" id="heading409" href="#collapse409" - data-toggle="collapse" data-parent="#accordion" data-target="#collapse409"> - <a href="/plus/" title="Magazin & Shop" target="_self" class="js-ga" data-category="sitenavi" - data-label="Magazin & Shop"> - Magazin & Shop - <svg viewBox="0 0 24 24" width="16" height="16" class="dropdown-indicator"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right"></use> + <li> + <a + class="btn btn-link js-ga" + href="/community/leser-rezensionen/" + target="_self" + title="Leser-Tests" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> </svg> - </a> - </div> - <ul id="collapse409" class="dropdown-menu-list collapse"> + Leser-Tests + </a> + </li> <li> - <a href="/plus/heftarchiv/aktuelles-heft.html" target="_self" title="Aktuelles Heft" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Aktuelles Heft - </a> + <a + class="btn btn-link js-ga" + href="/umfragen/" + target="_self" + title="Umfragen" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Umfragen + </a> </li> <li> - <a href="https://shop.gamestar.de/hefte/gamestar/" target="_blank" rel="noopener " - title="Ausgaben bestellen" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Ausgaben bestellen - </a> + <a + class="btn btn-link js-ga" + href="/gewinnspiele/" + target="_self" + title="Gewinnspiele" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Gewinnspiele + </a> </li> <li> - <a href="https://shop.gamestar.de/abo/gamestar-abos/1007/gamestar-epaper-jahresabo?c=49" - target="_blank" rel="noopener " title="Apps & eBooks" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Apps & eBooks - </a> + <a + class="btn btn-link js-ga" + href="/keyverlosungen/" + target="_self" + title="Key-Verlosungen" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Key-Verlosungen + </a> </li> <li> - <a href="https://shop.gamestar.de/gamestar-abo" target="_blank" rel="noopener " - title="Abo-Shop" class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Abo-Shop - </a> + <a + class="btn btn-link js-ga" + href="/quiz/" + target="_self" + title="Quiz" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Quiz + </a> </li> <li> - <a href="https://shop.gamestar.de/" target="_self" title="GameStar Shop" class="js-ga" - data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - GameStar Shop - </a> + <a + class="btn btn-link js-ga" + href="/community/" + target="_self" + title="Übersicht" + data-category="menu" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Übersicht + </a> </li> - </ul> - </div> - <div class="panel " data-nid="570"> - <div class="panel-heading"> - <a href="/gamestar-pcs/" title="GameStar PC" target="_self" class="js-ga" - data-category="sitenavi">GameStar PC</a> + </ul> + </td> + </tr> + </table> + </div> + </li> + <li class="nav-item nav-tab hidden-sm-down" data-nid="664"> + <a + href="https://www.gamestar.de/25jahre/" + title="Alles zum großen GameStar-Jubiläum" + target="_self" + data-category="menu" + class="nav-link js-ga" + > + 25 Jahre GameStar + </a> + </li> + <li class="flex-separator"></li> + <li class="nav-item hidden-bold hidden-md-down"> + <a + class="nav-link btn btn-sale btn-tab js-ga" + href="/plus/" + data-label="button.plus" + data-category="header" + > + <svg viewBox="0 0 24 24" width="20" height="20"> + <use href="/gs_cb/assets/core/images/icons.svg#gsplus"></use> + </svg> + Plus + </a> + </li> + <li class="nav-item hidden-bold hidden-md-down"> + <a + class="nav-link btn btn-sale btn-tab js-ga" + href="https://shop.gamestar.de" + data-label="button.shop" + data-category="header" + > + <svg viewBox="0 0 24 24" width="20" height="20"> + <use href="/gs_cb/assets/core/images/icons.svg#shop"></use> + </svg> + Shop + </a> + </li> + <li class="flex-separator"></li> + <li class="nav-item hidden-bold hidden-md-down"> + <a + class="nav-link nav-search-icon nav-icon toggle-search js-ga js-overlay" + data-action="toggle" + data-label="button.search" + data-category="header" + data-overlay="header-search" + data-actions-after-overlay-open="focusSearchField" + role="button" + aria-pressed="false" + href="/suche/" + > + <svg viewBox="0 0 24 24" class="icon-site-search"> + <use href="/gs_cb/assets/core/images/icons.svg#search"></use> + </svg> + </a> + </li> + <li class="nav-item hidden-md-down"> + <a + title="Anmelden" + data-category="header" + data-action="toggle" + data-label="button.login" + class="nav-link nav-icon header-last-item js-ga js-overlay" + data-overlay="header-login" + data-actions-after-overlay-open="blockScrolling,focusLoginUserField" + data-actions-after-overlay-close="unblockScrolling" + role="button" + aria-pressed="false" + rel="nofollow" + href="/login/" + > + <span class="hidden-slim align-top">Anmelden</span> + <svg viewBox="0 0 24 24" width="20" height="20"> + <use href="/gs_cb/assets/core/images/icons.svg#user"></use> + </svg> + </a> + </li> + </ul> + </div> + </div> + <div + class="rpi-progress-bar hide" + role="progressbar" + aria-valuemin="0" + aria-valuemax="100" + aria-valuenow="0" + > + <div + class="rpi-progress-bar__placeholder-before hide" + aria-hidden="true" + ></div> + <div class="rpi-progress-bar__position" aria-hidden="true"></div> + <div class="rpi-progress-bar__percentage"></div> + </div> + <div id="header-search" class="container-fluid"> + <div class="container"> + <div class="input-group search-form"> + <form action="/suche/" method="get"> + <input + name="query" + type="text" + class="typeahead" + placeholder="Suchbegriff eingeben" + autocomplete="off" + /> + <button + class="btn btn-input js-ga" + data-label="button.search" + data-category="header" + type="submit" + aria-label="Suchen" + > + <svg viewBox="0 0 24 24" class="icon-site-search"> + <use href="/gs_cb/assets/core/images/icons.svg#search"></use> + </svg> + </button> + </form> + </div> + </div> + </div> + <div id="header-sidebar" class="sidebar sidebar-left" data-active="0"> + <div id="accordion" role="tablist" aria-multiselectable="false"> + <div class="panel" data-nid="703"> + <div class="panel-heading"> + <a + href="/black-friday/" + title="Aktuelle Gaming Deals der Black Week" + target="_self" + class="js-ga" + data-category="sitenavi" + >Black Week</a + > + </div> + </div> + <div class="panel" data-nid="573"> + <div + class="panel-heading collapsed" + role="tab" + id="heading573" + href="#collapse573" + data-toggle="collapse" + data-parent="#accordion" + data-target="#collapse573" + > + <a + href="/plus/" + title="GameStar Plus" + target="_self" + class="js-ga" + data-category="sitenavi" + data-label="GameStar Plus" + > + GameStar Plus + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="dropdown-indicator" + > + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right" + ></use> + </svg> + </a> + </div> + <ul id="collapse573" class="dropdown-menu-list collapse"> + <li> + <a + href="/videos/plus-videos,9101/" + target="_self" + title="Videos" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Videos + </a> + </li> + <li> + <a + href="/plus/reports/" + target="_self" + title="Reports" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Reports + </a> + </li> + <li> + <a + href="/plus/gratis-spiel/" + target="_self" + title="Gratis-Spiel" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Gratis-Spiel + </a> + </li> + <li> + <a + href="/plus/gutscheine/" + target="_self" + title="Gutscheine" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Gutscheine + </a> + </li> + <li> + <a + href="/plus/heftarchiv/" + target="_self" + title="Heftarchiv" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Heftarchiv + </a> + </li> + <li> + <a + href="/plus/" + target="_self" + title="Übersicht" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Übersicht + </a> + </li> + </ul> + </div> + <div class="panel" data-nid="355"> + <div + class="panel-heading collapsed" + role="tab" + id="heading355" + href="#collapse355" + data-toggle="collapse" + data-parent="#accordion" + data-target="#collapse355" + > + <a + href="/spiele/" + title="Spiele" + target="_self" + class="js-ga" + data-category="sitenavi" + data-label="Spiele" + > + Spiele + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="dropdown-indicator" + > + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right" + ></use> + </svg> + </a> + </div> + <ul id="collapse355" class="dropdown-menu-list collapse"> + <li> + <a + href="/releaseliste/" + target="_self" + title="Release-Liste" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Release-Liste + </a> + </li> + <li> + <a + href="/charts/" + target="_self" + title="Charts" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Charts + </a> + </li> + <li> + <a + href="/artikel/hitlisten/" + target="_self" + title="Die besten Spiele" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Die besten Spiele + </a> + </li> + <li> + <a + href="/spiele/" + target="_self" + title="PC-Spieledatenbank" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + PC-Spieledatenbank + </a> + </li> + </ul> + </div> + <div class="panel" data-nid="368"> + <div class="panel-heading"> + <a + href="/news/" + title="News" + target="_self" + class="js-ga" + data-category="sitenavi" + >News</a + > + </div> + </div> + <div class="panel" data-nid="382"> + <div + class="panel-heading collapsed" + role="tab" + id="heading382" + href="#collapse382" + data-toggle="collapse" + data-parent="#accordion" + data-target="#collapse382" + > + <a + href="/tests/" + title="Tests" + target="_self" + class="js-ga" + data-category="sitenavi" + data-label="Tests" + > + Tests + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="dropdown-indicator" + > + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right" + ></use> + </svg> + </a> + </div> + <ul id="collapse382" class="dropdown-menu-list collapse"> + <li> + <a + href="/artikel/hitlisten/" + target="_self" + title="Die besten Spiele" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Die besten Spiele + </a> + </li> + <li> + <a + href="/tests/strategie/" + target="_self" + title="Strategie-Spiele im GameStar-Test" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Strategie + </a> + </li> + <li> + <a + href="/tests/rollenspiele/" + target="_self" + title="Rollenspiele im GameStar-Test" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Rollenspiele + </a> + </li> + <li> + <a + href="/tests/shooter/" + target="_self" + title="Shooter im GameStar-Test" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Shooter + </a> + </li> + <li> + <a + href="/tests/action/" + target="_self" + title="Actionspiele im GameStar-Test" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Action + </a> + </li> + <li> + <a + href="/tests/adventure/" + target="_self" + title="Adventure-Spiele im GameStar-Test" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Adventure + </a> + </li> + <li> + <a + href="/tests/sport/" + target="_self" + title="Sport- & Rennspiele im GameStar-Test" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Sport- & Rennspiele + </a> + </li> + <li> + <a + href="/tests/" + target="_self" + title="Alle Tests in der Übersicht" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Übersicht + </a> + </li> + </ul> + </div> + <div class="panel" data-nid="375"> + <div + class="panel-heading collapsed" + role="tab" + id="heading375" + href="#collapse375" + data-toggle="collapse" + data-parent="#accordion" + data-target="#collapse375" + > + <a + href="/videos/" + title="Videos" + target="_self" + class="js-ga" + data-category="sitenavi" + data-label="Videos" + > + Videos + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="dropdown-indicator" + > + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right" + ></use> + </svg> + </a> + </div> + <ul id="collapse375" class="dropdown-menu-list collapse"> + <li> + <a + href="/videos/" + target="_self" + title="Alle Videos" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Alle Videos + </a> + </li> + <li> + <a + href="/videos/alle-videos,9100,newest/" + target="_self" + title="Neue Videos zu Spielen" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Neueste Videos + </a> + </li> + <li> + <a + href="/videos/tests,17/" + target="_self" + title="Test-Videos zu Spielen" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Test-Videos + </a> + </li> + <li> + <a + href="/videos/gamestar-plus,9101/" + target="_self" + title="Alle exklusiven Plus-Videos" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Plus-Videos + </a> + </li> + <li> + <a + href="/videos/specials,20/" + target="_self" + title="Alle Video-Specials" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Specials & Previews + </a> + </li> + </ul> + </div> + <div class="panel" data-nid="390"> + <div + class="panel-heading collapsed" + role="tab" + id="heading390" + href="#collapse390" + data-toggle="collapse" + data-parent="#accordion" + data-target="#collapse390" + > + <a + href="/artikel/" + title="Artikel" + target="_self" + class="js-ga" + data-category="sitenavi" + data-label="Artikel" + > + Artikel + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="dropdown-indicator" + > + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right" + ></use> + </svg> + </a> + </div> + <ul id="collapse390" class="dropdown-menu-list collapse"> + <li> + <a + href="/artikel/tests/" + target="_self" + title="Tests" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Tests + </a> + </li> + <li> + <a + href="/artikel/previews/" + target="_self" + title="Previews" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Previews + </a> + </li> + <li> + <a + href="/artikel/reports/" + target="_self" + title="Reports" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Reports + </a> + </li> + <li> + <a + href="/artikel/meinungen/" + target="_self" + title="Kolumnen" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Kolumnen + </a> + </li> + <li> + <a + href="/artikel/guides/" + target="_self" + title="Guides" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Guides + </a> + </li> + <li> + <a + href="/artikel/" + target="_self" + title="Übersicht" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Übersicht + </a> + </li> + </ul> + </div> + <div class="panel" data-nid="398"> + <div + class="panel-heading collapsed" + role="tab" + id="heading398" + href="#collapse398" + data-toggle="collapse" + data-parent="#accordion" + data-target="#collapse398" + > + <a + href="/tech/" + title="Tech" + target="_self" + class="js-ga" + data-category="sitenavi" + data-label="Tech" + > + Tech + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="dropdown-indicator" + > + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right" + ></use> + </svg> + </a> + </div> + <ul id="collapse398" class="dropdown-menu-list collapse"> + <li> + <a + href="/tech/news/" + target="_self" + title="News" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + News + </a> + </li> + <li> + <a + href="/tech/deals/" + target="_self" + title="Deals" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Deals + </a> + </li> + <li> + <a + href="/tech/tests/" + target="_self" + title="Tests" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Tests + </a> + </li> + <li> + <a + href="/tech/guides/" + target="_self" + title="Guides" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Guides + </a> + </li> + <li> + <a + href="/tech/kaufberatungen/" + target="_self" + title="Kaufberatung" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Kaufberatung + </a> + </li> + <li> + <a + href="/tech/" + target="_self" + title="Übersicht" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Übersicht + </a> + </li> + </ul> + </div> + <div class="panel" data-nid="577"> + <div + class="panel-heading collapsed" + role="tab" + id="heading577" + href="#collapse577" + data-toggle="collapse" + data-parent="#accordion" + data-target="#collapse577" + > + <a + href="/podcast/" + title="Podcasts" + target="_self" + class="js-ga" + data-category="sitenavi" + data-label="Podcasts" + > + Podcasts + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="dropdown-indicator" + > + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right" + ></use> + </svg> + </a> + </div> + <ul id="collapse577" class="dropdown-menu-list collapse"> + <li> + <a + href="/podcast/" + target="_self" + title="Alle Podcasts" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Alle Podcasts + </a> + </li> + <li> + <a + href="/artikel/podcast,37823_135/" + target="_self" + title="GameStar Podcast" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + GameStar Podcast + </a> + </li> + <li> + <a + href="/artikel/podcast,37825_135/" + target="_self" + title="Was spielst du so?" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Was spielst du so? + </a> + </li> + <li> + <a + href="/artikel/podcast,37924_135/" + target="_self" + title="GameStar Tech Podcast" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + GameStar Tech Podcast + </a> + </li> + <li> + <a + href="/artikel/podcast,37824_135/" + target="_self" + title="Bonusfolgen für Plus" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Bonusfolgen für Plus + </a> + </li> + </ul> + </div> + <div class="panel" data-nid="400"> + <div + class="panel-heading collapsed" + role="tab" + id="heading400" + href="#collapse400" + data-toggle="collapse" + data-parent="#accordion" + data-target="#collapse400" + > + <a + href="/community/" + title="Community" + target="_self" + class="js-ga" + data-category="sitenavi" + data-label="Community" + > + Community + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="dropdown-indicator" + > + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right" + ></use> + </svg> + </a> + </div> + <ul id="collapse400" class="dropdown-menu-list collapse"> + <li> + <a + href="/xenforo/" + target="_self" + title="Forum" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Forum + </a> + </li> + <li> + <a + href="/xenforo/blogs/" + target="_self" + title="" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + User-Blogs + </a> + </li> + <li> + <a + href="/community/leser-rezensionen/" + target="_self" + title="Leser-Rezensionen" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Leser-Rezensionen + </a> + </li> + <li> + <a + href="/umfragen/" + target="_self" + title="Umfragen" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Umfragen + </a> + </li> + <li> + <a + href="/gewinnspiele/" + target="_self" + title="Gewinnspiele" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Gewinnspiele + </a> + </li> + <li> + <a + href="/keyverlosungen/" + target="_self" + title="Key-Verlosungen zu aktuellen Spielen" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Key-Verlosungen + </a> + </li> + <li> + <a + href="/quiz/" + target="_self" + title="Quiz" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Quiz + </a> + </li> + <li> + <a + href="/community/" + target="_self" + title="Übersicht" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Übersicht + </a> + </li> + </ul> + </div> + <div class="panel" data-nid="409"> + <div + class="panel-heading collapsed" + role="tab" + id="heading409" + href="#collapse409" + data-toggle="collapse" + data-parent="#accordion" + data-target="#collapse409" + > + <a + href="/plus/" + title="Magazin & Shop" + target="_self" + class="js-ga" + data-category="sitenavi" + data-label="Magazin & Shop" + > + Magazin & Shop + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="dropdown-indicator" + > + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right" + ></use> + </svg> + </a> + </div> + <ul id="collapse409" class="dropdown-menu-list collapse"> + <li> + <a + href="/plus/heftarchiv/aktuelles-heft.html" + target="_self" + title="Aktuelles Heft" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Aktuelles Heft + </a> + </li> + <li> + <a + href="https://shop.gamestar.de/hefte/gamestar/" + target="_blank" + rel="noopener " + title="Ausgaben bestellen" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Ausgaben bestellen + </a> + </li> + <li> + <a + href="https://shop.gamestar.de/abo/gamestar-abos/1007/gamestar-epaper-jahresabo?c=49" + target="_blank" + rel="noopener " + title="Apps & eBooks" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Apps & eBooks + </a> + </li> + <li> + <a + href="https://shop.gamestar.de/gamestar-abo" + target="_blank" + rel="noopener " + title="Abo-Shop" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Abo-Shop + </a> + </li> + <li> + <a + href="https://shop.gamestar.de/" + target="_self" + title="GameStar Shop" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + GameStar Shop + </a> + </li> + </ul> + </div> + <div class="panel" data-nid="570"> + <div class="panel-heading"> + <a + href="/gamestar-pcs/" + title="GameStar PC" + target="_self" + class="js-ga" + data-category="sitenavi" + >GameStar PC</a + > + </div> + </div> + <div class="panel" data-nid="565"> + <div class="panel-heading"> + <a + href="/deals/" + title="Gaming-Deals" + target="_self" + class="js-ga" + data-category="sitenavi" + >Gaming-Deals</a + > + </div> + </div> + <div class="panel" data-nid="615"> + <div + class="panel-heading collapsed" + role="tab" + id="heading615" + href="#collapse615" + data-toggle="collapse" + data-parent="#accordion" + data-target="#collapse615" + > + <a + href="" + title="GamePro, Mein MMO & Co." + target="_self" + class="js-ga" + data-category="sitenavi" + data-label="Partnerseiten" + > + Partnerseiten + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="dropdown-indicator" + > + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right" + ></use> + </svg> + </a> + </div> + <ul id="collapse615" class="dropdown-menu-list collapse"> + <li> + <a + href="https://www.gamepro.de/" + target="_blank" + rel="noopener " + title="GamePro" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + GamePro + </a> + </li> + <li> + <a + href="https://mein-mmo.de/" + target="_blank" + rel="noopener " + title="Mein MMO" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Mein MMO + </a> + </li> + <li> + <a + href="https://www.pietsmiet.de/" + target="_blank" + rel="noopener " + title="PietSmiet" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + PietSmiet + </a> + </li> + <li> + <a + href="https://www.xboxdynasty.de/" + target="_blank" + rel="noopener " + title="Xbox Dynasty" + class="js-ga" + data-category="sitenavi" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#arrow-right-long" + ></use> + </svg> + Xbox Dynasty + </a> + </li> + </ul> + </div> + <div class="panel" data-nid="658"> + <div class="panel-heading"> + <a + href="/eso-high-isle/" + title="Alles zu ESO High Isle" + target="_self" + rel=" nofollow" + class="js-ga" + data-category="sitenavi" + >ESO High Isle</a + > + </div> + </div> + </div> + </div> + <div id="header-login" class="sidebar sidebar-right"> + <table class="dropdown-menu-table"> + <tr> + <td> + <div class="login-container"> + <form + class="login-form-box" + name="loginboxLogin" + action="https://www.gamestar.de/_misc/ssl/login.cfm" + method="post" + data-type="login" + > + <span class="info">Benutzername</span><br /> + <input + type="text" + class="" + id="loginbox-login-username" + name="username" + placeholder="Benutzername" + value="" + /> + <span class="info">Passwort</span><br /> + <input + type="password" + class="" + id="loginbox-login-password" + name="password" + placeholder="Passwort" + value="" + /> + <input + type="checkbox" + class="" + id="loginbox-login-stayonline" + name="loginstayonline" + value="" + /> + <label for="loginbox-login-stayonline" class="checkboxlabel" + >Online bleiben</label + > + <button + type="submit" + class="btn btn-brand js-ga" + data-category="menu" + data-type="login" + data-label="Login" + > + Login + </button> + <a + href="/passwort_vergessen/" + rel="nofollow" + title="Passwort zurücksetzen" + class="btn btn-link js-ga m-b-0" + data-category="menu" + data-label="Passwort vergessen" + > + Passwort vergessen?</a + ><br /> + <hr class="m-b-2 m-t-2" /> + <div class="register-box"> + <div class="h2 m-b-1"> + <span>Neu bei GameStar?</span> </div> + <p class="info m-b-2">Registriere dich jetzt kostenlos</p> + <a + href="/registrierung/" + rel="nofollow" + title="Kostenlos registrieren" + class="btn btn-community responsive js-ga" + data-category="menu" + data-label="Jetzt kostenlos registrieren" + >Jetzt kostenlos registrieren</a + > + </div> + </form> + </div> + <div id="loginbox-message"></div> + </td> + </tr> + </table> + </div> + <div id="header-notifications" class="sidebar sidebar-right"> + <div class="notifications panel" data-nid="notifications"> + <div class="notifications-info"> + <span class="notifications-heading"> + <a href="/mitteilungen/" + ><data class="notifications-unread-count" value="0">0</data> + Mitteilungen</a + > + </span> + <a + href="javascript:void(0);" + class="js-notification-mark-all-as-read notifications-link" + >alles gelesen</a + > + </div> + <template id="notification-template"> + <li class="notification"> + <i></i> + <a href="" class="notification-link"> + <div class="notification-title"> + <span class="notification-sender-info"></span> + <br /> + <span class="notification-message"></span> </div> - <div class="panel " data-nid="565"> - <div class="panel-heading"> - <a href="/deals/" title="Gaming-Deals" target="_self" class="js-ga" - data-category="sitenavi">Gaming-Deals</a> - </div> + <div class="notification-content"></div> + </a> + <a + href="javascript:void(0);" + class="notification-option js-notification-mark-as-read" + >Als gelesen markieren</a + > + </li> + </template> + <span class="notifications-list-ajax"> + <ul class="notification-list" class="p-b-1"></ul> + </span> + <div class="notifications-options"> + <a + href="/mitteilungen/" + class="notifications-show-all btn btn-brand" + >Alle anzeigen</a + > + </div> + </div> + </div> + </header> + <div class="row ads-row" id="dfp-header-container"> + <div class="container ads-container"> + <!-- Start Google DFP Header --> + <!-- interstitial --> + <div id="jad-interstitial"> + <!-- leer --> + </div> + <!-- webinterstitial --> + <div id="jad-webinterstitial"> + <!-- leer --> + </div> + <div id="dfp-header"> + <!-- skyscraper --> + <div + id="dfp-skyscraper" + class="jad-placeholder jad-placeholder-skyscraper jad-placeholder-skyscraper-right" + > + <div + id="jad-skyscraper" + class="jad-skyscraper jad-skyscraper-right" + > + <!-- leer --> + </div> + </div> + <!-- masthead --> + <div + id="dfp-masthead" + class="jad-placeholder jad-placeholder-leaderboard jad-placeholder-masthead" + > + <div id="jad-masthead" class="jad-leaderboard jad-masthead"> + <!-- leer --> + </div> + </div> + <!-- sky left --> + <div id="jad-sky-left-wrapper"> + <!-- skyscraper left top --> + <div + id="dfp-sky-left-top" + class="jad-placeholder jad-placeholder-skyscraper jad-placeholder-skyscraper-left" + > + <div + id="jad-sky-left-top" + class="jad-skyscraper jad-skyscraper-left" + > + <!-- leer --> + </div> + </div> + <!-- skyscraper left bottom --> + <div + id="dfp-sky-left-bottom" + class="jad-placeholder jad-placeholder-skyscraper jad-placeholder-skyscraper-left" + > + <div + id="jad-sky-left-bottom" + class="jad-skyscraper jad-skyscraper-left" + > + <!-- leer --> + </div> + </div> + </div> + </div> + <!-- End Google DFP Header --> + </div> + </div> + <div + id="content" + class="waypoint" + data-animate-offset-element="#header" + data-animate-offset="-30" + data-animate-up="header-bold" + data-animate-down="header-slim" + data-animate-object="header" + data-animate-cleanup-up="closeHeaderSearch" + data-animate-cleanup-down="closeSearchTypeAhead" + > + <div class="container"> + <style> + .plus-banner-top { + padding: 20px 10px 10px 10px; + } + + .plus-banner-top .plus-banner-content { + display: flex; + align-items: center; + justify-content: space-between; + padding: 1rem; + flex-wrap: wrap; + } + + .plus-banner-top .plus-banner-content .plus-banner-headline { + display: inline-flex; + align-items: center; + flex-wrap: wrap; + width: 100%; + margin-bottom: 1rem; + } + + @media (min-width: 730px) { + .plus-banner-top .plus-banner-content .plus-banner-headline { + width: 50%; + margin-bottom: 0; + } + } + + .plus-banner-top + .plus-banner-content + .plus-banner-headline + .plus-banner-logo { + margin-right: 1.125rem; + } + + .plus-banner-top + .plus-banner-content + .plus-banner-headline + .plus-banner-logo + .plus-banner-logo-image { + width: 58px; + height: 24px; + margin-left: -0.5rem; + } + + @media (min-width: 730px) { + .plus-banner-top + .plus-banner-content + .plus-banner-headline + .plus-banner-logo + .plus-banner-logo-image { + width: 77px; + height: 32px; + } + } + + .plus-banner-top + .plus-banner-content + .plus-banner-headline + .plus-banner-teaser + h4 { + margin-bottom: 0; + font-size: 0.875rem; + font-weight: bold; + color: #212121; + } + + @media (min-width: 730px) { + .plus-banner-top + .plus-banner-content + .plus-banner-headline + .plus-banner-teaser + h4 { + font-size: 1rem; + } + } + + .plus-banner-top .plus-banner-content .plus-banner-wrapper { + display: flex; + justify-content: space-between; + flex-direction: row-reverse; + width: 100%; + height: 42px; + } + + @media (min-width: 730px) { + .plus-banner-top .plus-banner-content .plus-banner-wrapper { + width: 50%; + flex-direction: row; + } + } + + .plus-banner-top + .plus-banner-content + .plus-banner-wrapper + .plus-banner-image-wrapper { + display: flex; + justify-content: flex-end; + flex-basis: 50%; + } + + @media (min-width: 730px) { + .plus-banner-top + .plus-banner-content + .plus-banner-wrapper + .plus-banner-image-wrapper { + justify-content: space-around; + } + } + + @media (min-width: 910px) { + .plus-banner-top + .plus-banner-content + .plus-banner-wrapper + .plus-banner-image-wrapper { + justify-content: flex-start; + } + } + + .plus-banner-top + .plus-banner-content + .plus-banner-wrapper + .plus-banner-image-wrapper + .plus-banner-bg-image { + height: 72px; + margin-bottom: -1rem; + align-self: flex-end; + display: inline; + } + + @media (min-width: 910px) { + .plus-banner-top + .plus-banner-content + .plus-banner-wrapper + .plus-banner-image-wrapper + .plus-banner-bg-image { + display: none; + } + } + + .plus-banner-top + .plus-banner-content + .plus-banner-wrapper + .plus-banner-image-wrapper + .plus-banner-bg-image-lg { + display: none; + } + + @media (min-width: 910px) { + .plus-banner-top + .plus-banner-content + .plus-banner-wrapper + .plus-banner-image-wrapper + .plus-banner-bg-image-lg { + height: 72px; + margin-bottom: -1rem; + align-self: flex-end; + display: inline; + } + } + + .plus-banner-top + .plus-banner-content + .plus-banner-wrapper + .plus-banner-image-wrapper-light { + display: flex; + } + + .plus-banner-top + .plus-banner-content + .plus-banner-wrapper + .plus-banner-image-wrapper-dark { + display: none; + } + + .plus-banner-top + .plus-banner-content + .plus-banner-wrapper + .plus-banner-button.btn { + margin-bottom: 0; + margin-top: 0; + } + </style> + <div class="col-xs-12 plus-banner-top" id="content-plus-banner-top"> + <a + href="https://shop.gamestar.de/gamestar-plus-das-plus-fuer-pc-gamer?source=plus-top-banner-content" + data-action="shopClickout" + data-dealtitle="Plus Top Banner Artikel" + data-shoptitle="GameStar Shop" + data-clickoutposition="Top Banner" + > + <div class="col-xs-12 plus-banner-content box-gray"> + <div class="plus-banner-headline"> + <div class="plus-banner-logo"> + <img + class="plus-banner-logo-image" + src="/img/plus/gsp_plus_logo_green.svg" + /> </div> - <div class="panel " data-nid="615"> - <div class="panel-heading collapsed" role="tab" id="heading615" href="#collapse615" - data-toggle="collapse" data-parent="#accordion" data-target="#collapse615"> - <a href="" title="GamePro, Mein MMO & Co." target="_self" class="js-ga" data-category="sitenavi" - data-label="Partnerseiten"> - Partnerseiten - <svg viewBox="0 0 24 24" width="16" height="16" class="dropdown-indicator"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right"></use> - </svg> + <div class="plus-banner-teaser"> + <h4>3 Monate im ersten Jahr geschenkt!</h4> + </div> + </div> + <div class="plus-banner-wrapper"> + <div class="plus-banner-image-wrapper"> + <div class="plus-banner-image-wrapper-light"> + <img + class="plus-banner-bg-image" + src="https://images.cgames.de/images/gamestar/4/-gamestar-plus-banner-3-monate-gutschein-mobile-hell_6167110.jpg" + /> + <img + class="plus-banner-bg-image-lg" + src="https://images.cgames.de/images/gamestar/4/-gamestar-plus-banner-3-monate-gutschein-desktop-hell_6167113.jpg" + /> + </div> + <div class="plus-banner-image-wrapper-dark"> + <img + class="plus-banner-bg-image" + src="https://images.cgames.de/images/gamestar/4/-gamestar-plus-banner-3-monate-gutschein-mobile-dunkel_6167109.jpg" + /> + <img + class="plus-banner-bg-image-lg" + src="https://images.cgames.de/images/gamestar/4/-gamestar-plus-banner-3-monate-gutschein-desktop-dunkel_6167111.jpg" + /> + </div> + </div> + <div class="plus-banner-button btn btn-sale"> + Jetzt beitreten + </div> + </div> + </div> + </a> + </div> + </div> + <div class="container"> + <div + class="main waypoint" + data-animate-offset-element="#header" + data-animate-offset="-30" + data-animate-up="fadeout" + data-animate-down="fadein" + data-animate-object="backtotop" + > + <div class="row"> + <div class="col-xs-12 div-article-title"> + <script> + window.articleType = 39; + </script> + <script type="application/ld+json"> + { + "@context": "https://schema.org", + "@type": "Article", + "mainEntityOfPage": "https://www.gamestar.de/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html", + "name": "Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert", + "headline": "Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert", + "description": "Meinung: Johnny Silverhand ist der wichtigste NPC in Cyberpunk 2077. Und er hat es Fabiano unmöglich gemacht, ihn zu hassen.", + "thumbnailUrl": "https://images.cgames.de/images/gamestar/4/cyberpunk-oh-johnny_6129247.jpg", + "image": { + "type": "ImageObject", + "url": "https://images.cgames.de/images/gamestar/208/cyberpunk-oh-johnny_6129247.jpg", + "width": "600", + "height": "338" + }, + "author": { + "@type": "Person", + "name": "Fabiano Uslenghi" + }, + "publisher": { + "@type": "Organization", + "name": "GameStar", + "logo": { + "type": "ImageObject", + "url": "https://www.gamestar.de/img/gsschema.png" + } + }, + "datePublished": "2021-02-14T14:00:00+01:00", + "dateModified": "2021-02-14T14:00:00+01:00", + "isAccessibleForFree": true + } + </script> + <div class="row"> + <div class="col-xs-12"> + <h1 class="article"> + Cyberpunk 2077: Johnny Silverhand hat mich eiskalt + manipuliert - und das ist super + </h1> + </div> + <div class="col-xs-12"> + <p class="intro"> + Meinung: Johnny Silverhand ist der wichtigste NPC in + Cyberpunk und hat bei Fabiano genau die richtige Wirkung + gehabt: Er hat es unmöglich gemacht, ihn zu hassen. + </p> + </div> + </div> + <div class="row"> + <div class="col-xs-12"></div> + <div + class="content-meta col-xs-12 pull-xs-left dis-flex align-items-center" + > + <p class="info publication-info m-r-2"> + <a + href="/xenforo/members/fabiano-uslenghi.439577/" + class="btn btn-link btn-inline" + title="Zur Userprofilseite von Fabiano Uslenghi" + >Fabiano Uslenghi</a + > + <br /> + 14.02.2021 | 14:00 Uhr + </p> + <div id="socialshare" data-type="10" data-id="3366933"> + <a + href="#comments" + title="Zu den Kommentaren springen" + class="btn btn-social scrollto do-toggle-comments js-ga" + role="button" + data-label="socialbutton.comments" + data-scroll-offset="-65" + tabindex="0" + > + <svg viewBox="0 0 24 24" width="16" height="16"> + <use + href="/gs_cb/assets/core/images/icons.svg#chat" + ></use> + </svg> + <span class="btn-text">123</span> + </a> + <a + title="Gefällt mir" + class="btn btn-social do-favorite btn-overwrite-on-pressed js-ga" + role="button" + data-label="socialbutton.like" + aria-pressed="false" + tabindex="0" + > + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="btn-thumb-up" + > + <use + href="/gs_cb/assets/core/images/icons.svg#thumb-up" + ></use> + </svg> + <svg + viewBox="0 0 24 24" + width="16" + height="16" + class="btn-thumb-up-active" + > + <use + href="/gs_cb/assets/core/images/icons.svg#thumb-up-active" + ></use> + </svg> + <span class="btn-text">17</span> + </a> + </div> + </div> + </div> + </div> + <div class="content-meta col-xs-12 col-lg-8 pull-xs-left"></div> + <div class="col-xs-12 col-lg-8 pull-xs-left maincontent"> + <div class="row"> + <div class="col-xs-12"></div> + <div class="article col-xs-12"> + <div + class="article-content" + data-io-article-url="/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html" + data-rpi-area + > + <p class="caption"> + <picture> + <img + src="//images.cgames.de/images/gamestar/290/cyberpunk-oh-johnny_6129247.jpg" + class="responsive" + data-img-id="6129247" + data-img-format="290" + data-src="" + data-sizes="auto" + alt="" + width="16" + height="9" + /> + </picture> + </p> + <p> + Auf der E3 2019 gab es damals eigentlich nur ein echtes + Highlight: Keanu Reeves, der überraschend als Johnny + Silverhand für + <a + title="Cyberpunk 2077" + class="btn btn-link btn-inline btn-wrap" + rel="" + href="/spiele/cyberpunk-2077,3471.html" + data-type="138" + data-id="3471" + target="_self" + >Cyberpunk 2077</a + > + angekündigt wurde. Zumindest mich hat das recht + unvorbereitet erwischt und ziemlich gefreut. Dabei bin ich + persönlich kein riesiger Fan des Schauspielers. Ich + habe nur einen einzigen seiner Filme bis jetzt gesehen. + Und das war weder Matrix noch John Wick, sondern Bill + & Teds verrückte Reise durch die Zeit. + </p> + <div + id="dfp-atf" + class="jad-placeholder jad-placeholder-rectangle jad-placeholder-mobile jad-placeholder-atf hidden-lg-up m-b-4" + > + <div + id="jad-atf-mobile" + class="jad-rectangle jad-rectangle-mobile jad-atf" + ></div> + </div> + <p> + Die Starpower war aber natürlich unverkennbar und + brachte mit + <a + href="https://www.youtube.com/watch?v=rvz3cQ2KC4Q" + title="" + class="btn btn-link btn-inline btn-wrap" + rel="noopener" + target="_blank" + data-type="0" + data-id="0" + >»Breathtaking!«</a + > + wenigstens noch ein Cyberpunk-Meme hervor, in dem es nicht + um die kaputte Konsolen-Versionen ging. Wilde Zeiten. + Nennt mich naiv, aber für mich war das damals auch + deshalb so eine Überraschung, weil ich selbst nach + <a + title="The Witcher 3: Wild Hunt" + class="btn btn-link btn-inline btn-wrap" + rel="" + href="/spiele/the-witcher-3-wild-hunt,3097.html" + data-type="138" + data-id="3097" + target="_self" + >Witcher 3</a + > + CD Projekt noch nicht für diese Art Mainstream-Studio + gehalten hab, das bereit ist, für einen Hollywoodstar + Ressourcen auszugeben. + </p> + <p class="caption"> + <span class="imagecontainer responsive m-b-1" + ><a + href="//images.cgames.de/images/gamestar/226/keanu-reeves-als-johnny-silverhand-in-cyberpunk-2077_6069022.jpg" + class="js-lbx js-ga" + data-img-id="6069022" + data-img-format="226" + data-category="lightbox" + data-label="picture" + data-action="open" + data-code="RC_SCREEN_LB" + data-lbx-id="6069022" + data-lbx-type="39" + title="&quot;Wake up, Samurai. We have a city to burn.&quot; Johnnys erster Auftritt bei der E3 2019 bleibt unvergessen. " + > + <picture> + <img + src="//images.cgames.de/images/gamestar/290/keanu-reeves-als-johnny-silverhand-in-cyberpunk-2077_6069022.jpg" + class="responsive m-b-0 lazyload" + data-img-id="6069022" + data-img-format="290" + data-src="" + data-sizes="auto" + alt="&quot;Wake up, Samurai. We have a city to burn.&quot; Johnnys erster Auftritt bei der E3 2019 bleibt unvergessen. " + width="16" + height="9" + /> + <noscript> + <img + loading="lazy" + src="//images.cgames.de/images/gamestar/290/keanu-reeves-als-johnny-silverhand-in-cyberpunk-2077_6069022.jpg" + class="responsive m-b-0" + data-img-id="6069022" + data-img-format="290" + alt="&quot;Wake up, Samurai. We have a city to burn.&quot; Johnnys erster Auftritt bei der E3 2019 bleibt unvergessen. " + width="16" + height="9" + /> + </noscript> + </picture> + <span class="onimage hover-article-active" + ><span class="onimage-hover bottomleft" + ><i + class="icon-zoomIn icon-2x fg-white" + ></i></span + ></span> </a></span + ><span class="bu" + >"Wake up, Samurai. We have a city to burn." Johnnys + erster Auftritt bei der E3 2019 bleibt unvergessen. + </span> + </p> + <p> + Mein Interesse an Johnny Silverhand war also geweckt, doch + erste Infos alles andere als begeisternd. Irgendein + rebellischer Rockstar halt. Na gut. Und dann kam in den + späteren Previews von Kollege Graf auch noch heraus, + dass Johnny + <a + title="15 Stunden gespielt: So gut wird Cyberpunk 2077 wirklich" + class="btn btn-link btn-inline btn-wrap" + rel="" + href="/artikel/cyberpunk-2077-gameplay-preview-hands-on,3364176.html" + data-type="10" + data-id="3364176" + target="_self" + >ein ziemliches Arschloch</a + > + (sic!) sei. Da wusste ich eigentlich schon, dass Johnny es + mit meinem Charakter schwer haben würde. + </p> + <div id="aktion-blackweek-mobile"></div> + <p>Noch nie lag ich so falsch.</p> + <blockquote class="kasten"> + <p> + <strong>Spoileralarm!</strong> + <br /> + <br /> + Kleine Warnung gleich vorweg: Ich werde in diesem + Artikel über meine Spielzeit an der Seite von + Johnny Silverhand sprechen. Da Johnny neben unserem + eigenen Helden die wichtigste Figur im Spiel ist, werde + ich wohl oder übel ein paar kleinere Inhalte der + Kampagne vornweg nehmen. Ich achte darauf, keine + großen Enthüllungen zu verraten. Aber wenn + ihr komplett unbefangen ins Spiel gehen wollt, dann + lasst diesen Artikel hier besser erst einmal ruhen. + </p> + </blockquote> + <h2 id="klare-prinzipien">Klare Prinzipien</h2> + <p> + Ich bin ein Rollenspieler. Sowohl am Tisch mit Stiften, + Papier und echten Würfeln, aber auch am PC. Ich + spiele mich also nicht selbst, sondern verkörpere + eine bestimmte Rolle. Dafür gebe ich meiner Figur + erdachte Prinzipien, Ideale und Vorlieben mit auf den Weg + und versuch ein konsequentes Charakterspiel durchzuhalten. + Wie man das bei Cyberpunk am besten macht, habe ich sogar + in einem Guide für Plus festgehalten: + </p> + <a + href="/artikel/cyberpunk-2077-richtiges-rollenspiel-guide,3366138.html" + title="Guide: So macht ihr Cyberpunk 2077 zu einem echten Rollenspiel" + class="contentbox-link js-ga" + data-category="contentbox" + data-action="click plus" + data-label="/artikel/cyberpunk-2077-richtiges-rollenspiel-guide,3366138.html" + > + <div class="contentbox m-t-4 m-b-4 plus"> + <div class="contentbox-picture hidden-sm-down p-x-0"> + <div class="imagecontainer"> + <img + src="" + width="176" + height="99" + data-src="//images.cgames.de/images/gamestar/209/cyberpunk-2077-rollenspiel-plus_6126742.jpg" + class="responsive m-b-0 lazyload" + alt="Guide: So macht ihr Cyberpunk 2077 zu einem echten Rollenspiel" + /> + <noscript + ><img + loading="lazy" + class="responsive m-b-0" + src="//images.cgames.de/images/gamestar/209/cyberpunk-2077-rollenspiel-plus_6126742.jpg" + width="176" + height="99" + /></noscript> + <span class="onimage"> + <span class="onimage-info left"> + <i class="icon-commentAlt fg-white"></i> + 56 + <i class="icon-star fg-white"></i> 26 + </span> + </span> + </div> + </div> + <div class="contentbox-text"> + <p class="info m-b-05"> + Mehr zum Thema + <span class="icon-plus"></span> + </p> + <div class="h3 m-b-0 media-heading ellipsize2"> + Guide: So macht ihr Cyberpunk 2077 zu einem echten + Rollenspiel + </div> + </div> + <div class="contentbox-arrow"> + <i class="icon-arrowRight icon-2x"></i> + </div> + </div> + </a> + <div + id="dfp-mtf" + class="jad-placeholder jad-placeholder-rectangle jad-placeholder-mobile jad-placeholder-mtf hidden-lg-up m-b-4" + > + <div + id="jad-mtf-mobile" + class="jad-rectangle jad-rectangle-mobile jad-mtf" + ></div> + </div> + <p> + Nicht immer entsprechen die Vorstellungen meines + Charakters dann meinen eigenen. Bei Cyberpunk entschloss + ich mich aber, eine V zu verkörpern, die durchaus ein + paar Gemeinsamkeiten mit mir hat. Meine V raucht + beispielsweise nicht. Außerdem hatte ich + grundsätzlich so wenig Bock auf Johnny Silverhand, + dass sich dieser Unmut auch auf meine V übertragen + sollte. + </p> + <p> + Das hat sich natürlich nochmal verschärft, als + die Story von Cyberpunk 2077 anfing ihren Lauf zu nehmen. + <strong>Letzte Warnung vor kleinen Spoiler!</strong> + </p> + <p> + Denn Johnny Silverhand ist nicht nur eine zweite + Persönlichkeit, die sich in Form eines digitalen + Geistes in Vs Kopf manifestiert. Der nervige Chip versucht + sogar, Vs Identität zu überschreiben. Also im + Prinzip meinen Charakter aus seinem Körper zu + löschen, damit Johnny sich darin einnisten kann. + »No Way, Jose!«, war mein erster Gedanke. + </p> + <script + type="application/json" + id="videoIntersectionObserverConfig" + > + { + "rootMargin": "400px" + } + </script> + <p class="caption article-video"> + <span + class="imagecontainer responsive m-b-2 video-container" + > + <a + href="/videos/cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand,101677.html" + class="js-loadvideo js-observe js-ga" + data-videoid="101677" + data-showrelated="false" + data-action-on-intersection="handleVideoIntersection" + data-intersection-config="videoIntersectionObserverConfig" + data-category="lightbox" + data-label="video" + data-action="open" + data-code="RC_VIDEO_LB" + data-lbx-id="101677" + data-lbx-type="81" + title="Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer ist Johnny Silverhand?" + data-trk-label="cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand,101677" + data-trk-dims='{"dimension24":"https://www.gamestar.de/videos/cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand,101677.html","dimension25":"Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer ist Johnny Silverhand?","metric3":0,"dimension27":"Cyberpunk 2077,3471,Spiel","dimension26":"101677","dimension28":"articledetail-incontent"}' + > + <img + src="" + width="960" + height="540" + data-src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand-trailer_6120458.jpg" + class="responsive m-b-0 lazyload" + alt="Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer ist Johnny Silverhand?" + /> + <noscript + ><img + loading="lazy" + class="responsive m-b-0" + src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand-trailer_6120458.jpg" + width="960" + height="540" + /></noscript> + <span + class="onimage onimage-center hover-article-active" + > + <span + class="onimage-hover-scale position-0 play play-lg" + > + <img + src="https://static.cgames.de/gs_cb/assets/images/play_icon.svg" + class="responsive" + /> + </span> + <span class="onimage-info right"> + <i class="icon-timeAlt fg-white"></i> + 0 + </span> + </span> </a> + </span> + <a + href="/videos/cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand,101677.html" + title="Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer ist Johnny Silverhand?" + ><span class="bu" + >Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer + ist Johnny Silverhand?</span + ></a + > + </p> + <p> + Ich wusste, dass ich als Rollenspieler gut in der Lage + bin, auf den Prinzipien meines Charakters zu beharren. Ich + wusste, dass ich Johnny weder meinen Körper + überlassen, noch mich mit ihm anfreunden wollte. Doch + Johnny gelang es schon recht bald, meine oftmals harte + Linie aufzuweichen. + </p> + <h2 id="ein-einzigartiger-gefaehrte"> + Ein einzigartiger Gefährte + </h2> + <p> + Bereits in den ersten Momenten, nachdem Johnny + anfängt prominent zu werden, musste ich meine + ursprüngliche Meinung über ihn revidieren. + Johnny ist durchaus ein ziemlich zynischer Drecksack, aber + mit dieser einzigartigen Situation genau so + überfordert wie V. + </p> + <div + id="dfp-btf" + class="jad-placeholder jad-placeholder-rectangle jad-placeholder-mobile jad-placeholder-btf hidden-lg-up m-b-4" + > + <div + id="jad-btf-mobile" + class="jad-rectangle jad-rectangle-mobile jad-btf" + ></div> </div> - <ul id="collapse615" class="dropdown-menu-list collapse"> - <li> - <a href="https://www.gamepro.de/" target="_blank" rel="noopener " title="GamePro" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - GamePro - </a> - </li> - <li> - <a href="https://mein-mmo.de/" target="_blank" rel="noopener " title="Mein MMO" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Mein MMO - </a> - </li> - <li> - <a href="https://www.pietsmiet.de/" target="_blank" rel="noopener " title="PietSmiet" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - PietSmiet - </a> - </li> - <li> - <a href="https://www.xboxdynasty.de/" target="_blank" rel="noopener " title="Xbox Dynasty" - class="js-ga" data-category="sitenavi"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#arrow-right-long"></use> - </svg> - Xbox Dynasty - </a> - </li> - </ul> + <p> + Nach anfänglicher Abneigung scheint sich Johnny + jedoch erstaunlich schnell mit seiner Lage zu arrangieren. + Von da an taucht das Großmaul regelmäßig, + teilweise unerwartet, in unserem Sichtfeld auf. + Kommentiert meine Entscheidungen (auch kritisch) oder gibt + Ratschläge. Vielleicht war es seine permanente + Präsenz oder Keanu Reeves erstaunlich energiegeladene + Performance, doch Johnny begann mir nach und immer besser + zu gefallen. + </p> + <p class="caption"> + <span class="imagecontainer responsive m-b-1" + ><a + href="//images.cgames.de/images/gamestar/226/cyberpunk-2077-gitarrist_6129258.jpg" + class="js-lbx js-ga" + data-img-id="6129258" + data-img-format="226" + data-category="lightbox" + data-label="picture" + data-action="open" + data-code="RC_SCREEN_LB" + data-lbx-id="6129258" + data-lbx-type="39" + title="Es passiert zwar selten, aber es passiert: Johnny kann gelegentlich auch nett zu anderen Menschen sein. " + > + <picture> + <img + src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-gitarrist_6129258.jpg" + class="responsive m-b-0 lazyload" + data-img-id="6129258" + data-img-format="290" + data-src="" + data-sizes="auto" + alt="Es passiert zwar selten, aber es passiert: Johnny kann gelegentlich auch nett zu anderen Menschen sein. " + width="16" + height="9" + /> + <noscript> + <img + loading="lazy" + src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-gitarrist_6129258.jpg" + class="responsive m-b-0" + data-img-id="6129258" + data-img-format="290" + alt="Es passiert zwar selten, aber es passiert: Johnny kann gelegentlich auch nett zu anderen Menschen sein. " + width="16" + height="9" + /> + </noscript> + </picture> + <span class="onimage hover-article-active" + ><span class="onimage-hover bottomleft" + ><i + class="icon-zoomIn icon-2x fg-white" + ></i></span + ></span> </a></span + ><span class="bu" + >Es passiert zwar selten, aber es passiert: Johnny kann + gelegentlich auch nett zu anderen Menschen sein. + </span> + </p> + <p> + Oft dank der kleinen Momente, die CD Projekt in Cyberpunk + meisterhaft verwendet, um seinen Charakteren Leben + einzuhauchen. Sei es Johnnys Respekt für einen + einfachen Gitarrist auf der Straße, oder wenn er + plötzlich neben V in einer Achterbahn sitzt und + grinst wie ein 12-jähriger. + </p> + <a + href="/artikel/cyberpunk-2077-guide-so-findet-ihr-die-coolsten-versteckten-nebenmissionen,3365668.html" + title="Cyberpunk 2077: Die coolsten (versteckten) Nebenmissionen" + class="contentbox-link js-ga" + data-category="contentbox" + data-action="click plus" + data-label="/artikel/cyberpunk-2077-guide-so-findet-ihr-die-coolsten-versteckten-nebenmissionen,3365668.html" + > + <div class="contentbox m-t-4 m-b-4 plus"> + <div class="contentbox-picture hidden-sm-down p-x-0"> + <div class="imagecontainer"> + <img + src="" + width="176" + height="99" + data-src="//images.cgames.de/images/gamestar/209/cyberpunk-2077-versteckte-quests_6125502.jpg" + class="responsive m-b-0 lazyload" + alt="Cyberpunk 2077: Die coolsten (versteckten) Nebenmissionen" + /> + <noscript + ><img + loading="lazy" + class="responsive m-b-0" + src="//images.cgames.de/images/gamestar/209/cyberpunk-2077-versteckte-quests_6125502.jpg" + width="176" + height="99" + /></noscript> + <span class="onimage"> + <span class="onimage-info left"> + <i class="icon-commentAlt fg-white"></i> + 19 + <i class="icon-star fg-white"></i> 10 + </span> + </span> + </div> + </div> + <div class="contentbox-text"> + <p class="info m-b-05"> + Mehr zum Thema + <span class="icon-plus"></span> + </p> + <div class="h3 m-b-0 media-heading ellipsize2"> + Cyberpunk 2077: Die coolsten (versteckten) + Nebenmissionen + </div> + </div> + <div class="contentbox-arrow"> + <i class="icon-arrowRight icon-2x"></i> + </div> + </div> + </a> + <p> + Doch letztlich waren es eben nicht nur die guten Momente, + die mir den Charakter näher brachten. Gerade weil wir + vor allem in Flashbacks immer wieder mitbekommen, was + Johnny eigentlich für eine defekte + Persönlichkeit ist, strahlen die lichten Momente so + viel heller. Wir sehen, wie Johnny Menschen in seiner + Umgebung verbal und physisch ständig angeht. Dem + scheinbar alles außer seinem Kreuzzug gegen Arasaka + egal ist. Der offenbar selbst nicht weiß, ob er + jemanden liebt oder hasst. + </p> + <p> + Eine Figur mit so vielen charakterlichen Schwächen + doch noch irgendwie sympathisch erscheinen zu lassen. + Dafür zu sorgen, dass wir ihm Fehltritte irgendwann + leichter verzeihen oder sogar darüber lachen + können - das ist eine ganz große + erzählerische Kunst. Etwas, das man in Videospielen + sehr selten findet. Vor allem, wenn es um einen NPC und + nicht die eigene Spielfigur geht. + </p> + <p> + Gleichzeitig vermutete ich, dass Johnny V gezielt + manipuliert. Immerhin kam der Umschwung von »blas + dir besser das Hirn raus« zu »lass uns dir + helfen« ziemlich schnell. Klar, versucht der nur + mich einzulullen, um letztlich Vs Körper zu kapern. + Gleichzeitig verschmelzen die Persönlichkeiten immer + weiter. + </p> + <p> + Einmal ärgerte ich mich etwa erst über das + Spiel, als meine V plötzlich doch ne Schachtel + Zigaretten dabei hatte. Bis mir klar war ... Moment, das + ist kein Fehler. Das ist Johnny. Was für ein toller + erzählerischer Kniff! Denn anstatt meine V + umzudrehen, hat er mich, den Spieler, auf seine Seite + gezogen. + </p> + <h2 id="ich-wollte-johnny-sein">Ich wollte Johnny sein</h2> + <p> + Im Verlauf der Story wurde in mir der Wunsch immer + größer, Johnny zu spielen und nicht länger + meinen eigenen Charakter. Ich war von dieser + Charakterdynamik so eingenommen, dass meine komplettes + Konzept über Bord ging. Das lag sicher an Johnny + selbst, aber auch an fast schon stupiden Kleinigkeiten. + </p> + <p> + Beispielsweise fand ich Johnnys Revolver schon im ersten + Flashback einfach hinreißend. Das Schießeisen + selbst zu benutzen, hat mir einen höllischen + Spaß bereitet. Auch dank der einzigartigen + Nachladeanimation oder dem feurigen Nahkampfangriff. Dann + gab es noch ne schicke Sonnenbrille als Questbelohnung und + ein Porsche. Alles simpel, alles oberflächlich. Aber + ich wollte das haben! + </p> + <p class="caption"> + <span class="imagecontainer responsive m-b-1" + ><a + href="//images.cgames.de/images/gamestar/226/cyberpunk-2077-fahrzeug-guide_6124349.jpg" + class="js-lbx js-ga" + data-img-id="6124349" + data-img-format="226" + data-category="lightbox" + data-label="picture" + data-action="open" + data-code="RC_SCREEN_LB" + data-lbx-id="6124349" + data-lbx-type="39" + title="Johnnys Porsche wirkt ein wenig aus der Zeit gefallen, macht ihn aber auch deshalb interessant. So fern ihr euch an dem Productplacement nicht stört. " + > + <picture> + <img + src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-fahrzeug-guide_6124349.jpg" + class="responsive m-b-0 lazyload" + data-img-id="6124349" + data-img-format="290" + data-src="" + data-sizes="auto" + alt="Johnnys Porsche wirkt ein wenig aus der Zeit gefallen, macht ihn aber auch deshalb interessant. So fern ihr euch an dem Productplacement nicht stört. " + width="16" + height="9" + /> + <noscript> + <img + loading="lazy" + src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-fahrzeug-guide_6124349.jpg" + class="responsive m-b-0" + data-img-id="6124349" + data-img-format="290" + alt="Johnnys Porsche wirkt ein wenig aus der Zeit gefallen, macht ihn aber auch deshalb interessant. So fern ihr euch an dem Productplacement nicht stört. " + width="16" + height="9" + /> + </noscript> + </picture> + <span class="onimage hover-article-active" + ><span class="onimage-hover bottomleft" + ><i + class="icon-zoomIn icon-2x fg-white" + ></i></span + ></span> </a></span + ><span class="bu" + >Johnnys Porsche wirkt ein wenig aus der Zeit gefallen, + macht ihn aber auch deshalb interessant. So fern ihr + euch an dem Productplacement nicht stört. + </span> + </p> + <p> + Silverhand hat es zudem geschafft, dass ich Keanu Reeves + vergessen habe. Ein Kunststück, dass ich Cyberpunk + sehr hoch anrechne. Denn eigentlich nerven mich + berühmte Schauspieler in Videospielen. Eigentlich + glaube ich, dass Videospielcharaktere das nicht brauchen + und mehr von ihrer Einzigartigkeit einbüßen, + als etwas zu gewinnen. Ich habe beim Spielen aber schlicht + in Silverhand nicht mehr Keanu Reeves gesehen. Sondern ein + abgehalfterten, verzweifelt idealistischen, viel zu + selbstsicheren Rebellen. + </p> + <p> + Letztlich bin ich sehr dankbar dafür, dass Johnny auf + mich diesen extremen Effekt hatte. Es war einer dieser + raren Momente, in denen Spiele scheinbar + <strong + >die Grenze zwischen Spiel und Realität + verschwimmen lassen</strong + >. Wer bestimmt denn überhaupt noch, was mein + Charakter sagt? Die Person, die sie eigentlich sein soll? + Johnny? Oder ich, der mehr von Johnny begeisterte ist als + von seiner eigenen Heldin. Also doch Johnny? Ich + weiß es bis heute nicht. + </p> + <p> + Aber ich weiß, dass CD Projekt es geschafft hat, mit + Silverhand einen grandiosen NPC zu erschaffen, der mir + eine einzigartige Spielerfahrung beschert hat und den ich + bestimmt nie wieder vergessen werde. + </p> + </div> + <img + src="https://ssl-vg03.met.vgwort.de/na/0b63edec52904a09ab4b76758fe29a6f" + width="1" + height="1" + alt="" + /> + <!-- vgwort --> + <div class="spacer2x"></div> + <ul class="taglist"> + <li> + <a + href="/artikel/" + title="Mehr von Artikel" + class="tag js-ga" + data-category="tagging" + data-label="tagging.tagcloud" + >Artikel</a + > + </li> + <li> + <a + href="/artikel/meinungen/" + title="Mehr von Kolumne" + class="tag js-ga" + data-category="tagging" + data-label="tagging.tagcloud" + >Kolumne</a + > + </li> + <li> + <a + style="cursor: default" + class="tag js-ga" + data-category="tagging" + data-label="tagging.tagcloud" + >Fabiano Uslenghi</a + > + </li> + <li> + <a + href="/link/games/3471" + title="Mehr von Cyberpunk 2077" + class="tag js-ga" + data-category="tagging" + data-label="tagging.tagcloud" + >Cyberpunk 2077</a + > + </li> + <li> + <a + style="cursor: default" + class="tag js-ga" + data-category="tagging" + data-label="tagging.tagcloud" + >PC</a + > + </li> + <li> + <a + style="cursor: default" + class="tag js-ga" + data-category="tagging" + data-label="tagging.tagcloud" + >Action-Rollenspiel</a + > + </li> + <li> + <a + style="cursor: default" + class="tag js-ga" + data-category="tagging" + data-label="tagging.tagcloud" + >Rollenspiel</a + > + </li> + <li> + <a + style="cursor: default" + class="tag js-ga" + data-category="tagging" + data-label="tagging.tagcloud" + >Bandai Namco</a + > + </li> + <li> + <a + style="cursor: default" + class="tag js-ga" + data-category="tagging" + data-label="tagging.tagcloud" + >CD Projekt Red</a + > + </li> + </ul> + <a + href="#comments" + class="btn btn-light-gray responsive menu-toggle scrollto do-toggle-comments js-ga" + data-label="zu den Kommentaren" + >zu den Kommentaren (123)</a + > + <div + class="OUTBRAIN" + data-src="https://www.gamestar.de/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html" + data-widget-id="AR_4" + data-ob-template="GameStar.de" + ></div> + <script + type="didomi/javascript" + data-vendor="iab:164" + defer + async + src="https://widgets.outbrain.com/outbrain.js" + ></script> + </div> + <div class="col-xs-12"> + <div + class="contentteaser row box offerteaser-box teaser" + data-toggle-tab="" + > + <div class="col-xs-12 box-title"> + <hr /> + <div class="h3"> + <a + href="/spiele/cyberpunk-2077,preisvergleich,3471.html" + >Preisvergleich</a + > + </div> + <i class="box-icon"></i> + <div class="box-link box-link-top"> + <a + href="/spiele/cyberpunk-2077,preisvergleich,3471.html" + title="alle anzeigen" + class="btn btn-link js-ga" + data-label="teaser.offers.alle" + >alle anzeigen</a + > + </div> + </div> + <div class="col-xs-12 box-content"> + <div class="row box-flex-container"> + <div + class="col-xs-12 col-md-6 media m-b-1 box-flex-item" + > + <div class="dis-table responsive"> + <div class="dis-table-row"> + <div class="media-left p-l-1"> + <a + title="Cyberpunk 2077 bei Amazon" + href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" + rel="nofollow noopener" + target="_blank" + data-action="shopClickout" + data-network="Amazon" + data-shoptitle="Amazon" + data-dealtitle="Cyberpunk 2077" + data-vars-shoptitle="Amazon" + data-vars-dealtitle="Cyberpunk 2077" + data-clickoutposition="db_pricebox2" + data-price="56,24 €" + class="imagecontainer text-sm-center" + style=" + width: 85px; + height: 85px; + overflow: hidden; + " + > + <img + src="" + width="16" + height="16" + data-src="https://static.cgames.de/pv/m.media-amazon.com/images/I/51OZnJLB9uL._SL500_.jpg" + class="media-game-object ads-container lazyload" + alt="Cyberpunk 2077" + style="width: 100%" + /> + <noscript + ><img + loading="lazy" + class="media-game-object ads-container" + src="https://static.cgames.de/pv/m.media-amazon.com/images/I/51OZnJLB9uL._SL500_.jpg" + width="16" + height="16" + style="width: 100%" + /></noscript> + </a> + </div> + <div class="media-body"> + <div class="m-b-05"> + <a + title="Cyberpunk 2077 bei Amazon" + href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" + rel="nofollow noopener" + target="_blank" + data-action="shopClickout" + data-network="Amazon" + data-shoptitle="Amazon" + data-dealtitle="Cyberpunk 2077" + data-vars-shoptitle="Amazon" + data-vars-dealtitle="Cyberpunk 2077" + data-clickoutposition="db_pricebox2" + data-price="56,24 €" + ><img src="/img/gamestar/coop/amazon.png" + /></a> + </div> + <div class="h4 media-heading ellipsize2 m-b-0"> + <a + title="Cyberpunk 2077 bei Amazon" + href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" + rel="nofollow noopener" + target="_blank" + data-action="shopClickout" + data-network="Amazon" + data-shoptitle="Amazon" + data-dealtitle="Cyberpunk 2077" + data-vars-shoptitle="Amazon" + data-vars-dealtitle="Cyberpunk 2077" + data-clickoutposition="db_pricebox2" + data-price="56,24 €" + >Cyberpunk 2077</a + > + </div> + <a + title="Cyberpunk 2077 bei Amazon" + href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" + rel="nofollow noopener" + target="_blank" + data-action="shopClickout" + data-network="Amazon" + data-shoptitle="Amazon" + data-dealtitle="Cyberpunk 2077" + data-vars-shoptitle="Amazon" + data-vars-dealtitle="Cyberpunk 2077" + data-clickoutposition="db_pricebox2" + data-price="56,24 €" + class="btn btn-link btn-link-price m-r-1" + >ab 56,24 €</a + > + <br /> + <p class="caption delivery m-b-0"> + Versand s. Shop + </p> + </div> + </div> + </div> + <hr class="m-t-1 m-b-0" /> + </div> + <div class="clearfix"></div> + <div class="spacer2x spacer-on-demand"></div> + </div> + </div> + <div class="clearfix"></div> + <div class="spacer2x spacer-on-demand"></div> + <div class="col-xs-12 box-link p-r-2"> + <p class="delivery caption m-t-0 float-right">ANZEIGE</p> + </div> + </div> + </div> + </div> + <div id="comments" class="row box box-toggle box-close teaser"> + <div class="col-xs-12 box-title"> + <hr /> + <div class="h3"> + <span>Kommentare</span><span class="count">(123)</span> + </div> </div> - <div class="panel " data-nid="658"> - <div class="panel-heading"> - <a href="/eso-high-isle/" title="Alles zu ESO High Isle" target="_self" rel=" nofollow" - class="js-ga" data-category="sitenavi">ESO High Isle</a> - </div> + <div class="col-xs-12"> + <a + href="#" + id="a-comment-toggle" + class="do-toggle-comments toggle-comments btn btn-gray m-r-0 hidden-md-up" + >Kommentare einblenden</a + > </div> - </div> - </div> - <div id="header-login" class="sidebar sidebar-right"> - <table class="dropdown-menu-table"> - <tr> - <td> - <div class="login-container"> - <form class="login-form-box" name="loginboxLogin" - action="https://www.gamestar.de/_misc/ssl/login.cfm" method="post" data-type="login"> - <span class="info">Benutzername</span><br /> - <input type="text" class="" id="loginbox-login-username" name="username" - placeholder="Benutzername" value="" /> - <span class="info">Passwort</span><br /> - <input type="password" class="" id="loginbox-login-password" name="password" - placeholder="Passwort" value="" /> - <input type="checkbox" class="" id="loginbox-login-stayonline" name="loginstayonline" - value="" /> - <label for="loginbox-login-stayonline" class="checkboxlabel">Online bleiben</label> - <button type="submit" class="btn btn-brand js-ga" data-category="menu" data-type="login" - data-label="Login"> - Login - </button> - <a href="/passwort_vergessen/" rel="nofollow" title="Passwort zurücksetzen" - class="btn btn-link js-ga m-b-0" data-category="menu" - data-label="Passwort vergessen"> Passwort vergessen?</a><br> - <hr class="m-b-2 m-t-2"> - <div class="register-box"> - <div class="h2 m-b-1"> - <span>Neu bei GameStar?</span> - </div> - <p class="info m-b-2">Registriere dich jetzt kostenlos</p> - <a href="/registrierung/" rel="nofollow" title="Kostenlos registrieren" - class="btn btn-community responsive js-ga" data-category="menu" - data-label="Jetzt kostenlos registrieren">Jetzt kostenlos registrieren</a> - </div> - </form> + <div + class="box-content" + data-id="3366933" + data-type="10" + data-htag="div" + data-hstyle="" + data-filter="top" + data-page="1" + data-maxrows="10" + data-auto="1" + data-jumptocommentid="0" + > + <div class="col-xs-12"> + <div class="media kasten"> + <div class="media-body"> + <p class="m-b-2"> + Nur angemeldete Benutzer können kommentieren und + bewerten. + </p> + </div> + <div class="media-bottom"> + <div class="col-xs-12 col-md-4 p-l-0 p-t-0 m-b-1"> + <a + class="btn btn-brand responsive js-ga" + title="Auf GameStar.de einloggen" + href="/login/" + onclick="javascript:openLoginSidebar();return false;" + rel="nofollow" + data-label="teaser.comments.login" + > + Ich habe ein Konto + </a> </div> - <div id="loginbox-message"></div> - </td> - </tr> - </table> - </div> - <div id="header-notifications" class="sidebar sidebar-right"> - <div class="notifications panel" data-nid="notifications"> - <div class="notifications-info"> - <span class="notifications-heading"> - <a href="/mitteilungen/"><data class="notifications-unread-count" value="0">0</data> - Mitteilungen</a> - </span> - <a href="javascript:void(0);" class="js-notification-mark-all-as-read notifications-link">alles - gelesen</a> + <div class="col-xs-12 col-md-4 p-l-0 p-t-0"> + <a + class="btn btn-community responsive js-ga" + title="Zur kostenlosen Registrierung" + href="/registrierung/" + rel="nofollow" + data-label="teaser.comments.register" + > + Kostenlos registrieren + </a> + </div> + </div> + </div> + </div> + <div class="col-xs-12 filter filter-toggle p-t-0 m-b-4 m-t-4"> + <div class="tablinkcontainer p-l-0 p-r-0"> + <div class="tablinks m-b-0 p-l-0 p-r-0"> + <div class="link-container col-xs-6 p-l-0 p-r-0"> + <a + href="javascript:void(0);" + class="btn btn-link btn-link-gray btn-tab do-filter js-ga col-xs-12 active" + data-label="teaser.comments.filter" + data-value="top" + title="Kommentare sortieren" + >Top<span class="hidden-sm-down"> + Kommentare</span + ></a + > + </div> + <div class="link-container col-xs-6 p-l-0 p-r-0"> + <a + href="javascript:void(0);" + class="btn btn-link btn-link-gray btn-tab do-filter js-ga col-xs-12" + data-label="teaser.comments.filter" + data-value="newest" + title="Kommentare sortieren" + >Neueste<span class="hidden-sm-down"> + zuerst</span + ></a + > + </div> + <div class="link-container col-xs-6 p-l-0 p-r-0"> + <a + href="javascript:void(0);" + class="btn btn-link btn-link-gray btn-tab do-filter js-ga col-xs-12" + data-label="teaser.comments.filter" + data-value="oldest" + title="Kommentare sortieren" + >Älteste<span class="hidden-sm-down"> + zuerst</span + ></a + > + </div> + </div> + </div> + </div> + <span id="commentReload"> + <div id="commentPlaceholder"></div> + </span> + <div id="comment-spinner" class="col-xs-12 box-spinner"> + <i class="loader spin"></i> + </div> </div> - <template id="notification-template"> - <li class="notification"> - <i></i> - <a href="" class="notification-link"> - <div class="notification-title"> - <span class="notification-sender-info"></span> - <br /> - <span class="notification-message"></span> - </div> - <div class="notification-content"></div> - </a> - <a href="javascript:void(0);" class="notification-option js-notification-mark-as-read">Als - gelesen markieren</a> - </li> - </template> - <span class="notifications-list-ajax"> - <ul class="notification-list" class="p-b-1"> - </ul> - </span> - <div class="notifications-options"> - <a href="/mitteilungen/" class="notifications-show-all btn btn-brand">Alle anzeigen</a> + <div id="comment-modal-error" class="modal fade"> + <div class="modal-dialog" role="document"> + <div class="modal-content comment"> + <div class="modal-header"> + <button + type="button" + class="close" + data-dismiss="modal" + aria-label="Close" + title="Schließen" + > + <i class="icon-close icon-2x"></i> + </button> + <div class="h2 modal-title">Fehler</div> + </div> + <div class="modal-body comment-body"> + <p> + <strong + >Dein Kommentar wurde nicht gespeichert.</strong + > + Dies kann folgende Ursachen haben: <br /><br /> + 1. Der Kommentar ist länger als 4000 Zeichen. + <br /><br /> + 2. Du hast versucht, einen Kommentar innerhalb der + 10-Sekunden-Schreibsperre zu senden. + <br /><br /> + 3. Dein Kommentar wurde als Spam identifiziert. Bitte + beachte unsere + <a + href="/xenforo/index.php?help/rules/" + title="Zu den Foren-Richtlinien" + >Richtlinien zum Erstellen von Kommentaren</a + >. <br /><br /> + 4. Du verfügst nicht über die nötigen + Schreibrechte bzw. wurdest gebannt. + <br /><br /> + Bei Fragen oder Problemen nutze bitte das + <a href="/kontakt/" title="Zum Kontakt-Formular" + >Kontakt-Formular</a + >. + </p> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> </div> - </div> - </div> - </header> - <div class="row ads-row" id="dfp-header-container"> - <div class="container ads-container"> - <!-- Start Google DFP Header --> - <!-- interstitial --> - <div id="jad-interstitial"> - <!-- leer --> - </div> - <!-- webinterstitial --> - <div id="jad-webinterstitial"> - <!-- leer --> - </div> - <div id="dfp-header"> - <!-- skyscraper --> - <div id="dfp-skyscraper" - class="jad-placeholder jad-placeholder-skyscraper jad-placeholder-skyscraper-right"> - <div id="jad-skyscraper" class="jad-skyscraper jad-skyscraper-right"> - <!-- leer --> + <!-- /.modal --> + <div id="comment-modal-report-user" class="modal fade"> + <div class="modal-dialog" role="document"> + <div class="modal-content comment"> + <div class="modal-header"> + <button + type="button" + class="close" + data-dismiss="modal" + aria-label="Close" + title="Schließen" + > + <i class="icon-close icon-2x"></i> + </button> + <div class="h2 modal-title">Benutzer melden</div> + </div> + <div class="modal-body comment-body"></div> </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> </div> - <!-- masthead --> - <div id="dfp-masthead" class="jad-placeholder jad-placeholder-leaderboard jad-placeholder-masthead"> - <div id="jad-masthead" class="jad-leaderboard jad-masthead"> - <!-- leer --> + <!-- /.modal --> + <div id="comment-modal-friend" class="modal fade"> + <div class="modal-dialog" role="document"> + <div class="modal-content comment"> + <div class="modal-header"> + <button + type="button" + class="close" + data-dismiss="modal" + aria-label="Close" + title="Schließen" + > + <i class="icon-close icon-2x"></i> + </button> + <div class="h2 modal-title">Freundschaftsanfrage</div> + </div> + <div class="modal-body comment-body"></div> </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> </div> - <!-- sky left --> - <div id="jad-sky-left-wrapper"> - <!-- skyscraper left top --> - <div id="dfp-sky-left-top" - class="jad-placeholder jad-placeholder-skyscraper jad-placeholder-skyscraper-left"> - <div id="jad-sky-left-top" class="jad-skyscraper jad-skyscraper-left"> - <!-- leer --> + <!-- /.modal --> + <div id="comment-modal-login" class="modal fade"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <button + type="button" + class="close" + data-dismiss="modal" + aria-label="Close" + title="Schließen" + > + <i class="icon-close icon-2x"></i> + </button> + <div class="h2 modal-title"> + Nur für registrierte User </div> + </div> + <div class="modal-body"> + <p> + Nur angemeldete Benutzer können kommentieren und + bewerten. + </p> + </div> + <div class="modal-footer"> + <a + href="/login/" + rel="nofollow" + onclick="javascript:openLoginSidebar();return false;" + ><button + type="button" + class="btn btn-brand js-ga" + title="Jetzt anmelden" + data-dismiss="modal" + data-label="teaser.comments.login-reply" + > + Ich habe ein Konto + </button></a + > + <a href="/registrierung/" rel="nofollow" + ><button + type="button" + class="btn btn-community js-ga" + title="Jetzt registrieren" + data-label="teaser.comments.register-reply" + > + Kostenlos registrieren + </button></a + > + </div> </div> - <!-- skyscraper left bottom --> - <div id="dfp-sky-left-bottom" - class="jad-placeholder jad-placeholder-skyscraper jad-placeholder-skyscraper-left"> - <div id="jad-sky-left-bottom" class="jad-skyscraper jad-skyscraper-left"> - <!-- leer --> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> + <div id="comment-modal-plus-login" class="modal fade"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <button + type="button" + class="close" + data-dismiss="modal" + aria-label="Close" + title="Schließen" + > + <i class="icon-close icon-2x"></i> + </button> + <div class="h2 modal-title"> + Weiter mit GameStar Plus </div> + </div> + <div class="modal-body"> + <p> + Nur angemeldete Plus-Mitglieder können Plus-Inhalte + kommentieren und bewerten. + </p> + </div> + <div class="modal-footer"> + <a + href="/login/" + rel="nofollow" + onclick="javascript:openLoginSidebar();return false;" + ><button + type="button" + class="btn btn-brand js-ga" + title="Mit Plus einloggen" + data-dismiss="modal" + data-label="teaser.comments.login-reply" + > + Mit Plus einloggen + </button></a + > + <a + href="/scalecommerce/plus-comments?source=plus-buy" + rel="nofollow" + ><button + type="button" + class="btn btn-sale js-ga" + title="Jetzt Plus beitreten" + data-label="teaser.comments.register-reply" + > + Jetzt Plus beitreten + </button></a + > + </div> </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> </div> + <!-- /.modal --> + </div> </div> - <!-- End Google DFP Header --> - </div> - </div> - <div id="content" class="waypoint" data-animate-offset-element="#header" data-animate-offset="-30" - data-animate-up="header-bold" data-animate-down="header-slim" data-animate-object="header" - data-animate-cleanup-up="closeHeaderSearch" data-animate-cleanup-down="closeSearchTypeAhead"> - <div class="container"> - <style> - .plus-banner-top { - padding: 20px 10px 10px 10px; - } - - .plus-banner-top .plus-banner-content { - display: flex; - align-items: center; - justify-content: space-between; - padding: 1rem; - flex-wrap: wrap; - } - - .plus-banner-top .plus-banner-content .plus-banner-headline { - display: inline-flex; - align-items: center; - flex-wrap: wrap; - width: 100%; - margin-bottom: 1rem; - } - - @media (min-width: 730px) { - .plus-banner-top .plus-banner-content .plus-banner-headline { - width: 50%; - margin-bottom: 0; - } - } - - .plus-banner-top .plus-banner-content .plus-banner-headline .plus-banner-logo { - margin-right: 1.125rem; - } - - .plus-banner-top .plus-banner-content .plus-banner-headline .plus-banner-logo .plus-banner-logo-image { - width: 58px; - height: 24px; - margin-left: -0.5rem; - } - - @media (min-width: 730px) { - .plus-banner-top .plus-banner-content .plus-banner-headline .plus-banner-logo .plus-banner-logo-image { - width: 77px; - height: 32px; - } - } - - .plus-banner-top .plus-banner-content .plus-banner-headline .plus-banner-teaser h4 { - margin-bottom: 0; - font-size: 0.875rem; - font-weight: bold; - color: #212121; - } - - @media (min-width: 730px) { - .plus-banner-top .plus-banner-content .plus-banner-headline .plus-banner-teaser h4 { - font-size: 1rem; - } - } - - .plus-banner-top .plus-banner-content .plus-banner-wrapper { - display: flex; - justify-content: space-between; - flex-direction: row-reverse; - width: 100%; - height: 42px; - } - - @media (min-width: 730px) { - .plus-banner-top .plus-banner-content .plus-banner-wrapper { - width: 50%; - flex-direction: row; - } - } - - .plus-banner-top .plus-banner-content .plus-banner-wrapper .plus-banner-image-wrapper { - display: flex; - justify-content: flex-end; - flex-basis: 50%; - } - - @media (min-width: 730px) { - .plus-banner-top .plus-banner-content .plus-banner-wrapper .plus-banner-image-wrapper { - justify-content: space-around; - } - } - - @media (min-width: 910px) { - .plus-banner-top .plus-banner-content .plus-banner-wrapper .plus-banner-image-wrapper { - justify-content: flex-start; - } - } - - .plus-banner-top .plus-banner-content .plus-banner-wrapper .plus-banner-image-wrapper .plus-banner-bg-image { - height: 72px; - margin-bottom: -1rem; - align-self: flex-end; - display: inline; - } - - @media (min-width: 910px) { - .plus-banner-top .plus-banner-content .plus-banner-wrapper .plus-banner-image-wrapper .plus-banner-bg-image { - display: none; - } - } - - .plus-banner-top .plus-banner-content .plus-banner-wrapper .plus-banner-image-wrapper .plus-banner-bg-image-lg { - display: none; - } - - @media (min-width: 910px) { - .plus-banner-top .plus-banner-content .plus-banner-wrapper .plus-banner-image-wrapper .plus-banner-bg-image-lg { - height: 72px; - margin-bottom: -1rem; - align-self: flex-end; - display: inline; - } - } - - .plus-banner-top .plus-banner-content .plus-banner-wrapper .plus-banner-image-wrapper-light { - display: flex; - } - - .plus-banner-top .plus-banner-content .plus-banner-wrapper .plus-banner-image-wrapper-dark { - display: none; - } - - .plus-banner-top .plus-banner-content .plus-banner-wrapper .plus-banner-button.btn { - margin-bottom: 0; - margin-top: 0; + <div class="col-xs-12 col-lg-4 pull-xs-right teaser"> + <style> + iframe.wbd-toolbox { + height: 480px; } - </style> - <div class="col-xs-12 plus-banner-top" id="content-plus-banner-top"> - <a href="https://shop.gamestar.de/gamestar-plus-das-plus-fuer-pc-gamer?source=plus-top-banner-content" - data-action="shopClickout" data-dealtitle="Plus Top Banner Artikel" data-shoptitle="GameStar Shop" - data-clickoutposition="Top Banner"> - <div class="col-xs-12 plus-banner-content box-gray"> - <div class="plus-banner-headline"> - <div class="plus-banner-logo"> - <img class="plus-banner-logo-image" src="/img/plus/gsp_plus_logo_green.svg" /> - </div> - <div class="plus-banner-teaser"> - <h4>3 Monate im ersten Jahr geschenkt!</h4> - </div> - </div> - <div class="plus-banner-wrapper"> - <div class="plus-banner-image-wrapper"> - <div class="plus-banner-image-wrapper-light"> - <img class="plus-banner-bg-image" - src="https://images.cgames.de/images/gamestar/4/-gamestar-plus-banner-3-monate-gutschein-mobile-hell_6167110.jpg" /> - <img class="plus-banner-bg-image-lg" - src="https://images.cgames.de/images/gamestar/4/-gamestar-plus-banner-3-monate-gutschein-desktop-hell_6167113.jpg" /> - </div> - <div class="plus-banner-image-wrapper-dark"> - <img class="plus-banner-bg-image" - src="https://images.cgames.de/images/gamestar/4/-gamestar-plus-banner-3-monate-gutschein-mobile-dunkel_6167109.jpg" /> - <img class="plus-banner-bg-image-lg" - src="https://images.cgames.de/images/gamestar/4/-gamestar-plus-banner-3-monate-gutschein-desktop-dunkel_6167111.jpg" /> - </div> + </style> + <div class="row"> + <div id="aktion-blackweek-desktop" class="col-xs-12"> + <div + class="js-move m-b-2" + data-desktop="aktion-blackweek-desktop" + data-mobile="aktion-blackweek-mobile" + > + <iframe + class="wbd-toolbox js-ga-view" + data-label="ActionWidgetPublic" + data-category="black-week-2022-action-widget" + src="https://toolbox.webediagaming.de/black-week-2022-action-widget-gs/?website=gamestar&darkmode=no" + frameborder="0" + scrolling="no" + width="100%" + height="480" + ></iframe> + </div> + </div> + </div> + <div class="row"> + <div class="box-content"> + <div class="col-xs-12"> + <div class="media kasten"> + <div class="row"> + <div class="col-xs-12 col-sm-6 col-md-5 col-lg-12"> + <div class="media-left"> + <div class="circle" style="width: 60px"> + <a + href="/spiele/cyberpunk-2077,3471.html" + class="js-ga" + data-label="info.spiel.profilbild" + title="Zur Produktseite von Cyberpunk 2077" + > + <img + width="60" + height="" + src="//images.cgames.de/images/gamestar/162/3471-pc-packshot_6116850.jpg" + alt="Cyberpunk 2077" + /> + </a> </div> - <div class="plus-banner-button btn btn-sale">Jetzt beitreten</div> + </div> + <div class="media-body"> + <p class="info m-b-05"> + <a + href="/spiele/cyberpunk-2077,3471.html" + class="btn btn-link btn-wrap js-ga" + data-label="info.spiel.titel" + title="Zur Produktseite von Cyberpunk 2077" + >Cyberpunk 2077</a + > + </p> + <p class="info">Genre: Rollenspiel</p> + <p class="info"> + Release: 10.12.2020 (PC, PS4, Xbox One, Stadia), + 1. Quartal 2022 (PS5, Xbox Series X/S) + </p> + </div> + <div class="spacer2x"></div> </div> - </div> - </a> - </div> - </div> - <div class="container"> - <div class="main waypoint" data-animate-offset-element="#header" data-animate-offset="-30" - data-animate-up="fadeout" data-animate-down="fadein" data-animate-object="backtotop"> - <div class="row"> - <div class="col-xs-12 div-article-title"> - <script> - window.articleType = 39; - </script> - <script type="application/ld+json"> -{ -"@context": "https://schema.org", -"@type": "Article", -"mainEntityOfPage": "https://www.gamestar.de/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html", -"name": "Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert", -"headline": "Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert", -"description": "Meinung: Johnny Silverhand ist der wichtigste NPC in Cyberpunk 2077. Und er hat es Fabiano unmöglich gemacht, ihn zu hassen.", -"thumbnailUrl": "https://images.cgames.de/images/gamestar/4/cyberpunk-oh-johnny_6129247.jpg", -"image": { -"type": "ImageObject", -"url": "https://images.cgames.de/images/gamestar/208/cyberpunk-oh-johnny_6129247.jpg", -"width": "600", -"height": "338" -}, -"author": { -"@type" : "Person", -"name": "Fabiano Uslenghi" -}, -"publisher": { -"@type" : "Organization", -"name": "GameStar", -"logo": { -"type": "ImageObject", -"url": "https://www.gamestar.de/img/gsschema.png" -} -}, -"datePublished": "2021-02-14T14:00:00+01:00", -"dateModified": "2021-02-14T14:00:00+01:00", -"isAccessibleForFree": true -} -</script> - <div class="row"> - <div class="col-xs-12"> - <h1 class="article">Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert - und - das ist super</h1> + <div + class="col-xs-12 col-md-7 hidden-sm-down hidden-lg-up" + > + <div + class="row media-bottom m-t-1 text-xs-center text-md-right" + > + <div class="col-xs-12 col-md-6"> + <a + href="/spiele/cyberpunk-2077,preisvergleich,3471.html" + rel="nofollow" + title="Alle Angebote und Preise zu Cyberpunk 2077" + class="btn btn-sale js-ga responsive m-b-0" + data-label="info.spiel.button.preisvergleich" + > + Preisvergleich + </a> </div> - <div class="col-xs-12"> - <p class="intro">Meinung: Johnny Silverhand ist der wichtigste NPC in Cyberpunk und hat - bei Fabiano genau die richtige Wirkung gehabt: Er hat es unmöglich gemacht, ihn zu - hassen.</p> + <div class="col-xs-12 col-md-6"> + <a + href="/spiele/cyberpunk-2077,3471.html" + title="Zur Produktseite von Cyberpunk 2077" + class="btn btn-brand js-ga responsive m-b-0 m-r-0" + data-label="info.spiel.button.link" + rel="nofollow" + > + Mehr zum Spiel + </a> </div> + </div> </div> - <div class="row"> - <div class="col-xs-12"> - </div> - <div class="content-meta col-xs-12 pull-xs-left dis-flex align-items-center"> - <p class="info publication-info m-r-2"> - <a href="/xenforo/members/fabiano-uslenghi.439577/" class="btn btn-link btn-inline" - title="Zur Userprofilseite von Fabiano Uslenghi">Fabiano Uslenghi</a> - <br /> - 14.02.2021 | 14:00 Uhr - </p> - <div id="socialshare" data-type="10" data-id="3366933"> - <a href="#comments" title="Zu den Kommentaren springen" - class="btn btn-social scrollto do-toggle-comments js-ga" role="button" - data-label="socialbutton.comments" data-scroll-offset="-65" tabindex="0"> - <svg viewBox="0 0 24 24" width="16" height="16"> - <use href="/gs_cb/assets/core/images/icons.svg#chat"></use> - </svg> - <span class="btn-text">123</span> - </a> - <a title="Gefällt mir" - class="btn btn-social do-favorite btn-overwrite-on-pressed js-ga" role="button" - data-label="socialbutton.like" aria-pressed="false" tabindex="0"> - <svg viewBox="0 0 24 24" width="16" height="16" class="btn-thumb-up"> - <use href="/gs_cb/assets/core/images/icons.svg#thumb-up"></use> - </svg> - <svg viewBox="0 0 24 24" width="16" height="16" class="btn-thumb-up-active"> - <use href="/gs_cb/assets/core/images/icons.svg#thumb-up-active"></use> - </svg> - <span class="btn-text">17</span> - </a> - </div> - </div> + <div class="col-xs-12"> + <div class="media-bottom"> + <ul class="taglist m-b-0"> + <li class="m-b-1"> + <a + href="/spiele/rollenspiel/genre-261.html" + title="Alle Spiele des Genres Rollenspiel" + class="tag teasertag js-ga" + data-label="info.spiel.tag" + >Rollenspiel</a + > + </li> + <li class="m-b-1"> + <a + href="/spiele/action-rollenspiel/genre-379.html" + title="Alle Spiele des Genres Action-Rollenspiel" + class="tag teasertag js-ga" + data-label="info.spiel.tag" + >Action-Rollenspiel</a + > + </li> + <li class="m-b-1"> + <a + href="/spiele/suche/bandai_namco.html" + title="Alle Spiele des Publishers Bandai Namco" + class="tag teasertag js-ga" + data-label="info.spiel.tag" + >Bandai Namco</a + > + </li> + <li class="m-b-1"> + <a + href="/spiele/suche/cd_projekt_red.html" + title="Alle Spiele des Entwicklers CD Projekt Red" + class="tag teasertag js-ga" + data-label="info.spiel.tag" + >CD Projekt Red</a + > + </li> + </ul> + </div> </div> + <div class="col-xs-12 hidden-md"> + <div class="spacer"></div> + <div class="media-bottom"> + <a + href="/spiele/cyberpunk-2077,preisvergleich,3471.html" + title="Alle Angebote und Preise zu Cyberpunk 2077" + class="btn btn-sale js-ga responsive m-b-0 col-lg-12" + rel="nofollow" + data-label="info.spiel.button.preisvergleich" + > + Preisvergleich + </a> + <div class="spacer hidden-md"></div> + <a + href="/spiele/cyberpunk-2077,3471.html" + title="Zur Produktseite von Cyberpunk 2077" + class="btn btn-brand js-ga btn-mobile-big-last m-b-0 col-lg-12" + data-label="info.spiel.button.link" + rel="nofollow" + > + Mehr zum Spiel + </a> + </div> + </div> + </div> </div> - <div class="content-meta col-xs-12 col-lg-8 pull-xs-left"> - </div> - <div class="col-xs-12 col-lg-8 pull-xs-left maincontent"> - <div class="row"> - <div class="col-xs-12"> - </div> - <div class="article col-xs-12"> - <div class="article-content" - data-io-article-url="/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html" - data-rpi-area> - <p class="caption"> - <picture> - <img src="//images.cgames.de/images/gamestar/290/cyberpunk-oh-johnny_6129247.jpg" - class="responsive" data-img-id="6129247" data-img-format="290" - data-src="" data-sizes="auto" alt="" width="16" height="9"> - </picture> - </p> - <p> - Auf der E3 2019 gab es damals eigentlich nur ein echtes Highlight: Keanu Reeves, - der überraschend als Johnny Silverhand für <a title="Cyberpunk 2077" - class="btn btn-link btn-inline btn-wrap" rel="" - href="/spiele/cyberpunk-2077,3471.html" data-type="138" data-id="3471" - target="_self">Cyberpunk 2077</a> angekündigt wurde. Zumindest mich hat - das recht unvorbereitet erwischt und ziemlich gefreut. Dabei bin ich - persönlich kein riesiger Fan des Schauspielers. Ich habe nur einen einzigen - seiner Filme bis jetzt gesehen. Und das war weder Matrix noch John Wick, sondern - Bill & Teds verrückte Reise durch die Zeit. - </p> - <div id="dfp-atf" - class="jad-placeholder jad-placeholder-rectangle jad-placeholder-mobile jad-placeholder-atf hidden-lg-up m-b-4"> - <div id="jad-atf-mobile" class="jad-rectangle jad-rectangle-mobile jad-atf"> - </div> - </div> - <p> - Die Starpower war aber natürlich unverkennbar und brachte mit <a - href="https://www.youtube.com/watch?v=rvz3cQ2KC4Q" title="" - class="btn btn-link btn-inline btn-wrap" rel="noopener" target="_blank" - data-type="0" data-id="0">»Breathtaking!«</a> wenigstens noch - ein Cyberpunk-Meme hervor, in dem es nicht um die kaputte Konsolen-Versionen - ging. Wilde Zeiten. Nennt mich naiv, aber für mich war das damals auch - deshalb so eine Überraschung, weil ich selbst nach <a - title="The Witcher 3: Wild Hunt" class="btn btn-link btn-inline btn-wrap" - rel="" href="/spiele/the-witcher-3-wild-hunt,3097.html" data-type="138" - data-id="3097" target="_self">Witcher 3</a> CD Projekt noch nicht für - diese Art Mainstream-Studio gehalten hab, das bereit ist, für einen - Hollywoodstar Ressourcen auszugeben. - </p> - <p class="caption"> - <span class="imagecontainer responsive m-b-1"><a - href="//images.cgames.de/images/gamestar/226/keanu-reeves-als-johnny-silverhand-in-cyberpunk-2077_6069022.jpg" - class="js-lbx js-ga" data-img-id="6069022" data-img-format="226" - data-category="lightbox" data-label="picture" data-action="open" - data-code="RC_SCREEN_LB" data-lbx-id="6069022" data-lbx-type="39" - title="&quot;Wake up, Samurai. We have a city to burn.&quot; Johnnys erster Auftritt bei der E3 2019 bleibt unvergessen. "> - <picture> - <img src="//images.cgames.de/images/gamestar/290/keanu-reeves-als-johnny-silverhand-in-cyberpunk-2077_6069022.jpg" - class="responsive m-b-0 lazyload" data-img-id="6069022" - data-img-format="290" data-src="" data-sizes="auto" - alt="&quot;Wake up, Samurai. We have a city to burn.&quot; Johnnys erster Auftritt bei der E3 2019 bleibt unvergessen. " - width="16" height="9"> - <noscript> - <img loading="lazy" - src="//images.cgames.de/images/gamestar/290/keanu-reeves-als-johnny-silverhand-in-cyberpunk-2077_6069022.jpg" - class="responsive m-b-0" data-img-id="6069022" - data-img-format="290" - alt="&quot;Wake up, Samurai. We have a city to burn.&quot; Johnnys erster Auftritt bei der E3 2019 bleibt unvergessen. " - width="16" height="9"> - </noscript> - </picture> - <span class="onimage hover-article-active"><span - class="onimage-hover bottomleft"><i - class="icon-zoomIn icon-2x fg-white"></i></span></span> - </a></span><span class="bu">"Wake up, Samurai. We have a city to burn." - Johnnys erster Auftritt bei der E3 2019 bleibt unvergessen. </span> - </p> - <p> - Mein Interesse an Johnny Silverhand war also geweckt, doch erste Infos alles - andere als begeisternd. Irgendein rebellischer Rockstar halt. Na gut. Und dann - kam in den späteren Previews von Kollege Graf auch noch heraus, dass Johnny - <a title="15 Stunden gespielt: So gut wird Cyberpunk 2077 wirklich" - class="btn btn-link btn-inline btn-wrap" rel="" - href="/artikel/cyberpunk-2077-gameplay-preview-hands-on,3364176.html" - data-type="10" data-id="3364176" target="_self">ein ziemliches Arschloch</a> - (sic!) sei. Da wusste ich eigentlich schon, dass Johnny es mit meinem Charakter - schwer haben würde. - </p> - <div id="aktion-blackweek-mobile"></div> - <p>Noch nie lag ich so falsch. </p> - <blockquote class="kasten "> - <p> - <strong>Spoileralarm!</strong> - <br> - <br> - Kleine Warnung gleich vorweg: Ich werde in diesem Artikel über meine - Spielzeit an der Seite von Johnny Silverhand sprechen. Da Johnny neben - unserem eigenen Helden die wichtigste Figur im Spiel ist, werde ich wohl - oder übel ein paar kleinere Inhalte der Kampagne vornweg nehmen. Ich - achte darauf, keine großen Enthüllungen zu verraten. Aber wenn - ihr komplett unbefangen ins Spiel gehen wollt, dann lasst diesen Artikel - hier besser erst einmal ruhen. - </p> - </blockquote> - <h2 id="klare-prinzipien">Klare Prinzipien</h2> - <p>Ich bin ein Rollenspieler. Sowohl am Tisch mit Stiften, Papier und echten - Würfeln, aber auch am PC. Ich spiele mich also nicht selbst, sondern - verkörpere eine bestimmte Rolle. Dafür gebe ich meiner Figur erdachte - Prinzipien, Ideale und Vorlieben mit auf den Weg und versuch ein konsequentes - Charakterspiel durchzuhalten. Wie man das bei Cyberpunk am besten macht, habe - ich sogar in einem Guide für Plus festgehalten:</p> - <a href="/artikel/cyberpunk-2077-richtiges-rollenspiel-guide,3366138.html" - title="Guide: So macht ihr Cyberpunk 2077 zu einem echten Rollenspiel" - class="contentbox-link js-ga" data-category="contentbox" - data-action="click plus" - data-label="/artikel/cyberpunk-2077-richtiges-rollenspiel-guide,3366138.html"> - <div class="contentbox m-t-4 m-b-4 plus"> - <div class="contentbox-picture hidden-sm-down p-x-0"> - <div class="imagecontainer"> - <img src="" width="176" height="99" - data-src="//images.cgames.de/images/gamestar/209/cyberpunk-2077-rollenspiel-plus_6126742.jpg" - class="responsive m-b-0 lazyload" - alt="Guide: So macht ihr Cyberpunk 2077 zu einem echten Rollenspiel" /> - <noscript><img loading="lazy" class="responsive m-b-0" - src="//images.cgames.de/images/gamestar/209/cyberpunk-2077-rollenspiel-plus_6126742.jpg" - width="176" height="99"></noscript> - <span class="onimage"> - <span class="onimage-info left"> - <i class="icon-commentAlt fg-white"></i> 56 - <i class="icon-star fg-white"></i> 26 - </span> - </span> - </div> - </div> - <div class="contentbox-text"> - <p class="info m-b-05"> - Mehr zum Thema - <span class="icon-plus"></span> - </p> - <div class="h3 m-b-0 media-heading ellipsize2"> - Guide: So macht ihr Cyberpunk 2077 zu einem echten Rollenspiel - </div> - </div> - <div class="contentbox-arrow"> - <i class="icon-arrowRight icon-2x"></i> - </div> - </div> - </a> - <div id="dfp-mtf" - class="jad-placeholder jad-placeholder-rectangle jad-placeholder-mobile jad-placeholder-mtf hidden-lg-up m-b-4"> - <div id="jad-mtf-mobile" class="jad-rectangle jad-rectangle-mobile jad-mtf"> - </div> - </div> - <p>Nicht immer entsprechen die Vorstellungen meines Charakters dann meinen eigenen. - Bei Cyberpunk entschloss ich mich aber, eine V zu verkörpern, die durchaus - ein paar Gemeinsamkeiten mit mir hat. Meine V raucht beispielsweise nicht. - Außerdem hatte ich grundsätzlich so wenig Bock auf Johnny Silverhand, - dass sich dieser Unmut auch auf meine V übertragen sollte.</p> - <p> - Das hat sich natürlich nochmal verschärft, als die Story von Cyberpunk - 2077 anfing ihren Lauf zu nehmen. <strong>Letzte Warnung vor kleinen - Spoiler!</strong> - </p> - <p>Denn Johnny Silverhand ist nicht nur eine zweite Persönlichkeit, die sich in - Form eines digitalen Geistes in Vs Kopf manifestiert. Der nervige Chip versucht - sogar, Vs Identität zu überschreiben. Also im Prinzip meinen Charakter - aus seinem Körper zu löschen, damit Johnny sich darin einnisten kann. - »No Way, Jose!«, war mein erster Gedanke.</p> - <script type="application/json" id="videoIntersectionObserverConfig"> -{ -"rootMargin": "400px" -} -</script> - <p class="caption article-video"> - <span class="imagecontainer responsive m-b-2 video-container"> - <a href="/videos/cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand,101677.html" - class="js-loadvideo js-observe js-ga" data-videoid="101677" - data-showrelated="false" - data-action-on-intersection="handleVideoIntersection" - data-intersection-config="videoIntersectionObserverConfig" - data-category="lightbox" data-label="video" data-action="open" - data-code="RC_VIDEO_LB" data-lbx-id="101677" data-lbx-type="81" - title="Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer ist Johnny Silverhand?" - data-trk-label="cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand,101677" - data-trk-dims="{"dimension24":"https://www.gamestar.de/videos/cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand,101677.html","dimension25":"Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer ist Johnny Silverhand?","metric3":0,"dimension27":"Cyberpunk 2077,3471,Spiel","dimension26":"101677","dimension28":"articledetail-incontent"}"> - <img src="" width="960" height="540" - data-src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand-trailer_6120458.jpg" - class="responsive m-b-0 lazyload" - alt="Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer ist Johnny Silverhand?" /> - <noscript><img loading="lazy" class="responsive m-b-0" - src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand-trailer_6120458.jpg" - width="960" height="540"></noscript> - <span class="onimage onimage-center hover-article-active"> - <span class="onimage-hover-scale position-0 play play-lg"> - <img src="https://static.cgames.de/gs_cb/assets/images/play_icon.svg" - class="responsive" /> - </span> - <span class="onimage-info right"> - <i class="icon-timeAlt fg-white"></i> - 0 - </span> - </span> - </a> - </span> - <a href="/videos/cyberpunk-2077-vom-rockerboy-zum-terroristen-wer-ist-johnny-silverhand,101677.html" - title="Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer ist Johnny Silverhand?"><span - class="bu">Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer ist - Johnny Silverhand?</span></a> - </p> - <p>Ich wusste, dass ich als Rollenspieler gut in der Lage bin, auf den Prinzipien - meines Charakters zu beharren. Ich wusste, dass ich Johnny weder meinen - Körper überlassen, noch mich mit ihm anfreunden wollte. Doch Johnny - gelang es schon recht bald, meine oftmals harte Linie aufzuweichen. </p> - <h2 id="ein-einzigartiger-gefaehrte">Ein einzigartiger Gefährte</h2> - <p>Bereits in den ersten Momenten, nachdem Johnny anfängt prominent zu werden, - musste ich meine ursprüngliche Meinung über ihn revidieren. Johnny ist - durchaus ein ziemlich zynischer Drecksack, aber mit dieser einzigartigen - Situation genau so überfordert wie V. </p> - <div id="dfp-btf" - class="jad-placeholder jad-placeholder-rectangle jad-placeholder-mobile jad-placeholder-btf hidden-lg-up m-b-4"> - <div id="jad-btf-mobile" class="jad-rectangle jad-rectangle-mobile jad-btf"> - </div> - </div> - <p>Nach anfänglicher Abneigung scheint sich Johnny jedoch erstaunlich schnell - mit seiner Lage zu arrangieren. Von da an taucht das Großmaul - regelmäßig, teilweise unerwartet, in unserem Sichtfeld auf. - Kommentiert meine Entscheidungen (auch kritisch) oder gibt Ratschläge. - Vielleicht war es seine permanente Präsenz oder Keanu Reeves erstaunlich - energiegeladene Performance, doch Johnny begann mir nach und immer besser zu - gefallen.</p> - <p class="caption"> - <span class="imagecontainer responsive m-b-1"><a - href="//images.cgames.de/images/gamestar/226/cyberpunk-2077-gitarrist_6129258.jpg" - class="js-lbx js-ga" data-img-id="6129258" data-img-format="226" - data-category="lightbox" data-label="picture" data-action="open" - data-code="RC_SCREEN_LB" data-lbx-id="6129258" data-lbx-type="39" - title="Es passiert zwar selten, aber es passiert: Johnny kann gelegentlich auch nett zu anderen Menschen sein. "> - <picture> - <img src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-gitarrist_6129258.jpg" - class="responsive m-b-0 lazyload" data-img-id="6129258" - data-img-format="290" data-src="" data-sizes="auto" - alt="Es passiert zwar selten, aber es passiert: Johnny kann gelegentlich auch nett zu anderen Menschen sein. " - width="16" height="9"> - <noscript> - <img loading="lazy" - src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-gitarrist_6129258.jpg" - class="responsive m-b-0" data-img-id="6129258" - data-img-format="290" - alt="Es passiert zwar selten, aber es passiert: Johnny kann gelegentlich auch nett zu anderen Menschen sein. " - width="16" height="9"> - </noscript> - </picture> - <span class="onimage hover-article-active"><span - class="onimage-hover bottomleft"><i - class="icon-zoomIn icon-2x fg-white"></i></span></span> - </a></span><span class="bu">Es passiert zwar selten, aber es passiert: - Johnny kann gelegentlich auch nett zu anderen Menschen sein. </span> - </p> - <p>Oft dank der kleinen Momente, die CD Projekt in Cyberpunk meisterhaft verwendet, - um seinen Charakteren Leben einzuhauchen. Sei es Johnnys Respekt für einen - einfachen Gitarrist auf der Straße, oder wenn er plötzlich neben V in - einer Achterbahn sitzt und grinst wie ein 12-jähriger.</p> - <a href="/artikel/cyberpunk-2077-guide-so-findet-ihr-die-coolsten-versteckten-nebenmissionen,3365668.html" - title="Cyberpunk 2077: Die coolsten (versteckten) Nebenmissionen" - class="contentbox-link js-ga" data-category="contentbox" - data-action="click plus" - data-label="/artikel/cyberpunk-2077-guide-so-findet-ihr-die-coolsten-versteckten-nebenmissionen,3365668.html"> - <div class="contentbox m-t-4 m-b-4 plus"> - <div class="contentbox-picture hidden-sm-down p-x-0"> - <div class="imagecontainer"> - <img src="" width="176" height="99" - data-src="//images.cgames.de/images/gamestar/209/cyberpunk-2077-versteckte-quests_6125502.jpg" - class="responsive m-b-0 lazyload" - alt="Cyberpunk 2077: Die coolsten (versteckten) Nebenmissionen" /> - <noscript><img loading="lazy" class="responsive m-b-0" - src="//images.cgames.de/images/gamestar/209/cyberpunk-2077-versteckte-quests_6125502.jpg" - width="176" height="99"></noscript> - <span class="onimage"> - <span class="onimage-info left"> - <i class="icon-commentAlt fg-white"></i> 19 - <i class="icon-star fg-white"></i> 10 - </span> - </span> - </div> - </div> - <div class="contentbox-text"> - <p class="info m-b-05"> - Mehr zum Thema - <span class="icon-plus"></span> - </p> - <div class="h3 m-b-0 media-heading ellipsize2"> - Cyberpunk 2077: Die coolsten (versteckten) Nebenmissionen - </div> - </div> - <div class="contentbox-arrow"> - <i class="icon-arrowRight icon-2x"></i> - </div> - </div> - </a> - <p>Doch letztlich waren es eben nicht nur die guten Momente, die mir den Charakter - näher brachten. Gerade weil wir vor allem in Flashbacks immer wieder - mitbekommen, was Johnny eigentlich für eine defekte Persönlichkeit - ist, strahlen die lichten Momente so viel heller. Wir sehen, wie Johnny Menschen - in seiner Umgebung verbal und physisch ständig angeht. Dem scheinbar alles - außer seinem Kreuzzug gegen Arasaka egal ist. Der offenbar selbst nicht - weiß, ob er jemanden liebt oder hasst. </p> - <p>Eine Figur mit so vielen charakterlichen Schwächen doch noch irgendwie - sympathisch erscheinen zu lassen. Dafür zu sorgen, dass wir ihm Fehltritte - irgendwann leichter verzeihen oder sogar darüber lachen können - das - ist eine ganz große erzählerische Kunst. Etwas, das man in - Videospielen sehr selten findet. Vor allem, wenn es um einen NPC und nicht die - eigene Spielfigur geht.</p> - <p>Gleichzeitig vermutete ich, dass Johnny V gezielt manipuliert. Immerhin kam der - Umschwung von »blas dir besser das Hirn raus« zu »lass uns dir - helfen« ziemlich schnell. Klar, versucht der nur mich einzulullen, um - letztlich Vs Körper zu kapern. Gleichzeitig verschmelzen die - Persönlichkeiten immer weiter. </p> - <p>Einmal ärgerte ich mich etwa erst über das Spiel, als meine V - plötzlich doch ne Schachtel Zigaretten dabei hatte. Bis mir klar war ... - Moment, das ist kein Fehler. Das ist Johnny. Was für ein toller - erzählerischer Kniff! Denn anstatt meine V umzudrehen, hat er mich, den - Spieler, auf seine Seite gezogen. </p> - <h2 id="ich-wollte-johnny-sein">Ich wollte Johnny sein</h2> - <p>Im Verlauf der Story wurde in mir der Wunsch immer größer, Johnny zu - spielen und nicht länger meinen eigenen Charakter. Ich war von dieser - Charakterdynamik so eingenommen, dass meine komplettes Konzept über Bord - ging. Das lag sicher an Johnny selbst, aber auch an fast schon stupiden - Kleinigkeiten. </p> - <p>Beispielsweise fand ich Johnnys Revolver schon im ersten Flashback einfach - hinreißend. Das Schießeisen selbst zu benutzen, hat mir einen - höllischen Spaß bereitet. Auch dank der einzigartigen - Nachladeanimation oder dem feurigen Nahkampfangriff. Dann gab es noch ne schicke - Sonnenbrille als Questbelohnung und ein Porsche. Alles simpel, alles - oberflächlich. Aber ich wollte das haben! </p> - <p class="caption"> - <span class="imagecontainer responsive m-b-1"><a - href="//images.cgames.de/images/gamestar/226/cyberpunk-2077-fahrzeug-guide_6124349.jpg" - class="js-lbx js-ga" data-img-id="6124349" data-img-format="226" - data-category="lightbox" data-label="picture" data-action="open" - data-code="RC_SCREEN_LB" data-lbx-id="6124349" data-lbx-type="39" - title="Johnnys Porsche wirkt ein wenig aus der Zeit gefallen, macht ihn aber auch deshalb interessant. So fern ihr euch an dem Productplacement nicht stört. "> - <picture> - <img src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-fahrzeug-guide_6124349.jpg" - class="responsive m-b-0 lazyload" data-img-id="6124349" - data-img-format="290" data-src="" data-sizes="auto" - alt="Johnnys Porsche wirkt ein wenig aus der Zeit gefallen, macht ihn aber auch deshalb interessant. So fern ihr euch an dem Productplacement nicht stört. " - width="16" height="9"> - <noscript> - <img loading="lazy" - src="//images.cgames.de/images/gamestar/290/cyberpunk-2077-fahrzeug-guide_6124349.jpg" - class="responsive m-b-0" data-img-id="6124349" - data-img-format="290" - alt="Johnnys Porsche wirkt ein wenig aus der Zeit gefallen, macht ihn aber auch deshalb interessant. So fern ihr euch an dem Productplacement nicht stört. " - width="16" height="9"> - </noscript> - </picture> - <span class="onimage hover-article-active"><span - class="onimage-hover bottomleft"><i - class="icon-zoomIn icon-2x fg-white"></i></span></span> - </a></span><span class="bu">Johnnys Porsche wirkt ein wenig aus der Zeit - gefallen, macht ihn aber auch deshalb interessant. So fern ihr euch an dem - Productplacement nicht stört. </span> - </p> - <p>Silverhand hat es zudem geschafft, dass ich Keanu Reeves vergessen habe. Ein - Kunststück, dass ich Cyberpunk sehr hoch anrechne. Denn eigentlich nerven - mich berühmte Schauspieler in Videospielen. Eigentlich glaube ich, dass - Videospielcharaktere das nicht brauchen und mehr von ihrer Einzigartigkeit - einbüßen, als etwas zu gewinnen. Ich habe beim Spielen aber schlicht - in Silverhand nicht mehr Keanu Reeves gesehen. Sondern ein abgehalfterten, - verzweifelt idealistischen, viel zu selbstsicheren Rebellen. </p> - <p> - Letztlich bin ich sehr dankbar dafür, dass Johnny auf mich diesen extremen - Effekt hatte. Es war einer dieser raren Momente, in denen Spiele scheinbar - <strong>die Grenze zwischen Spiel und Realität verschwimmen - lassen</strong>. Wer bestimmt denn überhaupt noch, was mein Charakter - sagt? Die Person, die sie eigentlich sein soll? Johnny? Oder ich, der mehr von - Johnny begeisterte ist als von seiner eigenen Heldin. Also doch Johnny? Ich - weiß es bis heute nicht. - </p> - <p>Aber ich weiß, dass CD Projekt es geschafft hat, mit Silverhand einen - grandiosen NPC zu erschaffen, der mir eine einzigartige Spielerfahrung beschert - hat und den ich bestimmt nie wieder vergessen werde. </p> - </div> - <img src="https://ssl-vg03.met.vgwort.de/na/0b63edec52904a09ab4b76758fe29a6f" width="1" - height="1" alt=""> <!-- vgwort --> - <div class="spacer2x"></div> - <ul class="taglist "> - <li><a href="/artikel/" title="Mehr von Artikel" class="tag js-ga" - data-category="tagging" data-label="tagging.tagcloud">Artikel</a></li> - <li><a href="/artikel/meinungen/" title="Mehr von Kolumne" class="tag js-ga" - data-category="tagging" data-label="tagging.tagcloud">Kolumne</a></li> - <li><a style="cursor:default;" class="tag js-ga" data-category="tagging" - data-label="tagging.tagcloud">Fabiano Uslenghi</a></li> - <li><a href="/link/games/3471" title="Mehr von Cyberpunk 2077" class="tag js-ga" - data-category="tagging" data-label="tagging.tagcloud">Cyberpunk 2077</a> - </li> - <li><a style="cursor:default;" class="tag js-ga" data-category="tagging" - data-label="tagging.tagcloud">PC</a></li> - <li><a style="cursor:default;" class="tag js-ga" data-category="tagging" - data-label="tagging.tagcloud">Action-Rollenspiel</a></li> - <li><a style="cursor:default;" class="tag js-ga" data-category="tagging" - data-label="tagging.tagcloud">Rollenspiel</a></li> - <li><a style="cursor:default;" class="tag js-ga" data-category="tagging" - data-label="tagging.tagcloud">Bandai Namco</a></li> - <li><a style="cursor:default;" class="tag js-ga" data-category="tagging" - data-label="tagging.tagcloud">CD Projekt Red</a></li> - </ul> - <a href="#comments" - class="btn btn-light-gray responsive menu-toggle scrollto do-toggle-comments js-ga" - data-label="zu den Kommentaren">zu den Kommentaren (123)</a> - <div class="OUTBRAIN" - data-src="https://www.gamestar.de/artikel/cyberpunk-2077-johnny-silverhand-manipuliert,3366933.html" - data-widget-id="AR_4" data-ob-template="GameStar.de"></div> - <script type="didomi/javascript" data-vendor="iab:164" defer async - src="https://widgets.outbrain.com/outbrain.js"></script> - </div> - <div class="col-xs-12"> - <div class="contentteaser row box offerteaser-box teaser " data-toggle-tab=""> - <div class="col-xs-12 box-title"> - <hr> - <div class="h3"> - <a href="/spiele/cyberpunk-2077,preisvergleich,3471.html">Preisvergleich</a> - </div> - <i class="box-icon"></i> - <div class="box-link box-link-top"> - <a href="/spiele/cyberpunk-2077,preisvergleich,3471.html" - title="alle anzeigen" class="btn btn-link js-ga" - data-label="teaser.offers.alle">alle anzeigen</a> - </div> - </div> - <div class="col-xs-12 box-content"> - <div class="row box-flex-container"> - <div class="col-xs-12 col-md-6 media m-b-1 box-flex-item"> - <div class="dis-table responsive"> - <div class="dis-table-row"> - <div class="media-left p-l-1"> - <a title="Cyberpunk 2077 bei Amazon" - href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" - rel="nofollow noopener" target="_blank" - data-action="shopClickout" data-network="Amazon" - data-shoptitle="Amazon" data-dealtitle="Cyberpunk 2077" - data-vars-shoptitle="Amazon" - data-vars-dealtitle="Cyberpunk 2077" - data-clickoutposition="db_pricebox2" - data-price="56,24 €" - class="imagecontainer text-sm-center" - style="width:85px;height:85px;overflow:hidden;"> - <img src="" width="16" height="16" - data-src="https://static.cgames.de/pv/m.media-amazon.com/images/I/51OZnJLB9uL._SL500_.jpg" - class="media-game-object ads-container lazyload" - alt="Cyberpunk 2077" style="width:100%;" /> - <noscript><img loading="lazy" - class="media-game-object ads-container" - src="https://static.cgames.de/pv/m.media-amazon.com/images/I/51OZnJLB9uL._SL500_.jpg" - width="16" height="16" - style="width:100%;"></noscript> - </a> - </div> - <div class="media-body"> - <div class="m-b-05"> - <a title="Cyberpunk 2077 bei Amazon" - href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" - rel="nofollow noopener" target="_blank" - data-action="shopClickout" data-network="Amazon" - data-shoptitle="Amazon" - data-dealtitle="Cyberpunk 2077" - data-vars-shoptitle="Amazon" - data-vars-dealtitle="Cyberpunk 2077" - data-clickoutposition="db_pricebox2" - data-price="56,24 €"><img - src="/img/gamestar/coop/amazon.png"></a> - </div> - <div class="h4 media-heading ellipsize2 m-b-0"> - <a title="Cyberpunk 2077 bei Amazon" - href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" - rel="nofollow noopener" target="_blank" - data-action="shopClickout" data-network="Amazon" - data-shoptitle="Amazon" - data-dealtitle="Cyberpunk 2077" - data-vars-shoptitle="Amazon" - data-vars-dealtitle="Cyberpunk 2077" - data-clickoutposition="db_pricebox2" - data-price="56,24 €">Cyberpunk 2077</a> - </div> - <a title="Cyberpunk 2077 bei Amazon" - href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" - rel="nofollow noopener" target="_blank" - data-action="shopClickout" data-network="Amazon" - data-shoptitle="Amazon" data-dealtitle="Cyberpunk 2077" - data-vars-shoptitle="Amazon" - data-vars-dealtitle="Cyberpunk 2077" - data-clickoutposition="db_pricebox2" - data-price="56,24 €" - class="btn btn-link btn-link-price m-r-1">ab - 56,24 €</a> - <br /> - <p class="caption delivery m-b-0">Versand s. Shop</p> - </div> - </div> - </div> - <hr class="m-t-1 m-b-0"> - </div> - <div class="clearfix"></div> - <div class="spacer2x spacer-on-demand"></div> - </div> - </div> - <div class="clearfix"></div> - <div class="spacer2x spacer-on-demand"></div> - <div class="col-xs-12 box-link p-r-2"> - <p class="delivery caption m-t-0 float-right">ANZEIGE</p> - </div> - </div> - </div> + </div> + </div> + </div> + <div + id="dfp-atf-desktop" + class="jad-placeholder jad-placeholder-rectangle jad-placeholder-desktop jad-placeholder-atf hidden-md-down m-b-4" + > + <div + id="jad-atf-desktop" + class="jad-rectangle jad-rectangle-desktop jad-atf" + > + <!-- --> + </div> + </div> + <div + class="contentteaser row box contenttimelineitem-box" + data-toggle-tab="" + > + <div class="col-xs-12 box-title"> + <hr /> + <div class="h3"> + <span>Zum Thema</span> + <span class="custom-headline"></span> + </div> + <i class="box-icon"></i> + </div> + <div + class="box-content" + data-teasermodule="content" + data-id="" + data-fkid="23362" + data-fktype="135" + data-fkcontentfilter="666" + data-datasource="" + data-searchterm="" + data-htag="div" + data-hstyle="h4" + data-teasername="Zum Thema" + data-filter="newest" + data-filter-values="" + data-page="1" + data-maxrows="5" + data-showstar="true" + data-showtime="false" + data-showtag="false" + data-itemsnippet="contenttimelineitem" + data-itemsperrow="0" + data-showItemHr="false" + data-itemsperrowresponsive="1" + data-maxitemsperrowresponsive="" + data-loadMore="true" + data-loadMoreMobileOnly="false" + data-addDate="false" + data-searchterm="" + data-searchtype="1" + data-usesearch="false" + data-showRatings="true" + data-paging="false" + data-hidePlayIcon="false" + data-excludeIds="[]" + > + <span class="box-reload"> + <div class="col-xs-12 media timeline"> + <div class="media-left timeline-axis"> + <span class="timeline-circle"></span> + </div> + <div class="media-body"> + <p class="info m-b-05">vor 5 Tagen</p> + <div class="h4 media-heading ellipsize3 m-b-2"> + <a + href="/artikel/podcast-larp,3386894.html" + title="Wie Profi-LARPs Cyberpunk, Fallout und den Weltraum zum Leben erwecken" + >Wie Profi-LARPs Cyberpunk, Fallout und den Weltraum + zum Leben erwecken</a + > </div> - <div id="comments" class="row box box-toggle box-close teaser"> - <div class="col-xs-12 box-title"> - <hr> - <div class="h3"><span>Kommentare</span><span class="count">(123)</span></div> - </div> - <div class="col-xs-12"> - <a href="#" id="a-comment-toggle" - class="do-toggle-comments toggle-comments btn btn-gray m-r-0 hidden-md-up">Kommentare - einblenden</a> - </div> - <div class="box-content" data-id="3366933" data-type="10" data-htag="div" data-hstyle="" - data-filter="top" data-page="1" data-maxrows="10" data-auto="1" - data-jumptocommentid="0"> - <div class="col-xs-12"> - <div class="media kasten"> - <div class="media-body "> - <p class="m-b-2">Nur angemeldete Benutzer können kommentieren und bewerten. - </p> - </div> - <div class="media-bottom"> - <div class="col-xs-12 col-md-4 p-l-0 p-t-0 m-b-1"> - <a class="btn btn-brand responsive js-ga" - title="Auf GameStar.de einloggen" href="/login/" - onclick="javascript:openLoginSidebar();return false;" rel="nofollow" - data-label="teaser.comments.login"> - Ich habe ein Konto - </a> - </div> - <div class="col-xs-12 col-md-4 p-l-0 p-t-0"> - <a class="btn btn-community responsive js-ga" - title="Zur kostenlosen Registrierung" href="/registrierung/" - rel="nofollow" data-label="teaser.comments.register"> - Kostenlos registrieren - </a> - </div> - </div> - </div> - </div> - <div class="col-xs-12 filter filter-toggle p-t-0 m-b-4 m-t-4"> - <div class="tablinkcontainer p-l-0 p-r-0"> - <div class="tablinks m-b-0 p-l-0 p-r-0"> - <div class="link-container col-xs-6 p-l-0 p-r-0"> - <a href="javascript:void(0);" - class="btn btn-link btn-link-gray btn-tab do-filter js-ga col-xs-12 active" - data-label="teaser.comments.filter" data-value="top" - title="Kommentare sortieren">Top<span class="hidden-sm-down"> - Kommentare</span></a> - </div> - <div class="link-container col-xs-6 p-l-0 p-r-0"> - <a href="javascript:void(0);" - class="btn btn-link btn-link-gray btn-tab do-filter js-ga col-xs-12 " - data-label="teaser.comments.filter" data-value="newest" - title="Kommentare sortieren">Neueste<span class="hidden-sm-down"> - zuerst</span></a> - </div> - <div class="link-container col-xs-6 p-l-0 p-r-0"> - <a href="javascript:void(0);" - class="btn btn-link btn-link-gray btn-tab do-filter js-ga col-xs-12 " - data-label="teaser.comments.filter" data-value="oldest" - title="Kommentare sortieren">Älteste<span class="hidden-sm-down"> - zuerst</span></a> - </div> - </div> - </div> - </div> - <span id="commentReload"> - <div id="commentPlaceholder"></div> - </span> - <div id="comment-spinner" class="col-xs-12 box-spinner"><i class="loader spin"></i> - </div> - </div> - <div id="comment-modal-error" class="modal fade"> - <div class="modal-dialog" role="document"> - <div class="modal-content comment"> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal" aria-label="Close" - title="Schließen"> - <i class="icon-close icon-2x"></i> - </button> - <div class="h2 modal-title">Fehler</div> - </div> - <div class="modal-body comment-body"> - <p> - <strong>Dein Kommentar wurde nicht gespeichert.</strong> Dies kann - folgende Ursachen haben: - <br /><br /> - 1. Der Kommentar ist länger als 4000 Zeichen. - <br /><br /> - 2. Du hast versucht, einen Kommentar innerhalb der - 10-Sekunden-Schreibsperre zu senden. - <br /><br /> - 3. Dein Kommentar wurde als Spam identifiziert. Bitte beachte unsere <a - href='/xenforo/index.php?help/rules/' - title="Zu den Foren-Richtlinien">Richtlinien zum Erstellen von - Kommentaren</a>. - <br /><br /> - 4. Du verfügst nicht über die nötigen Schreibrechte bzw. - wurdest gebannt. - <br /><br /> - Bei Fragen oder Problemen nutze bitte das <a href="/kontakt/" - title="Zum Kontakt-Formular">Kontakt-Formular</a>. - </p> - </div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> - <div id="comment-modal-report-user" class="modal fade"> - <div class="modal-dialog" role="document"> - <div class="modal-content comment"> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal" aria-label="Close" - title="Schließen"> - <i class="icon-close icon-2x"></i> - </button> - <div class="h2 modal-title">Benutzer melden</div> - </div> - <div class="modal-body comment-body"></div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> - <div id="comment-modal-friend" class="modal fade"> - <div class="modal-dialog" role="document"> - <div class="modal-content comment"> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal" aria-label="Close" - title="Schließen"> - <i class="icon-close icon-2x"></i> - </button> - <div class="h2 modal-title">Freundschaftsanfrage</div> - </div> - <div class="modal-body comment-body"></div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> - <div id="comment-modal-login" class="modal fade"> - <div class="modal-dialog" role="document"> - <div class="modal-content"> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal" aria-label="Close" - title="Schließen"> - <i class="icon-close icon-2x"></i> - </button> - <div class="h2 modal-title">Nur für registrierte User</div> - </div> - <div class="modal-body"> - <p>Nur angemeldete Benutzer können kommentieren und bewerten.</p> - </div> - <div class="modal-footer"> - <a href="/login/" rel="nofollow" - onclick="javascript:openLoginSidebar();return false;"><button - type="button" class="btn btn-brand js-ga" title="Jetzt anmelden" - data-dismiss="modal" data-label="teaser.comments.login-reply">Ich - habe ein Konto</button></a> - <a href="/registrierung/" rel="nofollow"><button type="button" - class="btn btn-community js-ga" title="Jetzt registrieren" - data-label="teaser.comments.register-reply">Kostenlos - registrieren</button></a> - </div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> - <div id="comment-modal-plus-login" class="modal fade"> - <div class="modal-dialog" role="document"> - <div class="modal-content"> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal" aria-label="Close" - title="Schließen"> - <i class="icon-close icon-2x"></i> - </button> - <div class="h2 modal-title">Weiter mit GameStar Plus</div> - </div> - <div class="modal-body"> - <p>Nur angemeldete Plus-Mitglieder können Plus-Inhalte kommentieren und - bewerten.</p> - </div> - <div class="modal-footer"> - <a href="/login/" rel="nofollow" - onclick="javascript:openLoginSidebar();return false;"><button - type="button" class="btn btn-brand js-ga" title="Mit Plus einloggen" - data-dismiss="modal" data-label="teaser.comments.login-reply">Mit - Plus einloggen</button></a> - <a href="/scalecommerce/plus-comments?source=plus-buy" - rel="nofollow"><button type="button" class="btn btn-sale js-ga" - title="Jetzt Plus beitreten" - data-label="teaser.comments.register-reply">Jetzt Plus - beitreten</button></a> - </div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> + </div> + </div> + <div class="col-xs-12 media timeline"> + <div class="media-left timeline-axis"> + <span class="timeline-circle"></span> + </div> + <div class="media-body"> + <p class="info m-b-05">vor einer Woche</p> + <div class="h4 media-heading ellipsize3 m-b-2"> + <a + href="/artikel/alle-verschobenen-releases-spiele-2020-2021,3363516.html" + title="Release verschoben: Alle PC-Spiele, die sich 2022 und 2023 verspäten" + >Release verschoben: Alle PC-Spiele, die sich 2022 + und 2023 verspäten</a + > </div> + </div> </div> - <div class="col-xs-12 col-lg-4 pull-xs-right teaser"> - <style> - iframe.wbd-toolbox { - height: 480px; - } - </style> - <div class="row"> - <div id="aktion-blackweek-desktop" class="col-xs-12"> - <div class="js-move m-b-2" data-desktop="aktion-blackweek-desktop" - data-mobile="aktion-blackweek-mobile"><iframe class="wbd-toolbox js-ga-view" - data-label="ActionWidgetPublic" data-category="black-week-2022-action-widget" - src="https://toolbox.webediagaming.de/black-week-2022-action-widget-gs/?website=gamestar&darkmode=no" - frameborder="0" scrolling="no" width="100%" height="480"></iframe></div> - </div> + <div class="col-xs-12 media timeline"> + <div class="media-left timeline-axis"> + <span class="timeline-circle"></span> + </div> + <div class="media-body"> + <p class="info m-b-05">vor 2 Wochen</p> + <div class="h4 media-heading ellipsize3 m-b-2"> + <a + href="/artikel/cyberpunk-2077-patch-161,3386485.html" + title="Cyberpunk 2077: Neuer Patch 1.61 bringt viele Bugfixes ... und neue Regenschirme!" + >Cyberpunk 2077: Neuer Patch 1.61 bringt viele + Bugfixes ... und neue Regenschirme!</a + > </div> - <div class="row"> - <div class="box-content"> - <div class="col-xs-12"> - <div class="media kasten"> - <div class="row"> - <div class="col-xs-12 col-sm-6 col-md-5 col-lg-12"> - <div class="media-left"> - <div class="circle" style="width:60px;"> - <a href="/spiele/cyberpunk-2077,3471.html" class="js-ga" - data-label="info.spiel.profilbild" - title="Zur Produktseite von Cyberpunk 2077"> - <img width="60" height="" - src="//images.cgames.de/images/gamestar/162/3471-pc-packshot_6116850.jpg" - alt="Cyberpunk 2077"> - </a> - </div> - </div> - <div class="media-body"> - <p class="info m-b-05"> - <a href="/spiele/cyberpunk-2077,3471.html" - class="btn btn-link btn-wrap js-ga" - data-label="info.spiel.titel" - title="Zur Produktseite von Cyberpunk 2077">Cyberpunk - 2077</a> - </p> - <p class="info">Genre: Rollenspiel</p> - <p class="info"> - Release: 10.12.2020 (PC, PS4, Xbox One, Stadia), 1. Quartal 2022 - (PS5, Xbox Series X/S) - </p> - </div> - <div class="spacer2x "></div> - </div> - <div class="col-xs-12 col-md-7 hidden-sm-down hidden-lg-up"> - <div class="row media-bottom m-t-1 text-xs-center text-md-right"> - <div class="col-xs-12 col-md-6"> - <a href="/spiele/cyberpunk-2077,preisvergleich,3471.html" - rel="nofollow" - title="Alle Angebote und Preise zu Cyberpunk 2077" - class="btn btn-sale js-ga responsive m-b-0" - data-label="info.spiel.button.preisvergleich"> - Preisvergleich - </a> - </div> - <div class="col-xs-12 col-md-6"> - <a href="/spiele/cyberpunk-2077,3471.html" - title="Zur Produktseite von Cyberpunk 2077" - class="btn btn-brand js-ga responsive m-b-0 m-r-0" - data-label="info.spiel.button.link" rel="nofollow"> - Mehr zum Spiel - </a> - </div> - </div> - </div> - <div class="col-xs-12"> - <div class="media-bottom"> - <ul class="taglist m-b-0"> - <li class="m-b-1"><a href="/spiele/rollenspiel/genre-261.html" - title="Alle Spiele des Genres Rollenspiel" - class="tag teasertag js-ga" - data-label="info.spiel.tag">Rollenspiel</a></li> - <li class="m-b-1"><a - href="/spiele/action-rollenspiel/genre-379.html" - title="Alle Spiele des Genres Action-Rollenspiel" - class="tag teasertag js-ga" - data-label="info.spiel.tag">Action-Rollenspiel</a></li> - <li class="m-b-1"><a href="/spiele/suche/bandai_namco.html" - title="Alle Spiele des Publishers Bandai Namco" - class="tag teasertag js-ga" - data-label="info.spiel.tag">Bandai Namco</a></li> - <li class="m-b-1"><a href="/spiele/suche/cd_projekt_red.html" - title="Alle Spiele des Entwicklers CD Projekt Red" - class="tag teasertag js-ga" - data-label="info.spiel.tag">CD Projekt Red</a></li> - </ul> - </div> - </div> - <div class="col-xs-12 hidden-md"> - <div class="spacer"></div> - <div class="media-bottom"> - <a href="/spiele/cyberpunk-2077,preisvergleich,3471.html" - title="Alle Angebote und Preise zu Cyberpunk 2077" - class="btn btn-sale js-ga responsive m-b-0 col-lg-12" - rel="nofollow" data-label="info.spiel.button.preisvergleich"> - Preisvergleich - </a> - <div class="spacer hidden-md"></div> - <a href="/spiele/cyberpunk-2077,3471.html" - title="Zur Produktseite von Cyberpunk 2077" - class="btn btn-brand js-ga btn-mobile-big-last m-b-0 col-lg-12" - data-label="info.spiel.button.link" rel="nofollow"> - Mehr zum Spiel - </a> - </div> - </div> - </div> - </div> - </div> - </div> + </div> + </div> + <div class="col-xs-12 media timeline"> + <div class="media-left timeline-axis"> + <span class="timeline-circle"></span> + </div> + <div class="media-body"> + <p class="info m-b-05">27.10.2022</p> + <div class="h4 media-heading ellipsize3 m-b-2"> + <a + href="/artikel/witcher-cyberpunk-neue-spiele-cd-projekt-red,3385632.html" + title="Witcher und Cyberpunk: Alle neuen Spiele, an denen CD Projekt Red aktuell arbeitet" + >Witcher und Cyberpunk: Alle neuen Spiele, an denen + CD Projekt Red aktuell arbeitet</a + > </div> - <div id="dfp-atf-desktop" - class="jad-placeholder jad-placeholder-rectangle jad-placeholder-desktop jad-placeholder-atf hidden-md-down m-b-4"> - <div id="jad-atf-desktop" class="jad-rectangle jad-rectangle-desktop jad-atf"> - <!-- --> - </div> + </div> + </div> + <div class="col-xs-12 media timeline"> + <div class="media-left timeline-axis"> + <span class="timeline-circle"></span> + </div> + <div class="media-body"> + <p class="info m-b-05">27.10.2022</p> + <div class="h4 media-heading ellipsize3 m-b-2"> + <a + href="/artikel/cyberpunk-2077-90-prozent-positive-reviews,3386056.html" + title="Cyberpunk 2077 erreicht auf Steam erstmals 90 Prozent positiver User-Reviews" + >Cyberpunk 2077 erreicht auf Steam erstmals 90 + Prozent positiver User-Reviews</a + > </div> - <div class="contentteaser row box contenttimelineitem-box " data-toggle-tab=""> - <div class="col-xs-12 box-title"> - <hr> - <div class="h3"> - <span>Zum Thema</span> - <span class="custom-headline"></span> - </div> - <i class="box-icon"></i> + </div> + </div> + <div class="clearfix"></div> + <div class="col-xs-12 box-link box-placeholder"> + <div class="spacer2x spacer-on-demand"></div> + <a + class="btn btn-link btn-link-gray do-loadmore js-ga" + title="Mehr anzeigen" + data-action="loadmore" + data-code="RC_PAGE" + data-label="teaser.Zum Thema.mehr" + >mehr anzeigen<i + class="icon-caretDown icon-layout-more" + ></i + ></a> + </div> + </span> + <div class="col-xs-12 text-xs-center hide box-spinner m-b-2"> + <i class="loader spin"></i> wird geladen ... + </div> + </div> + </div> + <div + class="contentteaser row box offerteaser-box hidden-sm-down" + data-toggle-tab="" + > + <div class="col-xs-12 box-title"> + <hr /> + <div class="h3"> + <a href="/spiele/cyberpunk-2077,preisvergleich,3471.html" + >Preisvergleich</a + > + </div> + <i class="box-icon"></i> + <div class="box-link box-link-top"> + <a + href="/spiele/cyberpunk-2077,preisvergleich,3471.html" + title="alle anzeigen" + class="btn btn-link js-ga" + data-label="teaser.offers.alle" + >alle anzeigen</a + > + </div> + </div> + <div class="col-xs-12 box-content"> + <div class="row box-flex-container"> + <div class="col-xs-12 media m-b-1 box-flex-item"> + <div class="dis-table responsive"> + <div class="dis-table-row"> + <div class="media-left p-l-1"> + <a + title="Cyberpunk 2077 bei Amazon" + href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" + rel="nofollow noopener" + target="_blank" + data-action="shopClickout" + data-network="Amazon" + data-shoptitle="Amazon" + data-dealtitle="Cyberpunk 2077" + data-vars-shoptitle="Amazon" + data-vars-dealtitle="Cyberpunk 2077" + data-clickoutposition="db_pricebox2" + data-price="56,24 €" + class="imagecontainer text-sm-center" + style=" + width: 85px; + height: 85px; + overflow: hidden; + " + > + <img + src="" + width="16" + height="16" + data-src="https://static.cgames.de/pv/m.media-amazon.com/images/I/51OZnJLB9uL._SL500_.jpg" + class="media-game-object ads-container lazyload" + alt="Cyberpunk 2077" + style="width: 100%" + /> + <noscript + ><img + loading="lazy" + class="media-game-object ads-container" + src="https://static.cgames.de/pv/m.media-amazon.com/images/I/51OZnJLB9uL._SL500_.jpg" + width="16" + height="16" + style="width: 100%" + /></noscript> + </a> + </div> + <div class="media-body"> + <div class="m-b-05"> + <a + title="Cyberpunk 2077 bei Amazon" + href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" + rel="nofollow noopener" + target="_blank" + data-action="shopClickout" + data-network="Amazon" + data-shoptitle="Amazon" + data-dealtitle="Cyberpunk 2077" + data-vars-shoptitle="Amazon" + data-vars-dealtitle="Cyberpunk 2077" + data-clickoutposition="db_pricebox2" + data-price="56,24 €" + ><img src="/img/gamestar/coop/amazon.png" + /></a> </div> - <div class="box-content" data-teasermodule="content" data-id="" data-fkid="23362" - data-fktype="135" data-fkcontentfilter="666" data-datasource="" data-searchterm="" - data-htag="div" data-hstyle="h4" data-teasername="Zum Thema" data-filter="newest" - data-filter-values="" data-page="1" data-maxrows="5" data-showstar="true" - data-showtime="false" data-showtag="false" data-itemsnippet="contenttimelineitem" - data-itemsperrow="0" data-showItemHr="false" data-itemsperrowresponsive="1" - data-maxitemsperrowresponsive="" data-loadMore="true" data-loadMoreMobileOnly="false" - data-addDate="false" data-searchterm="" data-searchtype="1" data-usesearch="false" - data-showRatings="true" data-paging="false" data-hidePlayIcon="false" - data-excludeIds="[]"> - <span class="box-reload"> - <div class=" col-xs-12 media timeline"> - <div class="media-left timeline-axis"> - <span class="timeline-circle"></span> - </div> - <div class="media-body"> - <p class="info m-b-05">vor 5 Tagen</p> - <div class="h4 media-heading ellipsize3 m-b-2"> - <a href="/artikel/podcast-larp,3386894.html" - title="Wie Profi-LARPs Cyberpunk, Fallout und den Weltraum zum Leben erwecken">Wie - Profi-LARPs Cyberpunk, Fallout und den Weltraum zum Leben - erwecken</a> - </div> - </div> - </div> - <div class=" col-xs-12 media timeline"> - <div class="media-left timeline-axis"> - <span class="timeline-circle"></span> - </div> - <div class="media-body"> - <p class="info m-b-05">vor einer Woche</p> - <div class="h4 media-heading ellipsize3 m-b-2"> - <a href="/artikel/alle-verschobenen-releases-spiele-2020-2021,3363516.html" - title="Release verschoben: Alle PC-Spiele, die sich 2022 und 2023 verspäten">Release - verschoben: Alle PC-Spiele, die sich 2022 und 2023 verspäten</a> - </div> - </div> - </div> - <div class=" col-xs-12 media timeline"> - <div class="media-left timeline-axis"> - <span class="timeline-circle"></span> - </div> - <div class="media-body"> - <p class="info m-b-05">vor 2 Wochen</p> - <div class="h4 media-heading ellipsize3 m-b-2"> - <a href="/artikel/cyberpunk-2077-patch-161,3386485.html" - title="Cyberpunk 2077: Neuer Patch 1.61 bringt viele Bugfixes ... und neue Regenschirme!">Cyberpunk - 2077: Neuer Patch 1.61 bringt viele Bugfixes ... und neue - Regenschirme!</a> - </div> - </div> - </div> - <div class=" col-xs-12 media timeline"> - <div class="media-left timeline-axis"> - <span class="timeline-circle"></span> - </div> - <div class="media-body"> - <p class="info m-b-05">27.10.2022</p> - <div class="h4 media-heading ellipsize3 m-b-2"> - <a href="/artikel/witcher-cyberpunk-neue-spiele-cd-projekt-red,3385632.html" - title="Witcher und Cyberpunk: Alle neuen Spiele, an denen CD Projekt Red aktuell arbeitet">Witcher - und Cyberpunk: Alle neuen Spiele, an denen CD Projekt Red aktuell - arbeitet</a> - </div> - </div> - </div> - <div class=" col-xs-12 media timeline"> - <div class="media-left timeline-axis"> - <span class="timeline-circle"></span> - </div> - <div class="media-body"> - <p class="info m-b-05">27.10.2022</p> - <div class="h4 media-heading ellipsize3 m-b-2"> - <a href="/artikel/cyberpunk-2077-90-prozent-positive-reviews,3386056.html" - title="Cyberpunk 2077 erreicht auf Steam erstmals 90 Prozent positiver User-Reviews">Cyberpunk - 2077 erreicht auf Steam erstmals 90 Prozent positiver - User-Reviews</a> - </div> - </div> - </div> - <div class="clearfix"></div> - <div class="col-xs-12 box-link box-placeholder "> - <div class="spacer2x spacer-on-demand"></div> - <a class="btn btn-link btn-link-gray do-loadmore js-ga" title="Mehr anzeigen" - data-action="loadmore" data-code="RC_PAGE" - data-label="teaser.Zum Thema.mehr">mehr anzeigen<i - class="icon-caretDown icon-layout-more"></i></a> - </div> - </span> - <div class="col-xs-12 text-xs-center hide box-spinner m-b-2"><i class="loader spin"></i> - wird geladen ...</div> + <div class="h4 media-heading ellipsize2 m-b-0"> + <a + title="Cyberpunk 2077 bei Amazon" + href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" + rel="nofollow noopener" + target="_blank" + data-action="shopClickout" + data-network="Amazon" + data-shoptitle="Amazon" + data-dealtitle="Cyberpunk 2077" + data-vars-shoptitle="Amazon" + data-vars-dealtitle="Cyberpunk 2077" + data-clickoutposition="db_pricebox2" + data-price="56,24 €" + >Cyberpunk 2077</a + > </div> + <a + title="Cyberpunk 2077 bei Amazon" + href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" + rel="nofollow noopener" + target="_blank" + data-action="shopClickout" + data-network="Amazon" + data-shoptitle="Amazon" + data-dealtitle="Cyberpunk 2077" + data-vars-shoptitle="Amazon" + data-vars-dealtitle="Cyberpunk 2077" + data-clickoutposition="db_pricebox2" + data-price="56,24 €" + class="btn btn-link btn-link-price m-r-1" + >ab 56,24 €</a + > + <br /> + <p class="caption delivery m-b-0"> + Versand s. Shop + </p> + </div> </div> - <div class="contentteaser row box offerteaser-box hidden-sm-down" data-toggle-tab=""> - <div class="col-xs-12 box-title"> - <hr> - <div class="h3"> - <a href="/spiele/cyberpunk-2077,preisvergleich,3471.html">Preisvergleich</a> - </div> - <i class="box-icon"></i> - <div class="box-link box-link-top"> - <a href="/spiele/cyberpunk-2077,preisvergleich,3471.html" title="alle anzeigen" - class="btn btn-link js-ga" data-label="teaser.offers.alle">alle anzeigen</a> - </div> - </div> - <div class="col-xs-12 box-content"> - <div class="row box-flex-container"> - <div class="col-xs-12 media m-b-1 box-flex-item"> - <div class="dis-table responsive"> - <div class="dis-table-row"> - <div class="media-left p-l-1"> - <a title="Cyberpunk 2077 bei Amazon" - href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" - rel="nofollow noopener" target="_blank" - data-action="shopClickout" data-network="Amazon" - data-shoptitle="Amazon" data-dealtitle="Cyberpunk 2077" - data-vars-shoptitle="Amazon" - data-vars-dealtitle="Cyberpunk 2077" - data-clickoutposition="db_pricebox2" - data-price="56,24 €" - class="imagecontainer text-sm-center" - style="width:85px;height:85px;overflow:hidden;"> - <img src="" width="16" height="16" - data-src="https://static.cgames.de/pv/m.media-amazon.com/images/I/51OZnJLB9uL._SL500_.jpg" - class="media-game-object ads-container lazyload" - alt="Cyberpunk 2077" style="width:100%;" /> - <noscript><img loading="lazy" - class="media-game-object ads-container" - src="https://static.cgames.de/pv/m.media-amazon.com/images/I/51OZnJLB9uL._SL500_.jpg" - width="16" height="16" style="width:100%;"></noscript> - </a> - </div> - <div class="media-body"> - <div class="m-b-05"> - <a title="Cyberpunk 2077 bei Amazon" - href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" - rel="nofollow noopener" target="_blank" - data-action="shopClickout" data-network="Amazon" - data-shoptitle="Amazon" data-dealtitle="Cyberpunk 2077" - data-vars-shoptitle="Amazon" - data-vars-dealtitle="Cyberpunk 2077" - data-clickoutposition="db_pricebox2" - data-price="56,24 €"><img - src="/img/gamestar/coop/amazon.png"></a> - </div> - <div class="h4 media-heading ellipsize2 m-b-0"> - <a title="Cyberpunk 2077 bei Amazon" - href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" - rel="nofollow noopener" target="_blank" - data-action="shopClickout" data-network="Amazon" - data-shoptitle="Amazon" data-dealtitle="Cyberpunk 2077" - data-vars-shoptitle="Amazon" - data-vars-dealtitle="Cyberpunk 2077" - data-clickoutposition="db_pricebox2" - data-price="56,24 €">Cyberpunk 2077</a> - </div> - <a title="Cyberpunk 2077 bei Amazon" - href="https://www.amazon.de/dp/B07S9RCDH6?tag=gs-web-21&linkCode=ogi&th=1&psc=1&language=de_DE" - rel="nofollow noopener" target="_blank" - data-action="shopClickout" data-network="Amazon" - data-shoptitle="Amazon" data-dealtitle="Cyberpunk 2077" - data-vars-shoptitle="Amazon" - data-vars-dealtitle="Cyberpunk 2077" - data-clickoutposition="db_pricebox2" - data-price="56,24 €" - class="btn btn-link btn-link-price m-r-1">ab - 56,24 €</a> - <br /> - <p class="caption delivery m-b-0">Versand s. Shop</p> - </div> - </div> - </div> - <hr class="m-t-1 m-b-0"> - </div> - <div class="clearfix"></div> - <div class="spacer2x spacer-on-demand"></div> - </div> - </div> - <div class="clearfix"></div> - <div class="spacer2x spacer-on-demand"></div> - <div class="col-xs-12 box-link p-r-2"> - <p class="delivery caption m-t-0 float-right">ANZEIGE</p> - </div> + </div> + <hr class="m-t-1 m-b-0" /> + </div> + <div class="clearfix"></div> + <div class="spacer2x spacer-on-demand"></div> + </div> + </div> + <div class="clearfix"></div> + <div class="spacer2x spacer-on-demand"></div> + <div class="col-xs-12 box-link p-r-2"> + <p class="delivery caption m-t-0 float-right">ANZEIGE</p> + </div> + </div> + <div + id="dfp-mtf-desktop" + class="jad-placeholder jad-placeholder-rectangle jad-placeholder-desktop jad-placeholder-mtf hidden-md-down m-b-4" + > + <div + id="jad-mtf-desktop" + class="jad-rectangle jad-rectangle-desktop jad-mtf" + > + <!-- --> + </div> + </div> + <div + class="contentteaser row box contentmediaitem-box" + data-toggle-tab="" + > + <div class="col-xs-12 box-title"> + <hr /> + <div class="h3"> + <a href="/artikel/alle-artikel,9100,newest/" + >Aktuelle Artikel</a + > + </div> + <i class="box-icon"></i> + <div class="box-link box-link-top"> + <a + href="/artikel/alle-artikel,9100,newest/" + title="alle anzeigen" + class="btn btn-link js-ga" + data-label="teaser.Aktuelle Artikel.alle" + >alle anzeigen</a + > + </div> + </div> + <div + class="box-content" + data-teasermodule="content" + data-id="9100_35_10" + data-fkid="0" + data-fktype="0" + data-fkcontentfilter="10" + data-datasource="" + data-searchterm="" + data-htag="div" + data-hstyle="h4" + data-teasername="Aktuelle Artikel" + data-filter="newest" + data-filter-values="" + data-page="1" + data-maxrows="4" + data-showstar="true" + data-showtime="false" + data-showtag="false" + data-itemsnippet="contentmediaitem" + data-itemsperrow="0" + data-showItemHr="false" + data-itemsperrowresponsive="1,2,2,1,1" + data-maxitemsperrowresponsive="" + data-loadMore="true" + data-loadMoreMobileOnly="false" + data-addDate="false" + data-searchterm="" + data-searchtype="1" + data-usesearch="false" + data-showRatings="true" + data-paging="false" + data-hidePlayIcon="false" + data-excludeIds="[]" + > + <span class="box-reload"> + <div + class="col-xs-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 media" + > + <div class="media-left"> + <a + href="/artikel/wow-dragonflight-klassenguide-beste-builds-schamane,3387149.html" + class="imagecontainer" + title="WoW Dragonflight Klassenguide: So holt ihr das Meiste aus eurem Schamanen" + > + <img + src="" + width="446" + height="251" + data-src="//images.cgames.de/images/gamestar/256/gs-plus-wow-dragonflight-klassenguide-schamane-teaser_6207142.jpg" + data-sizes="auto" + data-srcset="//images.cgames.de/images/gamestar/256/gs-plus-wow-dragonflight-klassenguide-schamane-teaser_6207142.jpg, //images.cgames.de/images/gamestar/210/gs-plus-wow-dragonflight-klassenguide-schamane-teaser_6207142.jpg 2x" + class="media-object lazyload" + alt="WoW Dragonflight Klassenguide: So holt ihr das Meiste aus eurem Schamanen" + /> + <noscript + ><img + loading="lazy" + class="media-object" + src="//images.cgames.de/images/gamestar/256/gs-plus-wow-dragonflight-klassenguide-schamane-teaser_6207142.jpg" + width="446" + height="251" + /></noscript> + <span class="onimage"> + <span class="onimage-info topleft grn">PLUS</span> + </span> + </a> + </div> + <div class="media-body"> + <p class="info m-b-05">vor 47 Minuten</p> + <div class="h4 m-b-0 media-heading ellipsize3"> + <a + href="/artikel/wow-dragonflight-klassenguide-beste-builds-schamane,3387149.html" + title="WoW Dragonflight Klassenguide: So holt ihr das Meiste aus eurem Schamanen" + >WoW Dragonflight Klassenguide: So holt ihr das + Meiste aus eurem Schamanen</a + > </div> - <div id="dfp-mtf-desktop" - class="jad-placeholder jad-placeholder-rectangle jad-placeholder-desktop jad-placeholder-mtf hidden-md-down m-b-4"> - <div id="jad-mtf-desktop" class="jad-rectangle jad-rectangle-desktop jad-mtf"> - <!-- --> - </div> + </div> + </div> + <div + class="col-xs-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 media" + > + <div class="media-left"> + <a + href="/artikel/spoiler-alarm-iphone-film,3387316.html" + class="imagecontainer" + title="Spoiler-Alarm: Warum ein iPhone mir schon so manchen Film ruiniert hat" + > + <img + src="" + width="446" + height="251" + data-src="//images.cgames.de/images/gamestar/256/iphone-filme-spoiler-teaser_6207473.jpg" + data-sizes="auto" + data-srcset="//images.cgames.de/images/gamestar/256/iphone-filme-spoiler-teaser_6207473.jpg, //images.cgames.de/images/gamestar/210/iphone-filme-spoiler-teaser_6207473.jpg 2x" + class="media-object lazyload" + alt="Spoiler-Alarm: Warum ein iPhone mir schon so manchen Film ruiniert hat" + /> + <noscript + ><img + loading="lazy" + class="media-object" + src="//images.cgames.de/images/gamestar/256/iphone-filme-spoiler-teaser_6207473.jpg" + width="446" + height="251" + /></noscript> + <span class="onimage"> + <span class="onimage-info left hidden-sm-down"> + <i class="icon-commentAlt fg-white"></i> 1 + <i class="icon-star fg-white"></i> 1 + </span> + </span> + </a> + </div> + <div class="media-body"> + <p class="info m-b-05">vor einer Stunde</p> + <div class="h4 m-b-0 media-heading ellipsize3"> + <a + href="/artikel/spoiler-alarm-iphone-film,3387316.html" + title="Spoiler-Alarm: Warum ein iPhone mir schon so manchen Film ruiniert hat" + >Spoiler-Alarm: Warum ein iPhone mir schon so + manchen Film ruiniert hat</a + > </div> - <div class="contentteaser row box contentmediaitem-box " data-toggle-tab=""> - <div class="col-xs-12 box-title"> - <hr> - <div class="h3"> - <a href="/artikel/alle-artikel,9100,newest/">Aktuelle Artikel</a> - </div> - <i class="box-icon"></i> - <div class="box-link box-link-top"> - <a href="/artikel/alle-artikel,9100,newest/" title="alle anzeigen" - class="btn btn-link js-ga" data-label="teaser.Aktuelle Artikel.alle">alle - anzeigen</a> - </div> - </div> - <div class="box-content" data-teasermodule="content" data-id="9100_35_10" data-fkid="0" - data-fktype="0" data-fkcontentfilter="10" data-datasource="" data-searchterm="" - data-htag="div" data-hstyle="h4" data-teasername="Aktuelle Artikel" data-filter="newest" - data-filter-values="" data-page="1" data-maxrows="4" data-showstar="true" - data-showtime="false" data-showtag="false" data-itemsnippet="contentmediaitem" - data-itemsperrow="0" data-showItemHr="false" data-itemsperrowresponsive="1,2,2,1,1" - data-maxitemsperrowresponsive="" data-loadMore="true" data-loadMoreMobileOnly="false" - data-addDate="false" data-searchterm="" data-searchtype="1" data-usesearch="false" - data-showRatings="true" data-paging="false" data-hidePlayIcon="false" - data-excludeIds="[]"> - <span class="box-reload"> - <div class=" col-xs-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 media"> - <div class="media-left"> - <a href="/artikel/wow-dragonflight-klassenguide-beste-builds-schamane,3387149.html" - class="imagecontainer" - title="WoW Dragonflight Klassenguide: So holt ihr das Meiste aus eurem Schamanen"> - <img src="" width="446" height="251" - data-src="//images.cgames.de/images/gamestar/256/gs-plus-wow-dragonflight-klassenguide-schamane-teaser_6207142.jpg" - data-sizes="auto" - data-srcset="//images.cgames.de/images/gamestar/256/gs-plus-wow-dragonflight-klassenguide-schamane-teaser_6207142.jpg, //images.cgames.de/images/gamestar/210/gs-plus-wow-dragonflight-klassenguide-schamane-teaser_6207142.jpg 2x" - class="media-object lazyload" - alt="WoW Dragonflight Klassenguide: So holt ihr das Meiste aus eurem Schamanen" /> - <noscript><img loading="lazy" class="media-object" - src="//images.cgames.de/images/gamestar/256/gs-plus-wow-dragonflight-klassenguide-schamane-teaser_6207142.jpg" - width="446" height="251"></noscript> - <span class="onimage"> - <span class="onimage-info topleft grn">PLUS</span> - </span> - </a> - </div> - <div class="media-body"> - <p class="info m-b-05">vor 47 Minuten</p> - <div class="h4 m-b-0 media-heading ellipsize3"> - <a href="/artikel/wow-dragonflight-klassenguide-beste-builds-schamane,3387149.html" - title="WoW Dragonflight Klassenguide: So holt ihr das Meiste aus eurem Schamanen">WoW - Dragonflight Klassenguide: So holt ihr das Meiste aus eurem - Schamanen</a> - </div> - </div> - </div> - <div class=" col-xs-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 media"> - <div class="media-left"> - <a href="/artikel/spoiler-alarm-iphone-film,3387316.html" - class="imagecontainer" - title="Spoiler-Alarm: Warum ein iPhone mir schon so manchen Film ruiniert hat"> - <img src="" width="446" height="251" - data-src="//images.cgames.de/images/gamestar/256/iphone-filme-spoiler-teaser_6207473.jpg" - data-sizes="auto" - data-srcset="//images.cgames.de/images/gamestar/256/iphone-filme-spoiler-teaser_6207473.jpg, //images.cgames.de/images/gamestar/210/iphone-filme-spoiler-teaser_6207473.jpg 2x" - class="media-object lazyload" - alt="Spoiler-Alarm: Warum ein iPhone mir schon so manchen Film ruiniert hat" /> - <noscript><img loading="lazy" class="media-object" - src="//images.cgames.de/images/gamestar/256/iphone-filme-spoiler-teaser_6207473.jpg" - width="446" height="251"></noscript> - <span class="onimage"> - <span class="onimage-info left hidden-sm-down"> - <i class="icon-commentAlt fg-white"></i> 1 - <i class="icon-star fg-white"></i> 1 - </span> - </span> - </a> - </div> - <div class="media-body"> - <p class="info m-b-05">vor einer Stunde</p> - <div class="h4 m-b-0 media-heading ellipsize3"> - <a href="/artikel/spoiler-alarm-iphone-film,3387316.html" - title="Spoiler-Alarm: Warum ein iPhone mir schon so manchen Film ruiniert hat">Spoiler-Alarm: - Warum ein iPhone mir schon so manchen Film ruiniert hat</a> - </div> - </div> - </div> - <div class="clearfix hide sm-2 display-block-sm"></div> - <div class="clearfix hide md-2 display-block-md"></div> - <div class=" col-xs-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 media"> - <div class="media-left"> - <a href="/artikel/neu-bei-steam-und-co-von-mmo-bis-strategie,3387318.html" - class="imagecontainer" - title="Neu bei Steam und Co: Die Spielewoche hat von MMO bis Strategie alles zu bieten"> - <img src="" width="446" height="251" - data-src="//images.cgames.de/images/gamestar/256/neu-bei-steam-dragonflight-midnight-suns-callisto-protocol_6207498.jpg" - data-sizes="auto" - data-srcset="//images.cgames.de/images/gamestar/256/neu-bei-steam-dragonflight-midnight-suns-callisto-protocol_6207498.jpg, //images.cgames.de/images/gamestar/210/neu-bei-steam-dragonflight-midnight-suns-callisto-protocol_6207498.jpg 2x" - class="media-object lazyload" - alt="Neu bei Steam und Co: Die Spielewoche hat von MMO bis Strategie alles zu bieten" /> - <noscript><img loading="lazy" class="media-object" - src="//images.cgames.de/images/gamestar/256/neu-bei-steam-dragonflight-midnight-suns-callisto-protocol_6207498.jpg" - width="446" height="251"></noscript> - <span class="onimage"> - <span class="onimage-info left hidden-sm-down"> - <i class="icon-commentAlt fg-white"></i> 1 - <i class="icon-star fg-white"></i> 1 - </span> - </span> - </a> - </div> - <div class="media-body"> - <p class="info m-b-05">vor einer Stunde</p> - <div class="h4 m-b-0 media-heading ellipsize3"> - <a href="/artikel/neu-bei-steam-und-co-von-mmo-bis-strategie,3387318.html" - title="Neu bei Steam und Co: Die Spielewoche hat von MMO bis Strategie alles zu bieten">Neu - bei Steam und Co: Die Spielewoche hat von MMO bis Strategie alles zu - bieten</a> - </div> - </div> - </div> - <div class=" col-xs-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 media"> - <div class="media-left"> - <a href="/artikel/das-gamestar-sonderheft-zu-anno-1800-hier-kommt-die-extradicke-visionaersausgabe,3387249.html" - class="imagecontainer" - title="Das GameStar-Sonderheft zu Anno 1800 - hier kommt die extradicke Visionärsausgabe!"> - <img src="" width="446" height="251" - data-src="//images.cgames.de/images/gamestar/256/gssh-anno-1800-va-teaser_6207154.jpg" - data-sizes="auto" - data-srcset="//images.cgames.de/images/gamestar/256/gssh-anno-1800-va-teaser_6207154.jpg, //images.cgames.de/images/gamestar/210/gssh-anno-1800-va-teaser_6207154.jpg 2x" - class="media-object lazyload" - alt="Das GameStar-Sonderheft zu Anno 1800 - hier kommt die extradicke Visionärsausgabe!" /> - <noscript><img loading="lazy" class="media-object" - src="//images.cgames.de/images/gamestar/256/gssh-anno-1800-va-teaser_6207154.jpg" - width="446" height="251"></noscript> - <span class="onimage"> - <span class="onimage-info left hidden-sm-down"> - <i class="icon-commentAlt fg-white"></i> 14 - <i class="icon-star fg-white"></i> 4 - </span> - </span> - </a> - </div> - <div class="media-body"> - <p class="info m-b-05">vor einer Stunde</p> - <div class="h4 m-b-0 media-heading ellipsize3"> - <a href="/artikel/das-gamestar-sonderheft-zu-anno-1800-hier-kommt-die-extradicke-visionaersausgabe,3387249.html" - title="Das GameStar-Sonderheft zu Anno 1800 - hier kommt die extradicke Visionärsausgabe!">Das - GameStar-Sonderheft zu Anno 1800 - hier kommt die extradicke - Visionärsausgabe!</a> - </div> - </div> - </div> - <div class="clearfix hide sm-2 display-block-sm"></div> - <div class="clearfix hide md-2 display-block-md"></div> - <div class="clearfix"></div> - <div class="col-xs-12 box-link box-placeholder "> - <div class="spacer2x spacer-on-demand"></div> - <a class="btn btn-link btn-link-gray do-loadmore js-ga" title="Mehr anzeigen" - data-action="loadmore" data-code="RC_PAGE" - data-label="teaser.Aktuelle Artikel.mehr">mehr anzeigen<i - class="icon-caretDown icon-layout-more"></i></a> - </div> - </span> - <div class="col-xs-12 text-xs-center hide box-spinner m-b-2"><i class="loader spin"></i> - wird geladen ...</div> - </div> + </div> + </div> + <div class="clearfix hide sm-2 display-block-sm"></div> + <div class="clearfix hide md-2 display-block-md"></div> + <div + class="col-xs-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 media" + > + <div class="media-left"> + <a + href="/artikel/neu-bei-steam-und-co-von-mmo-bis-strategie,3387318.html" + class="imagecontainer" + title="Neu bei Steam und Co: Die Spielewoche hat von MMO bis Strategie alles zu bieten" + > + <img + src="" + width="446" + height="251" + data-src="//images.cgames.de/images/gamestar/256/neu-bei-steam-dragonflight-midnight-suns-callisto-protocol_6207498.jpg" + data-sizes="auto" + data-srcset="//images.cgames.de/images/gamestar/256/neu-bei-steam-dragonflight-midnight-suns-callisto-protocol_6207498.jpg, //images.cgames.de/images/gamestar/210/neu-bei-steam-dragonflight-midnight-suns-callisto-protocol_6207498.jpg 2x" + class="media-object lazyload" + alt="Neu bei Steam und Co: Die Spielewoche hat von MMO bis Strategie alles zu bieten" + /> + <noscript + ><img + loading="lazy" + class="media-object" + src="//images.cgames.de/images/gamestar/256/neu-bei-steam-dragonflight-midnight-suns-callisto-protocol_6207498.jpg" + width="446" + height="251" + /></noscript> + <span class="onimage"> + <span class="onimage-info left hidden-sm-down"> + <i class="icon-commentAlt fg-white"></i> 1 + <i class="icon-star fg-white"></i> 1 + </span> + </span> + </a> + </div> + <div class="media-body"> + <p class="info m-b-05">vor einer Stunde</p> + <div class="h4 m-b-0 media-heading ellipsize3"> + <a + href="/artikel/neu-bei-steam-und-co-von-mmo-bis-strategie,3387318.html" + title="Neu bei Steam und Co: Die Spielewoche hat von MMO bis Strategie alles zu bieten" + >Neu bei Steam und Co: Die Spielewoche hat von MMO + bis Strategie alles zu bieten</a + > </div> - <div id="dfp-btf-desktop" - class="jad-placeholder jad-placeholder-rectangle jad-placeholder-desktop jad-placeholder-btf hidden-md-down m-b-4"> - <div id="jad-btf-desktop" class="jad-rectangle jad-rectangle-desktop jad-btf"> - <!-- --> - </div> + </div> + </div> + <div + class="col-xs-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 media" + > + <div class="media-left"> + <a + href="/artikel/das-gamestar-sonderheft-zu-anno-1800-hier-kommt-die-extradicke-visionaersausgabe,3387249.html" + class="imagecontainer" + title="Das GameStar-Sonderheft zu Anno 1800 - hier kommt die extradicke Visionärsausgabe!" + > + <img + src="" + width="446" + height="251" + data-src="//images.cgames.de/images/gamestar/256/gssh-anno-1800-va-teaser_6207154.jpg" + data-sizes="auto" + data-srcset="//images.cgames.de/images/gamestar/256/gssh-anno-1800-va-teaser_6207154.jpg, //images.cgames.de/images/gamestar/210/gssh-anno-1800-va-teaser_6207154.jpg 2x" + class="media-object lazyload" + alt="Das GameStar-Sonderheft zu Anno 1800 - hier kommt die extradicke Visionärsausgabe!" + /> + <noscript + ><img + loading="lazy" + class="media-object" + src="//images.cgames.de/images/gamestar/256/gssh-anno-1800-va-teaser_6207154.jpg" + width="446" + height="251" + /></noscript> + <span class="onimage"> + <span class="onimage-info left hidden-sm-down"> + <i class="icon-commentAlt fg-white"></i> 14 + <i class="icon-star fg-white"></i> 4 + </span> + </span> + </a> + </div> + <div class="media-body"> + <p class="info m-b-05">vor einer Stunde</p> + <div class="h4 m-b-0 media-heading ellipsize3"> + <a + href="/artikel/das-gamestar-sonderheft-zu-anno-1800-hier-kommt-die-extradicke-visionaersausgabe,3387249.html" + title="Das GameStar-Sonderheft zu Anno 1800 - hier kommt die extradicke Visionärsausgabe!" + >Das GameStar-Sonderheft zu Anno 1800 - hier kommt + die extradicke Visionärsausgabe!</a + > </div> + </div> </div> + <div class="clearfix hide sm-2 display-block-sm"></div> + <div class="clearfix hide md-2 display-block-md"></div> + <div class="clearfix"></div> + <div class="col-xs-12 box-link box-placeholder"> + <div class="spacer2x spacer-on-demand"></div> + <a + class="btn btn-link btn-link-gray do-loadmore js-ga" + title="Mehr anzeigen" + data-action="loadmore" + data-code="RC_PAGE" + data-label="teaser.Aktuelle Artikel.mehr" + >mehr anzeigen<i + class="icon-caretDown icon-layout-more" + ></i + ></a> + </div> + </span> + <div class="col-xs-12 text-xs-center hide box-spinner m-b-2"> + <i class="loader spin"></i> wird geladen ... + </div> + </div> + </div> + <div + id="dfp-btf-desktop" + class="jad-placeholder jad-placeholder-rectangle jad-placeholder-desktop jad-placeholder-btf hidden-md-down m-b-4" + > + <div + id="jad-btf-desktop" + class="jad-rectangle jad-rectangle-desktop jad-btf" + > + <!-- --> </div> + </div> </div> + </div> </div> - <div id="lightbox" class="modal fade"> - <div class="modal-dialog modal-lg" role="document"> - <div class="modal-content"> - <a id="btn-close" class="btn btn-link-gray do-reload pull-xs-right m-r-0" data-dismiss="modal" - aria-label="Close" title="Schließen"> - <i class="icon-close icon-2x p-r-0"></i> - </a> - <div class="modal-body"> - <div id="lbxreload"> - </div> - <div id="lbxloader" class="box-spinner"><i class="loader spin"></i> wird geladen ...</div> - </div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> - <div id="backtotop" class="container fadeout hidden-sm-down"> - <div class="row"> - <div class="col-xs-2 col-xs-push-10 text-xs-right"> - <a class="btn btn-gray btn-circle scrollto js-ga" data-category="menu" data-label="jump.top" - href="#content" title="Nach oben" data-scroll-offset="-65"> - <i class="icon-caretUp p-r-0"></i> - </a> - </div> + </div> + <div id="lightbox" class="modal fade"> + <div class="modal-dialog modal-lg" role="document"> + <div class="modal-content"> + <a + id="btn-close" + class="btn btn-link-gray do-reload pull-xs-right m-r-0" + data-dismiss="modal" + aria-label="Close" + title="Schließen" + > + <i class="icon-close icon-2x p-r-0"></i> + </a> + <div class="modal-body"> + <div id="lbxreload"></div> + <div id="lbxloader" class="box-spinner"> + <i class="loader spin"></i> wird geladen ... + </div> </div> + </div> + <!-- /.modal-content --> </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> + <div id="backtotop" class="container fadeout hidden-sm-down"> + <div class="row"> + <div class="col-xs-2 col-xs-push-10 text-xs-right"> + <a + class="btn btn-gray btn-circle scrollto js-ga" + data-category="menu" + data-label="jump.top" + href="#content" + title="Nach oben" + data-scroll-offset="-65" + > + <i class="icon-caretUp p-r-0"></i> + </a> + </div> + </div> + </div> </div> <div id="cmp-modal" class="modal fade"> - <div id="cmp-container" class="modal-dialog" role="document"> - <div id="cmp-content" class="modal-content"> - <div id="cmp-headline"> - <h2>Willkommen bei GameStar!</h2> - <img src="/gs_cb/assets/images/favicon/favicon.svg" alt="" /> - </div> - <div class="cmp-split"> - <div> - <h3>Mit Werbung weiterlesen</h3> - <p>Besuche GameStar wie gewohnt mit Werbung und Tracking. Deine Zustimmung kannst du jederzeit - über die Datenschutzerklärung widerrufen.</p> - <a class="cmp-accept no-link btn btn-sale" href="#">Akzeptieren und weiter</a> - <p class="note">Mehr Infos zu Werbung und Tracking in unserer <a href="/datenschutz/" - data-interaction-id="privacy">Datenschutzerklärung</a> oder im <a - class="cmp-show-preferences no-link" href="#">Datenschutzinformationszentrum</a></p> - </div> - <div> - <h3>...oder Plus-Abo abschließen</h3> - <p>Nutze GameStar.de ganz ohne Werbebanner, personalisiertes Tracking und Werbespots schon ab - 4,99€ pro Monat.</p> - <a class="btn btn-sale-white" href="/scalecommerce/plus/?source=vorschaltseite" - data-interaction-id="more-info-plus">Mehr zum Plus-Abo</a> - <p class="note">Bereits Plus-Abonnement? <a href="/login/" data-interaction-id="login">Hier - einloggen</a></p> - </div> - </div> - <p id="cmp-tracking-note" class="note">Das ist Tracking: Über auf deinem Gerät gespeicherte - Informationen (beispielsweise Cookies) können wir und unsere Partner Anzeigen und Inhalte auf Basis - deines Nutzungsprofils personalisieren und/oder die Performance von Anzeigen und Inhalte messen. Aus - diesen Daten leiten wir Erkenntnisse über Nutzungsverhalten und Vorlieben ab, um Inhalte und - Anzeigen zu optimieren.</p> - <hr /> - <div id="cmp-links"><a href="/impressum/" data-interaction-id="legal-notice">Impressum</a> <a - href="/nutzungsbestimmungen/" data-interaction-id="terms">Nutzungsbestimmungen</a> <a - href="/datenschutz/" data-interaction-id="privacy">Datenschutz</a> <a href="/kontakt/" - data-interaction-id="contact">Kontakt</a></div> + <div id="cmp-container" class="modal-dialog" role="document"> + <div id="cmp-content" class="modal-content"> + <div id="cmp-headline"> + <h2>Willkommen bei GameStar!</h2> + <img src="/gs_cb/assets/images/favicon/favicon.svg" alt="" /> + </div> + <div class="cmp-split"> + <div> + <h3>Mit Werbung weiterlesen</h3> + <p> + Besuche GameStar wie gewohnt mit Werbung und Tracking. Deine + Zustimmung kannst du jederzeit über die Datenschutzerklärung + widerrufen. + </p> + <a class="cmp-accept no-link btn btn-sale" href="#" + >Akzeptieren und weiter</a + > + <p class="note"> + Mehr Infos zu Werbung und Tracking in unserer + <a href="/datenschutz/" data-interaction-id="privacy" + >Datenschutzerklärung</a + > + oder im + <a class="cmp-show-preferences no-link" href="#" + >Datenschutzinformationszentrum</a + > + </p> + </div> + <div> + <h3>...oder Plus-Abo abschließen</h3> + <p> + Nutze GameStar.de ganz ohne Werbebanner, personalisiertes + Tracking und Werbespots schon ab 4,99€ pro Monat. + </p> + <a + class="btn btn-sale-white" + href="/scalecommerce/plus/?source=vorschaltseite" + data-interaction-id="more-info-plus" + >Mehr zum Plus-Abo</a + > + <p class="note"> + Bereits Plus-Abonnement? + <a href="/login/" data-interaction-id="login">Hier einloggen</a> + </p> </div> + </div> + <p id="cmp-tracking-note" class="note"> + Das ist Tracking: Über auf deinem Gerät gespeicherte Informationen + (beispielsweise Cookies) können wir und unsere Partner Anzeigen und + Inhalte auf Basis deines Nutzungsprofils personalisieren und/oder + die Performance von Anzeigen und Inhalte messen. Aus diesen Daten + leiten wir Erkenntnisse über Nutzungsverhalten und Vorlieben ab, um + Inhalte und Anzeigen zu optimieren. + </p> + <hr /> + <div id="cmp-links"> + <a href="/impressum/" data-interaction-id="legal-notice" + >Impressum</a + > + <a href="/nutzungsbestimmungen/" data-interaction-id="terms" + >Nutzungsbestimmungen</a + > + <a href="/datenschutz/" data-interaction-id="privacy" + >Datenschutz</a + > + <a href="/kontakt/" data-interaction-id="contact">Kontakt</a> + </div> </div> + </div> </div> <script> - window.didomiOnReady = window.didomiOnReady || []; - window.didomiOnReady.push(function (Didomi) { - if (Didomi.isUserConsentStatusPartial() || Didomi.shouldConsentBeCollected()) { - $('#content').addClass('modal-cmp'); - $('#cmp-modal').modal({ - backdrop: 'static' - }); - onDidomiInteraction('didomi-consent-popup-view'); - } - }); - function acceptCmp() { - Didomi.setUserAgreeToAll(true); - onDidomiInteraction('didomi-accept-all-click'); - $('#cmp-modal').hide(); - $('body').removeClass('modal-open'); - $('.modal-backdrop').remove(); - $('#content').removeClass('modal-cmp'); - } - $('.cmp-accept').on('click', function (e) { - e.preventDefault(); - acceptCmp(); - }); - $('.cmp-show-preferences').on('click', function (e) { - e.preventDefault(); - Didomi.preferences.show(); - onDidomiInteraction('didomi-preferences-view'); - }); - $('.cmp-show-vendors').on('click', function (e) { - e.preventDefault(); - Didomi.preferences.show('vendors'); - onDidomiInteraction('didomi-preferences-view'); - }); - $('#cmp-content a:not(.no-link)').on('click', function (e) { - e.preventDefault(); - onDidomiInteraction('didomi-' + $(e.target).data('interactionId') + '-click').then(() => { - window.location = e.target.href; - }); + window.didomiOnReady = window.didomiOnReady || []; + window.didomiOnReady.push(function (Didomi) { + if ( + Didomi.isUserConsentStatusPartial() || + Didomi.shouldConsentBeCollected() + ) { + $("#content").addClass("modal-cmp"); + $("#cmp-modal").modal({ + backdrop: "static", + }); + onDidomiInteraction("didomi-consent-popup-view"); + } + }); + function acceptCmp() { + Didomi.setUserAgreeToAll(true); + onDidomiInteraction("didomi-accept-all-click"); + $("#cmp-modal").hide(); + $("body").removeClass("modal-open"); + $(".modal-backdrop").remove(); + $("#content").removeClass("modal-cmp"); + } + $(".cmp-accept").on("click", function (e) { + e.preventDefault(); + acceptCmp(); + }); + $(".cmp-show-preferences").on("click", function (e) { + e.preventDefault(); + Didomi.preferences.show(); + onDidomiInteraction("didomi-preferences-view"); + }); + $(".cmp-show-vendors").on("click", function (e) { + e.preventDefault(); + Didomi.preferences.show("vendors"); + onDidomiInteraction("didomi-preferences-view"); + }); + $("#cmp-content a:not(.no-link)").on("click", function (e) { + e.preventDefault(); + onDidomiInteraction( + "didomi-" + $(e.target).data("interactionId") + "-click" + ).then(() => { + window.location = e.target.href; }); + }); </script> <script type="application/json" id="footerBannerIntersectionObserverConfig"> -{ -"rootMargin": "0px 0px 1000px 0px" -} -</script> + { + "rootMargin": "0px 0px 1000px 0px" + } + </script> <div class="home footer-banner"> - <div class="grid"> - <div class="container grid highlight"> - <div class="js-observe p-t-2" data-banner-id="2" - data-action-on-intersection="handleFooterBannerIntersection" - data-intersection-config="footerBannerIntersectionObserverConfig" - data-action-on-intersection-fallback="loadFooterBanner"></div> - </div> + <div class="grid"> + <div class="container grid highlight"> + <div + class="js-observe p-t-2" + data-banner-id="2" + data-action-on-intersection="handleFooterBannerIntersection" + data-intersection-config="footerBannerIntersectionObserverConfig" + data-action-on-intersection-fallback="loadFooterBanner" + ></div> </div> + </div> </div> <footer id="footer"> - <div id="footer-bold" class="container-fluid"> - <div class="container"> - <div class="row"> - <div class="col-xs-12"> - <div class="row"> - <div class="col-xs-12 col-lg-6 newsletter-info m-b-2 text-xs-center text-lg-left"> - <div class="h2 m-b-0">Newsletter bestellen</div> - <p class="m-b-0">Hol' dir die neuesten Infos zu Games und Hardware direkt ins Postfach - </p> - </div> - <div class="col-xs-12 col-lg-6 newsletter-form-container"> - <form id="newsletter" action="/newsletter/" method="POST"> - <div class="input-group input-round p-l-1"> - <input type="text" placeholder="E-Mail-Adresse eingeben" name="email"> - <button aria-label="Anmelden" type="submit" - class="btn btn-sale js-ga hidden-md-down" data-label="button.newsletter" - data-category="footer"> - Jetzt anmelden - </button> - <button aria-label="Anmelden" type="submit" - class="btn btn-sale js-ga hidden-lg-up" data-label="button.newsletter" - data-category="footer"> - <i class="icon-chevronMonoRight icon-2x"></i> - </button> - </div> - </form> - </div> - </div> + <div id="footer-bold" class="container-fluid"> + <div class="container"> + <div class="row"> + <div class="col-xs-12"> + <div class="row"> + <div + class="col-xs-12 col-lg-6 newsletter-info m-b-2 text-xs-center text-lg-left" + > + <div class="h2 m-b-0">Newsletter bestellen</div> + <p class="m-b-0"> + Hol' dir die neuesten Infos zu Games und Hardware direkt ins + Postfach + </p> + </div> + <div class="col-xs-12 col-lg-6 newsletter-form-container"> + <form id="newsletter" action="/newsletter/" method="POST"> + <div class="input-group input-round p-l-1"> + <input + type="text" + placeholder="E-Mail-Adresse eingeben" + name="email" + /> + <button + aria-label="Anmelden" + type="submit" + class="btn btn-sale js-ga hidden-md-down" + data-label="button.newsletter" + data-category="footer" + > + Jetzt anmelden + </button> + <button + aria-label="Anmelden" + type="submit" + class="btn btn-sale js-ga hidden-lg-up" + data-label="button.newsletter" + data-category="footer" + > + <i class="icon-chevronMonoRight icon-2x"></i> + </button> </div> + </form> </div> + </div> </div> + </div> </div> - <div id="footer-brand" class="container-fluid"> - <div class="container p-t-2 text-xs-center text-lg-left"> - <div class="row"> - <div class="col-xs-12"> - <p class="m-b-1"> - <span class="hidden-lg-up">RUBRIKEN<br /></span> - <a href="/impressum/">Impressum</a> | - <a href="/artikel/der-gamestar-kodex-wer-wir-sind-und-wofuer-wir-stehen,3343279.html">Über - uns</a> | - <a href="/about/">Über Webedia Gaming</a> | - <a href="https://www.gamestar.de/abo-kuendigen">Abo kündigen</a> | - <a href="https://webedia-group.de/karriere/" target="_blank" rel="noopener">Karriere</a> | - <a href="/newsletter/">Newsletter</a> | - <a href="/kontakt/">Kontakt</a> | - <a href="/nutzungsbestimmungen/">Nutzungsbestimmungen</a> | - <a href="https://webedia-group.de/">Mediadaten</a> | - <a href="/datenschutz/">Datenschutzerklärung</a> | - <a href="/datenschutz/#cookiereset">Cookies & Tracking</a> - </p> - <p class="m-b-1"> - <span class="hidden-lg-up">MEDIENGRUPPE<br /></span> - <a href="https://www.gamestar.de/">GameStar</a> | - <a href="https://www.gamepro.de/">GamePro</a> | - <a href="https://mein-mmo.de/">Mein MMO</a> | - <a href="https://www.jointheallyance.de/">allyance Network</a> | - <a href="https://www.jeuxvideo.com/">Jeuxvideo.com</a> - </p> - <p class="m-b-1"> - <span class="hidden-lg-up">SOCIAL MEDIA<br /></span> - <a href="https://twitter.com/GameStar_de" target="_blank">Twitter</a> | - <a href="https://www.facebook.com/GameStar.de/" target="_blank">Facebook</a> | - <a href="https://www.instagram.com/gamestar.de/?hl=de" target="_blank">Instagram</a> | - <a href="https://www.tiktok.com/@gamestar" target="_blank">TikTok</a> - </p> - <p class="m-b-1">Copyright © Webedia - alle Rechte vorbehalten</p> - </div> - <div class="col-xs-12 m-t-2"> - <a href="https://www.webedia-group.de/"> - <img src="https://static.cgames.de/gs_cb/assets/core/images/webedia_logo_dark.svg" - alt="Webedia Logo" width="100" height="auto"> - </a> - <a href="https://www.co2neutralwebsite.de/certificate/7032/de" target="_blank"> - <img class="m-l-2" src="//www.co2neutralwebsite.de/icons/logo/transparent_de.svg" alt="" - width="100" height="auto" /> - </a> - </div> - </div> + </div> + <div id="footer-brand" class="container-fluid"> + <div class="container p-t-2 text-xs-center text-lg-left"> + <div class="row"> + <div class="col-xs-12"> + <p class="m-b-1"> + <span class="hidden-lg-up">RUBRIKEN<br /></span> + <a href="/impressum/">Impressum</a> | + <a + href="/artikel/der-gamestar-kodex-wer-wir-sind-und-wofuer-wir-stehen,3343279.html" + >Über uns</a + > + | <a href="/about/">Über Webedia Gaming</a> | + <a href="https://www.gamestar.de/abo-kuendigen">Abo kündigen</a> + | + <a + href="https://webedia-group.de/karriere/" + target="_blank" + rel="noopener" + >Karriere</a + > + | <a href="/newsletter/">Newsletter</a> | + <a href="/kontakt/">Kontakt</a> | + <a href="/nutzungsbestimmungen/">Nutzungsbestimmungen</a> | + <a href="https://webedia-group.de/">Mediadaten</a> | + <a href="/datenschutz/">Datenschutzerklärung</a> | + <a href="/datenschutz/#cookiereset">Cookies & Tracking</a> + </p> + <p class="m-b-1"> + <span class="hidden-lg-up">MEDIENGRUPPE<br /></span> + <a href="https://www.gamestar.de/">GameStar</a> | + <a href="https://www.gamepro.de/">GamePro</a> | + <a href="https://mein-mmo.de/">Mein MMO</a> | + <a href="https://www.jointheallyance.de/">allyance Network</a> | + <a href="https://www.jeuxvideo.com/">Jeuxvideo.com</a> + </p> + <p class="m-b-1"> + <span class="hidden-lg-up">SOCIAL MEDIA<br /></span> + <a href="https://twitter.com/GameStar_de" target="_blank" + >Twitter</a + > + | + <a href="https://www.facebook.com/GameStar.de/" target="_blank" + >Facebook</a + > + | + <a + href="https://www.instagram.com/gamestar.de/?hl=de" + target="_blank" + >Instagram</a + > + | + <a href="https://www.tiktok.com/@gamestar" target="_blank" + >TikTok</a + > + </p> + <p class="m-b-1"> + Copyright © Webedia - alle Rechte vorbehalten + </p> </div> + <div class="col-xs-12 m-t-2"> + <a href="https://www.webedia-group.de/"> + <img + src="https://static.cgames.de/gs_cb/assets/core/images/webedia_logo_dark.svg" + alt="Webedia Logo" + width="100" + height="auto" + /> + </a> + <a + href="https://www.co2neutralwebsite.de/certificate/7032/de" + target="_blank" + > + <img + class="m-l-2" + src="//www.co2neutralwebsite.de/icons/logo/transparent_de.svg" + alt="" + width="100" + height="auto" + /> + </a> + </div> + </div> </div> + </div> </footer> <div id="login-error-modal" class="modal fade"> - <div class="modal-dialog" role="document"> - <div class="modal-content"> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal" aria-label="Close"> - <i class="icon-close icon-2x"></i> - </button> - <div class="h2 modal-title">Login</div> - </div> - <div class="modal-body"> - <p>Bitte <a href="/login/" rel="nofollow" title="Zum GameStar-Login">logge dich ein</a>, um diese - Funktion nutzen zu können.</p> - </div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <button + type="button" + class="close" + data-dismiss="modal" + aria-label="Close" + > + <i class="icon-close icon-2x"></i> + </button> + <div class="h2 modal-title">Login</div> + </div> + <div class="modal-body"> + <p> + Bitte + <a href="/login/" rel="nofollow" title="Zum GameStar-Login" + >logge dich ein</a + >, um diese Funktion nutzen zu können. + </p> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> <div id="webpush-success-modal" class="modal fade"> - <div class="modal-dialog" role="document"> - <div class="modal-content"> - <div class="modal-header"> - <div class="h2 modal-title">Benachrichtigungen aktiviert</div> - </div> - <div class="modal-body"> - <p>Du hast dich erfolgreich für unsere Benachrichtigungen angemeldet oder warst bereits angemeldet. - </p> - </div> - <div class="modal-footer"> - <button class="btn btn-secondary" type="button" data-dismiss="modal">OK</button> - </div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <div class="h2 modal-title">Benachrichtigungen aktiviert</div> + </div> + <div class="modal-body"> + <p> + Du hast dich erfolgreich für unsere Benachrichtigungen angemeldet + oder warst bereits angemeldet. + </p> + </div> + <div class="modal-footer"> + <button + class="btn btn-secondary" + type="button" + data-dismiss="modal" + > + OK + </button> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> <div id="webpush-subscribed-modal" class="modal fade"> - <div class="modal-dialog" role="document"> - <div class="modal-content"> - <div class="modal-header"> - <div class="h2 modal-title">Benachrichtigungen aktiv</div> - </div> - <div class="modal-body"> - <p>Du bekommst bereits Benachrichtigungen von uns.</p> - </div> - <div class="modal-footer"> - <button class="btn btn-secondary" type="button" data-dismiss="modal">OK</button> - </div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <div class="h2 modal-title">Benachrichtigungen aktiv</div> + </div> + <div class="modal-body"> + <p>Du bekommst bereits Benachrichtigungen von uns.</p> + </div> + <div class="modal-footer"> + <button + class="btn btn-secondary" + type="button" + data-dismiss="modal" + > + OK + </button> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> <div id="webpush-blocked-modal" class="modal fade"> - <div class="modal-dialog" role="document"> - <div class="modal-content"> - <div class="modal-header"> - <div class="h2 modal-title">Benachrichtigungen geblockt</div> - </div> - <div class="modal-body"> - <p>Dein Browser blockiert Benachrichtigungen. Um sie zuzulassen, klicke bitte in der Adresszeile - links auf das Schloss (Chrome und Edge) bzw. die durchgestrichene Sprechblase (Firefox) und - ändere die Benachrichtigungseinstellungen.</p> - </div> - <div class="modal-footer"> - <button class="btn btn-secondary" type="button" data-dismiss="modal">OK</button> - </div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <div class="h2 modal-title">Benachrichtigungen geblockt</div> + </div> + <div class="modal-body"> + <p> + Dein Browser blockiert Benachrichtigungen. Um sie zuzulassen, + klicke bitte in der Adresszeile links auf das Schloss (Chrome und + Edge) bzw. die durchgestrichene Sprechblase (Firefox) und ändere + die Benachrichtigungseinstellungen. + </p> + </div> + <div class="modal-footer"> + <button + class="btn btn-secondary" + type="button" + data-dismiss="modal" + > + OK + </button> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> <div id="webpush-notsupported-modal" class="modal fade"> - <div class="modal-dialog" role="document"> - <div class="modal-content"> - <div class="modal-header"> - <div class="h2 modal-title">Benachrichtigungen nicht unterstützt</div> - </div> - <div class="modal-body"> - <p>Dein Browser unterstützt keine Benachrichtigungen. Hinweis: Auf Apple iPhones werden unabhängig - vom Browser generell keine Benachrichtigungen von Websites unterstützt.</p> - </div> - <div class="modal-footer"> - <button class="btn btn-secondary" type="button" data-dismiss="modal">OK</button> - </div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <div class="h2 modal-title"> + Benachrichtigungen nicht unterstützt + </div> + </div> + <div class="modal-body"> + <p> + Dein Browser unterstützt keine Benachrichtigungen. Hinweis: Auf + Apple iPhones werden unabhängig vom Browser generell keine + Benachrichtigungen von Websites unterstützt. + </p> + </div> + <div class="modal-footer"> + <button + class="btn btn-secondary" + type="button" + data-dismiss="modal" + > + OK + </button> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> <div id="webpush-click-modal" class="modal fade"> - <div class="modal-dialog" role="document"> - <div class="modal-content"> - <div class="modal-header"> - <div class="h2 modal-title">Benachrichtigungen zulassen</div> - </div> - <div class="modal-body"> - <p>Um den Empfang von Benachrichtigungen zu bestätigen, bitte oben in links in deinem Browser auf - »Erlauben« (Chrome und Firefox) bzw. »Zulassen« (Edge) klicken.</p> - </div> - <div class="modal-footer"> - <button class="btn btn-secondary" type="button" data-dismiss="modal">OK</button> - </div> - </div><!-- /.modal-content --> - </div><!-- /.modal-dialog --> - </div><!-- /.modal --> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <div class="h2 modal-title">Benachrichtigungen zulassen</div> + </div> + <div class="modal-body"> + <p> + Um den Empfang von Benachrichtigungen zu bestätigen, bitte oben in + links in deinem Browser auf »Erlauben« (Chrome und Firefox) bzw. + »Zulassen« (Edge) klicken. + </p> + </div> + <div class="modal-footer"> + <button + class="btn btn-secondary" + type="button" + data-dismiss="modal" + > + OK + </button> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> <script> - var lazyImagesTag = document.createElement('script'); - lazyImagesTag.src = window.IntersectionObserver ? - 'https://static.cgames.de/gs_cb/assets/core/js/libs/lazysizes-intersection.js?cc=231120220633' : - 'https://static.cgames.de/gs_cb/assets/core/js/libs/lazysizes.min.js?cc=231120220633'; - lazyImagesTag.addEventListener('load', function () { - lazySizes.init(); - }); - var firstScriptTag = document.getElementsByTagName("script")[0]; - firstScriptTag.parentNode.insertBefore(lazyImagesTag, firstScriptTag); + var lazyImagesTag = document.createElement("script"); + lazyImagesTag.src = window.IntersectionObserver + ? "https://static.cgames.de/gs_cb/assets/core/js/libs/lazysizes-intersection.js?cc=231120220633" + : "https://static.cgames.de/gs_cb/assets/core/js/libs/lazysizes.min.js?cc=231120220633"; + lazyImagesTag.addEventListener("load", function () { + lazySizes.init(); + }); + var firstScriptTag = document.getElementsByTagName("script")[0]; + firstScriptTag.parentNode.insertBefore(lazyImagesTag, firstScriptTag); </script> - <script defer - src="https://static.cgames.de/gs_cb/assets/core/js/libs/typeahead/typeahead.bundle.min.js?cc=231120220633"></script> - <script defer - src="https://static.cgames.de/gs_cb/assets/core/js/libs/waypoints/jquery.waypoints.min.js?cc=231120220633"></script> - <script defer - src="https://static.cgames.de/gs_cb/assets/core/js/libs/jquery/jquery.validate.min.js?cc=231120220633"></script> - <script defer src="https://static.cgames.de/gs_cb/assets/core/js/libs/velocity.min.js"></script> - <script defer src="https://static.cgames.de/gs_cb/assets/core/js/libs/jquery/jquery.event.move.js"></script> - <script defer src="https://static.cgames.de/gs_cb/assets/core/js/libs/jquery/jquery.event.swipe.js"></script> - <script defer src="https://static.cgames.de/gs_cb/assets/core/js/libs/unslider/dist/js/unslider-min.js"></script> - <script defer - src="https://static.cgames.de/gs_cb/assets/core/js/libs/theia-sticky-sidebar/js/ResizeSensor.min.js"></script> - <script defer - src="https://static.cgames.de/gs_cb/assets/core/js/libs/theia-sticky-sidebar/js/theia-sticky-sidebar.min.js"></script> - <script defer src="https://static.cgames.de/gs_cb/assets/js/gamestar.min.js?cc=231120220633"></script> - <script defer - src="https://static.cgames.de/gs_cb/assets/core/js/libs/bootstrap/bootstrap.min.js?cc=231120220633"></script> - <script defer - src="https://static.cgames.de/gs_cb/assets/core/js/libs/reading-position-indicator/dist/rpi.bundle.js?cc=231120220633"></script> - <script defer src="https://static.cgames.de/gs_cb/assets/core/js/libs/adblockDetection.min.js"></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/typeahead/typeahead.bundle.min.js?cc=231120220633" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/waypoints/jquery.waypoints.min.js?cc=231120220633" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/jquery/jquery.validate.min.js?cc=231120220633" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/velocity.min.js" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/jquery/jquery.event.move.js" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/jquery/jquery.event.swipe.js" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/unslider/dist/js/unslider-min.js" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/theia-sticky-sidebar/js/ResizeSensor.min.js" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/theia-sticky-sidebar/js/theia-sticky-sidebar.min.js" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/js/gamestar.min.js?cc=231120220633" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/bootstrap/bootstrap.min.js?cc=231120220633" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/reading-position-indicator/dist/rpi.bundle.js?cc=231120220633" + ></script> + <script + defer + src="https://static.cgames.de/gs_cb/assets/core/js/libs/adblockDetection.min.js" + ></script> <script> - $('.panel[data-nid="658"] .js-ga').attr('data-action', 'click').attr('data-category', 'sidebar-link').attr('data-label', 'eso-sidebar-link'); - $('.panel[data-nid="658"] .js-ga').addClass('js-ga-view'); - $('.panel[data-nid="660"] .js-ga').attr('data-action', 'click').attr('data-category', 'sidebar-link').attr('data-label', 'eso-sidebar-link'); - $('.panel[data-nid="660"] .js-ga').addClass('js-ga-view'); + $('.panel[data-nid="658"] .js-ga') + .attr("data-action", "click") + .attr("data-category", "sidebar-link") + .attr("data-label", "eso-sidebar-link"); + $('.panel[data-nid="658"] .js-ga').addClass("js-ga-view"); + $('.panel[data-nid="660"] .js-ga') + .attr("data-action", "click") + .attr("data-category", "sidebar-link") + .attr("data-label", "eso-sidebar-link"); + $('.panel[data-nid="660"] .js-ga').addClass("js-ga-view"); </script> <script> - const fTB = { init(e, t, s, i, r, n) { this.header = e, this.topBanner = t, this.stickyOffset = s, this.stickyTime = i, this.detachOffset = r, this.stickyTimeout, this.isObserving = !1, n && (this.mediaQuery = window.matchMedia(n), this.mediaQuery.addEventListener("change", this.maybeToggleObserving.bind(this))), this.bannerIntersectionObserver = new IntersectionObserver((e, t) => { e.filter(e => e.intersectionRatio < 1).forEach(e => { t.unobserve(e.target), this.headerVisibleIntersectionObserver.observe(this.header), this.scrollDepthIntersectionObserver.observe(this.header), this.addBannerStickyness() }) }, { rootMargin: `-${this.stickyOffset}px 0px 0px 0px`, threshold: 1 }), this.headerVisibleIntersectionObserver = new IntersectionObserver((e, t) => { e.filter(e => e.isIntersecting).forEach(e => { t.unobserve(e.target), this.observeBannerInvisible(), this.removeBannerStickyness() }) }, { rootMargin: `-${this.stickyOffset}px 0px 0px 0px`, threshold: 1 }), this.scrollDepthIntersectionObserver = new IntersectionObserver((e, t) => { e.filter(e => !e.isIntersecting).forEach(e => { t.unobserve(e.target), this.removeBannerStickyness() }) }, { rootMargin: `${this.detachOffset}px 0px 0px 0px`, threshold: 0 }), this.maybeToggleObserving() }, maybeToggleObserving() { !this.mediaQuery || this.mediaQuery.matches ? this.startObserving() : this.mediaQuery && !this.mediaQuery.matches && this.stopObserving() }, startObserving() { this.observeBannerInvisible(), this.isObserving = !0 }, stopObserving() { this.bannerIntersectionObserver.disconnect(), this.headerVisibleIntersectionObserver.disconnect(), this.scrollDepthIntersectionObserver.disconnect(), this.removeBannerStickyness(), this.isObserving = !1 }, addBannerStickyness() { this.topBanner.classList.add("sticky"), this.stickyTimeout = setTimeout(this.removeBannerStickyness.bind(this), 1e3 * this.stickyTime) }, removeBannerStickyness() { this.topBanner.classList.remove("sticky"), clearTimeout(this.stickyTimeout) }, observeBannerInvisible() { this.bannerIntersectionObserver.observe(this.topBanner) } }; document.addEventListener("DOMContentLoaded", () => { const e = document.querySelector("#dfp-header-container"), t = document.querySelector("#dfp-masthead"); fTB.init(e, t, 96, 10, 3000, "(max-width: 767px)") }); + const fTB = { + init(e, t, s, i, r, n) { + (this.header = e), + (this.topBanner = t), + (this.stickyOffset = s), + (this.stickyTime = i), + (this.detachOffset = r), + this.stickyTimeout, + (this.isObserving = !1), + n && + ((this.mediaQuery = window.matchMedia(n)), + this.mediaQuery.addEventListener( + "change", + this.maybeToggleObserving.bind(this) + )), + (this.bannerIntersectionObserver = new IntersectionObserver( + (e, t) => { + e.filter((e) => e.intersectionRatio < 1).forEach((e) => { + t.unobserve(e.target), + this.headerVisibleIntersectionObserver.observe(this.header), + this.scrollDepthIntersectionObserver.observe(this.header), + this.addBannerStickyness(); + }); + }, + { + rootMargin: `-${this.stickyOffset}px 0px 0px 0px`, + threshold: 1, + } + )), + (this.headerVisibleIntersectionObserver = new IntersectionObserver( + (e, t) => { + e.filter((e) => e.isIntersecting).forEach((e) => { + t.unobserve(e.target), + this.observeBannerInvisible(), + this.removeBannerStickyness(); + }); + }, + { + rootMargin: `-${this.stickyOffset}px 0px 0px 0px`, + threshold: 1, + } + )), + (this.scrollDepthIntersectionObserver = new IntersectionObserver( + (e, t) => { + e.filter((e) => !e.isIntersecting).forEach((e) => { + t.unobserve(e.target), this.removeBannerStickyness(); + }); + }, + { rootMargin: `${this.detachOffset}px 0px 0px 0px`, threshold: 0 } + )), + this.maybeToggleObserving(); + }, + maybeToggleObserving() { + !this.mediaQuery || this.mediaQuery.matches + ? this.startObserving() + : this.mediaQuery && + !this.mediaQuery.matches && + this.stopObserving(); + }, + startObserving() { + this.observeBannerInvisible(), (this.isObserving = !0); + }, + stopObserving() { + this.bannerIntersectionObserver.disconnect(), + this.headerVisibleIntersectionObserver.disconnect(), + this.scrollDepthIntersectionObserver.disconnect(), + this.removeBannerStickyness(), + (this.isObserving = !1); + }, + addBannerStickyness() { + this.topBanner.classList.add("sticky"), + (this.stickyTimeout = setTimeout( + this.removeBannerStickyness.bind(this), + 1e3 * this.stickyTime + )); + }, + removeBannerStickyness() { + this.topBanner.classList.remove("sticky"), + clearTimeout(this.stickyTimeout); + }, + observeBannerInvisible() { + this.bannerIntersectionObserver.observe(this.topBanner); + }, + }; + document.addEventListener("DOMContentLoaded", () => { + const e = document.querySelector("#dfp-header-container"), + t = document.querySelector("#dfp-masthead"); + fTB.init(e, t, 96, 10, 3000, "(max-width: 767px)"); + }); </script> <!-- Begin comScore Tag --> - <script defer type="didomi/javascript" data-vendor="iab:77" - src="https://static.cgames.de/gs_cb/assets/core/js/libs/comscore.js?cc=231120220633"></script> + <script + defer + type="didomi/javascript" + data-vendor="iab:77" + src="https://static.cgames.de/gs_cb/assets/core/js/libs/comscore.js?cc=231120220633" + ></script> <noscript> - <img src="https://sb.scorecardresearch.com/p?c1=2&c2=6035191&cv=2.0&cj=1" /> + <img + src="https://sb.scorecardresearch.com/p?c1=2&c2=6035191&cv=2.0&cj=1" + /> </noscript> <!-- End comScore Tag --> <div id="sidebar-backdrop"></div> -</body> - -</html> \ No newline at end of file + </body> +</html> diff --git a/assets/vendor/bootstrap-icons/index.html b/assets/vendor/bootstrap-icons/index.html index c6d2d2c..77cdc08 100644 --- a/assets/vendor/bootstrap-icons/index.html +++ b/assets/vendor/bootstrap-icons/index.html @@ -1,7298 +1,7294 @@ -<!doctype html> +<!DOCTYPE html> <html lang="en"> + <head> + <meta charset="utf-8" /> + <title>bootstrap-icons</title> -<head> - <meta charset="utf-8"> - <title>bootstrap-icons</title> + <style> + .icons { + display: grid; + max-width: 100%; + grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); + gap: 1.25rem; + } - <style> - .icons { - display: grid; - max-width: 100%; - grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); - gap: 1.25rem; - } + .icon { + background-color: var(--bs-light); + border-radius: 0.25rem; + } - .icon { - background-color: var(--bs-light); - border-radius: .25rem; - } + .bi { + margin: 0.25rem; + font-size: 2.5rem; + } - .bi { - margin: .25rem; - font-size: 2.5rem; - } + .label { + font-family: var(--bs-font-monospace); + } - .label { - font-family: var(--bs-font-monospace); - } + .label { + display: inline-block; + width: 100%; + overflow: hidden; + padding: 0.25rem; + font-size: 0.625rem; + text-overflow: ellipsis; + white-space: nowrap; + } + </style> - .label { - display: inline-block; - width: 100%; - overflow: hidden; - padding: .25rem; - font-size: .625rem; - text-overflow: ellipsis; - white-space: nowrap; - } - </style> + <link rel="stylesheet" href="/assets/css/bootstrap.min.css" /> + <link rel="stylesheet" href="bootstrap-icons.css" /> + </head> - <link rel="stylesheet" href="/assets/css/bootstrap.min.css"> - <link rel="stylesheet" href="bootstrap-icons.css"> -</head> + <body class="text-center"> + <h1>bootstrap-icons</h1> -<body class="text-center"> - - <h1>bootstrap-icons</h1> - - <div class="icons"> - <div class="icon"> - <i class="bi bi-123"></i> - <div class="label">123</div> - </div> - <div class="icon"> - <i class="bi bi-1-circle-fill"></i> - <div class="label">1-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-1-circle"></i> - <div class="label">1-circle</div> - </div> - <div class="icon"> - <i class="bi bi-1-square-fill"></i> - <div class="label">1-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-1-square"></i> - <div class="label">1-square</div> - </div> - <div class="icon"> - <i class="bi bi-2-circle-fill"></i> - <div class="label">2-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-2-circle"></i> - <div class="label">2-circle</div> - </div> - <div class="icon"> - <i class="bi bi-2-square-fill"></i> - <div class="label">2-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-2-square"></i> - <div class="label">2-square</div> - </div> - <div class="icon"> - <i class="bi bi-3-circle-fill"></i> - <div class="label">3-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-3-circle"></i> - <div class="label">3-circle</div> - </div> - <div class="icon"> - <i class="bi bi-3-square-fill"></i> - <div class="label">3-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-3-square"></i> - <div class="label">3-square</div> - </div> - <div class="icon"> - <i class="bi bi-4-circle-fill"></i> - <div class="label">4-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-4-circle"></i> - <div class="label">4-circle</div> - </div> - <div class="icon"> - <i class="bi bi-4-square-fill"></i> - <div class="label">4-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-4-square"></i> - <div class="label">4-square</div> - </div> - <div class="icon"> - <i class="bi bi-5-circle-fill"></i> - <div class="label">5-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-5-circle"></i> - <div class="label">5-circle</div> - </div> - <div class="icon"> - <i class="bi bi-5-square-fill"></i> - <div class="label">5-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-5-square"></i> - <div class="label">5-square</div> - </div> - <div class="icon"> - <i class="bi bi-6-circle-fill"></i> - <div class="label">6-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-6-circle"></i> - <div class="label">6-circle</div> - </div> - <div class="icon"> - <i class="bi bi-6-square-fill"></i> - <div class="label">6-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-6-square"></i> - <div class="label">6-square</div> - </div> - <div class="icon"> - <i class="bi bi-7-circle-fill"></i> - <div class="label">7-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-7-circle"></i> - <div class="label">7-circle</div> - </div> - <div class="icon"> - <i class="bi bi-7-square-fill"></i> - <div class="label">7-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-7-square"></i> - <div class="label">7-square</div> - </div> - <div class="icon"> - <i class="bi bi-8-circle-fill"></i> - <div class="label">8-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-8-circle"></i> - <div class="label">8-circle</div> - </div> - <div class="icon"> - <i class="bi bi-8-square-fill"></i> - <div class="label">8-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-8-square"></i> - <div class="label">8-square</div> - </div> - <div class="icon"> - <i class="bi bi-9-circle-fill"></i> - <div class="label">9-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-9-circle"></i> - <div class="label">9-circle</div> - </div> - <div class="icon"> - <i class="bi bi-9-square-fill"></i> - <div class="label">9-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-9-square"></i> - <div class="label">9-square</div> - </div> - <div class="icon"> - <i class="bi bi-activity"></i> - <div class="label">activity</div> - </div> - <div class="icon"> - <i class="bi bi-airplane-engines-fill"></i> - <div class="label">airplane-engines-fill</div> - </div> - <div class="icon"> - <i class="bi bi-airplane-engines"></i> - <div class="label">airplane-engines</div> - </div> - <div class="icon"> - <i class="bi bi-airplane-fill"></i> - <div class="label">airplane-fill</div> - </div> - <div class="icon"> - <i class="bi bi-airplane"></i> - <div class="label">airplane</div> - </div> - <div class="icon"> - <i class="bi bi-alarm-fill"></i> - <div class="label">alarm-fill</div> - </div> - <div class="icon"> - <i class="bi bi-alarm"></i> - <div class="label">alarm</div> - </div> - <div class="icon"> - <i class="bi bi-alexa"></i> - <div class="label">alexa</div> - </div> - <div class="icon"> - <i class="bi bi-align-bottom"></i> - <div class="label">align-bottom</div> - </div> - <div class="icon"> - <i class="bi bi-align-center"></i> - <div class="label">align-center</div> - </div> - <div class="icon"> - <i class="bi bi-align-end"></i> - <div class="label">align-end</div> - </div> - <div class="icon"> - <i class="bi bi-align-middle"></i> - <div class="label">align-middle</div> - </div> - <div class="icon"> - <i class="bi bi-align-start"></i> - <div class="label">align-start</div> - </div> - <div class="icon"> - <i class="bi bi-align-top"></i> - <div class="label">align-top</div> - </div> - <div class="icon"> - <i class="bi bi-alipay"></i> - <div class="label">alipay</div> - </div> - <div class="icon"> - <i class="bi bi-alt"></i> - <div class="label">alt</div> - </div> - <div class="icon"> - <i class="bi bi-android"></i> - <div class="label">android</div> - </div> - <div class="icon"> - <i class="bi bi-android2"></i> - <div class="label">android2</div> - </div> - <div class="icon"> - <i class="bi bi-app-indicator"></i> - <div class="label">app-indicator</div> - </div> - <div class="icon"> - <i class="bi bi-app"></i> - <div class="label">app</div> - </div> - <div class="icon"> - <i class="bi bi-apple"></i> - <div class="label">apple</div> - </div> - <div class="icon"> - <i class="bi bi-archive-fill"></i> - <div class="label">archive-fill</div> - </div> - <div class="icon"> - <i class="bi bi-archive"></i> - <div class="label">archive</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-90deg-down"></i> - <div class="label">arrow-90deg-down</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-90deg-left"></i> - <div class="label">arrow-90deg-left</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-90deg-right"></i> - <div class="label">arrow-90deg-right</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-90deg-up"></i> - <div class="label">arrow-90deg-up</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-bar-down"></i> - <div class="label">arrow-bar-down</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-bar-left"></i> - <div class="label">arrow-bar-left</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-bar-right"></i> - <div class="label">arrow-bar-right</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-bar-up"></i> - <div class="label">arrow-bar-up</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-clockwise"></i> - <div class="label">arrow-clockwise</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-counterclockwise"></i> - <div class="label">arrow-counterclockwise</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-circle-fill"></i> - <div class="label">arrow-down-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-circle"></i> - <div class="label">arrow-down-circle</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-left-circle-fill"></i> - <div class="label">arrow-down-left-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-left-circle"></i> - <div class="label">arrow-down-left-circle</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-left-square-fill"></i> - <div class="label">arrow-down-left-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-left-square"></i> - <div class="label">arrow-down-left-square</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-left"></i> - <div class="label">arrow-down-left</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-right-circle-fill"></i> - <div class="label">arrow-down-right-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-right-circle"></i> - <div class="label">arrow-down-right-circle</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-right-square-fill"></i> - <div class="label">arrow-down-right-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-right-square"></i> - <div class="label">arrow-down-right-square</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-right"></i> - <div class="label">arrow-down-right</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-short"></i> - <div class="label">arrow-down-short</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-square-fill"></i> - <div class="label">arrow-down-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-square"></i> - <div class="label">arrow-down-square</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down-up"></i> - <div class="label">arrow-down-up</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-down"></i> - <div class="label">arrow-down</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-left-circle-fill"></i> - <div class="label">arrow-left-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-left-circle"></i> - <div class="label">arrow-left-circle</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-left-right"></i> - <div class="label">arrow-left-right</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-left-short"></i> - <div class="label">arrow-left-short</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-left-square-fill"></i> - <div class="label">arrow-left-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-left-square"></i> - <div class="label">arrow-left-square</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-left"></i> - <div class="label">arrow-left</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-repeat"></i> - <div class="label">arrow-repeat</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-return-left"></i> - <div class="label">arrow-return-left</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-return-right"></i> - <div class="label">arrow-return-right</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-right-circle-fill"></i> - <div class="label">arrow-right-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-right-circle"></i> - <div class="label">arrow-right-circle</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-right-short"></i> - <div class="label">arrow-right-short</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-right-square-fill"></i> - <div class="label">arrow-right-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-right-square"></i> - <div class="label">arrow-right-square</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-right"></i> - <div class="label">arrow-right</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-through-heart-fill"></i> - <div class="label">arrow-through-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-through-heart"></i> - <div class="label">arrow-through-heart</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-circle-fill"></i> - <div class="label">arrow-up-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-circle"></i> - <div class="label">arrow-up-circle</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-left-circle-fill"></i> - <div class="label">arrow-up-left-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-left-circle"></i> - <div class="label">arrow-up-left-circle</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-left-square-fill"></i> - <div class="label">arrow-up-left-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-left-square"></i> - <div class="label">arrow-up-left-square</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-left"></i> - <div class="label">arrow-up-left</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-right-circle-fill"></i> - <div class="label">arrow-up-right-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-right-circle"></i> - <div class="label">arrow-up-right-circle</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-right-square-fill"></i> - <div class="label">arrow-up-right-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-right-square"></i> - <div class="label">arrow-up-right-square</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-right"></i> - <div class="label">arrow-up-right</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-short"></i> - <div class="label">arrow-up-short</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-square-fill"></i> - <div class="label">arrow-up-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up-square"></i> - <div class="label">arrow-up-square</div> - </div> - <div class="icon"> - <i class="bi bi-arrow-up"></i> - <div class="label">arrow-up</div> - </div> - <div class="icon"> - <i class="bi bi-arrows-angle-contract"></i> - <div class="label">arrows-angle-contract</div> - </div> - <div class="icon"> - <i class="bi bi-arrows-angle-expand"></i> - <div class="label">arrows-angle-expand</div> - </div> - <div class="icon"> - <i class="bi bi-arrows-collapse"></i> - <div class="label">arrows-collapse</div> - </div> - <div class="icon"> - <i class="bi bi-arrows-expand"></i> - <div class="label">arrows-expand</div> - </div> - <div class="icon"> - <i class="bi bi-arrows-fullscreen"></i> - <div class="label">arrows-fullscreen</div> - </div> - <div class="icon"> - <i class="bi bi-arrows-move"></i> - <div class="label">arrows-move</div> - </div> - <div class="icon"> - <i class="bi bi-aspect-ratio-fill"></i> - <div class="label">aspect-ratio-fill</div> - </div> - <div class="icon"> - <i class="bi bi-aspect-ratio"></i> - <div class="label">aspect-ratio</div> - </div> - <div class="icon"> - <i class="bi bi-asterisk"></i> - <div class="label">asterisk</div> - </div> - <div class="icon"> - <i class="bi bi-at"></i> - <div class="label">at</div> - </div> - <div class="icon"> - <i class="bi bi-award-fill"></i> - <div class="label">award-fill</div> - </div> - <div class="icon"> - <i class="bi bi-award"></i> - <div class="label">award</div> - </div> - <div class="icon"> - <i class="bi bi-back"></i> - <div class="label">back</div> - </div> - <div class="icon"> - <i class="bi bi-backspace-fill"></i> - <div class="label">backspace-fill</div> - </div> - <div class="icon"> - <i class="bi bi-backspace-reverse-fill"></i> - <div class="label">backspace-reverse-fill</div> - </div> - <div class="icon"> - <i class="bi bi-backspace-reverse"></i> - <div class="label">backspace-reverse</div> - </div> - <div class="icon"> - <i class="bi bi-backspace"></i> - <div class="label">backspace</div> - </div> - <div class="icon"> - <i class="bi bi-badge-3d-fill"></i> - <div class="label">badge-3d-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-3d"></i> - <div class="label">badge-3d</div> - </div> - <div class="icon"> - <i class="bi bi-badge-4k-fill"></i> - <div class="label">badge-4k-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-4k"></i> - <div class="label">badge-4k</div> - </div> - <div class="icon"> - <i class="bi bi-badge-8k-fill"></i> - <div class="label">badge-8k-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-8k"></i> - <div class="label">badge-8k</div> - </div> - <div class="icon"> - <i class="bi bi-badge-ad-fill"></i> - <div class="label">badge-ad-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-ad"></i> - <div class="label">badge-ad</div> - </div> - <div class="icon"> - <i class="bi bi-badge-ar-fill"></i> - <div class="label">badge-ar-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-ar"></i> - <div class="label">badge-ar</div> - </div> - <div class="icon"> - <i class="bi bi-badge-cc-fill"></i> - <div class="label">badge-cc-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-cc"></i> - <div class="label">badge-cc</div> - </div> - <div class="icon"> - <i class="bi bi-badge-hd-fill"></i> - <div class="label">badge-hd-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-hd"></i> - <div class="label">badge-hd</div> - </div> - <div class="icon"> - <i class="bi bi-badge-sd-fill"></i> - <div class="label">badge-sd-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-sd"></i> - <div class="label">badge-sd</div> - </div> - <div class="icon"> - <i class="bi bi-badge-tm-fill"></i> - <div class="label">badge-tm-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-tm"></i> - <div class="label">badge-tm</div> - </div> - <div class="icon"> - <i class="bi bi-badge-vo-fill"></i> - <div class="label">badge-vo-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-vo"></i> - <div class="label">badge-vo</div> - </div> - <div class="icon"> - <i class="bi bi-badge-vr-fill"></i> - <div class="label">badge-vr-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-vr"></i> - <div class="label">badge-vr</div> - </div> - <div class="icon"> - <i class="bi bi-badge-wc-fill"></i> - <div class="label">badge-wc-fill</div> - </div> - <div class="icon"> - <i class="bi bi-badge-wc"></i> - <div class="label">badge-wc</div> - </div> - <div class="icon"> - <i class="bi bi-bag-check-fill"></i> - <div class="label">bag-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bag-check"></i> - <div class="label">bag-check</div> - </div> - <div class="icon"> - <i class="bi bi-bag-dash-fill"></i> - <div class="label">bag-dash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bag-dash"></i> - <div class="label">bag-dash</div> - </div> - <div class="icon"> - <i class="bi bi-bag-fill"></i> - <div class="label">bag-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bag-heart-fill"></i> - <div class="label">bag-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bag-heart"></i> - <div class="label">bag-heart</div> - </div> - <div class="icon"> - <i class="bi bi-bag-plus-fill"></i> - <div class="label">bag-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bag-plus"></i> - <div class="label">bag-plus</div> - </div> - <div class="icon"> - <i class="bi bi-bag-x-fill"></i> - <div class="label">bag-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bag-x"></i> - <div class="label">bag-x</div> - </div> - <div class="icon"> - <i class="bi bi-bag"></i> - <div class="label">bag</div> - </div> - <div class="icon"> - <i class="bi bi-balloon-fill"></i> - <div class="label">balloon-fill</div> - </div> - <div class="icon"> - <i class="bi bi-balloon-heart-fill"></i> - <div class="label">balloon-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-balloon-heart"></i> - <div class="label">balloon-heart</div> - </div> - <div class="icon"> - <i class="bi bi-balloon"></i> - <div class="label">balloon</div> - </div> - <div class="icon"> - <i class="bi bi-bandaid-fill"></i> - <div class="label">bandaid-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bandaid"></i> - <div class="label">bandaid</div> - </div> - <div class="icon"> - <i class="bi bi-bank"></i> - <div class="label">bank</div> - </div> - <div class="icon"> - <i class="bi bi-bank2"></i> - <div class="label">bank2</div> - </div> - <div class="icon"> - <i class="bi bi-bar-chart-fill"></i> - <div class="label">bar-chart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bar-chart-line-fill"></i> - <div class="label">bar-chart-line-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bar-chart-line"></i> - <div class="label">bar-chart-line</div> - </div> - <div class="icon"> - <i class="bi bi-bar-chart-steps"></i> - <div class="label">bar-chart-steps</div> - </div> - <div class="icon"> - <i class="bi bi-bar-chart"></i> - <div class="label">bar-chart</div> - </div> - <div class="icon"> - <i class="bi bi-basket-fill"></i> - <div class="label">basket-fill</div> - </div> - <div class="icon"> - <i class="bi bi-basket"></i> - <div class="label">basket</div> - </div> - <div class="icon"> - <i class="bi bi-basket2-fill"></i> - <div class="label">basket2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-basket2"></i> - <div class="label">basket2</div> - </div> - <div class="icon"> - <i class="bi bi-basket3-fill"></i> - <div class="label">basket3-fill</div> - </div> - <div class="icon"> - <i class="bi bi-basket3"></i> - <div class="label">basket3</div> - </div> - <div class="icon"> - <i class="bi bi-battery-charging"></i> - <div class="label">battery-charging</div> - </div> - <div class="icon"> - <i class="bi bi-battery-full"></i> - <div class="label">battery-full</div> - </div> - <div class="icon"> - <i class="bi bi-battery-half"></i> - <div class="label">battery-half</div> - </div> - <div class="icon"> - <i class="bi bi-battery"></i> - <div class="label">battery</div> - </div> - <div class="icon"> - <i class="bi bi-behance"></i> - <div class="label">behance</div> - </div> - <div class="icon"> - <i class="bi bi-bell-fill"></i> - <div class="label">bell-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bell-slash-fill"></i> - <div class="label">bell-slash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bell-slash"></i> - <div class="label">bell-slash</div> - </div> - <div class="icon"> - <i class="bi bi-bell"></i> - <div class="label">bell</div> - </div> - <div class="icon"> - <i class="bi bi-bezier"></i> - <div class="label">bezier</div> - </div> - <div class="icon"> - <i class="bi bi-bezier2"></i> - <div class="label">bezier2</div> - </div> - <div class="icon"> - <i class="bi bi-bicycle"></i> - <div class="label">bicycle</div> - </div> - <div class="icon"> - <i class="bi bi-binoculars-fill"></i> - <div class="label">binoculars-fill</div> - </div> - <div class="icon"> - <i class="bi bi-binoculars"></i> - <div class="label">binoculars</div> - </div> - <div class="icon"> - <i class="bi bi-blockquote-left"></i> - <div class="label">blockquote-left</div> - </div> - <div class="icon"> - <i class="bi bi-blockquote-right"></i> - <div class="label">blockquote-right</div> - </div> - <div class="icon"> - <i class="bi bi-bluetooth"></i> - <div class="label">bluetooth</div> - </div> - <div class="icon"> - <i class="bi bi-body-text"></i> - <div class="label">body-text</div> - </div> - <div class="icon"> - <i class="bi bi-book-fill"></i> - <div class="label">book-fill</div> - </div> - <div class="icon"> - <i class="bi bi-book-half"></i> - <div class="label">book-half</div> - </div> - <div class="icon"> - <i class="bi bi-book"></i> - <div class="label">book</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-check-fill"></i> - <div class="label">bookmark-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-check"></i> - <div class="label">bookmark-check</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-dash-fill"></i> - <div class="label">bookmark-dash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-dash"></i> - <div class="label">bookmark-dash</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-fill"></i> - <div class="label">bookmark-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-heart-fill"></i> - <div class="label">bookmark-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-heart"></i> - <div class="label">bookmark-heart</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-plus-fill"></i> - <div class="label">bookmark-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-plus"></i> - <div class="label">bookmark-plus</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-star-fill"></i> - <div class="label">bookmark-star-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-star"></i> - <div class="label">bookmark-star</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-x-fill"></i> - <div class="label">bookmark-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark-x"></i> - <div class="label">bookmark-x</div> - </div> - <div class="icon"> - <i class="bi bi-bookmark"></i> - <div class="label">bookmark</div> - </div> - <div class="icon"> - <i class="bi bi-bookmarks-fill"></i> - <div class="label">bookmarks-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bookmarks"></i> - <div class="label">bookmarks</div> - </div> - <div class="icon"> - <i class="bi bi-bookshelf"></i> - <div class="label">bookshelf</div> - </div> - <div class="icon"> - <i class="bi bi-boombox-fill"></i> - <div class="label">boombox-fill</div> - </div> - <div class="icon"> - <i class="bi bi-boombox"></i> - <div class="label">boombox</div> - </div> - <div class="icon"> - <i class="bi bi-bootstrap-fill"></i> - <div class="label">bootstrap-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bootstrap-reboot"></i> - <div class="label">bootstrap-reboot</div> - </div> - <div class="icon"> - <i class="bi bi-bootstrap"></i> - <div class="label">bootstrap</div> - </div> - <div class="icon"> - <i class="bi bi-border-all"></i> - <div class="label">border-all</div> - </div> - <div class="icon"> - <i class="bi bi-border-bottom"></i> - <div class="label">border-bottom</div> - </div> - <div class="icon"> - <i class="bi bi-border-center"></i> - <div class="label">border-center</div> - </div> - <div class="icon"> - <i class="bi bi-border-inner"></i> - <div class="label">border-inner</div> - </div> - <div class="icon"> - <i class="bi bi-border-left"></i> - <div class="label">border-left</div> - </div> - <div class="icon"> - <i class="bi bi-border-middle"></i> - <div class="label">border-middle</div> - </div> - <div class="icon"> - <i class="bi bi-border-outer"></i> - <div class="label">border-outer</div> - </div> - <div class="icon"> - <i class="bi bi-border-right"></i> - <div class="label">border-right</div> - </div> - <div class="icon"> - <i class="bi bi-border-style"></i> - <div class="label">border-style</div> - </div> - <div class="icon"> - <i class="bi bi-border-top"></i> - <div class="label">border-top</div> - </div> - <div class="icon"> - <i class="bi bi-border-width"></i> - <div class="label">border-width</div> - </div> - <div class="icon"> - <i class="bi bi-border"></i> - <div class="label">border</div> - </div> - <div class="icon"> - <i class="bi bi-bounding-box-circles"></i> - <div class="label">bounding-box-circles</div> - </div> - <div class="icon"> - <i class="bi bi-bounding-box"></i> - <div class="label">bounding-box</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-down-left"></i> - <div class="label">box-arrow-down-left</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-down-right"></i> - <div class="label">box-arrow-down-right</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-down"></i> - <div class="label">box-arrow-down</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-in-down-left"></i> - <div class="label">box-arrow-in-down-left</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-in-down-right"></i> - <div class="label">box-arrow-in-down-right</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-in-down"></i> - <div class="label">box-arrow-in-down</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-in-left"></i> - <div class="label">box-arrow-in-left</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-in-right"></i> - <div class="label">box-arrow-in-right</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-in-up-left"></i> - <div class="label">box-arrow-in-up-left</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-in-up-right"></i> - <div class="label">box-arrow-in-up-right</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-in-up"></i> - <div class="label">box-arrow-in-up</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-left"></i> - <div class="label">box-arrow-left</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-right"></i> - <div class="label">box-arrow-right</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-up-left"></i> - <div class="label">box-arrow-up-left</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-up-right"></i> - <div class="label">box-arrow-up-right</div> - </div> - <div class="icon"> - <i class="bi bi-box-arrow-up"></i> - <div class="label">box-arrow-up</div> - </div> - <div class="icon"> - <i class="bi bi-box-fill"></i> - <div class="label">box-fill</div> - </div> - <div class="icon"> - <i class="bi bi-box-seam-fill"></i> - <div class="label">box-seam-fill</div> - </div> - <div class="icon"> - <i class="bi bi-box-seam"></i> - <div class="label">box-seam</div> - </div> - <div class="icon"> - <i class="bi bi-box"></i> - <div class="label">box</div> - </div> - <div class="icon"> - <i class="bi bi-box2-fill"></i> - <div class="label">box2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-box2-heart-fill"></i> - <div class="label">box2-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-box2-heart"></i> - <div class="label">box2-heart</div> - </div> - <div class="icon"> - <i class="bi bi-box2"></i> - <div class="label">box2</div> - </div> - <div class="icon"> - <i class="bi bi-boxes"></i> - <div class="label">boxes</div> - </div> - <div class="icon"> - <i class="bi bi-braces-asterisk"></i> - <div class="label">braces-asterisk</div> - </div> - <div class="icon"> - <i class="bi bi-braces"></i> - <div class="label">braces</div> - </div> - <div class="icon"> - <i class="bi bi-bricks"></i> - <div class="label">bricks</div> - </div> - <div class="icon"> - <i class="bi bi-briefcase-fill"></i> - <div class="label">briefcase-fill</div> - </div> - <div class="icon"> - <i class="bi bi-briefcase"></i> - <div class="label">briefcase</div> - </div> - <div class="icon"> - <i class="bi bi-brightness-alt-high-fill"></i> - <div class="label">brightness-alt-high-fill</div> - </div> - <div class="icon"> - <i class="bi bi-brightness-alt-high"></i> - <div class="label">brightness-alt-high</div> - </div> - <div class="icon"> - <i class="bi bi-brightness-alt-low-fill"></i> - <div class="label">brightness-alt-low-fill</div> - </div> - <div class="icon"> - <i class="bi bi-brightness-alt-low"></i> - <div class="label">brightness-alt-low</div> - </div> - <div class="icon"> - <i class="bi bi-brightness-high-fill"></i> - <div class="label">brightness-high-fill</div> - </div> - <div class="icon"> - <i class="bi bi-brightness-high"></i> - <div class="label">brightness-high</div> - </div> - <div class="icon"> - <i class="bi bi-brightness-low-fill"></i> - <div class="label">brightness-low-fill</div> - </div> - <div class="icon"> - <i class="bi bi-brightness-low"></i> - <div class="label">brightness-low</div> - </div> - <div class="icon"> - <i class="bi bi-broadcast-pin"></i> - <div class="label">broadcast-pin</div> - </div> - <div class="icon"> - <i class="bi bi-broadcast"></i> - <div class="label">broadcast</div> - </div> - <div class="icon"> - <i class="bi bi-browser-chrome"></i> - <div class="label">browser-chrome</div> - </div> - <div class="icon"> - <i class="bi bi-browser-edge"></i> - <div class="label">browser-edge</div> - </div> - <div class="icon"> - <i class="bi bi-browser-firefox"></i> - <div class="label">browser-firefox</div> - </div> - <div class="icon"> - <i class="bi bi-browser-safari"></i> - <div class="label">browser-safari</div> - </div> - <div class="icon"> - <i class="bi bi-brush-fill"></i> - <div class="label">brush-fill</div> - </div> - <div class="icon"> - <i class="bi bi-brush"></i> - <div class="label">brush</div> - </div> - <div class="icon"> - <i class="bi bi-bucket-fill"></i> - <div class="label">bucket-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bucket"></i> - <div class="label">bucket</div> - </div> - <div class="icon"> - <i class="bi bi-bug-fill"></i> - <div class="label">bug-fill</div> - </div> - <div class="icon"> - <i class="bi bi-bug"></i> - <div class="label">bug</div> - </div> - <div class="icon"> - <i class="bi bi-building"></i> - <div class="label">building</div> - </div> - <div class="icon"> - <i class="bi bi-bullseye"></i> - <div class="label">bullseye</div> - </div> - <div class="icon"> - <i class="bi bi-c-circle-fill"></i> - <div class="label">c-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-c-circle"></i> - <div class="label">c-circle</div> - </div> - <div class="icon"> - <i class="bi bi-c-square-fill"></i> - <div class="label">c-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-c-square"></i> - <div class="label">c-square</div> - </div> - <div class="icon"> - <i class="bi bi-calculator-fill"></i> - <div class="label">calculator-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calculator"></i> - <div class="label">calculator</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-check-fill"></i> - <div class="label">calendar-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-check"></i> - <div class="label">calendar-check</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-date-fill"></i> - <div class="label">calendar-date-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-date"></i> - <div class="label">calendar-date</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-day-fill"></i> - <div class="label">calendar-day-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-day"></i> - <div class="label">calendar-day</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-event-fill"></i> - <div class="label">calendar-event-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-event"></i> - <div class="label">calendar-event</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-fill"></i> - <div class="label">calendar-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-heart-fill"></i> - <div class="label">calendar-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-heart"></i> - <div class="label">calendar-heart</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-minus-fill"></i> - <div class="label">calendar-minus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-minus"></i> - <div class="label">calendar-minus</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-month-fill"></i> - <div class="label">calendar-month-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-month"></i> - <div class="label">calendar-month</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-plus-fill"></i> - <div class="label">calendar-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-plus"></i> - <div class="label">calendar-plus</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-range-fill"></i> - <div class="label">calendar-range-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-range"></i> - <div class="label">calendar-range</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-week-fill"></i> - <div class="label">calendar-week-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-week"></i> - <div class="label">calendar-week</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-x-fill"></i> - <div class="label">calendar-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar-x"></i> - <div class="label">calendar-x</div> - </div> - <div class="icon"> - <i class="bi bi-calendar"></i> - <div class="label">calendar</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-check-fill"></i> - <div class="label">calendar2-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-check"></i> - <div class="label">calendar2-check</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-date-fill"></i> - <div class="label">calendar2-date-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-date"></i> - <div class="label">calendar2-date</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-day-fill"></i> - <div class="label">calendar2-day-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-day"></i> - <div class="label">calendar2-day</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-event-fill"></i> - <div class="label">calendar2-event-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-event"></i> - <div class="label">calendar2-event</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-fill"></i> - <div class="label">calendar2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-heart-fill"></i> - <div class="label">calendar2-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-heart"></i> - <div class="label">calendar2-heart</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-minus-fill"></i> - <div class="label">calendar2-minus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-minus"></i> - <div class="label">calendar2-minus</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-month-fill"></i> - <div class="label">calendar2-month-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-month"></i> - <div class="label">calendar2-month</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-plus-fill"></i> - <div class="label">calendar2-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-plus"></i> - <div class="label">calendar2-plus</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-range-fill"></i> - <div class="label">calendar2-range-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-range"></i> - <div class="label">calendar2-range</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-week-fill"></i> - <div class="label">calendar2-week-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-week"></i> - <div class="label">calendar2-week</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-x-fill"></i> - <div class="label">calendar2-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2-x"></i> - <div class="label">calendar2-x</div> - </div> - <div class="icon"> - <i class="bi bi-calendar2"></i> - <div class="label">calendar2</div> - </div> - <div class="icon"> - <i class="bi bi-calendar3-event-fill"></i> - <div class="label">calendar3-event-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar3-event"></i> - <div class="label">calendar3-event</div> - </div> - <div class="icon"> - <i class="bi bi-calendar3-fill"></i> - <div class="label">calendar3-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar3-range-fill"></i> - <div class="label">calendar3-range-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar3-range"></i> - <div class="label">calendar3-range</div> - </div> - <div class="icon"> - <i class="bi bi-calendar3-week-fill"></i> - <div class="label">calendar3-week-fill</div> - </div> - <div class="icon"> - <i class="bi bi-calendar3-week"></i> - <div class="label">calendar3-week</div> - </div> - <div class="icon"> - <i class="bi bi-calendar3"></i> - <div class="label">calendar3</div> - </div> - <div class="icon"> - <i class="bi bi-calendar4-event"></i> - <div class="label">calendar4-event</div> - </div> - <div class="icon"> - <i class="bi bi-calendar4-range"></i> - <div class="label">calendar4-range</div> - </div> - <div class="icon"> - <i class="bi bi-calendar4-week"></i> - <div class="label">calendar4-week</div> - </div> - <div class="icon"> - <i class="bi bi-calendar4"></i> - <div class="label">calendar4</div> - </div> - <div class="icon"> - <i class="bi bi-camera-fill"></i> - <div class="label">camera-fill</div> - </div> - <div class="icon"> - <i class="bi bi-camera-reels-fill"></i> - <div class="label">camera-reels-fill</div> - </div> - <div class="icon"> - <i class="bi bi-camera-reels"></i> - <div class="label">camera-reels</div> - </div> - <div class="icon"> - <i class="bi bi-camera-video-fill"></i> - <div class="label">camera-video-fill</div> - </div> - <div class="icon"> - <i class="bi bi-camera-video-off-fill"></i> - <div class="label">camera-video-off-fill</div> - </div> - <div class="icon"> - <i class="bi bi-camera-video-off"></i> - <div class="label">camera-video-off</div> - </div> - <div class="icon"> - <i class="bi bi-camera-video"></i> - <div class="label">camera-video</div> - </div> - <div class="icon"> - <i class="bi bi-camera"></i> - <div class="label">camera</div> - </div> - <div class="icon"> - <i class="bi bi-camera2"></i> - <div class="label">camera2</div> - </div> - <div class="icon"> - <i class="bi bi-capslock-fill"></i> - <div class="label">capslock-fill</div> - </div> - <div class="icon"> - <i class="bi bi-capslock"></i> - <div class="label">capslock</div> - </div> - <div class="icon"> - <i class="bi bi-capsule-pill"></i> - <div class="label">capsule-pill</div> - </div> - <div class="icon"> - <i class="bi bi-capsule"></i> - <div class="label">capsule</div> - </div> - <div class="icon"> - <i class="bi bi-car-front-fill"></i> - <div class="label">car-front-fill</div> - </div> - <div class="icon"> - <i class="bi bi-car-front"></i> - <div class="label">car-front</div> - </div> - <div class="icon"> - <i class="bi bi-card-checklist"></i> - <div class="label">card-checklist</div> - </div> - <div class="icon"> - <i class="bi bi-card-heading"></i> - <div class="label">card-heading</div> - </div> - <div class="icon"> - <i class="bi bi-card-image"></i> - <div class="label">card-image</div> - </div> - <div class="icon"> - <i class="bi bi-card-list"></i> - <div class="label">card-list</div> - </div> - <div class="icon"> - <i class="bi bi-card-text"></i> - <div class="label">card-text</div> - </div> - <div class="icon"> - <i class="bi bi-caret-down-fill"></i> - <div class="label">caret-down-fill</div> - </div> - <div class="icon"> - <i class="bi bi-caret-down-square-fill"></i> - <div class="label">caret-down-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-caret-down-square"></i> - <div class="label">caret-down-square</div> - </div> - <div class="icon"> - <i class="bi bi-caret-down"></i> - <div class="label">caret-down</div> - </div> - <div class="icon"> - <i class="bi bi-caret-left-fill"></i> - <div class="label">caret-left-fill</div> - </div> - <div class="icon"> - <i class="bi bi-caret-left-square-fill"></i> - <div class="label">caret-left-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-caret-left-square"></i> - <div class="label">caret-left-square</div> - </div> - <div class="icon"> - <i class="bi bi-caret-left"></i> - <div class="label">caret-left</div> - </div> - <div class="icon"> - <i class="bi bi-caret-right-fill"></i> - <div class="label">caret-right-fill</div> - </div> - <div class="icon"> - <i class="bi bi-caret-right-square-fill"></i> - <div class="label">caret-right-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-caret-right-square"></i> - <div class="label">caret-right-square</div> - </div> - <div class="icon"> - <i class="bi bi-caret-right"></i> - <div class="label">caret-right</div> - </div> - <div class="icon"> - <i class="bi bi-caret-up-fill"></i> - <div class="label">caret-up-fill</div> - </div> - <div class="icon"> - <i class="bi bi-caret-up-square-fill"></i> - <div class="label">caret-up-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-caret-up-square"></i> - <div class="label">caret-up-square</div> - </div> - <div class="icon"> - <i class="bi bi-caret-up"></i> - <div class="label">caret-up</div> - </div> - <div class="icon"> - <i class="bi bi-cart-check-fill"></i> - <div class="label">cart-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cart-check"></i> - <div class="label">cart-check</div> - </div> - <div class="icon"> - <i class="bi bi-cart-dash-fill"></i> - <div class="label">cart-dash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cart-dash"></i> - <div class="label">cart-dash</div> - </div> - <div class="icon"> - <i class="bi bi-cart-fill"></i> - <div class="label">cart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cart-plus-fill"></i> - <div class="label">cart-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cart-plus"></i> - <div class="label">cart-plus</div> - </div> - <div class="icon"> - <i class="bi bi-cart-x-fill"></i> - <div class="label">cart-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cart-x"></i> - <div class="label">cart-x</div> - </div> - <div class="icon"> - <i class="bi bi-cart"></i> - <div class="label">cart</div> - </div> - <div class="icon"> - <i class="bi bi-cart2"></i> - <div class="label">cart2</div> - </div> - <div class="icon"> - <i class="bi bi-cart3"></i> - <div class="label">cart3</div> - </div> - <div class="icon"> - <i class="bi bi-cart4"></i> - <div class="label">cart4</div> - </div> - <div class="icon"> - <i class="bi bi-cash-coin"></i> - <div class="label">cash-coin</div> - </div> - <div class="icon"> - <i class="bi bi-cash-stack"></i> - <div class="label">cash-stack</div> - </div> - <div class="icon"> - <i class="bi bi-cash"></i> - <div class="label">cash</div> - </div> - <div class="icon"> - <i class="bi bi-cassette-fill"></i> - <div class="label">cassette-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cassette"></i> - <div class="label">cassette</div> - </div> - <div class="icon"> - <i class="bi bi-cast"></i> - <div class="label">cast</div> - </div> - <div class="icon"> - <i class="bi bi-cc-circle-fill"></i> - <div class="label">cc-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cc-circle"></i> - <div class="label">cc-circle</div> - </div> - <div class="icon"> - <i class="bi bi-cc-square-fill"></i> - <div class="label">cc-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cc-square"></i> - <div class="label">cc-square</div> - </div> - <div class="icon"> - <i class="bi bi-chat-dots-fill"></i> - <div class="label">chat-dots-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-dots"></i> - <div class="label">chat-dots</div> - </div> - <div class="icon"> - <i class="bi bi-chat-fill"></i> - <div class="label">chat-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-heart-fill"></i> - <div class="label">chat-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-heart"></i> - <div class="label">chat-heart</div> - </div> - <div class="icon"> - <i class="bi bi-chat-left-dots-fill"></i> - <div class="label">chat-left-dots-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-left-dots"></i> - <div class="label">chat-left-dots</div> - </div> - <div class="icon"> - <i class="bi bi-chat-left-fill"></i> - <div class="label">chat-left-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-left-heart-fill"></i> - <div class="label">chat-left-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-left-heart"></i> - <div class="label">chat-left-heart</div> - </div> - <div class="icon"> - <i class="bi bi-chat-left-quote-fill"></i> - <div class="label">chat-left-quote-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-left-quote"></i> - <div class="label">chat-left-quote</div> - </div> - <div class="icon"> - <i class="bi bi-chat-left-text-fill"></i> - <div class="label">chat-left-text-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-left-text"></i> - <div class="label">chat-left-text</div> - </div> - <div class="icon"> - <i class="bi bi-chat-left"></i> - <div class="label">chat-left</div> - </div> - <div class="icon"> - <i class="bi bi-chat-quote-fill"></i> - <div class="label">chat-quote-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-quote"></i> - <div class="label">chat-quote</div> - </div> - <div class="icon"> - <i class="bi bi-chat-right-dots-fill"></i> - <div class="label">chat-right-dots-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-right-dots"></i> - <div class="label">chat-right-dots</div> - </div> - <div class="icon"> - <i class="bi bi-chat-right-fill"></i> - <div class="label">chat-right-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-right-heart-fill"></i> - <div class="label">chat-right-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-right-heart"></i> - <div class="label">chat-right-heart</div> - </div> - <div class="icon"> - <i class="bi bi-chat-right-quote-fill"></i> - <div class="label">chat-right-quote-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-right-quote"></i> - <div class="label">chat-right-quote</div> - </div> - <div class="icon"> - <i class="bi bi-chat-right-text-fill"></i> - <div class="label">chat-right-text-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-right-text"></i> - <div class="label">chat-right-text</div> - </div> - <div class="icon"> - <i class="bi bi-chat-right"></i> - <div class="label">chat-right</div> - </div> - <div class="icon"> - <i class="bi bi-chat-square-dots-fill"></i> - <div class="label">chat-square-dots-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-square-dots"></i> - <div class="label">chat-square-dots</div> - </div> - <div class="icon"> - <i class="bi bi-chat-square-fill"></i> - <div class="label">chat-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-square-heart-fill"></i> - <div class="label">chat-square-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-square-heart"></i> - <div class="label">chat-square-heart</div> - </div> - <div class="icon"> - <i class="bi bi-chat-square-quote-fill"></i> - <div class="label">chat-square-quote-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-square-quote"></i> - <div class="label">chat-square-quote</div> - </div> - <div class="icon"> - <i class="bi bi-chat-square-text-fill"></i> - <div class="label">chat-square-text-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-square-text"></i> - <div class="label">chat-square-text</div> - </div> - <div class="icon"> - <i class="bi bi-chat-square"></i> - <div class="label">chat-square</div> - </div> - <div class="icon"> - <i class="bi bi-chat-text-fill"></i> - <div class="label">chat-text-fill</div> - </div> - <div class="icon"> - <i class="bi bi-chat-text"></i> - <div class="label">chat-text</div> - </div> - <div class="icon"> - <i class="bi bi-chat"></i> - <div class="label">chat</div> - </div> - <div class="icon"> - <i class="bi bi-check-all"></i> - <div class="label">check-all</div> - </div> - <div class="icon"> - <i class="bi bi-check-circle-fill"></i> - <div class="label">check-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-check-circle"></i> - <div class="label">check-circle</div> - </div> - <div class="icon"> - <i class="bi bi-check-lg"></i> - <div class="label">check-lg</div> - </div> - <div class="icon"> - <i class="bi bi-check-square-fill"></i> - <div class="label">check-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-check-square"></i> - <div class="label">check-square</div> - </div> - <div class="icon"> - <i class="bi bi-check"></i> - <div class="label">check</div> - </div> - <div class="icon"> - <i class="bi bi-check2-all"></i> - <div class="label">check2-all</div> - </div> - <div class="icon"> - <i class="bi bi-check2-circle"></i> - <div class="label">check2-circle</div> - </div> - <div class="icon"> - <i class="bi bi-check2-square"></i> - <div class="label">check2-square</div> - </div> - <div class="icon"> - <i class="bi bi-check2"></i> - <div class="label">check2</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-bar-contract"></i> - <div class="label">chevron-bar-contract</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-bar-down"></i> - <div class="label">chevron-bar-down</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-bar-expand"></i> - <div class="label">chevron-bar-expand</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-bar-left"></i> - <div class="label">chevron-bar-left</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-bar-right"></i> - <div class="label">chevron-bar-right</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-bar-up"></i> - <div class="label">chevron-bar-up</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-compact-down"></i> - <div class="label">chevron-compact-down</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-compact-left"></i> - <div class="label">chevron-compact-left</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-compact-right"></i> - <div class="label">chevron-compact-right</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-compact-up"></i> - <div class="label">chevron-compact-up</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-contract"></i> - <div class="label">chevron-contract</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-double-down"></i> - <div class="label">chevron-double-down</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-double-left"></i> - <div class="label">chevron-double-left</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-double-right"></i> - <div class="label">chevron-double-right</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-double-up"></i> - <div class="label">chevron-double-up</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-down"></i> - <div class="label">chevron-down</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-expand"></i> - <div class="label">chevron-expand</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-left"></i> - <div class="label">chevron-left</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-right"></i> - <div class="label">chevron-right</div> - </div> - <div class="icon"> - <i class="bi bi-chevron-up"></i> - <div class="label">chevron-up</div> - </div> - <div class="icon"> - <i class="bi bi-circle-fill"></i> - <div class="label">circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-circle-half"></i> - <div class="label">circle-half</div> - </div> - <div class="icon"> - <i class="bi bi-circle-square"></i> - <div class="label">circle-square</div> - </div> - <div class="icon"> - <i class="bi bi-circle"></i> - <div class="label">circle</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-check-fill"></i> - <div class="label">clipboard-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-check"></i> - <div class="label">clipboard-check</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-data-fill"></i> - <div class="label">clipboard-data-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-data"></i> - <div class="label">clipboard-data</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-fill"></i> - <div class="label">clipboard-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-heart-fill"></i> - <div class="label">clipboard-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-heart"></i> - <div class="label">clipboard-heart</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-minus-fill"></i> - <div class="label">clipboard-minus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-minus"></i> - <div class="label">clipboard-minus</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-plus-fill"></i> - <div class="label">clipboard-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-plus"></i> - <div class="label">clipboard-plus</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-pulse"></i> - <div class="label">clipboard-pulse</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-x-fill"></i> - <div class="label">clipboard-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard-x"></i> - <div class="label">clipboard-x</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard"></i> - <div class="label">clipboard</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-check-fill"></i> - <div class="label">clipboard2-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-check"></i> - <div class="label">clipboard2-check</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-data-fill"></i> - <div class="label">clipboard2-data-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-data"></i> - <div class="label">clipboard2-data</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-fill"></i> - <div class="label">clipboard2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-heart-fill"></i> - <div class="label">clipboard2-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-heart"></i> - <div class="label">clipboard2-heart</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-minus-fill"></i> - <div class="label">clipboard2-minus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-minus"></i> - <div class="label">clipboard2-minus</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-plus-fill"></i> - <div class="label">clipboard2-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-plus"></i> - <div class="label">clipboard2-plus</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-pulse-fill"></i> - <div class="label">clipboard2-pulse-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-pulse"></i> - <div class="label">clipboard2-pulse</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-x-fill"></i> - <div class="label">clipboard2-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2-x"></i> - <div class="label">clipboard2-x</div> - </div> - <div class="icon"> - <i class="bi bi-clipboard2"></i> - <div class="label">clipboard2</div> - </div> - <div class="icon"> - <i class="bi bi-clock-fill"></i> - <div class="label">clock-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clock-history"></i> - <div class="label">clock-history</div> - </div> - <div class="icon"> - <i class="bi bi-clock"></i> - <div class="label">clock</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-arrow-down-fill"></i> - <div class="label">cloud-arrow-down-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-arrow-down"></i> - <div class="label">cloud-arrow-down</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-arrow-up-fill"></i> - <div class="label">cloud-arrow-up-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-arrow-up"></i> - <div class="label">cloud-arrow-up</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-check-fill"></i> - <div class="label">cloud-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-check"></i> - <div class="label">cloud-check</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-download-fill"></i> - <div class="label">cloud-download-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-download"></i> - <div class="label">cloud-download</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-drizzle-fill"></i> - <div class="label">cloud-drizzle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-drizzle"></i> - <div class="label">cloud-drizzle</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-fill"></i> - <div class="label">cloud-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-fog-fill"></i> - <div class="label">cloud-fog-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-fog"></i> - <div class="label">cloud-fog</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-fog2-fill"></i> - <div class="label">cloud-fog2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-fog2"></i> - <div class="label">cloud-fog2</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-hail-fill"></i> - <div class="label">cloud-hail-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-hail"></i> - <div class="label">cloud-hail</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-haze-fill"></i> - <div class="label">cloud-haze-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-haze"></i> - <div class="label">cloud-haze</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-haze2-fill"></i> - <div class="label">cloud-haze2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-haze2"></i> - <div class="label">cloud-haze2</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-lightning-fill"></i> - <div class="label">cloud-lightning-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-lightning-rain-fill"></i> - <div class="label">cloud-lightning-rain-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-lightning-rain"></i> - <div class="label">cloud-lightning-rain</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-lightning"></i> - <div class="label">cloud-lightning</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-minus-fill"></i> - <div class="label">cloud-minus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-minus"></i> - <div class="label">cloud-minus</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-moon-fill"></i> - <div class="label">cloud-moon-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-moon"></i> - <div class="label">cloud-moon</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-plus-fill"></i> - <div class="label">cloud-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-plus"></i> - <div class="label">cloud-plus</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-rain-fill"></i> - <div class="label">cloud-rain-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-rain-heavy-fill"></i> - <div class="label">cloud-rain-heavy-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-rain-heavy"></i> - <div class="label">cloud-rain-heavy</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-rain"></i> - <div class="label">cloud-rain</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-slash-fill"></i> - <div class="label">cloud-slash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-slash"></i> - <div class="label">cloud-slash</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-sleet-fill"></i> - <div class="label">cloud-sleet-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-sleet"></i> - <div class="label">cloud-sleet</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-snow-fill"></i> - <div class="label">cloud-snow-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-snow"></i> - <div class="label">cloud-snow</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-sun-fill"></i> - <div class="label">cloud-sun-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-sun"></i> - <div class="label">cloud-sun</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-upload-fill"></i> - <div class="label">cloud-upload-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloud-upload"></i> - <div class="label">cloud-upload</div> - </div> - <div class="icon"> - <i class="bi bi-cloud"></i> - <div class="label">cloud</div> - </div> - <div class="icon"> - <i class="bi bi-clouds-fill"></i> - <div class="label">clouds-fill</div> - </div> - <div class="icon"> - <i class="bi bi-clouds"></i> - <div class="label">clouds</div> - </div> - <div class="icon"> - <i class="bi bi-cloudy-fill"></i> - <div class="label">cloudy-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cloudy"></i> - <div class="label">cloudy</div> - </div> - <div class="icon"> - <i class="bi bi-code-slash"></i> - <div class="label">code-slash</div> - </div> - <div class="icon"> - <i class="bi bi-code-square"></i> - <div class="label">code-square</div> - </div> - <div class="icon"> - <i class="bi bi-code"></i> - <div class="label">code</div> - </div> - <div class="icon"> - <i class="bi bi-coin"></i> - <div class="label">coin</div> - </div> - <div class="icon"> - <i class="bi bi-collection-fill"></i> - <div class="label">collection-fill</div> - </div> - <div class="icon"> - <i class="bi bi-collection-play-fill"></i> - <div class="label">collection-play-fill</div> - </div> - <div class="icon"> - <i class="bi bi-collection-play"></i> - <div class="label">collection-play</div> - </div> - <div class="icon"> - <i class="bi bi-collection"></i> - <div class="label">collection</div> - </div> - <div class="icon"> - <i class="bi bi-columns-gap"></i> - <div class="label">columns-gap</div> - </div> - <div class="icon"> - <i class="bi bi-columns"></i> - <div class="label">columns</div> - </div> - <div class="icon"> - <i class="bi bi-command"></i> - <div class="label">command</div> - </div> - <div class="icon"> - <i class="bi bi-compass-fill"></i> - <div class="label">compass-fill</div> - </div> - <div class="icon"> - <i class="bi bi-compass"></i> - <div class="label">compass</div> - </div> - <div class="icon"> - <i class="bi bi-cone-striped"></i> - <div class="label">cone-striped</div> - </div> - <div class="icon"> - <i class="bi bi-cone"></i> - <div class="label">cone</div> - </div> - <div class="icon"> - <i class="bi bi-controller"></i> - <div class="label">controller</div> - </div> - <div class="icon"> - <i class="bi bi-cpu-fill"></i> - <div class="label">cpu-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cpu"></i> - <div class="label">cpu</div> - </div> - <div class="icon"> - <i class="bi bi-credit-card-2-back-fill"></i> - <div class="label">credit-card-2-back-fill</div> - </div> - <div class="icon"> - <i class="bi bi-credit-card-2-back"></i> - <div class="label">credit-card-2-back</div> - </div> - <div class="icon"> - <i class="bi bi-credit-card-2-front-fill"></i> - <div class="label">credit-card-2-front-fill</div> - </div> - <div class="icon"> - <i class="bi bi-credit-card-2-front"></i> - <div class="label">credit-card-2-front</div> - </div> - <div class="icon"> - <i class="bi bi-credit-card-fill"></i> - <div class="label">credit-card-fill</div> - </div> - <div class="icon"> - <i class="bi bi-credit-card"></i> - <div class="label">credit-card</div> - </div> - <div class="icon"> - <i class="bi bi-crop"></i> - <div class="label">crop</div> - </div> - <div class="icon"> - <i class="bi bi-cup-fill"></i> - <div class="label">cup-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cup-hot-fill"></i> - <div class="label">cup-hot-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cup-hot"></i> - <div class="label">cup-hot</div> - </div> - <div class="icon"> - <i class="bi bi-cup-straw"></i> - <div class="label">cup-straw</div> - </div> - <div class="icon"> - <i class="bi bi-cup"></i> - <div class="label">cup</div> - </div> - <div class="icon"> - <i class="bi bi-currency-bitcoin"></i> - <div class="label">currency-bitcoin</div> - </div> - <div class="icon"> - <i class="bi bi-currency-dollar"></i> - <div class="label">currency-dollar</div> - </div> - <div class="icon"> - <i class="bi bi-currency-euro"></i> - <div class="label">currency-euro</div> - </div> - <div class="icon"> - <i class="bi bi-currency-exchange"></i> - <div class="label">currency-exchange</div> - </div> - <div class="icon"> - <i class="bi bi-currency-pound"></i> - <div class="label">currency-pound</div> - </div> - <div class="icon"> - <i class="bi bi-currency-rupee"></i> - <div class="label">currency-rupee</div> - </div> - <div class="icon"> - <i class="bi bi-currency-yen"></i> - <div class="label">currency-yen</div> - </div> - <div class="icon"> - <i class="bi bi-cursor-fill"></i> - <div class="label">cursor-fill</div> - </div> - <div class="icon"> - <i class="bi bi-cursor-text"></i> - <div class="label">cursor-text</div> - </div> - <div class="icon"> - <i class="bi bi-cursor"></i> - <div class="label">cursor</div> - </div> - <div class="icon"> - <i class="bi bi-dash-circle-dotted"></i> - <div class="label">dash-circle-dotted</div> - </div> - <div class="icon"> - <i class="bi bi-dash-circle-fill"></i> - <div class="label">dash-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-dash-circle"></i> - <div class="label">dash-circle</div> - </div> - <div class="icon"> - <i class="bi bi-dash-lg"></i> - <div class="label">dash-lg</div> - </div> - <div class="icon"> - <i class="bi bi-dash-square-dotted"></i> - <div class="label">dash-square-dotted</div> - </div> - <div class="icon"> - <i class="bi bi-dash-square-fill"></i> - <div class="label">dash-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-dash-square"></i> - <div class="label">dash-square</div> - </div> - <div class="icon"> - <i class="bi bi-dash"></i> - <div class="label">dash</div> - </div> - <div class="icon"> - <i class="bi bi-device-hdd-fill"></i> - <div class="label">device-hdd-fill</div> - </div> - <div class="icon"> - <i class="bi bi-device-hdd"></i> - <div class="label">device-hdd</div> - </div> - <div class="icon"> - <i class="bi bi-device-ssd-fill"></i> - <div class="label">device-ssd-fill</div> - </div> - <div class="icon"> - <i class="bi bi-device-ssd"></i> - <div class="label">device-ssd</div> - </div> - <div class="icon"> - <i class="bi bi-diagram-2-fill"></i> - <div class="label">diagram-2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-diagram-2"></i> - <div class="label">diagram-2</div> - </div> - <div class="icon"> - <i class="bi bi-diagram-3-fill"></i> - <div class="label">diagram-3-fill</div> - </div> - <div class="icon"> - <i class="bi bi-diagram-3"></i> - <div class="label">diagram-3</div> - </div> - <div class="icon"> - <i class="bi bi-diamond-fill"></i> - <div class="label">diamond-fill</div> - </div> - <div class="icon"> - <i class="bi bi-diamond-half"></i> - <div class="label">diamond-half</div> - </div> - <div class="icon"> - <i class="bi bi-diamond"></i> - <div class="label">diamond</div> - </div> - <div class="icon"> - <i class="bi bi-dice-1-fill"></i> - <div class="label">dice-1-fill</div> - </div> - <div class="icon"> - <i class="bi bi-dice-1"></i> - <div class="label">dice-1</div> - </div> - <div class="icon"> - <i class="bi bi-dice-2-fill"></i> - <div class="label">dice-2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-dice-2"></i> - <div class="label">dice-2</div> - </div> - <div class="icon"> - <i class="bi bi-dice-3-fill"></i> - <div class="label">dice-3-fill</div> - </div> - <div class="icon"> - <i class="bi bi-dice-3"></i> - <div class="label">dice-3</div> - </div> - <div class="icon"> - <i class="bi bi-dice-4-fill"></i> - <div class="label">dice-4-fill</div> - </div> - <div class="icon"> - <i class="bi bi-dice-4"></i> - <div class="label">dice-4</div> - </div> - <div class="icon"> - <i class="bi bi-dice-5-fill"></i> - <div class="label">dice-5-fill</div> - </div> - <div class="icon"> - <i class="bi bi-dice-5"></i> - <div class="label">dice-5</div> - </div> - <div class="icon"> - <i class="bi bi-dice-6-fill"></i> - <div class="label">dice-6-fill</div> - </div> - <div class="icon"> - <i class="bi bi-dice-6"></i> - <div class="label">dice-6</div> - </div> - <div class="icon"> - <i class="bi bi-disc-fill"></i> - <div class="label">disc-fill</div> - </div> - <div class="icon"> - <i class="bi bi-disc"></i> - <div class="label">disc</div> - </div> - <div class="icon"> - <i class="bi bi-discord"></i> - <div class="label">discord</div> - </div> - <div class="icon"> - <i class="bi bi-display-fill"></i> - <div class="label">display-fill</div> - </div> - <div class="icon"> - <i class="bi bi-display"></i> - <div class="label">display</div> - </div> - <div class="icon"> - <i class="bi bi-displayport-fill"></i> - <div class="label">displayport-fill</div> - </div> - <div class="icon"> - <i class="bi bi-displayport"></i> - <div class="label">displayport</div> - </div> - <div class="icon"> - <i class="bi bi-distribute-horizontal"></i> - <div class="label">distribute-horizontal</div> - </div> - <div class="icon"> - <i class="bi bi-distribute-vertical"></i> - <div class="label">distribute-vertical</div> - </div> - <div class="icon"> - <i class="bi bi-door-closed-fill"></i> - <div class="label">door-closed-fill</div> - </div> - <div class="icon"> - <i class="bi bi-door-closed"></i> - <div class="label">door-closed</div> - </div> - <div class="icon"> - <i class="bi bi-door-open-fill"></i> - <div class="label">door-open-fill</div> - </div> - <div class="icon"> - <i class="bi bi-door-open"></i> - <div class="label">door-open</div> - </div> - <div class="icon"> - <i class="bi bi-dot"></i> - <div class="label">dot</div> - </div> - <div class="icon"> - <i class="bi bi-download"></i> - <div class="label">download</div> - </div> - <div class="icon"> - <i class="bi bi-dpad-fill"></i> - <div class="label">dpad-fill</div> - </div> - <div class="icon"> - <i class="bi bi-dpad"></i> - <div class="label">dpad</div> - </div> - <div class="icon"> - <i class="bi bi-dribbble"></i> - <div class="label">dribbble</div> - </div> - <div class="icon"> - <i class="bi bi-dropbox"></i> - <div class="label">dropbox</div> - </div> - <div class="icon"> - <i class="bi bi-droplet-fill"></i> - <div class="label">droplet-fill</div> - </div> - <div class="icon"> - <i class="bi bi-droplet-half"></i> - <div class="label">droplet-half</div> - </div> - <div class="icon"> - <i class="bi bi-droplet"></i> - <div class="label">droplet</div> - </div> - <div class="icon"> - <i class="bi bi-ear-fill"></i> - <div class="label">ear-fill</div> - </div> - <div class="icon"> - <i class="bi bi-ear"></i> - <div class="label">ear</div> - </div> - <div class="icon"> - <i class="bi bi-earbuds"></i> - <div class="label">earbuds</div> - </div> - <div class="icon"> - <i class="bi bi-easel-fill"></i> - <div class="label">easel-fill</div> - </div> - <div class="icon"> - <i class="bi bi-easel"></i> - <div class="label">easel</div> - </div> - <div class="icon"> - <i class="bi bi-easel2-fill"></i> - <div class="label">easel2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-easel2"></i> - <div class="label">easel2</div> - </div> - <div class="icon"> - <i class="bi bi-easel3-fill"></i> - <div class="label">easel3-fill</div> - </div> - <div class="icon"> - <i class="bi bi-easel3"></i> - <div class="label">easel3</div> - </div> - <div class="icon"> - <i class="bi bi-egg-fill"></i> - <div class="label">egg-fill</div> - </div> - <div class="icon"> - <i class="bi bi-egg-fried"></i> - <div class="label">egg-fried</div> - </div> - <div class="icon"> - <i class="bi bi-egg"></i> - <div class="label">egg</div> - </div> - <div class="icon"> - <i class="bi bi-eject-fill"></i> - <div class="label">eject-fill</div> - </div> - <div class="icon"> - <i class="bi bi-eject"></i> - <div class="label">eject</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-angry-fill"></i> - <div class="label">emoji-angry-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-angry"></i> - <div class="label">emoji-angry</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-dizzy-fill"></i> - <div class="label">emoji-dizzy-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-dizzy"></i> - <div class="label">emoji-dizzy</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-expressionless-fill"></i> - <div class="label">emoji-expressionless-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-expressionless"></i> - <div class="label">emoji-expressionless</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-frown-fill"></i> - <div class="label">emoji-frown-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-frown"></i> - <div class="label">emoji-frown</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-heart-eyes-fill"></i> - <div class="label">emoji-heart-eyes-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-heart-eyes"></i> - <div class="label">emoji-heart-eyes</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-kiss-fill"></i> - <div class="label">emoji-kiss-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-kiss"></i> - <div class="label">emoji-kiss</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-laughing-fill"></i> - <div class="label">emoji-laughing-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-laughing"></i> - <div class="label">emoji-laughing</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-neutral-fill"></i> - <div class="label">emoji-neutral-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-neutral"></i> - <div class="label">emoji-neutral</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-smile-fill"></i> - <div class="label">emoji-smile-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-smile-upside-down-fill"></i> - <div class="label">emoji-smile-upside-down-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-smile-upside-down"></i> - <div class="label">emoji-smile-upside-down</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-smile"></i> - <div class="label">emoji-smile</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-sunglasses-fill"></i> - <div class="label">emoji-sunglasses-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-sunglasses"></i> - <div class="label">emoji-sunglasses</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-wink-fill"></i> - <div class="label">emoji-wink-fill</div> - </div> - <div class="icon"> - <i class="bi bi-emoji-wink"></i> - <div class="label">emoji-wink</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-check-fill"></i> - <div class="label">envelope-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-check"></i> - <div class="label">envelope-check</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-dash-fill"></i> - <div class="label">envelope-dash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-dash"></i> - <div class="label">envelope-dash</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-exclamation-fill"></i> - <div class="label">envelope-exclamation-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-exclamation"></i> - <div class="label">envelope-exclamation</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-fill"></i> - <div class="label">envelope-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-heart-fill"></i> - <div class="label">envelope-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-heart"></i> - <div class="label">envelope-heart</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-open-fill"></i> - <div class="label">envelope-open-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-open-heart-fill"></i> - <div class="label">envelope-open-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-open-heart"></i> - <div class="label">envelope-open-heart</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-open"></i> - <div class="label">envelope-open</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-paper-fill"></i> - <div class="label">envelope-paper-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-paper-heart-fill"></i> - <div class="label">envelope-paper-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-paper-heart"></i> - <div class="label">envelope-paper-heart</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-paper"></i> - <div class="label">envelope-paper</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-plus-fill"></i> - <div class="label">envelope-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-plus"></i> - <div class="label">envelope-plus</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-slash-fill"></i> - <div class="label">envelope-slash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-slash"></i> - <div class="label">envelope-slash</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-x-fill"></i> - <div class="label">envelope-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-envelope-x"></i> - <div class="label">envelope-x</div> - </div> - <div class="icon"> - <i class="bi bi-envelope"></i> - <div class="label">envelope</div> - </div> - <div class="icon"> - <i class="bi bi-eraser-fill"></i> - <div class="label">eraser-fill</div> - </div> - <div class="icon"> - <i class="bi bi-eraser"></i> - <div class="label">eraser</div> - </div> - <div class="icon"> - <i class="bi bi-escape"></i> - <div class="label">escape</div> - </div> - <div class="icon"> - <i class="bi bi-ethernet"></i> - <div class="label">ethernet</div> - </div> - <div class="icon"> - <i class="bi bi-ev-station-fill"></i> - <div class="label">ev-station-fill</div> - </div> - <div class="icon"> - <i class="bi bi-ev-station"></i> - <div class="label">ev-station</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation-circle-fill"></i> - <div class="label">exclamation-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation-circle"></i> - <div class="label">exclamation-circle</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation-diamond-fill"></i> - <div class="label">exclamation-diamond-fill</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation-diamond"></i> - <div class="label">exclamation-diamond</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation-lg"></i> - <div class="label">exclamation-lg</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation-octagon-fill"></i> - <div class="label">exclamation-octagon-fill</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation-octagon"></i> - <div class="label">exclamation-octagon</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation-square-fill"></i> - <div class="label">exclamation-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation-square"></i> - <div class="label">exclamation-square</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation-triangle-fill"></i> - <div class="label">exclamation-triangle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation-triangle"></i> - <div class="label">exclamation-triangle</div> - </div> - <div class="icon"> - <i class="bi bi-exclamation"></i> - <div class="label">exclamation</div> - </div> - <div class="icon"> - <i class="bi bi-exclude"></i> - <div class="label">exclude</div> - </div> - <div class="icon"> - <i class="bi bi-explicit-fill"></i> - <div class="label">explicit-fill</div> - </div> - <div class="icon"> - <i class="bi bi-explicit"></i> - <div class="label">explicit</div> - </div> - <div class="icon"> - <i class="bi bi-eye-fill"></i> - <div class="label">eye-fill</div> - </div> - <div class="icon"> - <i class="bi bi-eye-slash-fill"></i> - <div class="label">eye-slash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-eye-slash"></i> - <div class="label">eye-slash</div> - </div> - <div class="icon"> - <i class="bi bi-eye"></i> - <div class="label">eye</div> - </div> - <div class="icon"> - <i class="bi bi-eyedropper"></i> - <div class="label">eyedropper</div> - </div> - <div class="icon"> - <i class="bi bi-eyeglasses"></i> - <div class="label">eyeglasses</div> - </div> - <div class="icon"> - <i class="bi bi-facebook"></i> - <div class="label">facebook</div> - </div> - <div class="icon"> - <i class="bi bi-fan"></i> - <div class="label">fan</div> - </div> - <div class="icon"> - <i class="bi bi-fast-forward-btn-fill"></i> - <div class="label">fast-forward-btn-fill</div> - </div> - <div class="icon"> - <i class="bi bi-fast-forward-btn"></i> - <div class="label">fast-forward-btn</div> - </div> - <div class="icon"> - <i class="bi bi-fast-forward-circle-fill"></i> - <div class="label">fast-forward-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-fast-forward-circle"></i> - <div class="label">fast-forward-circle</div> - </div> - <div class="icon"> - <i class="bi bi-fast-forward-fill"></i> - <div class="label">fast-forward-fill</div> - </div> - <div class="icon"> - <i class="bi bi-fast-forward"></i> - <div class="label">fast-forward</div> - </div> - <div class="icon"> - <i class="bi bi-file-arrow-down-fill"></i> - <div class="label">file-arrow-down-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-arrow-down"></i> - <div class="label">file-arrow-down</div> - </div> - <div class="icon"> - <i class="bi bi-file-arrow-up-fill"></i> - <div class="label">file-arrow-up-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-arrow-up"></i> - <div class="label">file-arrow-up</div> - </div> - <div class="icon"> - <i class="bi bi-file-bar-graph-fill"></i> - <div class="label">file-bar-graph-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-bar-graph"></i> - <div class="label">file-bar-graph</div> - </div> - <div class="icon"> - <i class="bi bi-file-binary-fill"></i> - <div class="label">file-binary-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-binary"></i> - <div class="label">file-binary</div> - </div> - <div class="icon"> - <i class="bi bi-file-break-fill"></i> - <div class="label">file-break-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-break"></i> - <div class="label">file-break</div> - </div> - <div class="icon"> - <i class="bi bi-file-check-fill"></i> - <div class="label">file-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-check"></i> - <div class="label">file-check</div> - </div> - <div class="icon"> - <i class="bi bi-file-code-fill"></i> - <div class="label">file-code-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-code"></i> - <div class="label">file-code</div> - </div> - <div class="icon"> - <i class="bi bi-file-diff-fill"></i> - <div class="label">file-diff-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-diff"></i> - <div class="label">file-diff</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-arrow-down-fill"></i> - <div class="label">file-earmark-arrow-down-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-arrow-down"></i> - <div class="label">file-earmark-arrow-down</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-arrow-up-fill"></i> - <div class="label">file-earmark-arrow-up-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-arrow-up"></i> - <div class="label">file-earmark-arrow-up</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-bar-graph-fill"></i> - <div class="label">file-earmark-bar-graph-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-bar-graph"></i> - <div class="label">file-earmark-bar-graph</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-binary-fill"></i> - <div class="label">file-earmark-binary-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-binary"></i> - <div class="label">file-earmark-binary</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-break-fill"></i> - <div class="label">file-earmark-break-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-break"></i> - <div class="label">file-earmark-break</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-check-fill"></i> - <div class="label">file-earmark-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-check"></i> - <div class="label">file-earmark-check</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-code-fill"></i> - <div class="label">file-earmark-code-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-code"></i> - <div class="label">file-earmark-code</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-diff-fill"></i> - <div class="label">file-earmark-diff-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-diff"></i> - <div class="label">file-earmark-diff</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-easel-fill"></i> - <div class="label">file-earmark-easel-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-easel"></i> - <div class="label">file-earmark-easel</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-excel-fill"></i> - <div class="label">file-earmark-excel-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-excel"></i> - <div class="label">file-earmark-excel</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-fill"></i> - <div class="label">file-earmark-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-font-fill"></i> - <div class="label">file-earmark-font-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-font"></i> - <div class="label">file-earmark-font</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-image-fill"></i> - <div class="label">file-earmark-image-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-image"></i> - <div class="label">file-earmark-image</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-lock-fill"></i> - <div class="label">file-earmark-lock-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-lock"></i> - <div class="label">file-earmark-lock</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-lock2-fill"></i> - <div class="label">file-earmark-lock2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-lock2"></i> - <div class="label">file-earmark-lock2</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-medical-fill"></i> - <div class="label">file-earmark-medical-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-medical"></i> - <div class="label">file-earmark-medical</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-minus-fill"></i> - <div class="label">file-earmark-minus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-minus"></i> - <div class="label">file-earmark-minus</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-music-fill"></i> - <div class="label">file-earmark-music-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-music"></i> - <div class="label">file-earmark-music</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-pdf-fill"></i> - <div class="label">file-earmark-pdf-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-pdf"></i> - <div class="label">file-earmark-pdf</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-person-fill"></i> - <div class="label">file-earmark-person-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-person"></i> - <div class="label">file-earmark-person</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-play-fill"></i> - <div class="label">file-earmark-play-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-play"></i> - <div class="label">file-earmark-play</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-plus-fill"></i> - <div class="label">file-earmark-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-plus"></i> - <div class="label">file-earmark-plus</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-post-fill"></i> - <div class="label">file-earmark-post-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-post"></i> - <div class="label">file-earmark-post</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-ppt-fill"></i> - <div class="label">file-earmark-ppt-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-ppt"></i> - <div class="label">file-earmark-ppt</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-richtext-fill"></i> - <div class="label">file-earmark-richtext-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-richtext"></i> - <div class="label">file-earmark-richtext</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-ruled-fill"></i> - <div class="label">file-earmark-ruled-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-ruled"></i> - <div class="label">file-earmark-ruled</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-slides-fill"></i> - <div class="label">file-earmark-slides-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-slides"></i> - <div class="label">file-earmark-slides</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-spreadsheet-fill"></i> - <div class="label">file-earmark-spreadsheet-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-spreadsheet"></i> - <div class="label">file-earmark-spreadsheet</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-text-fill"></i> - <div class="label">file-earmark-text-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-text"></i> - <div class="label">file-earmark-text</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-word-fill"></i> - <div class="label">file-earmark-word-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-word"></i> - <div class="label">file-earmark-word</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-x-fill"></i> - <div class="label">file-earmark-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-x"></i> - <div class="label">file-earmark-x</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-zip-fill"></i> - <div class="label">file-earmark-zip-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark-zip"></i> - <div class="label">file-earmark-zip</div> - </div> - <div class="icon"> - <i class="bi bi-file-earmark"></i> - <div class="label">file-earmark</div> - </div> - <div class="icon"> - <i class="bi bi-file-easel-fill"></i> - <div class="label">file-easel-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-easel"></i> - <div class="label">file-easel</div> - </div> - <div class="icon"> - <i class="bi bi-file-excel-fill"></i> - <div class="label">file-excel-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-excel"></i> - <div class="label">file-excel</div> - </div> - <div class="icon"> - <i class="bi bi-file-fill"></i> - <div class="label">file-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-font-fill"></i> - <div class="label">file-font-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-font"></i> - <div class="label">file-font</div> - </div> - <div class="icon"> - <i class="bi bi-file-image-fill"></i> - <div class="label">file-image-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-image"></i> - <div class="label">file-image</div> - </div> - <div class="icon"> - <i class="bi bi-file-lock-fill"></i> - <div class="label">file-lock-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-lock"></i> - <div class="label">file-lock</div> - </div> - <div class="icon"> - <i class="bi bi-file-lock2-fill"></i> - <div class="label">file-lock2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-lock2"></i> - <div class="label">file-lock2</div> - </div> - <div class="icon"> - <i class="bi bi-file-medical-fill"></i> - <div class="label">file-medical-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-medical"></i> - <div class="label">file-medical</div> - </div> - <div class="icon"> - <i class="bi bi-file-minus-fill"></i> - <div class="label">file-minus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-minus"></i> - <div class="label">file-minus</div> - </div> - <div class="icon"> - <i class="bi bi-file-music-fill"></i> - <div class="label">file-music-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-music"></i> - <div class="label">file-music</div> - </div> - <div class="icon"> - <i class="bi bi-file-pdf-fill"></i> - <div class="label">file-pdf-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-pdf"></i> - <div class="label">file-pdf</div> - </div> - <div class="icon"> - <i class="bi bi-file-person-fill"></i> - <div class="label">file-person-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-person"></i> - <div class="label">file-person</div> - </div> - <div class="icon"> - <i class="bi bi-file-play-fill"></i> - <div class="label">file-play-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-play"></i> - <div class="label">file-play</div> - </div> - <div class="icon"> - <i class="bi bi-file-plus-fill"></i> - <div class="label">file-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-plus"></i> - <div class="label">file-plus</div> - </div> - <div class="icon"> - <i class="bi bi-file-post-fill"></i> - <div class="label">file-post-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-post"></i> - <div class="label">file-post</div> - </div> - <div class="icon"> - <i class="bi bi-file-ppt-fill"></i> - <div class="label">file-ppt-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-ppt"></i> - <div class="label">file-ppt</div> - </div> - <div class="icon"> - <i class="bi bi-file-richtext-fill"></i> - <div class="label">file-richtext-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-richtext"></i> - <div class="label">file-richtext</div> - </div> - <div class="icon"> - <i class="bi bi-file-ruled-fill"></i> - <div class="label">file-ruled-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-ruled"></i> - <div class="label">file-ruled</div> - </div> - <div class="icon"> - <i class="bi bi-file-slides-fill"></i> - <div class="label">file-slides-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-slides"></i> - <div class="label">file-slides</div> - </div> - <div class="icon"> - <i class="bi bi-file-spreadsheet-fill"></i> - <div class="label">file-spreadsheet-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-spreadsheet"></i> - <div class="label">file-spreadsheet</div> - </div> - <div class="icon"> - <i class="bi bi-file-text-fill"></i> - <div class="label">file-text-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-text"></i> - <div class="label">file-text</div> - </div> - <div class="icon"> - <i class="bi bi-file-word-fill"></i> - <div class="label">file-word-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-word"></i> - <div class="label">file-word</div> - </div> - <div class="icon"> - <i class="bi bi-file-x-fill"></i> - <div class="label">file-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-x"></i> - <div class="label">file-x</div> - </div> - <div class="icon"> - <i class="bi bi-file-zip-fill"></i> - <div class="label">file-zip-fill</div> - </div> - <div class="icon"> - <i class="bi bi-file-zip"></i> - <div class="label">file-zip</div> - </div> - <div class="icon"> - <i class="bi bi-file"></i> - <div class="label">file</div> - </div> - <div class="icon"> - <i class="bi bi-files-alt"></i> - <div class="label">files-alt</div> - </div> - <div class="icon"> - <i class="bi bi-files"></i> - <div class="label">files</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-aac"></i> - <div class="label">filetype-aac</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-ai"></i> - <div class="label">filetype-ai</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-bmp"></i> - <div class="label">filetype-bmp</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-cs"></i> - <div class="label">filetype-cs</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-css"></i> - <div class="label">filetype-css</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-csv"></i> - <div class="label">filetype-csv</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-doc"></i> - <div class="label">filetype-doc</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-docx"></i> - <div class="label">filetype-docx</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-exe"></i> - <div class="label">filetype-exe</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-gif"></i> - <div class="label">filetype-gif</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-heic"></i> - <div class="label">filetype-heic</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-html"></i> - <div class="label">filetype-html</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-java"></i> - <div class="label">filetype-java</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-jpg"></i> - <div class="label">filetype-jpg</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-js"></i> - <div class="label">filetype-js</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-json"></i> - <div class="label">filetype-json</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-jsx"></i> - <div class="label">filetype-jsx</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-key"></i> - <div class="label">filetype-key</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-m4p"></i> - <div class="label">filetype-m4p</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-md"></i> - <div class="label">filetype-md</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-mdx"></i> - <div class="label">filetype-mdx</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-mov"></i> - <div class="label">filetype-mov</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-mp3"></i> - <div class="label">filetype-mp3</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-mp4"></i> - <div class="label">filetype-mp4</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-otf"></i> - <div class="label">filetype-otf</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-pdf"></i> - <div class="label">filetype-pdf</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-php"></i> - <div class="label">filetype-php</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-png"></i> - <div class="label">filetype-png</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-ppt"></i> - <div class="label">filetype-ppt</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-pptx"></i> - <div class="label">filetype-pptx</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-psd"></i> - <div class="label">filetype-psd</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-py"></i> - <div class="label">filetype-py</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-raw"></i> - <div class="label">filetype-raw</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-rb"></i> - <div class="label">filetype-rb</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-sass"></i> - <div class="label">filetype-sass</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-scss"></i> - <div class="label">filetype-scss</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-sh"></i> - <div class="label">filetype-sh</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-sql"></i> - <div class="label">filetype-sql</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-svg"></i> - <div class="label">filetype-svg</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-tiff"></i> - <div class="label">filetype-tiff</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-tsx"></i> - <div class="label">filetype-tsx</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-ttf"></i> - <div class="label">filetype-ttf</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-txt"></i> - <div class="label">filetype-txt</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-wav"></i> - <div class="label">filetype-wav</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-woff"></i> - <div class="label">filetype-woff</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-xls"></i> - <div class="label">filetype-xls</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-xlsx"></i> - <div class="label">filetype-xlsx</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-xml"></i> - <div class="label">filetype-xml</div> - </div> - <div class="icon"> - <i class="bi bi-filetype-yml"></i> - <div class="label">filetype-yml</div> - </div> - <div class="icon"> - <i class="bi bi-film"></i> - <div class="label">film</div> - </div> - <div class="icon"> - <i class="bi bi-filter-circle-fill"></i> - <div class="label">filter-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-filter-circle"></i> - <div class="label">filter-circle</div> - </div> - <div class="icon"> - <i class="bi bi-filter-left"></i> - <div class="label">filter-left</div> - </div> - <div class="icon"> - <i class="bi bi-filter-right"></i> - <div class="label">filter-right</div> - </div> - <div class="icon"> - <i class="bi bi-filter-square-fill"></i> - <div class="label">filter-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-filter-square"></i> - <div class="label">filter-square</div> - </div> - <div class="icon"> - <i class="bi bi-filter"></i> - <div class="label">filter</div> - </div> - <div class="icon"> - <i class="bi bi-fingerprint"></i> - <div class="label">fingerprint</div> - </div> - <div class="icon"> - <i class="bi bi-fire"></i> - <div class="label">fire</div> - </div> - <div class="icon"> - <i class="bi bi-flag-fill"></i> - <div class="label">flag-fill</div> - </div> - <div class="icon"> - <i class="bi bi-flag"></i> - <div class="label">flag</div> - </div> - <div class="icon"> - <i class="bi bi-flower1"></i> - <div class="label">flower1</div> - </div> - <div class="icon"> - <i class="bi bi-flower2"></i> - <div class="label">flower2</div> - </div> - <div class="icon"> - <i class="bi bi-flower3"></i> - <div class="label">flower3</div> - </div> - <div class="icon"> - <i class="bi bi-folder-check"></i> - <div class="label">folder-check</div> - </div> - <div class="icon"> - <i class="bi bi-folder-fill"></i> - <div class="label">folder-fill</div> - </div> - <div class="icon"> - <i class="bi bi-folder-minus"></i> - <div class="label">folder-minus</div> - </div> - <div class="icon"> - <i class="bi bi-folder-plus"></i> - <div class="label">folder-plus</div> - </div> - <div class="icon"> - <i class="bi bi-folder-symlink-fill"></i> - <div class="label">folder-symlink-fill</div> - </div> - <div class="icon"> - <i class="bi bi-folder-symlink"></i> - <div class="label">folder-symlink</div> - </div> - <div class="icon"> - <i class="bi bi-folder-x"></i> - <div class="label">folder-x</div> - </div> - <div class="icon"> - <i class="bi bi-folder"></i> - <div class="label">folder</div> - </div> - <div class="icon"> - <i class="bi bi-folder2-open"></i> - <div class="label">folder2-open</div> - </div> - <div class="icon"> - <i class="bi bi-folder2"></i> - <div class="label">folder2</div> - </div> - <div class="icon"> - <i class="bi bi-fonts"></i> - <div class="label">fonts</div> - </div> - <div class="icon"> - <i class="bi bi-forward-fill"></i> - <div class="label">forward-fill</div> - </div> - <div class="icon"> - <i class="bi bi-forward"></i> - <div class="label">forward</div> - </div> - <div class="icon"> - <i class="bi bi-front"></i> - <div class="label">front</div> - </div> - <div class="icon"> - <i class="bi bi-fuel-pump-diesel-fill"></i> - <div class="label">fuel-pump-diesel-fill</div> - </div> - <div class="icon"> - <i class="bi bi-fuel-pump-diesel"></i> - <div class="label">fuel-pump-diesel</div> - </div> - <div class="icon"> - <i class="bi bi-fuel-pump-fill"></i> - <div class="label">fuel-pump-fill</div> - </div> - <div class="icon"> - <i class="bi bi-fuel-pump"></i> - <div class="label">fuel-pump</div> - </div> - <div class="icon"> - <i class="bi bi-fullscreen-exit"></i> - <div class="label">fullscreen-exit</div> - </div> - <div class="icon"> - <i class="bi bi-fullscreen"></i> - <div class="label">fullscreen</div> - </div> - <div class="icon"> - <i class="bi bi-funnel-fill"></i> - <div class="label">funnel-fill</div> - </div> - <div class="icon"> - <i class="bi bi-funnel"></i> - <div class="label">funnel</div> - </div> - <div class="icon"> - <i class="bi bi-gear-fill"></i> - <div class="label">gear-fill</div> - </div> - <div class="icon"> - <i class="bi bi-gear-wide-connected"></i> - <div class="label">gear-wide-connected</div> - </div> - <div class="icon"> - <i class="bi bi-gear-wide"></i> - <div class="label">gear-wide</div> - </div> - <div class="icon"> - <i class="bi bi-gear"></i> - <div class="label">gear</div> - </div> - <div class="icon"> - <i class="bi bi-gem"></i> - <div class="label">gem</div> - </div> - <div class="icon"> - <i class="bi bi-gender-ambiguous"></i> - <div class="label">gender-ambiguous</div> - </div> - <div class="icon"> - <i class="bi bi-gender-female"></i> - <div class="label">gender-female</div> - </div> - <div class="icon"> - <i class="bi bi-gender-male"></i> - <div class="label">gender-male</div> - </div> - <div class="icon"> - <i class="bi bi-gender-trans"></i> - <div class="label">gender-trans</div> - </div> - <div class="icon"> - <i class="bi bi-geo-alt-fill"></i> - <div class="label">geo-alt-fill</div> - </div> - <div class="icon"> - <i class="bi bi-geo-alt"></i> - <div class="label">geo-alt</div> - </div> - <div class="icon"> - <i class="bi bi-geo-fill"></i> - <div class="label">geo-fill</div> - </div> - <div class="icon"> - <i class="bi bi-geo"></i> - <div class="label">geo</div> - </div> - <div class="icon"> - <i class="bi bi-gift-fill"></i> - <div class="label">gift-fill</div> - </div> - <div class="icon"> - <i class="bi bi-gift"></i> - <div class="label">gift</div> - </div> - <div class="icon"> - <i class="bi bi-git"></i> - <div class="label">git</div> - </div> - <div class="icon"> - <i class="bi bi-github"></i> - <div class="label">github</div> - </div> - <div class="icon"> - <i class="bi bi-globe"></i> - <div class="label">globe</div> - </div> - <div class="icon"> - <i class="bi bi-globe2"></i> - <div class="label">globe2</div> - </div> - <div class="icon"> - <i class="bi bi-google-play"></i> - <div class="label">google-play</div> - </div> - <div class="icon"> - <i class="bi bi-google"></i> - <div class="label">google</div> - </div> - <div class="icon"> - <i class="bi bi-gpu-card"></i> - <div class="label">gpu-card</div> - </div> - <div class="icon"> - <i class="bi bi-graph-down-arrow"></i> - <div class="label">graph-down-arrow</div> - </div> - <div class="icon"> - <i class="bi bi-graph-down"></i> - <div class="label">graph-down</div> - </div> - <div class="icon"> - <i class="bi bi-graph-up-arrow"></i> - <div class="label">graph-up-arrow</div> - </div> - <div class="icon"> - <i class="bi bi-graph-up"></i> - <div class="label">graph-up</div> - </div> - <div class="icon"> - <i class="bi bi-grid-1x2-fill"></i> - <div class="label">grid-1x2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-grid-1x2"></i> - <div class="label">grid-1x2</div> - </div> - <div class="icon"> - <i class="bi bi-grid-3x2-gap-fill"></i> - <div class="label">grid-3x2-gap-fill</div> - </div> - <div class="icon"> - <i class="bi bi-grid-3x2-gap"></i> - <div class="label">grid-3x2-gap</div> - </div> - <div class="icon"> - <i class="bi bi-grid-3x2"></i> - <div class="label">grid-3x2</div> - </div> - <div class="icon"> - <i class="bi bi-grid-3x3-gap-fill"></i> - <div class="label">grid-3x3-gap-fill</div> - </div> - <div class="icon"> - <i class="bi bi-grid-3x3-gap"></i> - <div class="label">grid-3x3-gap</div> - </div> - <div class="icon"> - <i class="bi bi-grid-3x3"></i> - <div class="label">grid-3x3</div> - </div> - <div class="icon"> - <i class="bi bi-grid-fill"></i> - <div class="label">grid-fill</div> - </div> - <div class="icon"> - <i class="bi bi-grid"></i> - <div class="label">grid</div> - </div> - <div class="icon"> - <i class="bi bi-grip-horizontal"></i> - <div class="label">grip-horizontal</div> - </div> - <div class="icon"> - <i class="bi bi-grip-vertical"></i> - <div class="label">grip-vertical</div> - </div> - <div class="icon"> - <i class="bi bi-h-circle-fill"></i> - <div class="label">h-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-h-circle"></i> - <div class="label">h-circle</div> - </div> - <div class="icon"> - <i class="bi bi-h-square-fill"></i> - <div class="label">h-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-h-square"></i> - <div class="label">h-square</div> - </div> - <div class="icon"> - <i class="bi bi-hammer"></i> - <div class="label">hammer</div> - </div> - <div class="icon"> - <i class="bi bi-hand-index-fill"></i> - <div class="label">hand-index-fill</div> - </div> - <div class="icon"> - <i class="bi bi-hand-index-thumb-fill"></i> - <div class="label">hand-index-thumb-fill</div> - </div> - <div class="icon"> - <i class="bi bi-hand-index-thumb"></i> - <div class="label">hand-index-thumb</div> - </div> - <div class="icon"> - <i class="bi bi-hand-index"></i> - <div class="label">hand-index</div> - </div> - <div class="icon"> - <i class="bi bi-hand-thumbs-down-fill"></i> - <div class="label">hand-thumbs-down-fill</div> - </div> - <div class="icon"> - <i class="bi bi-hand-thumbs-down"></i> - <div class="label">hand-thumbs-down</div> - </div> - <div class="icon"> - <i class="bi bi-hand-thumbs-up-fill"></i> - <div class="label">hand-thumbs-up-fill</div> - </div> - <div class="icon"> - <i class="bi bi-hand-thumbs-up"></i> - <div class="label">hand-thumbs-up</div> - </div> - <div class="icon"> - <i class="bi bi-handbag-fill"></i> - <div class="label">handbag-fill</div> - </div> - <div class="icon"> - <i class="bi bi-handbag"></i> - <div class="label">handbag</div> - </div> - <div class="icon"> - <i class="bi bi-hash"></i> - <div class="label">hash</div> - </div> - <div class="icon"> - <i class="bi bi-hdd-fill"></i> - <div class="label">hdd-fill</div> - </div> - <div class="icon"> - <i class="bi bi-hdd-network-fill"></i> - <div class="label">hdd-network-fill</div> - </div> - <div class="icon"> - <i class="bi bi-hdd-network"></i> - <div class="label">hdd-network</div> - </div> - <div class="icon"> - <i class="bi bi-hdd-rack-fill"></i> - <div class="label">hdd-rack-fill</div> - </div> - <div class="icon"> - <i class="bi bi-hdd-rack"></i> - <div class="label">hdd-rack</div> - </div> - <div class="icon"> - <i class="bi bi-hdd-stack-fill"></i> - <div class="label">hdd-stack-fill</div> - </div> - <div class="icon"> - <i class="bi bi-hdd-stack"></i> - <div class="label">hdd-stack</div> - </div> - <div class="icon"> - <i class="bi bi-hdd"></i> - <div class="label">hdd</div> - </div> - <div class="icon"> - <i class="bi bi-hdmi-fill"></i> - <div class="label">hdmi-fill</div> - </div> - <div class="icon"> - <i class="bi bi-hdmi"></i> - <div class="label">hdmi</div> - </div> - <div class="icon"> - <i class="bi bi-headphones"></i> - <div class="label">headphones</div> - </div> - <div class="icon"> - <i class="bi bi-headset-vr"></i> - <div class="label">headset-vr</div> - </div> - <div class="icon"> - <i class="bi bi-headset"></i> - <div class="label">headset</div> - </div> - <div class="icon"> - <i class="bi bi-heart-arrow"></i> - <div class="label">heart-arrow</div> - </div> - <div class="icon"> - <i class="bi bi-heart-fill"></i> - <div class="label">heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-heart-half"></i> - <div class="label">heart-half</div> - </div> - <div class="icon"> - <i class="bi bi-heart-pulse-fill"></i> - <div class="label">heart-pulse-fill</div> - </div> - <div class="icon"> - <i class="bi bi-heart-pulse"></i> - <div class="label">heart-pulse</div> - </div> - <div class="icon"> - <i class="bi bi-heart"></i> - <div class="label">heart</div> - </div> - <div class="icon"> - <i class="bi bi-heartbreak-fill"></i> - <div class="label">heartbreak-fill</div> - </div> - <div class="icon"> - <i class="bi bi-heartbreak"></i> - <div class="label">heartbreak</div> - </div> - <div class="icon"> - <i class="bi bi-hearts"></i> - <div class="label">hearts</div> - </div> - <div class="icon"> - <i class="bi bi-heptagon-fill"></i> - <div class="label">heptagon-fill</div> - </div> - <div class="icon"> - <i class="bi bi-heptagon-half"></i> - <div class="label">heptagon-half</div> - </div> - <div class="icon"> - <i class="bi bi-heptagon"></i> - <div class="label">heptagon</div> - </div> - <div class="icon"> - <i class="bi bi-hexagon-fill"></i> - <div class="label">hexagon-fill</div> - </div> - <div class="icon"> - <i class="bi bi-hexagon-half"></i> - <div class="label">hexagon-half</div> - </div> - <div class="icon"> - <i class="bi bi-hexagon"></i> - <div class="label">hexagon</div> - </div> - <div class="icon"> - <i class="bi bi-hospital-fill"></i> - <div class="label">hospital-fill</div> - </div> - <div class="icon"> - <i class="bi bi-hospital"></i> - <div class="label">hospital</div> - </div> - <div class="icon"> - <i class="bi bi-hourglass-bottom"></i> - <div class="label">hourglass-bottom</div> - </div> - <div class="icon"> - <i class="bi bi-hourglass-split"></i> - <div class="label">hourglass-split</div> - </div> - <div class="icon"> - <i class="bi bi-hourglass-top"></i> - <div class="label">hourglass-top</div> - </div> - <div class="icon"> - <i class="bi bi-hourglass"></i> - <div class="label">hourglass</div> - </div> - <div class="icon"> - <i class="bi bi-house-door-fill"></i> - <div class="label">house-door-fill</div> - </div> - <div class="icon"> - <i class="bi bi-house-door"></i> - <div class="label">house-door</div> - </div> - <div class="icon"> - <i class="bi bi-house-fill"></i> - <div class="label">house-fill</div> - </div> - <div class="icon"> - <i class="bi bi-house-heart-fill"></i> - <div class="label">house-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-house-heart"></i> - <div class="label">house-heart</div> - </div> - <div class="icon"> - <i class="bi bi-house"></i> - <div class="label">house</div> - </div> - <div class="icon"> - <i class="bi bi-hr"></i> - <div class="label">hr</div> - </div> - <div class="icon"> - <i class="bi bi-hurricane"></i> - <div class="label">hurricane</div> - </div> - <div class="icon"> - <i class="bi bi-hypnotize"></i> - <div class="label">hypnotize</div> - </div> - <div class="icon"> - <i class="bi bi-image-alt"></i> - <div class="label">image-alt</div> - </div> - <div class="icon"> - <i class="bi bi-image-fill"></i> - <div class="label">image-fill</div> - </div> - <div class="icon"> - <i class="bi bi-image"></i> - <div class="label">image</div> - </div> - <div class="icon"> - <i class="bi bi-images"></i> - <div class="label">images</div> - </div> - <div class="icon"> - <i class="bi bi-inbox-fill"></i> - <div class="label">inbox-fill</div> - </div> - <div class="icon"> - <i class="bi bi-inbox"></i> - <div class="label">inbox</div> - </div> - <div class="icon"> - <i class="bi bi-inboxes-fill"></i> - <div class="label">inboxes-fill</div> - </div> - <div class="icon"> - <i class="bi bi-inboxes"></i> - <div class="label">inboxes</div> - </div> - <div class="icon"> - <i class="bi bi-incognito"></i> - <div class="label">incognito</div> - </div> - <div class="icon"> - <i class="bi bi-indent"></i> - <div class="label">indent</div> - </div> - <div class="icon"> - <i class="bi bi-infinity"></i> - <div class="label">infinity</div> - </div> - <div class="icon"> - <i class="bi bi-info-circle-fill"></i> - <div class="label">info-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-info-circle"></i> - <div class="label">info-circle</div> - </div> - <div class="icon"> - <i class="bi bi-info-lg"></i> - <div class="label">info-lg</div> - </div> - <div class="icon"> - <i class="bi bi-info-square-fill"></i> - <div class="label">info-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-info-square"></i> - <div class="label">info-square</div> - </div> - <div class="icon"> - <i class="bi bi-info"></i> - <div class="label">info</div> - </div> - <div class="icon"> - <i class="bi bi-input-cursor-text"></i> - <div class="label">input-cursor-text</div> - </div> - <div class="icon"> - <i class="bi bi-input-cursor"></i> - <div class="label">input-cursor</div> - </div> - <div class="icon"> - <i class="bi bi-instagram"></i> - <div class="label">instagram</div> - </div> - <div class="icon"> - <i class="bi bi-intersect"></i> - <div class="label">intersect</div> - </div> - <div class="icon"> - <i class="bi bi-journal-album"></i> - <div class="label">journal-album</div> - </div> - <div class="icon"> - <i class="bi bi-journal-arrow-down"></i> - <div class="label">journal-arrow-down</div> - </div> - <div class="icon"> - <i class="bi bi-journal-arrow-up"></i> - <div class="label">journal-arrow-up</div> - </div> - <div class="icon"> - <i class="bi bi-journal-bookmark-fill"></i> - <div class="label">journal-bookmark-fill</div> - </div> - <div class="icon"> - <i class="bi bi-journal-bookmark"></i> - <div class="label">journal-bookmark</div> - </div> - <div class="icon"> - <i class="bi bi-journal-check"></i> - <div class="label">journal-check</div> - </div> - <div class="icon"> - <i class="bi bi-journal-code"></i> - <div class="label">journal-code</div> - </div> - <div class="icon"> - <i class="bi bi-journal-medical"></i> - <div class="label">journal-medical</div> - </div> - <div class="icon"> - <i class="bi bi-journal-minus"></i> - <div class="label">journal-minus</div> - </div> - <div class="icon"> - <i class="bi bi-journal-plus"></i> - <div class="label">journal-plus</div> - </div> - <div class="icon"> - <i class="bi bi-journal-richtext"></i> - <div class="label">journal-richtext</div> - </div> - <div class="icon"> - <i class="bi bi-journal-text"></i> - <div class="label">journal-text</div> - </div> - <div class="icon"> - <i class="bi bi-journal-x"></i> - <div class="label">journal-x</div> - </div> - <div class="icon"> - <i class="bi bi-journal"></i> - <div class="label">journal</div> - </div> - <div class="icon"> - <i class="bi bi-journals"></i> - <div class="label">journals</div> - </div> - <div class="icon"> - <i class="bi bi-joystick"></i> - <div class="label">joystick</div> - </div> - <div class="icon"> - <i class="bi bi-justify-left"></i> - <div class="label">justify-left</div> - </div> - <div class="icon"> - <i class="bi bi-justify-right"></i> - <div class="label">justify-right</div> - </div> - <div class="icon"> - <i class="bi bi-justify"></i> - <div class="label">justify</div> - </div> - <div class="icon"> - <i class="bi bi-kanban-fill"></i> - <div class="label">kanban-fill</div> - </div> - <div class="icon"> - <i class="bi bi-kanban"></i> - <div class="label">kanban</div> - </div> - <div class="icon"> - <i class="bi bi-key-fill"></i> - <div class="label">key-fill</div> - </div> - <div class="icon"> - <i class="bi bi-key"></i> - <div class="label">key</div> - </div> - <div class="icon"> - <i class="bi bi-keyboard-fill"></i> - <div class="label">keyboard-fill</div> - </div> - <div class="icon"> - <i class="bi bi-keyboard"></i> - <div class="label">keyboard</div> - </div> - <div class="icon"> - <i class="bi bi-ladder"></i> - <div class="label">ladder</div> - </div> - <div class="icon"> - <i class="bi bi-lamp-fill"></i> - <div class="label">lamp-fill</div> - </div> - <div class="icon"> - <i class="bi bi-lamp"></i> - <div class="label">lamp</div> - </div> - <div class="icon"> - <i class="bi bi-laptop-fill"></i> - <div class="label">laptop-fill</div> - </div> - <div class="icon"> - <i class="bi bi-laptop"></i> - <div class="label">laptop</div> - </div> - <div class="icon"> - <i class="bi bi-layer-backward"></i> - <div class="label">layer-backward</div> - </div> - <div class="icon"> - <i class="bi bi-layer-forward"></i> - <div class="label">layer-forward</div> - </div> - <div class="icon"> - <i class="bi bi-layers-fill"></i> - <div class="label">layers-fill</div> - </div> - <div class="icon"> - <i class="bi bi-layers-half"></i> - <div class="label">layers-half</div> - </div> - <div class="icon"> - <i class="bi bi-layers"></i> - <div class="label">layers</div> - </div> - <div class="icon"> - <i class="bi bi-layout-sidebar-inset-reverse"></i> - <div class="label">layout-sidebar-inset-reverse</div> - </div> - <div class="icon"> - <i class="bi bi-layout-sidebar-inset"></i> - <div class="label">layout-sidebar-inset</div> - </div> - <div class="icon"> - <i class="bi bi-layout-sidebar-reverse"></i> - <div class="label">layout-sidebar-reverse</div> - </div> - <div class="icon"> - <i class="bi bi-layout-sidebar"></i> - <div class="label">layout-sidebar</div> - </div> - <div class="icon"> - <i class="bi bi-layout-split"></i> - <div class="label">layout-split</div> - </div> - <div class="icon"> - <i class="bi bi-layout-text-sidebar-reverse"></i> - <div class="label">layout-text-sidebar-reverse</div> - </div> - <div class="icon"> - <i class="bi bi-layout-text-sidebar"></i> - <div class="label">layout-text-sidebar</div> - </div> - <div class="icon"> - <i class="bi bi-layout-text-window-reverse"></i> - <div class="label">layout-text-window-reverse</div> - </div> - <div class="icon"> - <i class="bi bi-layout-text-window"></i> - <div class="label">layout-text-window</div> - </div> - <div class="icon"> - <i class="bi bi-layout-three-columns"></i> - <div class="label">layout-three-columns</div> - </div> - <div class="icon"> - <i class="bi bi-layout-wtf"></i> - <div class="label">layout-wtf</div> - </div> - <div class="icon"> - <i class="bi bi-life-preserver"></i> - <div class="label">life-preserver</div> - </div> - <div class="icon"> - <i class="bi bi-lightbulb-fill"></i> - <div class="label">lightbulb-fill</div> - </div> - <div class="icon"> - <i class="bi bi-lightbulb-off-fill"></i> - <div class="label">lightbulb-off-fill</div> - </div> - <div class="icon"> - <i class="bi bi-lightbulb-off"></i> - <div class="label">lightbulb-off</div> - </div> - <div class="icon"> - <i class="bi bi-lightbulb"></i> - <div class="label">lightbulb</div> - </div> - <div class="icon"> - <i class="bi bi-lightning-charge-fill"></i> - <div class="label">lightning-charge-fill</div> - </div> - <div class="icon"> - <i class="bi bi-lightning-charge"></i> - <div class="label">lightning-charge</div> - </div> - <div class="icon"> - <i class="bi bi-lightning-fill"></i> - <div class="label">lightning-fill</div> - </div> - <div class="icon"> - <i class="bi bi-lightning"></i> - <div class="label">lightning</div> - </div> - <div class="icon"> - <i class="bi bi-line"></i> - <div class="label">line</div> - </div> - <div class="icon"> - <i class="bi bi-link-45deg"></i> - <div class="label">link-45deg</div> - </div> - <div class="icon"> - <i class="bi bi-link"></i> - <div class="label">link</div> - </div> - <div class="icon"> - <i class="bi bi-linkedin"></i> - <div class="label">linkedin</div> - </div> - <div class="icon"> - <i class="bi bi-list-check"></i> - <div class="label">list-check</div> - </div> - <div class="icon"> - <i class="bi bi-list-columns-reverse"></i> - <div class="label">list-columns-reverse</div> - </div> - <div class="icon"> - <i class="bi bi-list-columns"></i> - <div class="label">list-columns</div> - </div> - <div class="icon"> - <i class="bi bi-list-nested"></i> - <div class="label">list-nested</div> - </div> - <div class="icon"> - <i class="bi bi-list-ol"></i> - <div class="label">list-ol</div> - </div> - <div class="icon"> - <i class="bi bi-list-stars"></i> - <div class="label">list-stars</div> - </div> - <div class="icon"> - <i class="bi bi-list-task"></i> - <div class="label">list-task</div> - </div> - <div class="icon"> - <i class="bi bi-list-ul"></i> - <div class="label">list-ul</div> - </div> - <div class="icon"> - <i class="bi bi-list"></i> - <div class="label">list</div> - </div> - <div class="icon"> - <i class="bi bi-lock-fill"></i> - <div class="label">lock-fill</div> - </div> - <div class="icon"> - <i class="bi bi-lock"></i> - <div class="label">lock</div> - </div> - <div class="icon"> - <i class="bi bi-lungs-fill"></i> - <div class="label">lungs-fill</div> - </div> - <div class="icon"> - <i class="bi bi-lungs"></i> - <div class="label">lungs</div> - </div> - <div class="icon"> - <i class="bi bi-magic"></i> - <div class="label">magic</div> - </div> - <div class="icon"> - <i class="bi bi-magnet-fill"></i> - <div class="label">magnet-fill</div> - </div> - <div class="icon"> - <i class="bi bi-magnet"></i> - <div class="label">magnet</div> - </div> - <div class="icon"> - <i class="bi bi-mailbox"></i> - <div class="label">mailbox</div> - </div> - <div class="icon"> - <i class="bi bi-mailbox2"></i> - <div class="label">mailbox2</div> - </div> - <div class="icon"> - <i class="bi bi-map-fill"></i> - <div class="label">map-fill</div> - </div> - <div class="icon"> - <i class="bi bi-map"></i> - <div class="label">map</div> - </div> - <div class="icon"> - <i class="bi bi-markdown-fill"></i> - <div class="label">markdown-fill</div> - </div> - <div class="icon"> - <i class="bi bi-markdown"></i> - <div class="label">markdown</div> - </div> - <div class="icon"> - <i class="bi bi-mask"></i> - <div class="label">mask</div> - </div> - <div class="icon"> - <i class="bi bi-mastodon"></i> - <div class="label">mastodon</div> - </div> - <div class="icon"> - <i class="bi bi-medium"></i> - <div class="label">medium</div> - </div> - <div class="icon"> - <i class="bi bi-megaphone-fill"></i> - <div class="label">megaphone-fill</div> - </div> - <div class="icon"> - <i class="bi bi-megaphone"></i> - <div class="label">megaphone</div> - </div> - <div class="icon"> - <i class="bi bi-memory"></i> - <div class="label">memory</div> - </div> - <div class="icon"> - <i class="bi bi-menu-app-fill"></i> - <div class="label">menu-app-fill</div> - </div> - <div class="icon"> - <i class="bi bi-menu-app"></i> - <div class="label">menu-app</div> - </div> - <div class="icon"> - <i class="bi bi-menu-button-fill"></i> - <div class="label">menu-button-fill</div> - </div> - <div class="icon"> - <i class="bi bi-menu-button-wide-fill"></i> - <div class="label">menu-button-wide-fill</div> - </div> - <div class="icon"> - <i class="bi bi-menu-button-wide"></i> - <div class="label">menu-button-wide</div> - </div> - <div class="icon"> - <i class="bi bi-menu-button"></i> - <div class="label">menu-button</div> - </div> - <div class="icon"> - <i class="bi bi-menu-down"></i> - <div class="label">menu-down</div> - </div> - <div class="icon"> - <i class="bi bi-menu-up"></i> - <div class="label">menu-up</div> - </div> - <div class="icon"> - <i class="bi bi-messenger"></i> - <div class="label">messenger</div> - </div> - <div class="icon"> - <i class="bi bi-meta"></i> - <div class="label">meta</div> - </div> - <div class="icon"> - <i class="bi bi-mic-fill"></i> - <div class="label">mic-fill</div> - </div> - <div class="icon"> - <i class="bi bi-mic-mute-fill"></i> - <div class="label">mic-mute-fill</div> - </div> - <div class="icon"> - <i class="bi bi-mic-mute"></i> - <div class="label">mic-mute</div> - </div> - <div class="icon"> - <i class="bi bi-mic"></i> - <div class="label">mic</div> - </div> - <div class="icon"> - <i class="bi bi-microsoft-teams"></i> - <div class="label">microsoft-teams</div> - </div> - <div class="icon"> - <i class="bi bi-microsoft"></i> - <div class="label">microsoft</div> - </div> - <div class="icon"> - <i class="bi bi-minecart-loaded"></i> - <div class="label">minecart-loaded</div> - </div> - <div class="icon"> - <i class="bi bi-minecart"></i> - <div class="label">minecart</div> - </div> - <div class="icon"> - <i class="bi bi-modem-fill"></i> - <div class="label">modem-fill</div> - </div> - <div class="icon"> - <i class="bi bi-modem"></i> - <div class="label">modem</div> - </div> - <div class="icon"> - <i class="bi bi-moisture"></i> - <div class="label">moisture</div> - </div> - <div class="icon"> - <i class="bi bi-moon-fill"></i> - <div class="label">moon-fill</div> - </div> - <div class="icon"> - <i class="bi bi-moon-stars-fill"></i> - <div class="label">moon-stars-fill</div> - </div> - <div class="icon"> - <i class="bi bi-moon-stars"></i> - <div class="label">moon-stars</div> - </div> - <div class="icon"> - <i class="bi bi-moon"></i> - <div class="label">moon</div> - </div> - <div class="icon"> - <i class="bi bi-mortarboard-fill"></i> - <div class="label">mortarboard-fill</div> - </div> - <div class="icon"> - <i class="bi bi-mortarboard"></i> - <div class="label">mortarboard</div> - </div> - <div class="icon"> - <i class="bi bi-motherboard-fill"></i> - <div class="label">motherboard-fill</div> - </div> - <div class="icon"> - <i class="bi bi-motherboard"></i> - <div class="label">motherboard</div> - </div> - <div class="icon"> - <i class="bi bi-mouse-fill"></i> - <div class="label">mouse-fill</div> - </div> - <div class="icon"> - <i class="bi bi-mouse"></i> - <div class="label">mouse</div> - </div> - <div class="icon"> - <i class="bi bi-mouse2-fill"></i> - <div class="label">mouse2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-mouse2"></i> - <div class="label">mouse2</div> - </div> - <div class="icon"> - <i class="bi bi-mouse3-fill"></i> - <div class="label">mouse3-fill</div> - </div> - <div class="icon"> - <i class="bi bi-mouse3"></i> - <div class="label">mouse3</div> - </div> - <div class="icon"> - <i class="bi bi-music-note-beamed"></i> - <div class="label">music-note-beamed</div> - </div> - <div class="icon"> - <i class="bi bi-music-note-list"></i> - <div class="label">music-note-list</div> - </div> - <div class="icon"> - <i class="bi bi-music-note"></i> - <div class="label">music-note</div> - </div> - <div class="icon"> - <i class="bi bi-music-player-fill"></i> - <div class="label">music-player-fill</div> - </div> - <div class="icon"> - <i class="bi bi-music-player"></i> - <div class="label">music-player</div> - </div> - <div class="icon"> - <i class="bi bi-newspaper"></i> - <div class="label">newspaper</div> - </div> - <div class="icon"> - <i class="bi bi-nintendo-switch"></i> - <div class="label">nintendo-switch</div> - </div> - <div class="icon"> - <i class="bi bi-node-minus-fill"></i> - <div class="label">node-minus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-node-minus"></i> - <div class="label">node-minus</div> - </div> - <div class="icon"> - <i class="bi bi-node-plus-fill"></i> - <div class="label">node-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-node-plus"></i> - <div class="label">node-plus</div> - </div> - <div class="icon"> - <i class="bi bi-nut-fill"></i> - <div class="label">nut-fill</div> - </div> - <div class="icon"> - <i class="bi bi-nut"></i> - <div class="label">nut</div> - </div> - <div class="icon"> - <i class="bi bi-octagon-fill"></i> - <div class="label">octagon-fill</div> - </div> - <div class="icon"> - <i class="bi bi-octagon-half"></i> - <div class="label">octagon-half</div> - </div> - <div class="icon"> - <i class="bi bi-octagon"></i> - <div class="label">octagon</div> - </div> - <div class="icon"> - <i class="bi bi-optical-audio-fill"></i> - <div class="label">optical-audio-fill</div> - </div> - <div class="icon"> - <i class="bi bi-optical-audio"></i> - <div class="label">optical-audio</div> - </div> - <div class="icon"> - <i class="bi bi-option"></i> - <div class="label">option</div> - </div> - <div class="icon"> - <i class="bi bi-outlet"></i> - <div class="label">outlet</div> - </div> - <div class="icon"> - <i class="bi bi-p-circle-fill"></i> - <div class="label">p-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-p-circle"></i> - <div class="label">p-circle</div> - </div> - <div class="icon"> - <i class="bi bi-p-square-fill"></i> - <div class="label">p-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-p-square"></i> - <div class="label">p-square</div> - </div> - <div class="icon"> - <i class="bi bi-paint-bucket"></i> - <div class="label">paint-bucket</div> - </div> - <div class="icon"> - <i class="bi bi-palette-fill"></i> - <div class="label">palette-fill</div> - </div> - <div class="icon"> - <i class="bi bi-palette"></i> - <div class="label">palette</div> - </div> - <div class="icon"> - <i class="bi bi-palette2"></i> - <div class="label">palette2</div> - </div> - <div class="icon"> - <i class="bi bi-paperclip"></i> - <div class="label">paperclip</div> - </div> - <div class="icon"> - <i class="bi bi-paragraph"></i> - <div class="label">paragraph</div> - </div> - <div class="icon"> - <i class="bi bi-pass-fill"></i> - <div class="label">pass-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pass"></i> - <div class="label">pass</div> - </div> - <div class="icon"> - <i class="bi bi-patch-check-fill"></i> - <div class="label">patch-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-patch-check"></i> - <div class="label">patch-check</div> - </div> - <div class="icon"> - <i class="bi bi-patch-exclamation-fill"></i> - <div class="label">patch-exclamation-fill</div> - </div> - <div class="icon"> - <i class="bi bi-patch-exclamation"></i> - <div class="label">patch-exclamation</div> - </div> - <div class="icon"> - <i class="bi bi-patch-minus-fill"></i> - <div class="label">patch-minus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-patch-minus"></i> - <div class="label">patch-minus</div> - </div> - <div class="icon"> - <i class="bi bi-patch-plus-fill"></i> - <div class="label">patch-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-patch-plus"></i> - <div class="label">patch-plus</div> - </div> - <div class="icon"> - <i class="bi bi-patch-question-fill"></i> - <div class="label">patch-question-fill</div> - </div> - <div class="icon"> - <i class="bi bi-patch-question"></i> - <div class="label">patch-question</div> - </div> - <div class="icon"> - <i class="bi bi-pause-btn-fill"></i> - <div class="label">pause-btn-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pause-btn"></i> - <div class="label">pause-btn</div> - </div> - <div class="icon"> - <i class="bi bi-pause-circle-fill"></i> - <div class="label">pause-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pause-circle"></i> - <div class="label">pause-circle</div> - </div> - <div class="icon"> - <i class="bi bi-pause-fill"></i> - <div class="label">pause-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pause"></i> - <div class="label">pause</div> - </div> - <div class="icon"> - <i class="bi bi-paypal"></i> - <div class="label">paypal</div> - </div> - <div class="icon"> - <i class="bi bi-pc-display-horizontal"></i> - <div class="label">pc-display-horizontal</div> - </div> - <div class="icon"> - <i class="bi bi-pc-display"></i> - <div class="label">pc-display</div> - </div> - <div class="icon"> - <i class="bi bi-pc-horizontal"></i> - <div class="label">pc-horizontal</div> - </div> - <div class="icon"> - <i class="bi bi-pc"></i> - <div class="label">pc</div> - </div> - <div class="icon"> - <i class="bi bi-pci-card"></i> - <div class="label">pci-card</div> - </div> - <div class="icon"> - <i class="bi bi-peace-fill"></i> - <div class="label">peace-fill</div> - </div> - <div class="icon"> - <i class="bi bi-peace"></i> - <div class="label">peace</div> - </div> - <div class="icon"> - <i class="bi bi-pen-fill"></i> - <div class="label">pen-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pen"></i> - <div class="label">pen</div> - </div> - <div class="icon"> - <i class="bi bi-pencil-fill"></i> - <div class="label">pencil-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pencil-square"></i> - <div class="label">pencil-square</div> - </div> - <div class="icon"> - <i class="bi bi-pencil"></i> - <div class="label">pencil</div> - </div> - <div class="icon"> - <i class="bi bi-pentagon-fill"></i> - <div class="label">pentagon-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pentagon-half"></i> - <div class="label">pentagon-half</div> - </div> - <div class="icon"> - <i class="bi bi-pentagon"></i> - <div class="label">pentagon</div> - </div> - <div class="icon"> - <i class="bi bi-people-fill"></i> - <div class="label">people-fill</div> - </div> - <div class="icon"> - <i class="bi bi-people"></i> - <div class="label">people</div> - </div> - <div class="icon"> - <i class="bi bi-percent"></i> - <div class="label">percent</div> - </div> - <div class="icon"> - <i class="bi bi-person-badge-fill"></i> - <div class="label">person-badge-fill</div> - </div> - <div class="icon"> - <i class="bi bi-person-badge"></i> - <div class="label">person-badge</div> - </div> - <div class="icon"> - <i class="bi bi-person-bounding-box"></i> - <div class="label">person-bounding-box</div> - </div> - <div class="icon"> - <i class="bi bi-person-check-fill"></i> - <div class="label">person-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-person-check"></i> - <div class="label">person-check</div> - </div> - <div class="icon"> - <i class="bi bi-person-circle"></i> - <div class="label">person-circle</div> - </div> - <div class="icon"> - <i class="bi bi-person-dash-fill"></i> - <div class="label">person-dash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-person-dash"></i> - <div class="label">person-dash</div> - </div> - <div class="icon"> - <i class="bi bi-person-fill"></i> - <div class="label">person-fill</div> - </div> - <div class="icon"> - <i class="bi bi-person-heart"></i> - <div class="label">person-heart</div> - </div> - <div class="icon"> - <i class="bi bi-person-hearts"></i> - <div class="label">person-hearts</div> - </div> - <div class="icon"> - <i class="bi bi-person-lines-fill"></i> - <div class="label">person-lines-fill</div> - </div> - <div class="icon"> - <i class="bi bi-person-plus-fill"></i> - <div class="label">person-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-person-plus"></i> - <div class="label">person-plus</div> - </div> - <div class="icon"> - <i class="bi bi-person-rolodex"></i> - <div class="label">person-rolodex</div> - </div> - <div class="icon"> - <i class="bi bi-person-square"></i> - <div class="label">person-square</div> - </div> - <div class="icon"> - <i class="bi bi-person-video"></i> - <div class="label">person-video</div> - </div> - <div class="icon"> - <i class="bi bi-person-video2"></i> - <div class="label">person-video2</div> - </div> - <div class="icon"> - <i class="bi bi-person-video3"></i> - <div class="label">person-video3</div> - </div> - <div class="icon"> - <i class="bi bi-person-workspace"></i> - <div class="label">person-workspace</div> - </div> - <div class="icon"> - <i class="bi bi-person-x-fill"></i> - <div class="label">person-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-person-x"></i> - <div class="label">person-x</div> - </div> - <div class="icon"> - <i class="bi bi-person"></i> - <div class="label">person</div> - </div> - <div class="icon"> - <i class="bi bi-phone-fill"></i> - <div class="label">phone-fill</div> - </div> - <div class="icon"> - <i class="bi bi-phone-flip"></i> - <div class="label">phone-flip</div> - </div> - <div class="icon"> - <i class="bi bi-phone-landscape-fill"></i> - <div class="label">phone-landscape-fill</div> - </div> - <div class="icon"> - <i class="bi bi-phone-landscape"></i> - <div class="label">phone-landscape</div> - </div> - <div class="icon"> - <i class="bi bi-phone-vibrate-fill"></i> - <div class="label">phone-vibrate-fill</div> - </div> - <div class="icon"> - <i class="bi bi-phone-vibrate"></i> - <div class="label">phone-vibrate</div> - </div> - <div class="icon"> - <i class="bi bi-phone"></i> - <div class="label">phone</div> - </div> - <div class="icon"> - <i class="bi bi-pie-chart-fill"></i> - <div class="label">pie-chart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pie-chart"></i> - <div class="label">pie-chart</div> - </div> - <div class="icon"> - <i class="bi bi-piggy-bank-fill"></i> - <div class="label">piggy-bank-fill</div> - </div> - <div class="icon"> - <i class="bi bi-piggy-bank"></i> - <div class="label">piggy-bank</div> - </div> - <div class="icon"> - <i class="bi bi-pin-angle-fill"></i> - <div class="label">pin-angle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pin-angle"></i> - <div class="label">pin-angle</div> - </div> - <div class="icon"> - <i class="bi bi-pin-fill"></i> - <div class="label">pin-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pin-map-fill"></i> - <div class="label">pin-map-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pin-map"></i> - <div class="label">pin-map</div> - </div> - <div class="icon"> - <i class="bi bi-pin"></i> - <div class="label">pin</div> - </div> - <div class="icon"> - <i class="bi bi-pinterest"></i> - <div class="label">pinterest</div> - </div> - <div class="icon"> - <i class="bi bi-pip-fill"></i> - <div class="label">pip-fill</div> - </div> - <div class="icon"> - <i class="bi bi-pip"></i> - <div class="label">pip</div> - </div> - <div class="icon"> - <i class="bi bi-play-btn-fill"></i> - <div class="label">play-btn-fill</div> - </div> - <div class="icon"> - <i class="bi bi-play-btn"></i> - <div class="label">play-btn</div> - </div> - <div class="icon"> - <i class="bi bi-play-circle-fill"></i> - <div class="label">play-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-play-circle"></i> - <div class="label">play-circle</div> - </div> - <div class="icon"> - <i class="bi bi-play-fill"></i> - <div class="label">play-fill</div> - </div> - <div class="icon"> - <i class="bi bi-play"></i> - <div class="label">play</div> - </div> - <div class="icon"> - <i class="bi bi-playstation"></i> - <div class="label">playstation</div> - </div> - <div class="icon"> - <i class="bi bi-plug-fill"></i> - <div class="label">plug-fill</div> - </div> - <div class="icon"> - <i class="bi bi-plug"></i> - <div class="label">plug</div> - </div> - <div class="icon"> - <i class="bi bi-plugin"></i> - <div class="label">plugin</div> - </div> - <div class="icon"> - <i class="bi bi-plus-circle-dotted"></i> - <div class="label">plus-circle-dotted</div> - </div> - <div class="icon"> - <i class="bi bi-plus-circle-fill"></i> - <div class="label">plus-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-plus-circle"></i> - <div class="label">plus-circle</div> - </div> - <div class="icon"> - <i class="bi bi-plus-lg"></i> - <div class="label">plus-lg</div> - </div> - <div class="icon"> - <i class="bi bi-plus-slash-minus"></i> - <div class="label">plus-slash-minus</div> - </div> - <div class="icon"> - <i class="bi bi-plus-square-dotted"></i> - <div class="label">plus-square-dotted</div> - </div> - <div class="icon"> - <i class="bi bi-plus-square-fill"></i> - <div class="label">plus-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-plus-square"></i> - <div class="label">plus-square</div> - </div> - <div class="icon"> - <i class="bi bi-plus"></i> - <div class="label">plus</div> - </div> - <div class="icon"> - <i class="bi bi-postage-fill"></i> - <div class="label">postage-fill</div> - </div> - <div class="icon"> - <i class="bi bi-postage-heart-fill"></i> - <div class="label">postage-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-postage-heart"></i> - <div class="label">postage-heart</div> - </div> - <div class="icon"> - <i class="bi bi-postage"></i> - <div class="label">postage</div> - </div> - <div class="icon"> - <i class="bi bi-postcard-fill"></i> - <div class="label">postcard-fill</div> - </div> - <div class="icon"> - <i class="bi bi-postcard-heart-fill"></i> - <div class="label">postcard-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-postcard-heart"></i> - <div class="label">postcard-heart</div> - </div> - <div class="icon"> - <i class="bi bi-postcard"></i> - <div class="label">postcard</div> - </div> - <div class="icon"> - <i class="bi bi-power"></i> - <div class="label">power</div> - </div> - <div class="icon"> - <i class="bi bi-prescription"></i> - <div class="label">prescription</div> - </div> - <div class="icon"> - <i class="bi bi-prescription2"></i> - <div class="label">prescription2</div> - </div> - <div class="icon"> - <i class="bi bi-printer-fill"></i> - <div class="label">printer-fill</div> - </div> - <div class="icon"> - <i class="bi bi-printer"></i> - <div class="label">printer</div> - </div> - <div class="icon"> - <i class="bi bi-projector-fill"></i> - <div class="label">projector-fill</div> - </div> - <div class="icon"> - <i class="bi bi-projector"></i> - <div class="label">projector</div> - </div> - <div class="icon"> - <i class="bi bi-puzzle-fill"></i> - <div class="label">puzzle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-puzzle"></i> - <div class="label">puzzle</div> - </div> - <div class="icon"> - <i class="bi bi-qr-code-scan"></i> - <div class="label">qr-code-scan</div> - </div> - <div class="icon"> - <i class="bi bi-qr-code"></i> - <div class="label">qr-code</div> - </div> - <div class="icon"> - <i class="bi bi-question-circle-fill"></i> - <div class="label">question-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-question-circle"></i> - <div class="label">question-circle</div> - </div> - <div class="icon"> - <i class="bi bi-question-diamond-fill"></i> - <div class="label">question-diamond-fill</div> - </div> - <div class="icon"> - <i class="bi bi-question-diamond"></i> - <div class="label">question-diamond</div> - </div> - <div class="icon"> - <i class="bi bi-question-lg"></i> - <div class="label">question-lg</div> - </div> - <div class="icon"> - <i class="bi bi-question-octagon-fill"></i> - <div class="label">question-octagon-fill</div> - </div> - <div class="icon"> - <i class="bi bi-question-octagon"></i> - <div class="label">question-octagon</div> - </div> - <div class="icon"> - <i class="bi bi-question-square-fill"></i> - <div class="label">question-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-question-square"></i> - <div class="label">question-square</div> - </div> - <div class="icon"> - <i class="bi bi-question"></i> - <div class="label">question</div> - </div> - <div class="icon"> - <i class="bi bi-quora"></i> - <div class="label">quora</div> - </div> - <div class="icon"> - <i class="bi bi-quote"></i> - <div class="label">quote</div> - </div> - <div class="icon"> - <i class="bi bi-r-circle-fill"></i> - <div class="label">r-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-r-circle"></i> - <div class="label">r-circle</div> - </div> - <div class="icon"> - <i class="bi bi-r-square-fill"></i> - <div class="label">r-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-r-square"></i> - <div class="label">r-square</div> - </div> - <div class="icon"> - <i class="bi bi-radioactive"></i> - <div class="label">radioactive</div> - </div> - <div class="icon"> - <i class="bi bi-rainbow"></i> - <div class="label">rainbow</div> - </div> - <div class="icon"> - <i class="bi bi-receipt-cutoff"></i> - <div class="label">receipt-cutoff</div> - </div> - <div class="icon"> - <i class="bi bi-receipt"></i> - <div class="label">receipt</div> - </div> - <div class="icon"> - <i class="bi bi-reception-0"></i> - <div class="label">reception-0</div> - </div> - <div class="icon"> - <i class="bi bi-reception-1"></i> - <div class="label">reception-1</div> - </div> - <div class="icon"> - <i class="bi bi-reception-2"></i> - <div class="label">reception-2</div> - </div> - <div class="icon"> - <i class="bi bi-reception-3"></i> - <div class="label">reception-3</div> - </div> - <div class="icon"> - <i class="bi bi-reception-4"></i> - <div class="label">reception-4</div> - </div> - <div class="icon"> - <i class="bi bi-record-btn-fill"></i> - <div class="label">record-btn-fill</div> - </div> - <div class="icon"> - <i class="bi bi-record-btn"></i> - <div class="label">record-btn</div> - </div> - <div class="icon"> - <i class="bi bi-record-circle-fill"></i> - <div class="label">record-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-record-circle"></i> - <div class="label">record-circle</div> - </div> - <div class="icon"> - <i class="bi bi-record-fill"></i> - <div class="label">record-fill</div> - </div> - <div class="icon"> - <i class="bi bi-record"></i> - <div class="label">record</div> - </div> - <div class="icon"> - <i class="bi bi-record2-fill"></i> - <div class="label">record2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-record2"></i> - <div class="label">record2</div> - </div> - <div class="icon"> - <i class="bi bi-recycle"></i> - <div class="label">recycle</div> - </div> - <div class="icon"> - <i class="bi bi-reddit"></i> - <div class="label">reddit</div> - </div> - <div class="icon"> - <i class="bi bi-repeat-1"></i> - <div class="label">repeat-1</div> - </div> - <div class="icon"> - <i class="bi bi-repeat"></i> - <div class="label">repeat</div> - </div> - <div class="icon"> - <i class="bi bi-reply-all-fill"></i> - <div class="label">reply-all-fill</div> - </div> - <div class="icon"> - <i class="bi bi-reply-all"></i> - <div class="label">reply-all</div> - </div> - <div class="icon"> - <i class="bi bi-reply-fill"></i> - <div class="label">reply-fill</div> - </div> - <div class="icon"> - <i class="bi bi-reply"></i> - <div class="label">reply</div> - </div> - <div class="icon"> - <i class="bi bi-rewind-btn-fill"></i> - <div class="label">rewind-btn-fill</div> - </div> - <div class="icon"> - <i class="bi bi-rewind-btn"></i> - <div class="label">rewind-btn</div> - </div> - <div class="icon"> - <i class="bi bi-rewind-circle-fill"></i> - <div class="label">rewind-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-rewind-circle"></i> - <div class="label">rewind-circle</div> - </div> - <div class="icon"> - <i class="bi bi-rewind-fill"></i> - <div class="label">rewind-fill</div> - </div> - <div class="icon"> - <i class="bi bi-rewind"></i> - <div class="label">rewind</div> - </div> - <div class="icon"> - <i class="bi bi-robot"></i> - <div class="label">robot</div> - </div> - <div class="icon"> - <i class="bi bi-router-fill"></i> - <div class="label">router-fill</div> - </div> - <div class="icon"> - <i class="bi bi-router"></i> - <div class="label">router</div> - </div> - <div class="icon"> - <i class="bi bi-rss-fill"></i> - <div class="label">rss-fill</div> - </div> - <div class="icon"> - <i class="bi bi-rss"></i> - <div class="label">rss</div> - </div> - <div class="icon"> - <i class="bi bi-rulers"></i> - <div class="label">rulers</div> - </div> - <div class="icon"> - <i class="bi bi-safe-fill"></i> - <div class="label">safe-fill</div> - </div> - <div class="icon"> - <i class="bi bi-safe"></i> - <div class="label">safe</div> - </div> - <div class="icon"> - <i class="bi bi-safe2-fill"></i> - <div class="label">safe2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-safe2"></i> - <div class="label">safe2</div> - </div> - <div class="icon"> - <i class="bi bi-save-fill"></i> - <div class="label">save-fill</div> - </div> - <div class="icon"> - <i class="bi bi-save"></i> - <div class="label">save</div> - </div> - <div class="icon"> - <i class="bi bi-save2-fill"></i> - <div class="label">save2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-save2"></i> - <div class="label">save2</div> - </div> - <div class="icon"> - <i class="bi bi-scissors"></i> - <div class="label">scissors</div> - </div> - <div class="icon"> - <i class="bi bi-screwdriver"></i> - <div class="label">screwdriver</div> - </div> - <div class="icon"> - <i class="bi bi-sd-card-fill"></i> - <div class="label">sd-card-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sd-card"></i> - <div class="label">sd-card</div> - </div> - <div class="icon"> - <i class="bi bi-search-heart-fill"></i> - <div class="label">search-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-search-heart"></i> - <div class="label">search-heart</div> - </div> - <div class="icon"> - <i class="bi bi-search"></i> - <div class="label">search</div> - </div> - <div class="icon"> - <i class="bi bi-segmented-nav"></i> - <div class="label">segmented-nav</div> - </div> - <div class="icon"> - <i class="bi bi-send-check-fill"></i> - <div class="label">send-check-fill</div> - </div> - <div class="icon"> - <i class="bi bi-send-check"></i> - <div class="label">send-check</div> - </div> - <div class="icon"> - <i class="bi bi-send-dash-fill"></i> - <div class="label">send-dash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-send-dash"></i> - <div class="label">send-dash</div> - </div> - <div class="icon"> - <i class="bi bi-send-exclamation-fill"></i> - <div class="label">send-exclamation-fill</div> - </div> - <div class="icon"> - <i class="bi bi-send-exclamation"></i> - <div class="label">send-exclamation</div> - </div> - <div class="icon"> - <i class="bi bi-send-fill"></i> - <div class="label">send-fill</div> - </div> - <div class="icon"> - <i class="bi bi-send-plus-fill"></i> - <div class="label">send-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-send-plus"></i> - <div class="label">send-plus</div> - </div> - <div class="icon"> - <i class="bi bi-send-slash-fill"></i> - <div class="label">send-slash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-send-slash"></i> - <div class="label">send-slash</div> - </div> - <div class="icon"> - <i class="bi bi-send-x-fill"></i> - <div class="label">send-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-send-x"></i> - <div class="label">send-x</div> - </div> - <div class="icon"> - <i class="bi bi-send"></i> - <div class="label">send</div> - </div> - <div class="icon"> - <i class="bi bi-server"></i> - <div class="label">server</div> - </div> - <div class="icon"> - <i class="bi bi-share-fill"></i> - <div class="label">share-fill</div> - </div> - <div class="icon"> - <i class="bi bi-share"></i> - <div class="label">share</div> - </div> - <div class="icon"> - <i class="bi bi-shield-check"></i> - <div class="label">shield-check</div> - </div> - <div class="icon"> - <i class="bi bi-shield-exclamation"></i> - <div class="label">shield-exclamation</div> - </div> - <div class="icon"> - <i class="bi bi-shield-fill-check"></i> - <div class="label">shield-fill-check</div> - </div> - <div class="icon"> - <i class="bi bi-shield-fill-exclamation"></i> - <div class="label">shield-fill-exclamation</div> - </div> - <div class="icon"> - <i class="bi bi-shield-fill-minus"></i> - <div class="label">shield-fill-minus</div> - </div> - <div class="icon"> - <i class="bi bi-shield-fill-plus"></i> - <div class="label">shield-fill-plus</div> - </div> - <div class="icon"> - <i class="bi bi-shield-fill-x"></i> - <div class="label">shield-fill-x</div> - </div> - <div class="icon"> - <i class="bi bi-shield-fill"></i> - <div class="label">shield-fill</div> - </div> - <div class="icon"> - <i class="bi bi-shield-lock-fill"></i> - <div class="label">shield-lock-fill</div> - </div> - <div class="icon"> - <i class="bi bi-shield-lock"></i> - <div class="label">shield-lock</div> - </div> - <div class="icon"> - <i class="bi bi-shield-minus"></i> - <div class="label">shield-minus</div> - </div> - <div class="icon"> - <i class="bi bi-shield-plus"></i> - <div class="label">shield-plus</div> - </div> - <div class="icon"> - <i class="bi bi-shield-shaded"></i> - <div class="label">shield-shaded</div> - </div> - <div class="icon"> - <i class="bi bi-shield-slash-fill"></i> - <div class="label">shield-slash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-shield-slash"></i> - <div class="label">shield-slash</div> - </div> - <div class="icon"> - <i class="bi bi-shield-x"></i> - <div class="label">shield-x</div> - </div> - <div class="icon"> - <i class="bi bi-shield"></i> - <div class="label">shield</div> - </div> - <div class="icon"> - <i class="bi bi-shift-fill"></i> - <div class="label">shift-fill</div> - </div> - <div class="icon"> - <i class="bi bi-shift"></i> - <div class="label">shift</div> - </div> - <div class="icon"> - <i class="bi bi-shop-window"></i> - <div class="label">shop-window</div> - </div> - <div class="icon"> - <i class="bi bi-shop"></i> - <div class="label">shop</div> - </div> - <div class="icon"> - <i class="bi bi-shuffle"></i> - <div class="label">shuffle</div> - </div> - <div class="icon"> - <i class="bi bi-sign-stop-fill"></i> - <div class="label">sign-stop-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sign-stop-lights-fill"></i> - <div class="label">sign-stop-lights-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sign-stop-lights"></i> - <div class="label">sign-stop-lights</div> - </div> - <div class="icon"> - <i class="bi bi-sign-stop"></i> - <div class="label">sign-stop</div> - </div> - <div class="icon"> - <i class="bi bi-sign-turn-left-fill"></i> - <div class="label">sign-turn-left-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sign-turn-left"></i> - <div class="label">sign-turn-left</div> - </div> - <div class="icon"> - <i class="bi bi-sign-turn-right-fill"></i> - <div class="label">sign-turn-right-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sign-turn-right"></i> - <div class="label">sign-turn-right</div> - </div> - <div class="icon"> - <i class="bi bi-sign-turn-slight-left-fill"></i> - <div class="label">sign-turn-slight-left-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sign-turn-slight-left"></i> - <div class="label">sign-turn-slight-left</div> - </div> - <div class="icon"> - <i class="bi bi-sign-turn-slight-right-fill"></i> - <div class="label">sign-turn-slight-right-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sign-turn-slight-right"></i> - <div class="label">sign-turn-slight-right</div> - </div> - <div class="icon"> - <i class="bi bi-sign-yield-fill"></i> - <div class="label">sign-yield-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sign-yield"></i> - <div class="label">sign-yield</div> - </div> - <div class="icon"> - <i class="bi bi-signal"></i> - <div class="label">signal</div> - </div> - <div class="icon"> - <i class="bi bi-signpost-2-fill"></i> - <div class="label">signpost-2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-signpost-2"></i> - <div class="label">signpost-2</div> - </div> - <div class="icon"> - <i class="bi bi-signpost-fill"></i> - <div class="label">signpost-fill</div> - </div> - <div class="icon"> - <i class="bi bi-signpost-split-fill"></i> - <div class="label">signpost-split-fill</div> - </div> - <div class="icon"> - <i class="bi bi-signpost-split"></i> - <div class="label">signpost-split</div> - </div> - <div class="icon"> - <i class="bi bi-signpost"></i> - <div class="label">signpost</div> - </div> - <div class="icon"> - <i class="bi bi-sim-fill"></i> - <div class="label">sim-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sim"></i> - <div class="label">sim</div> - </div> - <div class="icon"> - <i class="bi bi-skip-backward-btn-fill"></i> - <div class="label">skip-backward-btn-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-backward-btn"></i> - <div class="label">skip-backward-btn</div> - </div> - <div class="icon"> - <i class="bi bi-skip-backward-circle-fill"></i> - <div class="label">skip-backward-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-backward-circle"></i> - <div class="label">skip-backward-circle</div> - </div> - <div class="icon"> - <i class="bi bi-skip-backward-fill"></i> - <div class="label">skip-backward-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-backward"></i> - <div class="label">skip-backward</div> - </div> - <div class="icon"> - <i class="bi bi-skip-end-btn-fill"></i> - <div class="label">skip-end-btn-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-end-btn"></i> - <div class="label">skip-end-btn</div> - </div> - <div class="icon"> - <i class="bi bi-skip-end-circle-fill"></i> - <div class="label">skip-end-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-end-circle"></i> - <div class="label">skip-end-circle</div> - </div> - <div class="icon"> - <i class="bi bi-skip-end-fill"></i> - <div class="label">skip-end-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-end"></i> - <div class="label">skip-end</div> - </div> - <div class="icon"> - <i class="bi bi-skip-forward-btn-fill"></i> - <div class="label">skip-forward-btn-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-forward-btn"></i> - <div class="label">skip-forward-btn</div> - </div> - <div class="icon"> - <i class="bi bi-skip-forward-circle-fill"></i> - <div class="label">skip-forward-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-forward-circle"></i> - <div class="label">skip-forward-circle</div> - </div> - <div class="icon"> - <i class="bi bi-skip-forward-fill"></i> - <div class="label">skip-forward-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-forward"></i> - <div class="label">skip-forward</div> - </div> - <div class="icon"> - <i class="bi bi-skip-start-btn-fill"></i> - <div class="label">skip-start-btn-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-start-btn"></i> - <div class="label">skip-start-btn</div> - </div> - <div class="icon"> - <i class="bi bi-skip-start-circle-fill"></i> - <div class="label">skip-start-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-start-circle"></i> - <div class="label">skip-start-circle</div> - </div> - <div class="icon"> - <i class="bi bi-skip-start-fill"></i> - <div class="label">skip-start-fill</div> - </div> - <div class="icon"> - <i class="bi bi-skip-start"></i> - <div class="label">skip-start</div> - </div> - <div class="icon"> - <i class="bi bi-skype"></i> - <div class="label">skype</div> - </div> - <div class="icon"> - <i class="bi bi-slack"></i> - <div class="label">slack</div> - </div> - <div class="icon"> - <i class="bi bi-slash-circle-fill"></i> - <div class="label">slash-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-slash-circle"></i> - <div class="label">slash-circle</div> - </div> - <div class="icon"> - <i class="bi bi-slash-lg"></i> - <div class="label">slash-lg</div> - </div> - <div class="icon"> - <i class="bi bi-slash-square-fill"></i> - <div class="label">slash-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-slash-square"></i> - <div class="label">slash-square</div> - </div> - <div class="icon"> - <i class="bi bi-slash"></i> - <div class="label">slash</div> - </div> - <div class="icon"> - <i class="bi bi-sliders"></i> - <div class="label">sliders</div> - </div> - <div class="icon"> - <i class="bi bi-sliders2-vertical"></i> - <div class="label">sliders2-vertical</div> - </div> - <div class="icon"> - <i class="bi bi-sliders2"></i> - <div class="label">sliders2</div> - </div> - <div class="icon"> - <i class="bi bi-smartwatch"></i> - <div class="label">smartwatch</div> - </div> - <div class="icon"> - <i class="bi bi-snapchat"></i> - <div class="label">snapchat</div> - </div> - <div class="icon"> - <i class="bi bi-snow"></i> - <div class="label">snow</div> - </div> - <div class="icon"> - <i class="bi bi-snow2"></i> - <div class="label">snow2</div> - </div> - <div class="icon"> - <i class="bi bi-snow3"></i> - <div class="label">snow3</div> - </div> - <div class="icon"> - <i class="bi bi-sort-alpha-down-alt"></i> - <div class="label">sort-alpha-down-alt</div> - </div> - <div class="icon"> - <i class="bi bi-sort-alpha-down"></i> - <div class="label">sort-alpha-down</div> - </div> - <div class="icon"> - <i class="bi bi-sort-alpha-up-alt"></i> - <div class="label">sort-alpha-up-alt</div> - </div> - <div class="icon"> - <i class="bi bi-sort-alpha-up"></i> - <div class="label">sort-alpha-up</div> - </div> - <div class="icon"> - <i class="bi bi-sort-down-alt"></i> - <div class="label">sort-down-alt</div> - </div> - <div class="icon"> - <i class="bi bi-sort-down"></i> - <div class="label">sort-down</div> - </div> - <div class="icon"> - <i class="bi bi-sort-numeric-down-alt"></i> - <div class="label">sort-numeric-down-alt</div> - </div> - <div class="icon"> - <i class="bi bi-sort-numeric-down"></i> - <div class="label">sort-numeric-down</div> - </div> - <div class="icon"> - <i class="bi bi-sort-numeric-up-alt"></i> - <div class="label">sort-numeric-up-alt</div> - </div> - <div class="icon"> - <i class="bi bi-sort-numeric-up"></i> - <div class="label">sort-numeric-up</div> - </div> - <div class="icon"> - <i class="bi bi-sort-up-alt"></i> - <div class="label">sort-up-alt</div> - </div> - <div class="icon"> - <i class="bi bi-sort-up"></i> - <div class="label">sort-up</div> - </div> - <div class="icon"> - <i class="bi bi-soundwave"></i> - <div class="label">soundwave</div> - </div> - <div class="icon"> - <i class="bi bi-speaker-fill"></i> - <div class="label">speaker-fill</div> - </div> - <div class="icon"> - <i class="bi bi-speaker"></i> - <div class="label">speaker</div> - </div> - <div class="icon"> - <i class="bi bi-speedometer"></i> - <div class="label">speedometer</div> - </div> - <div class="icon"> - <i class="bi bi-speedometer2"></i> - <div class="label">speedometer2</div> - </div> - <div class="icon"> - <i class="bi bi-spellcheck"></i> - <div class="label">spellcheck</div> - </div> - <div class="icon"> - <i class="bi bi-spotify"></i> - <div class="label">spotify</div> - </div> - <div class="icon"> - <i class="bi bi-square-fill"></i> - <div class="label">square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-square-half"></i> - <div class="label">square-half</div> - </div> - <div class="icon"> - <i class="bi bi-square"></i> - <div class="label">square</div> - </div> - <div class="icon"> - <i class="bi bi-stack-overflow"></i> - <div class="label">stack-overflow</div> - </div> - <div class="icon"> - <i class="bi bi-stack"></i> - <div class="label">stack</div> - </div> - <div class="icon"> - <i class="bi bi-star-fill"></i> - <div class="label">star-fill</div> - </div> - <div class="icon"> - <i class="bi bi-star-half"></i> - <div class="label">star-half</div> - </div> - <div class="icon"> - <i class="bi bi-star"></i> - <div class="label">star</div> - </div> - <div class="icon"> - <i class="bi bi-stars"></i> - <div class="label">stars</div> - </div> - <div class="icon"> - <i class="bi bi-steam"></i> - <div class="label">steam</div> - </div> - <div class="icon"> - <i class="bi bi-stickies-fill"></i> - <div class="label">stickies-fill</div> - </div> - <div class="icon"> - <i class="bi bi-stickies"></i> - <div class="label">stickies</div> - </div> - <div class="icon"> - <i class="bi bi-sticky-fill"></i> - <div class="label">sticky-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sticky"></i> - <div class="label">sticky</div> - </div> - <div class="icon"> - <i class="bi bi-stop-btn-fill"></i> - <div class="label">stop-btn-fill</div> - </div> - <div class="icon"> - <i class="bi bi-stop-btn"></i> - <div class="label">stop-btn</div> - </div> - <div class="icon"> - <i class="bi bi-stop-circle-fill"></i> - <div class="label">stop-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-stop-circle"></i> - <div class="label">stop-circle</div> - </div> - <div class="icon"> - <i class="bi bi-stop-fill"></i> - <div class="label">stop-fill</div> - </div> - <div class="icon"> - <i class="bi bi-stop"></i> - <div class="label">stop</div> - </div> - <div class="icon"> - <i class="bi bi-stoplights-fill"></i> - <div class="label">stoplights-fill</div> - </div> - <div class="icon"> - <i class="bi bi-stoplights"></i> - <div class="label">stoplights</div> - </div> - <div class="icon"> - <i class="bi bi-stopwatch-fill"></i> - <div class="label">stopwatch-fill</div> - </div> - <div class="icon"> - <i class="bi bi-stopwatch"></i> - <div class="label">stopwatch</div> - </div> - <div class="icon"> - <i class="bi bi-strava"></i> - <div class="label">strava</div> - </div> - <div class="icon"> - <i class="bi bi-subtract"></i> - <div class="label">subtract</div> - </div> - <div class="icon"> - <i class="bi bi-suit-club-fill"></i> - <div class="label">suit-club-fill</div> - </div> - <div class="icon"> - <i class="bi bi-suit-club"></i> - <div class="label">suit-club</div> - </div> - <div class="icon"> - <i class="bi bi-suit-diamond-fill"></i> - <div class="label">suit-diamond-fill</div> - </div> - <div class="icon"> - <i class="bi bi-suit-diamond"></i> - <div class="label">suit-diamond</div> - </div> - <div class="icon"> - <i class="bi bi-suit-heart-fill"></i> - <div class="label">suit-heart-fill</div> - </div> - <div class="icon"> - <i class="bi bi-suit-heart"></i> - <div class="label">suit-heart</div> - </div> - <div class="icon"> - <i class="bi bi-suit-spade-fill"></i> - <div class="label">suit-spade-fill</div> - </div> - <div class="icon"> - <i class="bi bi-suit-spade"></i> - <div class="label">suit-spade</div> - </div> - <div class="icon"> - <i class="bi bi-sun-fill"></i> - <div class="label">sun-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sun"></i> - <div class="label">sun</div> - </div> - <div class="icon"> - <i class="bi bi-sunglasses"></i> - <div class="label">sunglasses</div> - </div> - <div class="icon"> - <i class="bi bi-sunrise-fill"></i> - <div class="label">sunrise-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sunrise"></i> - <div class="label">sunrise</div> - </div> - <div class="icon"> - <i class="bi bi-sunset-fill"></i> - <div class="label">sunset-fill</div> - </div> - <div class="icon"> - <i class="bi bi-sunset"></i> - <div class="label">sunset</div> - </div> - <div class="icon"> - <i class="bi bi-symmetry-horizontal"></i> - <div class="label">symmetry-horizontal</div> - </div> - <div class="icon"> - <i class="bi bi-symmetry-vertical"></i> - <div class="label">symmetry-vertical</div> - </div> - <div class="icon"> - <i class="bi bi-table"></i> - <div class="label">table</div> - </div> - <div class="icon"> - <i class="bi bi-tablet-fill"></i> - <div class="label">tablet-fill</div> - </div> - <div class="icon"> - <i class="bi bi-tablet-landscape-fill"></i> - <div class="label">tablet-landscape-fill</div> - </div> - <div class="icon"> - <i class="bi bi-tablet-landscape"></i> - <div class="label">tablet-landscape</div> - </div> - <div class="icon"> - <i class="bi bi-tablet"></i> - <div class="label">tablet</div> - </div> - <div class="icon"> - <i class="bi bi-tag-fill"></i> - <div class="label">tag-fill</div> - </div> - <div class="icon"> - <i class="bi bi-tag"></i> - <div class="label">tag</div> - </div> - <div class="icon"> - <i class="bi bi-tags-fill"></i> - <div class="label">tags-fill</div> - </div> - <div class="icon"> - <i class="bi bi-tags"></i> - <div class="label">tags</div> - </div> - <div class="icon"> - <i class="bi bi-telegram"></i> - <div class="label">telegram</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-fill"></i> - <div class="label">telephone-fill</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-forward-fill"></i> - <div class="label">telephone-forward-fill</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-forward"></i> - <div class="label">telephone-forward</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-inbound-fill"></i> - <div class="label">telephone-inbound-fill</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-inbound"></i> - <div class="label">telephone-inbound</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-minus-fill"></i> - <div class="label">telephone-minus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-minus"></i> - <div class="label">telephone-minus</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-outbound-fill"></i> - <div class="label">telephone-outbound-fill</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-outbound"></i> - <div class="label">telephone-outbound</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-plus-fill"></i> - <div class="label">telephone-plus-fill</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-plus"></i> - <div class="label">telephone-plus</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-x-fill"></i> - <div class="label">telephone-x-fill</div> - </div> - <div class="icon"> - <i class="bi bi-telephone-x"></i> - <div class="label">telephone-x</div> - </div> - <div class="icon"> - <i class="bi bi-telephone"></i> - <div class="label">telephone</div> - </div> - <div class="icon"> - <i class="bi bi-terminal-dash"></i> - <div class="label">terminal-dash</div> - </div> - <div class="icon"> - <i class="bi bi-terminal-fill"></i> - <div class="label">terminal-fill</div> - </div> - <div class="icon"> - <i class="bi bi-terminal-plus"></i> - <div class="label">terminal-plus</div> - </div> - <div class="icon"> - <i class="bi bi-terminal-split"></i> - <div class="label">terminal-split</div> - </div> - <div class="icon"> - <i class="bi bi-terminal-x"></i> - <div class="label">terminal-x</div> - </div> - <div class="icon"> - <i class="bi bi-terminal"></i> - <div class="label">terminal</div> - </div> - <div class="icon"> - <i class="bi bi-text-center"></i> - <div class="label">text-center</div> - </div> - <div class="icon"> - <i class="bi bi-text-indent-left"></i> - <div class="label">text-indent-left</div> - </div> - <div class="icon"> - <i class="bi bi-text-indent-right"></i> - <div class="label">text-indent-right</div> - </div> - <div class="icon"> - <i class="bi bi-text-left"></i> - <div class="label">text-left</div> - </div> - <div class="icon"> - <i class="bi bi-text-paragraph"></i> - <div class="label">text-paragraph</div> - </div> - <div class="icon"> - <i class="bi bi-text-right"></i> - <div class="label">text-right</div> - </div> - <div class="icon"> - <i class="bi bi-textarea-resize"></i> - <div class="label">textarea-resize</div> - </div> - <div class="icon"> - <i class="bi bi-textarea-t"></i> - <div class="label">textarea-t</div> - </div> - <div class="icon"> - <i class="bi bi-textarea"></i> - <div class="label">textarea</div> - </div> - <div class="icon"> - <i class="bi bi-thermometer-half"></i> - <div class="label">thermometer-half</div> - </div> - <div class="icon"> - <i class="bi bi-thermometer-high"></i> - <div class="label">thermometer-high</div> - </div> - <div class="icon"> - <i class="bi bi-thermometer-low"></i> - <div class="label">thermometer-low</div> - </div> - <div class="icon"> - <i class="bi bi-thermometer-snow"></i> - <div class="label">thermometer-snow</div> - </div> - <div class="icon"> - <i class="bi bi-thermometer-sun"></i> - <div class="label">thermometer-sun</div> - </div> - <div class="icon"> - <i class="bi bi-thermometer"></i> - <div class="label">thermometer</div> - </div> - <div class="icon"> - <i class="bi bi-three-dots-vertical"></i> - <div class="label">three-dots-vertical</div> - </div> - <div class="icon"> - <i class="bi bi-three-dots"></i> - <div class="label">three-dots</div> - </div> - <div class="icon"> - <i class="bi bi-thunderbolt-fill"></i> - <div class="label">thunderbolt-fill</div> - </div> - <div class="icon"> - <i class="bi bi-thunderbolt"></i> - <div class="label">thunderbolt</div> - </div> - <div class="icon"> - <i class="bi bi-ticket-detailed-fill"></i> - <div class="label">ticket-detailed-fill</div> - </div> - <div class="icon"> - <i class="bi bi-ticket-detailed"></i> - <div class="label">ticket-detailed</div> - </div> - <div class="icon"> - <i class="bi bi-ticket-fill"></i> - <div class="label">ticket-fill</div> - </div> - <div class="icon"> - <i class="bi bi-ticket-perforated-fill"></i> - <div class="label">ticket-perforated-fill</div> - </div> - <div class="icon"> - <i class="bi bi-ticket-perforated"></i> - <div class="label">ticket-perforated</div> - </div> - <div class="icon"> - <i class="bi bi-ticket"></i> - <div class="label">ticket</div> - </div> - <div class="icon"> - <i class="bi bi-tiktok"></i> - <div class="label">tiktok</div> - </div> - <div class="icon"> - <i class="bi bi-toggle-off"></i> - <div class="label">toggle-off</div> - </div> - <div class="icon"> - <i class="bi bi-toggle-on"></i> - <div class="label">toggle-on</div> - </div> - <div class="icon"> - <i class="bi bi-toggle2-off"></i> - <div class="label">toggle2-off</div> - </div> - <div class="icon"> - <i class="bi bi-toggle2-on"></i> - <div class="label">toggle2-on</div> - </div> - <div class="icon"> - <i class="bi bi-toggles"></i> - <div class="label">toggles</div> - </div> - <div class="icon"> - <i class="bi bi-toggles2"></i> - <div class="label">toggles2</div> - </div> - <div class="icon"> - <i class="bi bi-tools"></i> - <div class="label">tools</div> - </div> - <div class="icon"> - <i class="bi bi-tornado"></i> - <div class="label">tornado</div> - </div> - <div class="icon"> - <i class="bi bi-train-freight-front-fill"></i> - <div class="label">train-freight-front-fill</div> - </div> - <div class="icon"> - <i class="bi bi-train-freight-front"></i> - <div class="label">train-freight-front</div> - </div> - <div class="icon"> - <i class="bi bi-train-front-fill"></i> - <div class="label">train-front-fill</div> - </div> - <div class="icon"> - <i class="bi bi-train-front"></i> - <div class="label">train-front</div> - </div> - <div class="icon"> - <i class="bi bi-train-lightrail-front-fill"></i> - <div class="label">train-lightrail-front-fill</div> - </div> - <div class="icon"> - <i class="bi bi-train-lightrail-front"></i> - <div class="label">train-lightrail-front</div> - </div> - <div class="icon"> - <i class="bi bi-translate"></i> - <div class="label">translate</div> - </div> - <div class="icon"> - <i class="bi bi-trash-fill"></i> - <div class="label">trash-fill</div> - </div> - <div class="icon"> - <i class="bi bi-trash"></i> - <div class="label">trash</div> - </div> - <div class="icon"> - <i class="bi bi-trash2-fill"></i> - <div class="label">trash2-fill</div> - </div> - <div class="icon"> - <i class="bi bi-trash2"></i> - <div class="label">trash2</div> - </div> - <div class="icon"> - <i class="bi bi-trash3-fill"></i> - <div class="label">trash3-fill</div> - </div> - <div class="icon"> - <i class="bi bi-trash3"></i> - <div class="label">trash3</div> - </div> - <div class="icon"> - <i class="bi bi-tree-fill"></i> - <div class="label">tree-fill</div> - </div> - <div class="icon"> - <i class="bi bi-tree"></i> - <div class="label">tree</div> - </div> - <div class="icon"> - <i class="bi bi-triangle-fill"></i> - <div class="label">triangle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-triangle-half"></i> - <div class="label">triangle-half</div> - </div> - <div class="icon"> - <i class="bi bi-triangle"></i> - <div class="label">triangle</div> - </div> - <div class="icon"> - <i class="bi bi-trophy-fill"></i> - <div class="label">trophy-fill</div> - </div> - <div class="icon"> - <i class="bi bi-trophy"></i> - <div class="label">trophy</div> - </div> - <div class="icon"> - <i class="bi bi-tropical-storm"></i> - <div class="label">tropical-storm</div> - </div> - <div class="icon"> - <i class="bi bi-truck-flatbed"></i> - <div class="label">truck-flatbed</div> - </div> - <div class="icon"> - <i class="bi bi-truck-front-fill"></i> - <div class="label">truck-front-fill</div> - </div> - <div class="icon"> - <i class="bi bi-truck-front"></i> - <div class="label">truck-front</div> - </div> - <div class="icon"> - <i class="bi bi-truck"></i> - <div class="label">truck</div> - </div> - <div class="icon"> - <i class="bi bi-tsunami"></i> - <div class="label">tsunami</div> - </div> - <div class="icon"> - <i class="bi bi-tv-fill"></i> - <div class="label">tv-fill</div> - </div> - <div class="icon"> - <i class="bi bi-tv"></i> - <div class="label">tv</div> - </div> - <div class="icon"> - <i class="bi bi-twitch"></i> - <div class="label">twitch</div> - </div> - <div class="icon"> - <i class="bi bi-twitter"></i> - <div class="label">twitter</div> - </div> - <div class="icon"> - <i class="bi bi-type-bold"></i> - <div class="label">type-bold</div> - </div> - <div class="icon"> - <i class="bi bi-type-h1"></i> - <div class="label">type-h1</div> - </div> - <div class="icon"> - <i class="bi bi-type-h2"></i> - <div class="label">type-h2</div> - </div> - <div class="icon"> - <i class="bi bi-type-h3"></i> - <div class="label">type-h3</div> - </div> - <div class="icon"> - <i class="bi bi-type-italic"></i> - <div class="label">type-italic</div> - </div> - <div class="icon"> - <i class="bi bi-type-strikethrough"></i> - <div class="label">type-strikethrough</div> - </div> - <div class="icon"> - <i class="bi bi-type-underline"></i> - <div class="label">type-underline</div> - </div> - <div class="icon"> - <i class="bi bi-type"></i> - <div class="label">type</div> - </div> - <div class="icon"> - <i class="bi bi-ubuntu"></i> - <div class="label">ubuntu</div> - </div> - <div class="icon"> - <i class="bi bi-ui-checks-grid"></i> - <div class="label">ui-checks-grid</div> - </div> - <div class="icon"> - <i class="bi bi-ui-checks"></i> - <div class="label">ui-checks</div> - </div> - <div class="icon"> - <i class="bi bi-ui-radios-grid"></i> - <div class="label">ui-radios-grid</div> - </div> - <div class="icon"> - <i class="bi bi-ui-radios"></i> - <div class="label">ui-radios</div> - </div> - <div class="icon"> - <i class="bi bi-umbrella-fill"></i> - <div class="label">umbrella-fill</div> - </div> - <div class="icon"> - <i class="bi bi-umbrella"></i> - <div class="label">umbrella</div> - </div> - <div class="icon"> - <i class="bi bi-unindent"></i> - <div class="label">unindent</div> - </div> - <div class="icon"> - <i class="bi bi-union"></i> - <div class="label">union</div> - </div> - <div class="icon"> - <i class="bi bi-unity"></i> - <div class="label">unity</div> - </div> - <div class="icon"> - <i class="bi bi-universal-access-circle"></i> - <div class="label">universal-access-circle</div> - </div> - <div class="icon"> - <i class="bi bi-universal-access"></i> - <div class="label">universal-access</div> - </div> - <div class="icon"> - <i class="bi bi-unlock-fill"></i> - <div class="label">unlock-fill</div> - </div> - <div class="icon"> - <i class="bi bi-unlock"></i> - <div class="label">unlock</div> - </div> - <div class="icon"> - <i class="bi bi-upc-scan"></i> - <div class="label">upc-scan</div> - </div> - <div class="icon"> - <i class="bi bi-upc"></i> - <div class="label">upc</div> - </div> - <div class="icon"> - <i class="bi bi-upload"></i> - <div class="label">upload</div> - </div> - <div class="icon"> - <i class="bi bi-usb-c-fill"></i> - <div class="label">usb-c-fill</div> - </div> - <div class="icon"> - <i class="bi bi-usb-c"></i> - <div class="label">usb-c</div> - </div> - <div class="icon"> - <i class="bi bi-usb-drive-fill"></i> - <div class="label">usb-drive-fill</div> - </div> - <div class="icon"> - <i class="bi bi-usb-drive"></i> - <div class="label">usb-drive</div> - </div> - <div class="icon"> - <i class="bi bi-usb-fill"></i> - <div class="label">usb-fill</div> - </div> - <div class="icon"> - <i class="bi bi-usb-micro-fill"></i> - <div class="label">usb-micro-fill</div> - </div> - <div class="icon"> - <i class="bi bi-usb-micro"></i> - <div class="label">usb-micro</div> - </div> - <div class="icon"> - <i class="bi bi-usb-mini-fill"></i> - <div class="label">usb-mini-fill</div> - </div> - <div class="icon"> - <i class="bi bi-usb-mini"></i> - <div class="label">usb-mini</div> - </div> - <div class="icon"> - <i class="bi bi-usb-plug-fill"></i> - <div class="label">usb-plug-fill</div> - </div> - <div class="icon"> - <i class="bi bi-usb-plug"></i> - <div class="label">usb-plug</div> - </div> - <div class="icon"> - <i class="bi bi-usb-symbol"></i> - <div class="label">usb-symbol</div> - </div> - <div class="icon"> - <i class="bi bi-usb"></i> - <div class="label">usb</div> - </div> - <div class="icon"> - <i class="bi bi-valentine"></i> - <div class="label">valentine</div> - </div> - <div class="icon"> - <i class="bi bi-valentine2"></i> - <div class="label">valentine2</div> - </div> - <div class="icon"> - <i class="bi bi-vector-pen"></i> - <div class="label">vector-pen</div> - </div> - <div class="icon"> - <i class="bi bi-view-list"></i> - <div class="label">view-list</div> - </div> - <div class="icon"> - <i class="bi bi-view-stacked"></i> - <div class="label">view-stacked</div> - </div> - <div class="icon"> - <i class="bi bi-vimeo"></i> - <div class="label">vimeo</div> - </div> - <div class="icon"> - <i class="bi bi-vinyl-fill"></i> - <div class="label">vinyl-fill</div> - </div> - <div class="icon"> - <i class="bi bi-vinyl"></i> - <div class="label">vinyl</div> - </div> - <div class="icon"> - <i class="bi bi-virus"></i> - <div class="label">virus</div> - </div> - <div class="icon"> - <i class="bi bi-virus2"></i> - <div class="label">virus2</div> - </div> - <div class="icon"> - <i class="bi bi-voicemail"></i> - <div class="label">voicemail</div> - </div> - <div class="icon"> - <i class="bi bi-volume-down-fill"></i> - <div class="label">volume-down-fill</div> - </div> - <div class="icon"> - <i class="bi bi-volume-down"></i> - <div class="label">volume-down</div> - </div> - <div class="icon"> - <i class="bi bi-volume-mute-fill"></i> - <div class="label">volume-mute-fill</div> - </div> - <div class="icon"> - <i class="bi bi-volume-mute"></i> - <div class="label">volume-mute</div> - </div> - <div class="icon"> - <i class="bi bi-volume-off-fill"></i> - <div class="label">volume-off-fill</div> - </div> - <div class="icon"> - <i class="bi bi-volume-off"></i> - <div class="label">volume-off</div> - </div> - <div class="icon"> - <i class="bi bi-volume-up-fill"></i> - <div class="label">volume-up-fill</div> - </div> - <div class="icon"> - <i class="bi bi-volume-up"></i> - <div class="label">volume-up</div> - </div> - <div class="icon"> - <i class="bi bi-vr"></i> - <div class="label">vr</div> - </div> - <div class="icon"> - <i class="bi bi-wallet-fill"></i> - <div class="label">wallet-fill</div> - </div> - <div class="icon"> - <i class="bi bi-wallet"></i> - <div class="label">wallet</div> - </div> - <div class="icon"> - <i class="bi bi-wallet2"></i> - <div class="label">wallet2</div> - </div> - <div class="icon"> - <i class="bi bi-watch"></i> - <div class="label">watch</div> - </div> - <div class="icon"> - <i class="bi bi-water"></i> - <div class="label">water</div> - </div> - <div class="icon"> - <i class="bi bi-webcam-fill"></i> - <div class="label">webcam-fill</div> - </div> - <div class="icon"> - <i class="bi bi-webcam"></i> - <div class="label">webcam</div> - </div> - <div class="icon"> - <i class="bi bi-wechat"></i> - <div class="label">wechat</div> - </div> - <div class="icon"> - <i class="bi bi-whatsapp"></i> - <div class="label">whatsapp</div> - </div> - <div class="icon"> - <i class="bi bi-wifi-1"></i> - <div class="label">wifi-1</div> - </div> - <div class="icon"> - <i class="bi bi-wifi-2"></i> - <div class="label">wifi-2</div> - </div> - <div class="icon"> - <i class="bi bi-wifi-off"></i> - <div class="label">wifi-off</div> - </div> - <div class="icon"> - <i class="bi bi-wifi"></i> - <div class="label">wifi</div> - </div> - <div class="icon"> - <i class="bi bi-wind"></i> - <div class="label">wind</div> - </div> - <div class="icon"> - <i class="bi bi-window-dash"></i> - <div class="label">window-dash</div> - </div> - <div class="icon"> - <i class="bi bi-window-desktop"></i> - <div class="label">window-desktop</div> - </div> - <div class="icon"> - <i class="bi bi-window-dock"></i> - <div class="label">window-dock</div> - </div> - <div class="icon"> - <i class="bi bi-window-fullscreen"></i> - <div class="label">window-fullscreen</div> - </div> - <div class="icon"> - <i class="bi bi-window-plus"></i> - <div class="label">window-plus</div> - </div> - <div class="icon"> - <i class="bi bi-window-sidebar"></i> - <div class="label">window-sidebar</div> - </div> - <div class="icon"> - <i class="bi bi-window-split"></i> - <div class="label">window-split</div> - </div> - <div class="icon"> - <i class="bi bi-window-stack"></i> - <div class="label">window-stack</div> - </div> - <div class="icon"> - <i class="bi bi-window-x"></i> - <div class="label">window-x</div> - </div> - <div class="icon"> - <i class="bi bi-window"></i> - <div class="label">window</div> - </div> - <div class="icon"> - <i class="bi bi-windows"></i> - <div class="label">windows</div> - </div> - <div class="icon"> - <i class="bi bi-wordpress"></i> - <div class="label">wordpress</div> - </div> - <div class="icon"> - <i class="bi bi-wrench-adjustable-circle-fill"></i> - <div class="label">wrench-adjustable-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-wrench-adjustable-circle"></i> - <div class="label">wrench-adjustable-circle</div> - </div> - <div class="icon"> - <i class="bi bi-wrench-adjustable"></i> - <div class="label">wrench-adjustable</div> - </div> - <div class="icon"> - <i class="bi bi-wrench"></i> - <div class="label">wrench</div> - </div> - <div class="icon"> - <i class="bi bi-x-circle-fill"></i> - <div class="label">x-circle-fill</div> - </div> - <div class="icon"> - <i class="bi bi-x-circle"></i> - <div class="label">x-circle</div> - </div> - <div class="icon"> - <i class="bi bi-x-diamond-fill"></i> - <div class="label">x-diamond-fill</div> - </div> - <div class="icon"> - <i class="bi bi-x-diamond"></i> - <div class="label">x-diamond</div> - </div> - <div class="icon"> - <i class="bi bi-x-lg"></i> - <div class="label">x-lg</div> - </div> - <div class="icon"> - <i class="bi bi-x-octagon-fill"></i> - <div class="label">x-octagon-fill</div> - </div> - <div class="icon"> - <i class="bi bi-x-octagon"></i> - <div class="label">x-octagon</div> - </div> - <div class="icon"> - <i class="bi bi-x-square-fill"></i> - <div class="label">x-square-fill</div> - </div> - <div class="icon"> - <i class="bi bi-x-square"></i> - <div class="label">x-square</div> - </div> - <div class="icon"> - <i class="bi bi-x"></i> - <div class="label">x</div> - </div> - <div class="icon"> - <i class="bi bi-xbox"></i> - <div class="label">xbox</div> - </div> - <div class="icon"> - <i class="bi bi-yelp"></i> - <div class="label">yelp</div> - </div> - <div class="icon"> - <i class="bi bi-yin-yang"></i> - <div class="label">yin-yang</div> - </div> - <div class="icon"> - <i class="bi bi-youtube"></i> - <div class="label">youtube</div> - </div> - <div class="icon"> - <i class="bi bi-zoom-in"></i> - <div class="label">zoom-in</div> - </div> - <div class="icon"> - <i class="bi bi-zoom-out"></i> - <div class="label">zoom-out</div> - </div> - </div> - -</body> - -</html> \ No newline at end of file + <div class="icons"> + <div class="icon"> + <i class="bi bi-123"></i> + <div class="label">123</div> + </div> + <div class="icon"> + <i class="bi bi-1-circle-fill"></i> + <div class="label">1-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-1-circle"></i> + <div class="label">1-circle</div> + </div> + <div class="icon"> + <i class="bi bi-1-square-fill"></i> + <div class="label">1-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-1-square"></i> + <div class="label">1-square</div> + </div> + <div class="icon"> + <i class="bi bi-2-circle-fill"></i> + <div class="label">2-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-2-circle"></i> + <div class="label">2-circle</div> + </div> + <div class="icon"> + <i class="bi bi-2-square-fill"></i> + <div class="label">2-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-2-square"></i> + <div class="label">2-square</div> + </div> + <div class="icon"> + <i class="bi bi-3-circle-fill"></i> + <div class="label">3-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-3-circle"></i> + <div class="label">3-circle</div> + </div> + <div class="icon"> + <i class="bi bi-3-square-fill"></i> + <div class="label">3-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-3-square"></i> + <div class="label">3-square</div> + </div> + <div class="icon"> + <i class="bi bi-4-circle-fill"></i> + <div class="label">4-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-4-circle"></i> + <div class="label">4-circle</div> + </div> + <div class="icon"> + <i class="bi bi-4-square-fill"></i> + <div class="label">4-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-4-square"></i> + <div class="label">4-square</div> + </div> + <div class="icon"> + <i class="bi bi-5-circle-fill"></i> + <div class="label">5-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-5-circle"></i> + <div class="label">5-circle</div> + </div> + <div class="icon"> + <i class="bi bi-5-square-fill"></i> + <div class="label">5-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-5-square"></i> + <div class="label">5-square</div> + </div> + <div class="icon"> + <i class="bi bi-6-circle-fill"></i> + <div class="label">6-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-6-circle"></i> + <div class="label">6-circle</div> + </div> + <div class="icon"> + <i class="bi bi-6-square-fill"></i> + <div class="label">6-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-6-square"></i> + <div class="label">6-square</div> + </div> + <div class="icon"> + <i class="bi bi-7-circle-fill"></i> + <div class="label">7-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-7-circle"></i> + <div class="label">7-circle</div> + </div> + <div class="icon"> + <i class="bi bi-7-square-fill"></i> + <div class="label">7-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-7-square"></i> + <div class="label">7-square</div> + </div> + <div class="icon"> + <i class="bi bi-8-circle-fill"></i> + <div class="label">8-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-8-circle"></i> + <div class="label">8-circle</div> + </div> + <div class="icon"> + <i class="bi bi-8-square-fill"></i> + <div class="label">8-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-8-square"></i> + <div class="label">8-square</div> + </div> + <div class="icon"> + <i class="bi bi-9-circle-fill"></i> + <div class="label">9-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-9-circle"></i> + <div class="label">9-circle</div> + </div> + <div class="icon"> + <i class="bi bi-9-square-fill"></i> + <div class="label">9-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-9-square"></i> + <div class="label">9-square</div> + </div> + <div class="icon"> + <i class="bi bi-activity"></i> + <div class="label">activity</div> + </div> + <div class="icon"> + <i class="bi bi-airplane-engines-fill"></i> + <div class="label">airplane-engines-fill</div> + </div> + <div class="icon"> + <i class="bi bi-airplane-engines"></i> + <div class="label">airplane-engines</div> + </div> + <div class="icon"> + <i class="bi bi-airplane-fill"></i> + <div class="label">airplane-fill</div> + </div> + <div class="icon"> + <i class="bi bi-airplane"></i> + <div class="label">airplane</div> + </div> + <div class="icon"> + <i class="bi bi-alarm-fill"></i> + <div class="label">alarm-fill</div> + </div> + <div class="icon"> + <i class="bi bi-alarm"></i> + <div class="label">alarm</div> + </div> + <div class="icon"> + <i class="bi bi-alexa"></i> + <div class="label">alexa</div> + </div> + <div class="icon"> + <i class="bi bi-align-bottom"></i> + <div class="label">align-bottom</div> + </div> + <div class="icon"> + <i class="bi bi-align-center"></i> + <div class="label">align-center</div> + </div> + <div class="icon"> + <i class="bi bi-align-end"></i> + <div class="label">align-end</div> + </div> + <div class="icon"> + <i class="bi bi-align-middle"></i> + <div class="label">align-middle</div> + </div> + <div class="icon"> + <i class="bi bi-align-start"></i> + <div class="label">align-start</div> + </div> + <div class="icon"> + <i class="bi bi-align-top"></i> + <div class="label">align-top</div> + </div> + <div class="icon"> + <i class="bi bi-alipay"></i> + <div class="label">alipay</div> + </div> + <div class="icon"> + <i class="bi bi-alt"></i> + <div class="label">alt</div> + </div> + <div class="icon"> + <i class="bi bi-android"></i> + <div class="label">android</div> + </div> + <div class="icon"> + <i class="bi bi-android2"></i> + <div class="label">android2</div> + </div> + <div class="icon"> + <i class="bi bi-app-indicator"></i> + <div class="label">app-indicator</div> + </div> + <div class="icon"> + <i class="bi bi-app"></i> + <div class="label">app</div> + </div> + <div class="icon"> + <i class="bi bi-apple"></i> + <div class="label">apple</div> + </div> + <div class="icon"> + <i class="bi bi-archive-fill"></i> + <div class="label">archive-fill</div> + </div> + <div class="icon"> + <i class="bi bi-archive"></i> + <div class="label">archive</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-90deg-down"></i> + <div class="label">arrow-90deg-down</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-90deg-left"></i> + <div class="label">arrow-90deg-left</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-90deg-right"></i> + <div class="label">arrow-90deg-right</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-90deg-up"></i> + <div class="label">arrow-90deg-up</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-bar-down"></i> + <div class="label">arrow-bar-down</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-bar-left"></i> + <div class="label">arrow-bar-left</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-bar-right"></i> + <div class="label">arrow-bar-right</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-bar-up"></i> + <div class="label">arrow-bar-up</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-clockwise"></i> + <div class="label">arrow-clockwise</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-counterclockwise"></i> + <div class="label">arrow-counterclockwise</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-circle-fill"></i> + <div class="label">arrow-down-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-circle"></i> + <div class="label">arrow-down-circle</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-left-circle-fill"></i> + <div class="label">arrow-down-left-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-left-circle"></i> + <div class="label">arrow-down-left-circle</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-left-square-fill"></i> + <div class="label">arrow-down-left-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-left-square"></i> + <div class="label">arrow-down-left-square</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-left"></i> + <div class="label">arrow-down-left</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-right-circle-fill"></i> + <div class="label">arrow-down-right-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-right-circle"></i> + <div class="label">arrow-down-right-circle</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-right-square-fill"></i> + <div class="label">arrow-down-right-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-right-square"></i> + <div class="label">arrow-down-right-square</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-right"></i> + <div class="label">arrow-down-right</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-short"></i> + <div class="label">arrow-down-short</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-square-fill"></i> + <div class="label">arrow-down-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-square"></i> + <div class="label">arrow-down-square</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down-up"></i> + <div class="label">arrow-down-up</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-down"></i> + <div class="label">arrow-down</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-left-circle-fill"></i> + <div class="label">arrow-left-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-left-circle"></i> + <div class="label">arrow-left-circle</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-left-right"></i> + <div class="label">arrow-left-right</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-left-short"></i> + <div class="label">arrow-left-short</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-left-square-fill"></i> + <div class="label">arrow-left-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-left-square"></i> + <div class="label">arrow-left-square</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-left"></i> + <div class="label">arrow-left</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-repeat"></i> + <div class="label">arrow-repeat</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-return-left"></i> + <div class="label">arrow-return-left</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-return-right"></i> + <div class="label">arrow-return-right</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-right-circle-fill"></i> + <div class="label">arrow-right-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-right-circle"></i> + <div class="label">arrow-right-circle</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-right-short"></i> + <div class="label">arrow-right-short</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-right-square-fill"></i> + <div class="label">arrow-right-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-right-square"></i> + <div class="label">arrow-right-square</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-right"></i> + <div class="label">arrow-right</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-through-heart-fill"></i> + <div class="label">arrow-through-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-through-heart"></i> + <div class="label">arrow-through-heart</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-circle-fill"></i> + <div class="label">arrow-up-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-circle"></i> + <div class="label">arrow-up-circle</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-left-circle-fill"></i> + <div class="label">arrow-up-left-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-left-circle"></i> + <div class="label">arrow-up-left-circle</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-left-square-fill"></i> + <div class="label">arrow-up-left-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-left-square"></i> + <div class="label">arrow-up-left-square</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-left"></i> + <div class="label">arrow-up-left</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-right-circle-fill"></i> + <div class="label">arrow-up-right-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-right-circle"></i> + <div class="label">arrow-up-right-circle</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-right-square-fill"></i> + <div class="label">arrow-up-right-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-right-square"></i> + <div class="label">arrow-up-right-square</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-right"></i> + <div class="label">arrow-up-right</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-short"></i> + <div class="label">arrow-up-short</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-square-fill"></i> + <div class="label">arrow-up-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up-square"></i> + <div class="label">arrow-up-square</div> + </div> + <div class="icon"> + <i class="bi bi-arrow-up"></i> + <div class="label">arrow-up</div> + </div> + <div class="icon"> + <i class="bi bi-arrows-angle-contract"></i> + <div class="label">arrows-angle-contract</div> + </div> + <div class="icon"> + <i class="bi bi-arrows-angle-expand"></i> + <div class="label">arrows-angle-expand</div> + </div> + <div class="icon"> + <i class="bi bi-arrows-collapse"></i> + <div class="label">arrows-collapse</div> + </div> + <div class="icon"> + <i class="bi bi-arrows-expand"></i> + <div class="label">arrows-expand</div> + </div> + <div class="icon"> + <i class="bi bi-arrows-fullscreen"></i> + <div class="label">arrows-fullscreen</div> + </div> + <div class="icon"> + <i class="bi bi-arrows-move"></i> + <div class="label">arrows-move</div> + </div> + <div class="icon"> + <i class="bi bi-aspect-ratio-fill"></i> + <div class="label">aspect-ratio-fill</div> + </div> + <div class="icon"> + <i class="bi bi-aspect-ratio"></i> + <div class="label">aspect-ratio</div> + </div> + <div class="icon"> + <i class="bi bi-asterisk"></i> + <div class="label">asterisk</div> + </div> + <div class="icon"> + <i class="bi bi-at"></i> + <div class="label">at</div> + </div> + <div class="icon"> + <i class="bi bi-award-fill"></i> + <div class="label">award-fill</div> + </div> + <div class="icon"> + <i class="bi bi-award"></i> + <div class="label">award</div> + </div> + <div class="icon"> + <i class="bi bi-back"></i> + <div class="label">back</div> + </div> + <div class="icon"> + <i class="bi bi-backspace-fill"></i> + <div class="label">backspace-fill</div> + </div> + <div class="icon"> + <i class="bi bi-backspace-reverse-fill"></i> + <div class="label">backspace-reverse-fill</div> + </div> + <div class="icon"> + <i class="bi bi-backspace-reverse"></i> + <div class="label">backspace-reverse</div> + </div> + <div class="icon"> + <i class="bi bi-backspace"></i> + <div class="label">backspace</div> + </div> + <div class="icon"> + <i class="bi bi-badge-3d-fill"></i> + <div class="label">badge-3d-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-3d"></i> + <div class="label">badge-3d</div> + </div> + <div class="icon"> + <i class="bi bi-badge-4k-fill"></i> + <div class="label">badge-4k-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-4k"></i> + <div class="label">badge-4k</div> + </div> + <div class="icon"> + <i class="bi bi-badge-8k-fill"></i> + <div class="label">badge-8k-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-8k"></i> + <div class="label">badge-8k</div> + </div> + <div class="icon"> + <i class="bi bi-badge-ad-fill"></i> + <div class="label">badge-ad-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-ad"></i> + <div class="label">badge-ad</div> + </div> + <div class="icon"> + <i class="bi bi-badge-ar-fill"></i> + <div class="label">badge-ar-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-ar"></i> + <div class="label">badge-ar</div> + </div> + <div class="icon"> + <i class="bi bi-badge-cc-fill"></i> + <div class="label">badge-cc-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-cc"></i> + <div class="label">badge-cc</div> + </div> + <div class="icon"> + <i class="bi bi-badge-hd-fill"></i> + <div class="label">badge-hd-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-hd"></i> + <div class="label">badge-hd</div> + </div> + <div class="icon"> + <i class="bi bi-badge-sd-fill"></i> + <div class="label">badge-sd-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-sd"></i> + <div class="label">badge-sd</div> + </div> + <div class="icon"> + <i class="bi bi-badge-tm-fill"></i> + <div class="label">badge-tm-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-tm"></i> + <div class="label">badge-tm</div> + </div> + <div class="icon"> + <i class="bi bi-badge-vo-fill"></i> + <div class="label">badge-vo-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-vo"></i> + <div class="label">badge-vo</div> + </div> + <div class="icon"> + <i class="bi bi-badge-vr-fill"></i> + <div class="label">badge-vr-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-vr"></i> + <div class="label">badge-vr</div> + </div> + <div class="icon"> + <i class="bi bi-badge-wc-fill"></i> + <div class="label">badge-wc-fill</div> + </div> + <div class="icon"> + <i class="bi bi-badge-wc"></i> + <div class="label">badge-wc</div> + </div> + <div class="icon"> + <i class="bi bi-bag-check-fill"></i> + <div class="label">bag-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bag-check"></i> + <div class="label">bag-check</div> + </div> + <div class="icon"> + <i class="bi bi-bag-dash-fill"></i> + <div class="label">bag-dash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bag-dash"></i> + <div class="label">bag-dash</div> + </div> + <div class="icon"> + <i class="bi bi-bag-fill"></i> + <div class="label">bag-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bag-heart-fill"></i> + <div class="label">bag-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bag-heart"></i> + <div class="label">bag-heart</div> + </div> + <div class="icon"> + <i class="bi bi-bag-plus-fill"></i> + <div class="label">bag-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bag-plus"></i> + <div class="label">bag-plus</div> + </div> + <div class="icon"> + <i class="bi bi-bag-x-fill"></i> + <div class="label">bag-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bag-x"></i> + <div class="label">bag-x</div> + </div> + <div class="icon"> + <i class="bi bi-bag"></i> + <div class="label">bag</div> + </div> + <div class="icon"> + <i class="bi bi-balloon-fill"></i> + <div class="label">balloon-fill</div> + </div> + <div class="icon"> + <i class="bi bi-balloon-heart-fill"></i> + <div class="label">balloon-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-balloon-heart"></i> + <div class="label">balloon-heart</div> + </div> + <div class="icon"> + <i class="bi bi-balloon"></i> + <div class="label">balloon</div> + </div> + <div class="icon"> + <i class="bi bi-bandaid-fill"></i> + <div class="label">bandaid-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bandaid"></i> + <div class="label">bandaid</div> + </div> + <div class="icon"> + <i class="bi bi-bank"></i> + <div class="label">bank</div> + </div> + <div class="icon"> + <i class="bi bi-bank2"></i> + <div class="label">bank2</div> + </div> + <div class="icon"> + <i class="bi bi-bar-chart-fill"></i> + <div class="label">bar-chart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bar-chart-line-fill"></i> + <div class="label">bar-chart-line-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bar-chart-line"></i> + <div class="label">bar-chart-line</div> + </div> + <div class="icon"> + <i class="bi bi-bar-chart-steps"></i> + <div class="label">bar-chart-steps</div> + </div> + <div class="icon"> + <i class="bi bi-bar-chart"></i> + <div class="label">bar-chart</div> + </div> + <div class="icon"> + <i class="bi bi-basket-fill"></i> + <div class="label">basket-fill</div> + </div> + <div class="icon"> + <i class="bi bi-basket"></i> + <div class="label">basket</div> + </div> + <div class="icon"> + <i class="bi bi-basket2-fill"></i> + <div class="label">basket2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-basket2"></i> + <div class="label">basket2</div> + </div> + <div class="icon"> + <i class="bi bi-basket3-fill"></i> + <div class="label">basket3-fill</div> + </div> + <div class="icon"> + <i class="bi bi-basket3"></i> + <div class="label">basket3</div> + </div> + <div class="icon"> + <i class="bi bi-battery-charging"></i> + <div class="label">battery-charging</div> + </div> + <div class="icon"> + <i class="bi bi-battery-full"></i> + <div class="label">battery-full</div> + </div> + <div class="icon"> + <i class="bi bi-battery-half"></i> + <div class="label">battery-half</div> + </div> + <div class="icon"> + <i class="bi bi-battery"></i> + <div class="label">battery</div> + </div> + <div class="icon"> + <i class="bi bi-behance"></i> + <div class="label">behance</div> + </div> + <div class="icon"> + <i class="bi bi-bell-fill"></i> + <div class="label">bell-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bell-slash-fill"></i> + <div class="label">bell-slash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bell-slash"></i> + <div class="label">bell-slash</div> + </div> + <div class="icon"> + <i class="bi bi-bell"></i> + <div class="label">bell</div> + </div> + <div class="icon"> + <i class="bi bi-bezier"></i> + <div class="label">bezier</div> + </div> + <div class="icon"> + <i class="bi bi-bezier2"></i> + <div class="label">bezier2</div> + </div> + <div class="icon"> + <i class="bi bi-bicycle"></i> + <div class="label">bicycle</div> + </div> + <div class="icon"> + <i class="bi bi-binoculars-fill"></i> + <div class="label">binoculars-fill</div> + </div> + <div class="icon"> + <i class="bi bi-binoculars"></i> + <div class="label">binoculars</div> + </div> + <div class="icon"> + <i class="bi bi-blockquote-left"></i> + <div class="label">blockquote-left</div> + </div> + <div class="icon"> + <i class="bi bi-blockquote-right"></i> + <div class="label">blockquote-right</div> + </div> + <div class="icon"> + <i class="bi bi-bluetooth"></i> + <div class="label">bluetooth</div> + </div> + <div class="icon"> + <i class="bi bi-body-text"></i> + <div class="label">body-text</div> + </div> + <div class="icon"> + <i class="bi bi-book-fill"></i> + <div class="label">book-fill</div> + </div> + <div class="icon"> + <i class="bi bi-book-half"></i> + <div class="label">book-half</div> + </div> + <div class="icon"> + <i class="bi bi-book"></i> + <div class="label">book</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-check-fill"></i> + <div class="label">bookmark-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-check"></i> + <div class="label">bookmark-check</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-dash-fill"></i> + <div class="label">bookmark-dash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-dash"></i> + <div class="label">bookmark-dash</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-fill"></i> + <div class="label">bookmark-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-heart-fill"></i> + <div class="label">bookmark-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-heart"></i> + <div class="label">bookmark-heart</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-plus-fill"></i> + <div class="label">bookmark-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-plus"></i> + <div class="label">bookmark-plus</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-star-fill"></i> + <div class="label">bookmark-star-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-star"></i> + <div class="label">bookmark-star</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-x-fill"></i> + <div class="label">bookmark-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark-x"></i> + <div class="label">bookmark-x</div> + </div> + <div class="icon"> + <i class="bi bi-bookmark"></i> + <div class="label">bookmark</div> + </div> + <div class="icon"> + <i class="bi bi-bookmarks-fill"></i> + <div class="label">bookmarks-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bookmarks"></i> + <div class="label">bookmarks</div> + </div> + <div class="icon"> + <i class="bi bi-bookshelf"></i> + <div class="label">bookshelf</div> + </div> + <div class="icon"> + <i class="bi bi-boombox-fill"></i> + <div class="label">boombox-fill</div> + </div> + <div class="icon"> + <i class="bi bi-boombox"></i> + <div class="label">boombox</div> + </div> + <div class="icon"> + <i class="bi bi-bootstrap-fill"></i> + <div class="label">bootstrap-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bootstrap-reboot"></i> + <div class="label">bootstrap-reboot</div> + </div> + <div class="icon"> + <i class="bi bi-bootstrap"></i> + <div class="label">bootstrap</div> + </div> + <div class="icon"> + <i class="bi bi-border-all"></i> + <div class="label">border-all</div> + </div> + <div class="icon"> + <i class="bi bi-border-bottom"></i> + <div class="label">border-bottom</div> + </div> + <div class="icon"> + <i class="bi bi-border-center"></i> + <div class="label">border-center</div> + </div> + <div class="icon"> + <i class="bi bi-border-inner"></i> + <div class="label">border-inner</div> + </div> + <div class="icon"> + <i class="bi bi-border-left"></i> + <div class="label">border-left</div> + </div> + <div class="icon"> + <i class="bi bi-border-middle"></i> + <div class="label">border-middle</div> + </div> + <div class="icon"> + <i class="bi bi-border-outer"></i> + <div class="label">border-outer</div> + </div> + <div class="icon"> + <i class="bi bi-border-right"></i> + <div class="label">border-right</div> + </div> + <div class="icon"> + <i class="bi bi-border-style"></i> + <div class="label">border-style</div> + </div> + <div class="icon"> + <i class="bi bi-border-top"></i> + <div class="label">border-top</div> + </div> + <div class="icon"> + <i class="bi bi-border-width"></i> + <div class="label">border-width</div> + </div> + <div class="icon"> + <i class="bi bi-border"></i> + <div class="label">border</div> + </div> + <div class="icon"> + <i class="bi bi-bounding-box-circles"></i> + <div class="label">bounding-box-circles</div> + </div> + <div class="icon"> + <i class="bi bi-bounding-box"></i> + <div class="label">bounding-box</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-down-left"></i> + <div class="label">box-arrow-down-left</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-down-right"></i> + <div class="label">box-arrow-down-right</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-down"></i> + <div class="label">box-arrow-down</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-in-down-left"></i> + <div class="label">box-arrow-in-down-left</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-in-down-right"></i> + <div class="label">box-arrow-in-down-right</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-in-down"></i> + <div class="label">box-arrow-in-down</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-in-left"></i> + <div class="label">box-arrow-in-left</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-in-right"></i> + <div class="label">box-arrow-in-right</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-in-up-left"></i> + <div class="label">box-arrow-in-up-left</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-in-up-right"></i> + <div class="label">box-arrow-in-up-right</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-in-up"></i> + <div class="label">box-arrow-in-up</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-left"></i> + <div class="label">box-arrow-left</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-right"></i> + <div class="label">box-arrow-right</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-up-left"></i> + <div class="label">box-arrow-up-left</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-up-right"></i> + <div class="label">box-arrow-up-right</div> + </div> + <div class="icon"> + <i class="bi bi-box-arrow-up"></i> + <div class="label">box-arrow-up</div> + </div> + <div class="icon"> + <i class="bi bi-box-fill"></i> + <div class="label">box-fill</div> + </div> + <div class="icon"> + <i class="bi bi-box-seam-fill"></i> + <div class="label">box-seam-fill</div> + </div> + <div class="icon"> + <i class="bi bi-box-seam"></i> + <div class="label">box-seam</div> + </div> + <div class="icon"> + <i class="bi bi-box"></i> + <div class="label">box</div> + </div> + <div class="icon"> + <i class="bi bi-box2-fill"></i> + <div class="label">box2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-box2-heart-fill"></i> + <div class="label">box2-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-box2-heart"></i> + <div class="label">box2-heart</div> + </div> + <div class="icon"> + <i class="bi bi-box2"></i> + <div class="label">box2</div> + </div> + <div class="icon"> + <i class="bi bi-boxes"></i> + <div class="label">boxes</div> + </div> + <div class="icon"> + <i class="bi bi-braces-asterisk"></i> + <div class="label">braces-asterisk</div> + </div> + <div class="icon"> + <i class="bi bi-braces"></i> + <div class="label">braces</div> + </div> + <div class="icon"> + <i class="bi bi-bricks"></i> + <div class="label">bricks</div> + </div> + <div class="icon"> + <i class="bi bi-briefcase-fill"></i> + <div class="label">briefcase-fill</div> + </div> + <div class="icon"> + <i class="bi bi-briefcase"></i> + <div class="label">briefcase</div> + </div> + <div class="icon"> + <i class="bi bi-brightness-alt-high-fill"></i> + <div class="label">brightness-alt-high-fill</div> + </div> + <div class="icon"> + <i class="bi bi-brightness-alt-high"></i> + <div class="label">brightness-alt-high</div> + </div> + <div class="icon"> + <i class="bi bi-brightness-alt-low-fill"></i> + <div class="label">brightness-alt-low-fill</div> + </div> + <div class="icon"> + <i class="bi bi-brightness-alt-low"></i> + <div class="label">brightness-alt-low</div> + </div> + <div class="icon"> + <i class="bi bi-brightness-high-fill"></i> + <div class="label">brightness-high-fill</div> + </div> + <div class="icon"> + <i class="bi bi-brightness-high"></i> + <div class="label">brightness-high</div> + </div> + <div class="icon"> + <i class="bi bi-brightness-low-fill"></i> + <div class="label">brightness-low-fill</div> + </div> + <div class="icon"> + <i class="bi bi-brightness-low"></i> + <div class="label">brightness-low</div> + </div> + <div class="icon"> + <i class="bi bi-broadcast-pin"></i> + <div class="label">broadcast-pin</div> + </div> + <div class="icon"> + <i class="bi bi-broadcast"></i> + <div class="label">broadcast</div> + </div> + <div class="icon"> + <i class="bi bi-browser-chrome"></i> + <div class="label">browser-chrome</div> + </div> + <div class="icon"> + <i class="bi bi-browser-edge"></i> + <div class="label">browser-edge</div> + </div> + <div class="icon"> + <i class="bi bi-browser-firefox"></i> + <div class="label">browser-firefox</div> + </div> + <div class="icon"> + <i class="bi bi-browser-safari"></i> + <div class="label">browser-safari</div> + </div> + <div class="icon"> + <i class="bi bi-brush-fill"></i> + <div class="label">brush-fill</div> + </div> + <div class="icon"> + <i class="bi bi-brush"></i> + <div class="label">brush</div> + </div> + <div class="icon"> + <i class="bi bi-bucket-fill"></i> + <div class="label">bucket-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bucket"></i> + <div class="label">bucket</div> + </div> + <div class="icon"> + <i class="bi bi-bug-fill"></i> + <div class="label">bug-fill</div> + </div> + <div class="icon"> + <i class="bi bi-bug"></i> + <div class="label">bug</div> + </div> + <div class="icon"> + <i class="bi bi-building"></i> + <div class="label">building</div> + </div> + <div class="icon"> + <i class="bi bi-bullseye"></i> + <div class="label">bullseye</div> + </div> + <div class="icon"> + <i class="bi bi-c-circle-fill"></i> + <div class="label">c-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-c-circle"></i> + <div class="label">c-circle</div> + </div> + <div class="icon"> + <i class="bi bi-c-square-fill"></i> + <div class="label">c-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-c-square"></i> + <div class="label">c-square</div> + </div> + <div class="icon"> + <i class="bi bi-calculator-fill"></i> + <div class="label">calculator-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calculator"></i> + <div class="label">calculator</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-check-fill"></i> + <div class="label">calendar-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-check"></i> + <div class="label">calendar-check</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-date-fill"></i> + <div class="label">calendar-date-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-date"></i> + <div class="label">calendar-date</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-day-fill"></i> + <div class="label">calendar-day-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-day"></i> + <div class="label">calendar-day</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-event-fill"></i> + <div class="label">calendar-event-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-event"></i> + <div class="label">calendar-event</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-fill"></i> + <div class="label">calendar-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-heart-fill"></i> + <div class="label">calendar-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-heart"></i> + <div class="label">calendar-heart</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-minus-fill"></i> + <div class="label">calendar-minus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-minus"></i> + <div class="label">calendar-minus</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-month-fill"></i> + <div class="label">calendar-month-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-month"></i> + <div class="label">calendar-month</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-plus-fill"></i> + <div class="label">calendar-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-plus"></i> + <div class="label">calendar-plus</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-range-fill"></i> + <div class="label">calendar-range-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-range"></i> + <div class="label">calendar-range</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-week-fill"></i> + <div class="label">calendar-week-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-week"></i> + <div class="label">calendar-week</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-x-fill"></i> + <div class="label">calendar-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar-x"></i> + <div class="label">calendar-x</div> + </div> + <div class="icon"> + <i class="bi bi-calendar"></i> + <div class="label">calendar</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-check-fill"></i> + <div class="label">calendar2-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-check"></i> + <div class="label">calendar2-check</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-date-fill"></i> + <div class="label">calendar2-date-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-date"></i> + <div class="label">calendar2-date</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-day-fill"></i> + <div class="label">calendar2-day-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-day"></i> + <div class="label">calendar2-day</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-event-fill"></i> + <div class="label">calendar2-event-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-event"></i> + <div class="label">calendar2-event</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-fill"></i> + <div class="label">calendar2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-heart-fill"></i> + <div class="label">calendar2-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-heart"></i> + <div class="label">calendar2-heart</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-minus-fill"></i> + <div class="label">calendar2-minus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-minus"></i> + <div class="label">calendar2-minus</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-month-fill"></i> + <div class="label">calendar2-month-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-month"></i> + <div class="label">calendar2-month</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-plus-fill"></i> + <div class="label">calendar2-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-plus"></i> + <div class="label">calendar2-plus</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-range-fill"></i> + <div class="label">calendar2-range-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-range"></i> + <div class="label">calendar2-range</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-week-fill"></i> + <div class="label">calendar2-week-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-week"></i> + <div class="label">calendar2-week</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-x-fill"></i> + <div class="label">calendar2-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2-x"></i> + <div class="label">calendar2-x</div> + </div> + <div class="icon"> + <i class="bi bi-calendar2"></i> + <div class="label">calendar2</div> + </div> + <div class="icon"> + <i class="bi bi-calendar3-event-fill"></i> + <div class="label">calendar3-event-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar3-event"></i> + <div class="label">calendar3-event</div> + </div> + <div class="icon"> + <i class="bi bi-calendar3-fill"></i> + <div class="label">calendar3-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar3-range-fill"></i> + <div class="label">calendar3-range-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar3-range"></i> + <div class="label">calendar3-range</div> + </div> + <div class="icon"> + <i class="bi bi-calendar3-week-fill"></i> + <div class="label">calendar3-week-fill</div> + </div> + <div class="icon"> + <i class="bi bi-calendar3-week"></i> + <div class="label">calendar3-week</div> + </div> + <div class="icon"> + <i class="bi bi-calendar3"></i> + <div class="label">calendar3</div> + </div> + <div class="icon"> + <i class="bi bi-calendar4-event"></i> + <div class="label">calendar4-event</div> + </div> + <div class="icon"> + <i class="bi bi-calendar4-range"></i> + <div class="label">calendar4-range</div> + </div> + <div class="icon"> + <i class="bi bi-calendar4-week"></i> + <div class="label">calendar4-week</div> + </div> + <div class="icon"> + <i class="bi bi-calendar4"></i> + <div class="label">calendar4</div> + </div> + <div class="icon"> + <i class="bi bi-camera-fill"></i> + <div class="label">camera-fill</div> + </div> + <div class="icon"> + <i class="bi bi-camera-reels-fill"></i> + <div class="label">camera-reels-fill</div> + </div> + <div class="icon"> + <i class="bi bi-camera-reels"></i> + <div class="label">camera-reels</div> + </div> + <div class="icon"> + <i class="bi bi-camera-video-fill"></i> + <div class="label">camera-video-fill</div> + </div> + <div class="icon"> + <i class="bi bi-camera-video-off-fill"></i> + <div class="label">camera-video-off-fill</div> + </div> + <div class="icon"> + <i class="bi bi-camera-video-off"></i> + <div class="label">camera-video-off</div> + </div> + <div class="icon"> + <i class="bi bi-camera-video"></i> + <div class="label">camera-video</div> + </div> + <div class="icon"> + <i class="bi bi-camera"></i> + <div class="label">camera</div> + </div> + <div class="icon"> + <i class="bi bi-camera2"></i> + <div class="label">camera2</div> + </div> + <div class="icon"> + <i class="bi bi-capslock-fill"></i> + <div class="label">capslock-fill</div> + </div> + <div class="icon"> + <i class="bi bi-capslock"></i> + <div class="label">capslock</div> + </div> + <div class="icon"> + <i class="bi bi-capsule-pill"></i> + <div class="label">capsule-pill</div> + </div> + <div class="icon"> + <i class="bi bi-capsule"></i> + <div class="label">capsule</div> + </div> + <div class="icon"> + <i class="bi bi-car-front-fill"></i> + <div class="label">car-front-fill</div> + </div> + <div class="icon"> + <i class="bi bi-car-front"></i> + <div class="label">car-front</div> + </div> + <div class="icon"> + <i class="bi bi-card-checklist"></i> + <div class="label">card-checklist</div> + </div> + <div class="icon"> + <i class="bi bi-card-heading"></i> + <div class="label">card-heading</div> + </div> + <div class="icon"> + <i class="bi bi-card-image"></i> + <div class="label">card-image</div> + </div> + <div class="icon"> + <i class="bi bi-card-list"></i> + <div class="label">card-list</div> + </div> + <div class="icon"> + <i class="bi bi-card-text"></i> + <div class="label">card-text</div> + </div> + <div class="icon"> + <i class="bi bi-caret-down-fill"></i> + <div class="label">caret-down-fill</div> + </div> + <div class="icon"> + <i class="bi bi-caret-down-square-fill"></i> + <div class="label">caret-down-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-caret-down-square"></i> + <div class="label">caret-down-square</div> + </div> + <div class="icon"> + <i class="bi bi-caret-down"></i> + <div class="label">caret-down</div> + </div> + <div class="icon"> + <i class="bi bi-caret-left-fill"></i> + <div class="label">caret-left-fill</div> + </div> + <div class="icon"> + <i class="bi bi-caret-left-square-fill"></i> + <div class="label">caret-left-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-caret-left-square"></i> + <div class="label">caret-left-square</div> + </div> + <div class="icon"> + <i class="bi bi-caret-left"></i> + <div class="label">caret-left</div> + </div> + <div class="icon"> + <i class="bi bi-caret-right-fill"></i> + <div class="label">caret-right-fill</div> + </div> + <div class="icon"> + <i class="bi bi-caret-right-square-fill"></i> + <div class="label">caret-right-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-caret-right-square"></i> + <div class="label">caret-right-square</div> + </div> + <div class="icon"> + <i class="bi bi-caret-right"></i> + <div class="label">caret-right</div> + </div> + <div class="icon"> + <i class="bi bi-caret-up-fill"></i> + <div class="label">caret-up-fill</div> + </div> + <div class="icon"> + <i class="bi bi-caret-up-square-fill"></i> + <div class="label">caret-up-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-caret-up-square"></i> + <div class="label">caret-up-square</div> + </div> + <div class="icon"> + <i class="bi bi-caret-up"></i> + <div class="label">caret-up</div> + </div> + <div class="icon"> + <i class="bi bi-cart-check-fill"></i> + <div class="label">cart-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cart-check"></i> + <div class="label">cart-check</div> + </div> + <div class="icon"> + <i class="bi bi-cart-dash-fill"></i> + <div class="label">cart-dash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cart-dash"></i> + <div class="label">cart-dash</div> + </div> + <div class="icon"> + <i class="bi bi-cart-fill"></i> + <div class="label">cart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cart-plus-fill"></i> + <div class="label">cart-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cart-plus"></i> + <div class="label">cart-plus</div> + </div> + <div class="icon"> + <i class="bi bi-cart-x-fill"></i> + <div class="label">cart-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cart-x"></i> + <div class="label">cart-x</div> + </div> + <div class="icon"> + <i class="bi bi-cart"></i> + <div class="label">cart</div> + </div> + <div class="icon"> + <i class="bi bi-cart2"></i> + <div class="label">cart2</div> + </div> + <div class="icon"> + <i class="bi bi-cart3"></i> + <div class="label">cart3</div> + </div> + <div class="icon"> + <i class="bi bi-cart4"></i> + <div class="label">cart4</div> + </div> + <div class="icon"> + <i class="bi bi-cash-coin"></i> + <div class="label">cash-coin</div> + </div> + <div class="icon"> + <i class="bi bi-cash-stack"></i> + <div class="label">cash-stack</div> + </div> + <div class="icon"> + <i class="bi bi-cash"></i> + <div class="label">cash</div> + </div> + <div class="icon"> + <i class="bi bi-cassette-fill"></i> + <div class="label">cassette-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cassette"></i> + <div class="label">cassette</div> + </div> + <div class="icon"> + <i class="bi bi-cast"></i> + <div class="label">cast</div> + </div> + <div class="icon"> + <i class="bi bi-cc-circle-fill"></i> + <div class="label">cc-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cc-circle"></i> + <div class="label">cc-circle</div> + </div> + <div class="icon"> + <i class="bi bi-cc-square-fill"></i> + <div class="label">cc-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cc-square"></i> + <div class="label">cc-square</div> + </div> + <div class="icon"> + <i class="bi bi-chat-dots-fill"></i> + <div class="label">chat-dots-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-dots"></i> + <div class="label">chat-dots</div> + </div> + <div class="icon"> + <i class="bi bi-chat-fill"></i> + <div class="label">chat-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-heart-fill"></i> + <div class="label">chat-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-heart"></i> + <div class="label">chat-heart</div> + </div> + <div class="icon"> + <i class="bi bi-chat-left-dots-fill"></i> + <div class="label">chat-left-dots-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-left-dots"></i> + <div class="label">chat-left-dots</div> + </div> + <div class="icon"> + <i class="bi bi-chat-left-fill"></i> + <div class="label">chat-left-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-left-heart-fill"></i> + <div class="label">chat-left-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-left-heart"></i> + <div class="label">chat-left-heart</div> + </div> + <div class="icon"> + <i class="bi bi-chat-left-quote-fill"></i> + <div class="label">chat-left-quote-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-left-quote"></i> + <div class="label">chat-left-quote</div> + </div> + <div class="icon"> + <i class="bi bi-chat-left-text-fill"></i> + <div class="label">chat-left-text-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-left-text"></i> + <div class="label">chat-left-text</div> + </div> + <div class="icon"> + <i class="bi bi-chat-left"></i> + <div class="label">chat-left</div> + </div> + <div class="icon"> + <i class="bi bi-chat-quote-fill"></i> + <div class="label">chat-quote-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-quote"></i> + <div class="label">chat-quote</div> + </div> + <div class="icon"> + <i class="bi bi-chat-right-dots-fill"></i> + <div class="label">chat-right-dots-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-right-dots"></i> + <div class="label">chat-right-dots</div> + </div> + <div class="icon"> + <i class="bi bi-chat-right-fill"></i> + <div class="label">chat-right-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-right-heart-fill"></i> + <div class="label">chat-right-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-right-heart"></i> + <div class="label">chat-right-heart</div> + </div> + <div class="icon"> + <i class="bi bi-chat-right-quote-fill"></i> + <div class="label">chat-right-quote-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-right-quote"></i> + <div class="label">chat-right-quote</div> + </div> + <div class="icon"> + <i class="bi bi-chat-right-text-fill"></i> + <div class="label">chat-right-text-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-right-text"></i> + <div class="label">chat-right-text</div> + </div> + <div class="icon"> + <i class="bi bi-chat-right"></i> + <div class="label">chat-right</div> + </div> + <div class="icon"> + <i class="bi bi-chat-square-dots-fill"></i> + <div class="label">chat-square-dots-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-square-dots"></i> + <div class="label">chat-square-dots</div> + </div> + <div class="icon"> + <i class="bi bi-chat-square-fill"></i> + <div class="label">chat-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-square-heart-fill"></i> + <div class="label">chat-square-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-square-heart"></i> + <div class="label">chat-square-heart</div> + </div> + <div class="icon"> + <i class="bi bi-chat-square-quote-fill"></i> + <div class="label">chat-square-quote-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-square-quote"></i> + <div class="label">chat-square-quote</div> + </div> + <div class="icon"> + <i class="bi bi-chat-square-text-fill"></i> + <div class="label">chat-square-text-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-square-text"></i> + <div class="label">chat-square-text</div> + </div> + <div class="icon"> + <i class="bi bi-chat-square"></i> + <div class="label">chat-square</div> + </div> + <div class="icon"> + <i class="bi bi-chat-text-fill"></i> + <div class="label">chat-text-fill</div> + </div> + <div class="icon"> + <i class="bi bi-chat-text"></i> + <div class="label">chat-text</div> + </div> + <div class="icon"> + <i class="bi bi-chat"></i> + <div class="label">chat</div> + </div> + <div class="icon"> + <i class="bi bi-check-all"></i> + <div class="label">check-all</div> + </div> + <div class="icon"> + <i class="bi bi-check-circle-fill"></i> + <div class="label">check-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-check-circle"></i> + <div class="label">check-circle</div> + </div> + <div class="icon"> + <i class="bi bi-check-lg"></i> + <div class="label">check-lg</div> + </div> + <div class="icon"> + <i class="bi bi-check-square-fill"></i> + <div class="label">check-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-check-square"></i> + <div class="label">check-square</div> + </div> + <div class="icon"> + <i class="bi bi-check"></i> + <div class="label">check</div> + </div> + <div class="icon"> + <i class="bi bi-check2-all"></i> + <div class="label">check2-all</div> + </div> + <div class="icon"> + <i class="bi bi-check2-circle"></i> + <div class="label">check2-circle</div> + </div> + <div class="icon"> + <i class="bi bi-check2-square"></i> + <div class="label">check2-square</div> + </div> + <div class="icon"> + <i class="bi bi-check2"></i> + <div class="label">check2</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-bar-contract"></i> + <div class="label">chevron-bar-contract</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-bar-down"></i> + <div class="label">chevron-bar-down</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-bar-expand"></i> + <div class="label">chevron-bar-expand</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-bar-left"></i> + <div class="label">chevron-bar-left</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-bar-right"></i> + <div class="label">chevron-bar-right</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-bar-up"></i> + <div class="label">chevron-bar-up</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-compact-down"></i> + <div class="label">chevron-compact-down</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-compact-left"></i> + <div class="label">chevron-compact-left</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-compact-right"></i> + <div class="label">chevron-compact-right</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-compact-up"></i> + <div class="label">chevron-compact-up</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-contract"></i> + <div class="label">chevron-contract</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-double-down"></i> + <div class="label">chevron-double-down</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-double-left"></i> + <div class="label">chevron-double-left</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-double-right"></i> + <div class="label">chevron-double-right</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-double-up"></i> + <div class="label">chevron-double-up</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-down"></i> + <div class="label">chevron-down</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-expand"></i> + <div class="label">chevron-expand</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-left"></i> + <div class="label">chevron-left</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-right"></i> + <div class="label">chevron-right</div> + </div> + <div class="icon"> + <i class="bi bi-chevron-up"></i> + <div class="label">chevron-up</div> + </div> + <div class="icon"> + <i class="bi bi-circle-fill"></i> + <div class="label">circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-circle-half"></i> + <div class="label">circle-half</div> + </div> + <div class="icon"> + <i class="bi bi-circle-square"></i> + <div class="label">circle-square</div> + </div> + <div class="icon"> + <i class="bi bi-circle"></i> + <div class="label">circle</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-check-fill"></i> + <div class="label">clipboard-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-check"></i> + <div class="label">clipboard-check</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-data-fill"></i> + <div class="label">clipboard-data-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-data"></i> + <div class="label">clipboard-data</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-fill"></i> + <div class="label">clipboard-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-heart-fill"></i> + <div class="label">clipboard-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-heart"></i> + <div class="label">clipboard-heart</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-minus-fill"></i> + <div class="label">clipboard-minus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-minus"></i> + <div class="label">clipboard-minus</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-plus-fill"></i> + <div class="label">clipboard-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-plus"></i> + <div class="label">clipboard-plus</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-pulse"></i> + <div class="label">clipboard-pulse</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-x-fill"></i> + <div class="label">clipboard-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard-x"></i> + <div class="label">clipboard-x</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard"></i> + <div class="label">clipboard</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-check-fill"></i> + <div class="label">clipboard2-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-check"></i> + <div class="label">clipboard2-check</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-data-fill"></i> + <div class="label">clipboard2-data-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-data"></i> + <div class="label">clipboard2-data</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-fill"></i> + <div class="label">clipboard2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-heart-fill"></i> + <div class="label">clipboard2-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-heart"></i> + <div class="label">clipboard2-heart</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-minus-fill"></i> + <div class="label">clipboard2-minus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-minus"></i> + <div class="label">clipboard2-minus</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-plus-fill"></i> + <div class="label">clipboard2-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-plus"></i> + <div class="label">clipboard2-plus</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-pulse-fill"></i> + <div class="label">clipboard2-pulse-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-pulse"></i> + <div class="label">clipboard2-pulse</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-x-fill"></i> + <div class="label">clipboard2-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2-x"></i> + <div class="label">clipboard2-x</div> + </div> + <div class="icon"> + <i class="bi bi-clipboard2"></i> + <div class="label">clipboard2</div> + </div> + <div class="icon"> + <i class="bi bi-clock-fill"></i> + <div class="label">clock-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clock-history"></i> + <div class="label">clock-history</div> + </div> + <div class="icon"> + <i class="bi bi-clock"></i> + <div class="label">clock</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-arrow-down-fill"></i> + <div class="label">cloud-arrow-down-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-arrow-down"></i> + <div class="label">cloud-arrow-down</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-arrow-up-fill"></i> + <div class="label">cloud-arrow-up-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-arrow-up"></i> + <div class="label">cloud-arrow-up</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-check-fill"></i> + <div class="label">cloud-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-check"></i> + <div class="label">cloud-check</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-download-fill"></i> + <div class="label">cloud-download-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-download"></i> + <div class="label">cloud-download</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-drizzle-fill"></i> + <div class="label">cloud-drizzle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-drizzle"></i> + <div class="label">cloud-drizzle</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-fill"></i> + <div class="label">cloud-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-fog-fill"></i> + <div class="label">cloud-fog-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-fog"></i> + <div class="label">cloud-fog</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-fog2-fill"></i> + <div class="label">cloud-fog2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-fog2"></i> + <div class="label">cloud-fog2</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-hail-fill"></i> + <div class="label">cloud-hail-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-hail"></i> + <div class="label">cloud-hail</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-haze-fill"></i> + <div class="label">cloud-haze-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-haze"></i> + <div class="label">cloud-haze</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-haze2-fill"></i> + <div class="label">cloud-haze2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-haze2"></i> + <div class="label">cloud-haze2</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-lightning-fill"></i> + <div class="label">cloud-lightning-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-lightning-rain-fill"></i> + <div class="label">cloud-lightning-rain-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-lightning-rain"></i> + <div class="label">cloud-lightning-rain</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-lightning"></i> + <div class="label">cloud-lightning</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-minus-fill"></i> + <div class="label">cloud-minus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-minus"></i> + <div class="label">cloud-minus</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-moon-fill"></i> + <div class="label">cloud-moon-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-moon"></i> + <div class="label">cloud-moon</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-plus-fill"></i> + <div class="label">cloud-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-plus"></i> + <div class="label">cloud-plus</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-rain-fill"></i> + <div class="label">cloud-rain-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-rain-heavy-fill"></i> + <div class="label">cloud-rain-heavy-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-rain-heavy"></i> + <div class="label">cloud-rain-heavy</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-rain"></i> + <div class="label">cloud-rain</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-slash-fill"></i> + <div class="label">cloud-slash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-slash"></i> + <div class="label">cloud-slash</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-sleet-fill"></i> + <div class="label">cloud-sleet-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-sleet"></i> + <div class="label">cloud-sleet</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-snow-fill"></i> + <div class="label">cloud-snow-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-snow"></i> + <div class="label">cloud-snow</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-sun-fill"></i> + <div class="label">cloud-sun-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-sun"></i> + <div class="label">cloud-sun</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-upload-fill"></i> + <div class="label">cloud-upload-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloud-upload"></i> + <div class="label">cloud-upload</div> + </div> + <div class="icon"> + <i class="bi bi-cloud"></i> + <div class="label">cloud</div> + </div> + <div class="icon"> + <i class="bi bi-clouds-fill"></i> + <div class="label">clouds-fill</div> + </div> + <div class="icon"> + <i class="bi bi-clouds"></i> + <div class="label">clouds</div> + </div> + <div class="icon"> + <i class="bi bi-cloudy-fill"></i> + <div class="label">cloudy-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cloudy"></i> + <div class="label">cloudy</div> + </div> + <div class="icon"> + <i class="bi bi-code-slash"></i> + <div class="label">code-slash</div> + </div> + <div class="icon"> + <i class="bi bi-code-square"></i> + <div class="label">code-square</div> + </div> + <div class="icon"> + <i class="bi bi-code"></i> + <div class="label">code</div> + </div> + <div class="icon"> + <i class="bi bi-coin"></i> + <div class="label">coin</div> + </div> + <div class="icon"> + <i class="bi bi-collection-fill"></i> + <div class="label">collection-fill</div> + </div> + <div class="icon"> + <i class="bi bi-collection-play-fill"></i> + <div class="label">collection-play-fill</div> + </div> + <div class="icon"> + <i class="bi bi-collection-play"></i> + <div class="label">collection-play</div> + </div> + <div class="icon"> + <i class="bi bi-collection"></i> + <div class="label">collection</div> + </div> + <div class="icon"> + <i class="bi bi-columns-gap"></i> + <div class="label">columns-gap</div> + </div> + <div class="icon"> + <i class="bi bi-columns"></i> + <div class="label">columns</div> + </div> + <div class="icon"> + <i class="bi bi-command"></i> + <div class="label">command</div> + </div> + <div class="icon"> + <i class="bi bi-compass-fill"></i> + <div class="label">compass-fill</div> + </div> + <div class="icon"> + <i class="bi bi-compass"></i> + <div class="label">compass</div> + </div> + <div class="icon"> + <i class="bi bi-cone-striped"></i> + <div class="label">cone-striped</div> + </div> + <div class="icon"> + <i class="bi bi-cone"></i> + <div class="label">cone</div> + </div> + <div class="icon"> + <i class="bi bi-controller"></i> + <div class="label">controller</div> + </div> + <div class="icon"> + <i class="bi bi-cpu-fill"></i> + <div class="label">cpu-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cpu"></i> + <div class="label">cpu</div> + </div> + <div class="icon"> + <i class="bi bi-credit-card-2-back-fill"></i> + <div class="label">credit-card-2-back-fill</div> + </div> + <div class="icon"> + <i class="bi bi-credit-card-2-back"></i> + <div class="label">credit-card-2-back</div> + </div> + <div class="icon"> + <i class="bi bi-credit-card-2-front-fill"></i> + <div class="label">credit-card-2-front-fill</div> + </div> + <div class="icon"> + <i class="bi bi-credit-card-2-front"></i> + <div class="label">credit-card-2-front</div> + </div> + <div class="icon"> + <i class="bi bi-credit-card-fill"></i> + <div class="label">credit-card-fill</div> + </div> + <div class="icon"> + <i class="bi bi-credit-card"></i> + <div class="label">credit-card</div> + </div> + <div class="icon"> + <i class="bi bi-crop"></i> + <div class="label">crop</div> + </div> + <div class="icon"> + <i class="bi bi-cup-fill"></i> + <div class="label">cup-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cup-hot-fill"></i> + <div class="label">cup-hot-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cup-hot"></i> + <div class="label">cup-hot</div> + </div> + <div class="icon"> + <i class="bi bi-cup-straw"></i> + <div class="label">cup-straw</div> + </div> + <div class="icon"> + <i class="bi bi-cup"></i> + <div class="label">cup</div> + </div> + <div class="icon"> + <i class="bi bi-currency-bitcoin"></i> + <div class="label">currency-bitcoin</div> + </div> + <div class="icon"> + <i class="bi bi-currency-dollar"></i> + <div class="label">currency-dollar</div> + </div> + <div class="icon"> + <i class="bi bi-currency-euro"></i> + <div class="label">currency-euro</div> + </div> + <div class="icon"> + <i class="bi bi-currency-exchange"></i> + <div class="label">currency-exchange</div> + </div> + <div class="icon"> + <i class="bi bi-currency-pound"></i> + <div class="label">currency-pound</div> + </div> + <div class="icon"> + <i class="bi bi-currency-rupee"></i> + <div class="label">currency-rupee</div> + </div> + <div class="icon"> + <i class="bi bi-currency-yen"></i> + <div class="label">currency-yen</div> + </div> + <div class="icon"> + <i class="bi bi-cursor-fill"></i> + <div class="label">cursor-fill</div> + </div> + <div class="icon"> + <i class="bi bi-cursor-text"></i> + <div class="label">cursor-text</div> + </div> + <div class="icon"> + <i class="bi bi-cursor"></i> + <div class="label">cursor</div> + </div> + <div class="icon"> + <i class="bi bi-dash-circle-dotted"></i> + <div class="label">dash-circle-dotted</div> + </div> + <div class="icon"> + <i class="bi bi-dash-circle-fill"></i> + <div class="label">dash-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-dash-circle"></i> + <div class="label">dash-circle</div> + </div> + <div class="icon"> + <i class="bi bi-dash-lg"></i> + <div class="label">dash-lg</div> + </div> + <div class="icon"> + <i class="bi bi-dash-square-dotted"></i> + <div class="label">dash-square-dotted</div> + </div> + <div class="icon"> + <i class="bi bi-dash-square-fill"></i> + <div class="label">dash-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-dash-square"></i> + <div class="label">dash-square</div> + </div> + <div class="icon"> + <i class="bi bi-dash"></i> + <div class="label">dash</div> + </div> + <div class="icon"> + <i class="bi bi-device-hdd-fill"></i> + <div class="label">device-hdd-fill</div> + </div> + <div class="icon"> + <i class="bi bi-device-hdd"></i> + <div class="label">device-hdd</div> + </div> + <div class="icon"> + <i class="bi bi-device-ssd-fill"></i> + <div class="label">device-ssd-fill</div> + </div> + <div class="icon"> + <i class="bi bi-device-ssd"></i> + <div class="label">device-ssd</div> + </div> + <div class="icon"> + <i class="bi bi-diagram-2-fill"></i> + <div class="label">diagram-2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-diagram-2"></i> + <div class="label">diagram-2</div> + </div> + <div class="icon"> + <i class="bi bi-diagram-3-fill"></i> + <div class="label">diagram-3-fill</div> + </div> + <div class="icon"> + <i class="bi bi-diagram-3"></i> + <div class="label">diagram-3</div> + </div> + <div class="icon"> + <i class="bi bi-diamond-fill"></i> + <div class="label">diamond-fill</div> + </div> + <div class="icon"> + <i class="bi bi-diamond-half"></i> + <div class="label">diamond-half</div> + </div> + <div class="icon"> + <i class="bi bi-diamond"></i> + <div class="label">diamond</div> + </div> + <div class="icon"> + <i class="bi bi-dice-1-fill"></i> + <div class="label">dice-1-fill</div> + </div> + <div class="icon"> + <i class="bi bi-dice-1"></i> + <div class="label">dice-1</div> + </div> + <div class="icon"> + <i class="bi bi-dice-2-fill"></i> + <div class="label">dice-2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-dice-2"></i> + <div class="label">dice-2</div> + </div> + <div class="icon"> + <i class="bi bi-dice-3-fill"></i> + <div class="label">dice-3-fill</div> + </div> + <div class="icon"> + <i class="bi bi-dice-3"></i> + <div class="label">dice-3</div> + </div> + <div class="icon"> + <i class="bi bi-dice-4-fill"></i> + <div class="label">dice-4-fill</div> + </div> + <div class="icon"> + <i class="bi bi-dice-4"></i> + <div class="label">dice-4</div> + </div> + <div class="icon"> + <i class="bi bi-dice-5-fill"></i> + <div class="label">dice-5-fill</div> + </div> + <div class="icon"> + <i class="bi bi-dice-5"></i> + <div class="label">dice-5</div> + </div> + <div class="icon"> + <i class="bi bi-dice-6-fill"></i> + <div class="label">dice-6-fill</div> + </div> + <div class="icon"> + <i class="bi bi-dice-6"></i> + <div class="label">dice-6</div> + </div> + <div class="icon"> + <i class="bi bi-disc-fill"></i> + <div class="label">disc-fill</div> + </div> + <div class="icon"> + <i class="bi bi-disc"></i> + <div class="label">disc</div> + </div> + <div class="icon"> + <i class="bi bi-discord"></i> + <div class="label">discord</div> + </div> + <div class="icon"> + <i class="bi bi-display-fill"></i> + <div class="label">display-fill</div> + </div> + <div class="icon"> + <i class="bi bi-display"></i> + <div class="label">display</div> + </div> + <div class="icon"> + <i class="bi bi-displayport-fill"></i> + <div class="label">displayport-fill</div> + </div> + <div class="icon"> + <i class="bi bi-displayport"></i> + <div class="label">displayport</div> + </div> + <div class="icon"> + <i class="bi bi-distribute-horizontal"></i> + <div class="label">distribute-horizontal</div> + </div> + <div class="icon"> + <i class="bi bi-distribute-vertical"></i> + <div class="label">distribute-vertical</div> + </div> + <div class="icon"> + <i class="bi bi-door-closed-fill"></i> + <div class="label">door-closed-fill</div> + </div> + <div class="icon"> + <i class="bi bi-door-closed"></i> + <div class="label">door-closed</div> + </div> + <div class="icon"> + <i class="bi bi-door-open-fill"></i> + <div class="label">door-open-fill</div> + </div> + <div class="icon"> + <i class="bi bi-door-open"></i> + <div class="label">door-open</div> + </div> + <div class="icon"> + <i class="bi bi-dot"></i> + <div class="label">dot</div> + </div> + <div class="icon"> + <i class="bi bi-download"></i> + <div class="label">download</div> + </div> + <div class="icon"> + <i class="bi bi-dpad-fill"></i> + <div class="label">dpad-fill</div> + </div> + <div class="icon"> + <i class="bi bi-dpad"></i> + <div class="label">dpad</div> + </div> + <div class="icon"> + <i class="bi bi-dribbble"></i> + <div class="label">dribbble</div> + </div> + <div class="icon"> + <i class="bi bi-dropbox"></i> + <div class="label">dropbox</div> + </div> + <div class="icon"> + <i class="bi bi-droplet-fill"></i> + <div class="label">droplet-fill</div> + </div> + <div class="icon"> + <i class="bi bi-droplet-half"></i> + <div class="label">droplet-half</div> + </div> + <div class="icon"> + <i class="bi bi-droplet"></i> + <div class="label">droplet</div> + </div> + <div class="icon"> + <i class="bi bi-ear-fill"></i> + <div class="label">ear-fill</div> + </div> + <div class="icon"> + <i class="bi bi-ear"></i> + <div class="label">ear</div> + </div> + <div class="icon"> + <i class="bi bi-earbuds"></i> + <div class="label">earbuds</div> + </div> + <div class="icon"> + <i class="bi bi-easel-fill"></i> + <div class="label">easel-fill</div> + </div> + <div class="icon"> + <i class="bi bi-easel"></i> + <div class="label">easel</div> + </div> + <div class="icon"> + <i class="bi bi-easel2-fill"></i> + <div class="label">easel2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-easel2"></i> + <div class="label">easel2</div> + </div> + <div class="icon"> + <i class="bi bi-easel3-fill"></i> + <div class="label">easel3-fill</div> + </div> + <div class="icon"> + <i class="bi bi-easel3"></i> + <div class="label">easel3</div> + </div> + <div class="icon"> + <i class="bi bi-egg-fill"></i> + <div class="label">egg-fill</div> + </div> + <div class="icon"> + <i class="bi bi-egg-fried"></i> + <div class="label">egg-fried</div> + </div> + <div class="icon"> + <i class="bi bi-egg"></i> + <div class="label">egg</div> + </div> + <div class="icon"> + <i class="bi bi-eject-fill"></i> + <div class="label">eject-fill</div> + </div> + <div class="icon"> + <i class="bi bi-eject"></i> + <div class="label">eject</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-angry-fill"></i> + <div class="label">emoji-angry-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-angry"></i> + <div class="label">emoji-angry</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-dizzy-fill"></i> + <div class="label">emoji-dizzy-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-dizzy"></i> + <div class="label">emoji-dizzy</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-expressionless-fill"></i> + <div class="label">emoji-expressionless-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-expressionless"></i> + <div class="label">emoji-expressionless</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-frown-fill"></i> + <div class="label">emoji-frown-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-frown"></i> + <div class="label">emoji-frown</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-heart-eyes-fill"></i> + <div class="label">emoji-heart-eyes-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-heart-eyes"></i> + <div class="label">emoji-heart-eyes</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-kiss-fill"></i> + <div class="label">emoji-kiss-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-kiss"></i> + <div class="label">emoji-kiss</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-laughing-fill"></i> + <div class="label">emoji-laughing-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-laughing"></i> + <div class="label">emoji-laughing</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-neutral-fill"></i> + <div class="label">emoji-neutral-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-neutral"></i> + <div class="label">emoji-neutral</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-smile-fill"></i> + <div class="label">emoji-smile-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-smile-upside-down-fill"></i> + <div class="label">emoji-smile-upside-down-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-smile-upside-down"></i> + <div class="label">emoji-smile-upside-down</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-smile"></i> + <div class="label">emoji-smile</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-sunglasses-fill"></i> + <div class="label">emoji-sunglasses-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-sunglasses"></i> + <div class="label">emoji-sunglasses</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-wink-fill"></i> + <div class="label">emoji-wink-fill</div> + </div> + <div class="icon"> + <i class="bi bi-emoji-wink"></i> + <div class="label">emoji-wink</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-check-fill"></i> + <div class="label">envelope-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-check"></i> + <div class="label">envelope-check</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-dash-fill"></i> + <div class="label">envelope-dash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-dash"></i> + <div class="label">envelope-dash</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-exclamation-fill"></i> + <div class="label">envelope-exclamation-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-exclamation"></i> + <div class="label">envelope-exclamation</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-fill"></i> + <div class="label">envelope-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-heart-fill"></i> + <div class="label">envelope-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-heart"></i> + <div class="label">envelope-heart</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-open-fill"></i> + <div class="label">envelope-open-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-open-heart-fill"></i> + <div class="label">envelope-open-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-open-heart"></i> + <div class="label">envelope-open-heart</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-open"></i> + <div class="label">envelope-open</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-paper-fill"></i> + <div class="label">envelope-paper-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-paper-heart-fill"></i> + <div class="label">envelope-paper-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-paper-heart"></i> + <div class="label">envelope-paper-heart</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-paper"></i> + <div class="label">envelope-paper</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-plus-fill"></i> + <div class="label">envelope-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-plus"></i> + <div class="label">envelope-plus</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-slash-fill"></i> + <div class="label">envelope-slash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-slash"></i> + <div class="label">envelope-slash</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-x-fill"></i> + <div class="label">envelope-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-envelope-x"></i> + <div class="label">envelope-x</div> + </div> + <div class="icon"> + <i class="bi bi-envelope"></i> + <div class="label">envelope</div> + </div> + <div class="icon"> + <i class="bi bi-eraser-fill"></i> + <div class="label">eraser-fill</div> + </div> + <div class="icon"> + <i class="bi bi-eraser"></i> + <div class="label">eraser</div> + </div> + <div class="icon"> + <i class="bi bi-escape"></i> + <div class="label">escape</div> + </div> + <div class="icon"> + <i class="bi bi-ethernet"></i> + <div class="label">ethernet</div> + </div> + <div class="icon"> + <i class="bi bi-ev-station-fill"></i> + <div class="label">ev-station-fill</div> + </div> + <div class="icon"> + <i class="bi bi-ev-station"></i> + <div class="label">ev-station</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation-circle-fill"></i> + <div class="label">exclamation-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation-circle"></i> + <div class="label">exclamation-circle</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation-diamond-fill"></i> + <div class="label">exclamation-diamond-fill</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation-diamond"></i> + <div class="label">exclamation-diamond</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation-lg"></i> + <div class="label">exclamation-lg</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation-octagon-fill"></i> + <div class="label">exclamation-octagon-fill</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation-octagon"></i> + <div class="label">exclamation-octagon</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation-square-fill"></i> + <div class="label">exclamation-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation-square"></i> + <div class="label">exclamation-square</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation-triangle-fill"></i> + <div class="label">exclamation-triangle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation-triangle"></i> + <div class="label">exclamation-triangle</div> + </div> + <div class="icon"> + <i class="bi bi-exclamation"></i> + <div class="label">exclamation</div> + </div> + <div class="icon"> + <i class="bi bi-exclude"></i> + <div class="label">exclude</div> + </div> + <div class="icon"> + <i class="bi bi-explicit-fill"></i> + <div class="label">explicit-fill</div> + </div> + <div class="icon"> + <i class="bi bi-explicit"></i> + <div class="label">explicit</div> + </div> + <div class="icon"> + <i class="bi bi-eye-fill"></i> + <div class="label">eye-fill</div> + </div> + <div class="icon"> + <i class="bi bi-eye-slash-fill"></i> + <div class="label">eye-slash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-eye-slash"></i> + <div class="label">eye-slash</div> + </div> + <div class="icon"> + <i class="bi bi-eye"></i> + <div class="label">eye</div> + </div> + <div class="icon"> + <i class="bi bi-eyedropper"></i> + <div class="label">eyedropper</div> + </div> + <div class="icon"> + <i class="bi bi-eyeglasses"></i> + <div class="label">eyeglasses</div> + </div> + <div class="icon"> + <i class="bi bi-facebook"></i> + <div class="label">facebook</div> + </div> + <div class="icon"> + <i class="bi bi-fan"></i> + <div class="label">fan</div> + </div> + <div class="icon"> + <i class="bi bi-fast-forward-btn-fill"></i> + <div class="label">fast-forward-btn-fill</div> + </div> + <div class="icon"> + <i class="bi bi-fast-forward-btn"></i> + <div class="label">fast-forward-btn</div> + </div> + <div class="icon"> + <i class="bi bi-fast-forward-circle-fill"></i> + <div class="label">fast-forward-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-fast-forward-circle"></i> + <div class="label">fast-forward-circle</div> + </div> + <div class="icon"> + <i class="bi bi-fast-forward-fill"></i> + <div class="label">fast-forward-fill</div> + </div> + <div class="icon"> + <i class="bi bi-fast-forward"></i> + <div class="label">fast-forward</div> + </div> + <div class="icon"> + <i class="bi bi-file-arrow-down-fill"></i> + <div class="label">file-arrow-down-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-arrow-down"></i> + <div class="label">file-arrow-down</div> + </div> + <div class="icon"> + <i class="bi bi-file-arrow-up-fill"></i> + <div class="label">file-arrow-up-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-arrow-up"></i> + <div class="label">file-arrow-up</div> + </div> + <div class="icon"> + <i class="bi bi-file-bar-graph-fill"></i> + <div class="label">file-bar-graph-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-bar-graph"></i> + <div class="label">file-bar-graph</div> + </div> + <div class="icon"> + <i class="bi bi-file-binary-fill"></i> + <div class="label">file-binary-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-binary"></i> + <div class="label">file-binary</div> + </div> + <div class="icon"> + <i class="bi bi-file-break-fill"></i> + <div class="label">file-break-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-break"></i> + <div class="label">file-break</div> + </div> + <div class="icon"> + <i class="bi bi-file-check-fill"></i> + <div class="label">file-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-check"></i> + <div class="label">file-check</div> + </div> + <div class="icon"> + <i class="bi bi-file-code-fill"></i> + <div class="label">file-code-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-code"></i> + <div class="label">file-code</div> + </div> + <div class="icon"> + <i class="bi bi-file-diff-fill"></i> + <div class="label">file-diff-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-diff"></i> + <div class="label">file-diff</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-arrow-down-fill"></i> + <div class="label">file-earmark-arrow-down-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-arrow-down"></i> + <div class="label">file-earmark-arrow-down</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-arrow-up-fill"></i> + <div class="label">file-earmark-arrow-up-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-arrow-up"></i> + <div class="label">file-earmark-arrow-up</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-bar-graph-fill"></i> + <div class="label">file-earmark-bar-graph-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-bar-graph"></i> + <div class="label">file-earmark-bar-graph</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-binary-fill"></i> + <div class="label">file-earmark-binary-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-binary"></i> + <div class="label">file-earmark-binary</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-break-fill"></i> + <div class="label">file-earmark-break-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-break"></i> + <div class="label">file-earmark-break</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-check-fill"></i> + <div class="label">file-earmark-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-check"></i> + <div class="label">file-earmark-check</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-code-fill"></i> + <div class="label">file-earmark-code-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-code"></i> + <div class="label">file-earmark-code</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-diff-fill"></i> + <div class="label">file-earmark-diff-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-diff"></i> + <div class="label">file-earmark-diff</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-easel-fill"></i> + <div class="label">file-earmark-easel-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-easel"></i> + <div class="label">file-earmark-easel</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-excel-fill"></i> + <div class="label">file-earmark-excel-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-excel"></i> + <div class="label">file-earmark-excel</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-fill"></i> + <div class="label">file-earmark-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-font-fill"></i> + <div class="label">file-earmark-font-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-font"></i> + <div class="label">file-earmark-font</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-image-fill"></i> + <div class="label">file-earmark-image-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-image"></i> + <div class="label">file-earmark-image</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-lock-fill"></i> + <div class="label">file-earmark-lock-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-lock"></i> + <div class="label">file-earmark-lock</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-lock2-fill"></i> + <div class="label">file-earmark-lock2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-lock2"></i> + <div class="label">file-earmark-lock2</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-medical-fill"></i> + <div class="label">file-earmark-medical-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-medical"></i> + <div class="label">file-earmark-medical</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-minus-fill"></i> + <div class="label">file-earmark-minus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-minus"></i> + <div class="label">file-earmark-minus</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-music-fill"></i> + <div class="label">file-earmark-music-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-music"></i> + <div class="label">file-earmark-music</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-pdf-fill"></i> + <div class="label">file-earmark-pdf-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-pdf"></i> + <div class="label">file-earmark-pdf</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-person-fill"></i> + <div class="label">file-earmark-person-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-person"></i> + <div class="label">file-earmark-person</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-play-fill"></i> + <div class="label">file-earmark-play-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-play"></i> + <div class="label">file-earmark-play</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-plus-fill"></i> + <div class="label">file-earmark-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-plus"></i> + <div class="label">file-earmark-plus</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-post-fill"></i> + <div class="label">file-earmark-post-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-post"></i> + <div class="label">file-earmark-post</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-ppt-fill"></i> + <div class="label">file-earmark-ppt-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-ppt"></i> + <div class="label">file-earmark-ppt</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-richtext-fill"></i> + <div class="label">file-earmark-richtext-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-richtext"></i> + <div class="label">file-earmark-richtext</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-ruled-fill"></i> + <div class="label">file-earmark-ruled-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-ruled"></i> + <div class="label">file-earmark-ruled</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-slides-fill"></i> + <div class="label">file-earmark-slides-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-slides"></i> + <div class="label">file-earmark-slides</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-spreadsheet-fill"></i> + <div class="label">file-earmark-spreadsheet-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-spreadsheet"></i> + <div class="label">file-earmark-spreadsheet</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-text-fill"></i> + <div class="label">file-earmark-text-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-text"></i> + <div class="label">file-earmark-text</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-word-fill"></i> + <div class="label">file-earmark-word-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-word"></i> + <div class="label">file-earmark-word</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-x-fill"></i> + <div class="label">file-earmark-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-x"></i> + <div class="label">file-earmark-x</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-zip-fill"></i> + <div class="label">file-earmark-zip-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark-zip"></i> + <div class="label">file-earmark-zip</div> + </div> + <div class="icon"> + <i class="bi bi-file-earmark"></i> + <div class="label">file-earmark</div> + </div> + <div class="icon"> + <i class="bi bi-file-easel-fill"></i> + <div class="label">file-easel-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-easel"></i> + <div class="label">file-easel</div> + </div> + <div class="icon"> + <i class="bi bi-file-excel-fill"></i> + <div class="label">file-excel-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-excel"></i> + <div class="label">file-excel</div> + </div> + <div class="icon"> + <i class="bi bi-file-fill"></i> + <div class="label">file-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-font-fill"></i> + <div class="label">file-font-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-font"></i> + <div class="label">file-font</div> + </div> + <div class="icon"> + <i class="bi bi-file-image-fill"></i> + <div class="label">file-image-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-image"></i> + <div class="label">file-image</div> + </div> + <div class="icon"> + <i class="bi bi-file-lock-fill"></i> + <div class="label">file-lock-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-lock"></i> + <div class="label">file-lock</div> + </div> + <div class="icon"> + <i class="bi bi-file-lock2-fill"></i> + <div class="label">file-lock2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-lock2"></i> + <div class="label">file-lock2</div> + </div> + <div class="icon"> + <i class="bi bi-file-medical-fill"></i> + <div class="label">file-medical-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-medical"></i> + <div class="label">file-medical</div> + </div> + <div class="icon"> + <i class="bi bi-file-minus-fill"></i> + <div class="label">file-minus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-minus"></i> + <div class="label">file-minus</div> + </div> + <div class="icon"> + <i class="bi bi-file-music-fill"></i> + <div class="label">file-music-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-music"></i> + <div class="label">file-music</div> + </div> + <div class="icon"> + <i class="bi bi-file-pdf-fill"></i> + <div class="label">file-pdf-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-pdf"></i> + <div class="label">file-pdf</div> + </div> + <div class="icon"> + <i class="bi bi-file-person-fill"></i> + <div class="label">file-person-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-person"></i> + <div class="label">file-person</div> + </div> + <div class="icon"> + <i class="bi bi-file-play-fill"></i> + <div class="label">file-play-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-play"></i> + <div class="label">file-play</div> + </div> + <div class="icon"> + <i class="bi bi-file-plus-fill"></i> + <div class="label">file-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-plus"></i> + <div class="label">file-plus</div> + </div> + <div class="icon"> + <i class="bi bi-file-post-fill"></i> + <div class="label">file-post-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-post"></i> + <div class="label">file-post</div> + </div> + <div class="icon"> + <i class="bi bi-file-ppt-fill"></i> + <div class="label">file-ppt-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-ppt"></i> + <div class="label">file-ppt</div> + </div> + <div class="icon"> + <i class="bi bi-file-richtext-fill"></i> + <div class="label">file-richtext-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-richtext"></i> + <div class="label">file-richtext</div> + </div> + <div class="icon"> + <i class="bi bi-file-ruled-fill"></i> + <div class="label">file-ruled-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-ruled"></i> + <div class="label">file-ruled</div> + </div> + <div class="icon"> + <i class="bi bi-file-slides-fill"></i> + <div class="label">file-slides-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-slides"></i> + <div class="label">file-slides</div> + </div> + <div class="icon"> + <i class="bi bi-file-spreadsheet-fill"></i> + <div class="label">file-spreadsheet-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-spreadsheet"></i> + <div class="label">file-spreadsheet</div> + </div> + <div class="icon"> + <i class="bi bi-file-text-fill"></i> + <div class="label">file-text-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-text"></i> + <div class="label">file-text</div> + </div> + <div class="icon"> + <i class="bi bi-file-word-fill"></i> + <div class="label">file-word-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-word"></i> + <div class="label">file-word</div> + </div> + <div class="icon"> + <i class="bi bi-file-x-fill"></i> + <div class="label">file-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-x"></i> + <div class="label">file-x</div> + </div> + <div class="icon"> + <i class="bi bi-file-zip-fill"></i> + <div class="label">file-zip-fill</div> + </div> + <div class="icon"> + <i class="bi bi-file-zip"></i> + <div class="label">file-zip</div> + </div> + <div class="icon"> + <i class="bi bi-file"></i> + <div class="label">file</div> + </div> + <div class="icon"> + <i class="bi bi-files-alt"></i> + <div class="label">files-alt</div> + </div> + <div class="icon"> + <i class="bi bi-files"></i> + <div class="label">files</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-aac"></i> + <div class="label">filetype-aac</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-ai"></i> + <div class="label">filetype-ai</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-bmp"></i> + <div class="label">filetype-bmp</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-cs"></i> + <div class="label">filetype-cs</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-css"></i> + <div class="label">filetype-css</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-csv"></i> + <div class="label">filetype-csv</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-doc"></i> + <div class="label">filetype-doc</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-docx"></i> + <div class="label">filetype-docx</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-exe"></i> + <div class="label">filetype-exe</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-gif"></i> + <div class="label">filetype-gif</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-heic"></i> + <div class="label">filetype-heic</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-html"></i> + <div class="label">filetype-html</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-java"></i> + <div class="label">filetype-java</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-jpg"></i> + <div class="label">filetype-jpg</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-js"></i> + <div class="label">filetype-js</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-json"></i> + <div class="label">filetype-json</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-jsx"></i> + <div class="label">filetype-jsx</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-key"></i> + <div class="label">filetype-key</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-m4p"></i> + <div class="label">filetype-m4p</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-md"></i> + <div class="label">filetype-md</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-mdx"></i> + <div class="label">filetype-mdx</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-mov"></i> + <div class="label">filetype-mov</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-mp3"></i> + <div class="label">filetype-mp3</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-mp4"></i> + <div class="label">filetype-mp4</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-otf"></i> + <div class="label">filetype-otf</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-pdf"></i> + <div class="label">filetype-pdf</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-php"></i> + <div class="label">filetype-php</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-png"></i> + <div class="label">filetype-png</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-ppt"></i> + <div class="label">filetype-ppt</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-pptx"></i> + <div class="label">filetype-pptx</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-psd"></i> + <div class="label">filetype-psd</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-py"></i> + <div class="label">filetype-py</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-raw"></i> + <div class="label">filetype-raw</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-rb"></i> + <div class="label">filetype-rb</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-sass"></i> + <div class="label">filetype-sass</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-scss"></i> + <div class="label">filetype-scss</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-sh"></i> + <div class="label">filetype-sh</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-sql"></i> + <div class="label">filetype-sql</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-svg"></i> + <div class="label">filetype-svg</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-tiff"></i> + <div class="label">filetype-tiff</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-tsx"></i> + <div class="label">filetype-tsx</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-ttf"></i> + <div class="label">filetype-ttf</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-txt"></i> + <div class="label">filetype-txt</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-wav"></i> + <div class="label">filetype-wav</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-woff"></i> + <div class="label">filetype-woff</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-xls"></i> + <div class="label">filetype-xls</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-xlsx"></i> + <div class="label">filetype-xlsx</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-xml"></i> + <div class="label">filetype-xml</div> + </div> + <div class="icon"> + <i class="bi bi-filetype-yml"></i> + <div class="label">filetype-yml</div> + </div> + <div class="icon"> + <i class="bi bi-film"></i> + <div class="label">film</div> + </div> + <div class="icon"> + <i class="bi bi-filter-circle-fill"></i> + <div class="label">filter-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-filter-circle"></i> + <div class="label">filter-circle</div> + </div> + <div class="icon"> + <i class="bi bi-filter-left"></i> + <div class="label">filter-left</div> + </div> + <div class="icon"> + <i class="bi bi-filter-right"></i> + <div class="label">filter-right</div> + </div> + <div class="icon"> + <i class="bi bi-filter-square-fill"></i> + <div class="label">filter-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-filter-square"></i> + <div class="label">filter-square</div> + </div> + <div class="icon"> + <i class="bi bi-filter"></i> + <div class="label">filter</div> + </div> + <div class="icon"> + <i class="bi bi-fingerprint"></i> + <div class="label">fingerprint</div> + </div> + <div class="icon"> + <i class="bi bi-fire"></i> + <div class="label">fire</div> + </div> + <div class="icon"> + <i class="bi bi-flag-fill"></i> + <div class="label">flag-fill</div> + </div> + <div class="icon"> + <i class="bi bi-flag"></i> + <div class="label">flag</div> + </div> + <div class="icon"> + <i class="bi bi-flower1"></i> + <div class="label">flower1</div> + </div> + <div class="icon"> + <i class="bi bi-flower2"></i> + <div class="label">flower2</div> + </div> + <div class="icon"> + <i class="bi bi-flower3"></i> + <div class="label">flower3</div> + </div> + <div class="icon"> + <i class="bi bi-folder-check"></i> + <div class="label">folder-check</div> + </div> + <div class="icon"> + <i class="bi bi-folder-fill"></i> + <div class="label">folder-fill</div> + </div> + <div class="icon"> + <i class="bi bi-folder-minus"></i> + <div class="label">folder-minus</div> + </div> + <div class="icon"> + <i class="bi bi-folder-plus"></i> + <div class="label">folder-plus</div> + </div> + <div class="icon"> + <i class="bi bi-folder-symlink-fill"></i> + <div class="label">folder-symlink-fill</div> + </div> + <div class="icon"> + <i class="bi bi-folder-symlink"></i> + <div class="label">folder-symlink</div> + </div> + <div class="icon"> + <i class="bi bi-folder-x"></i> + <div class="label">folder-x</div> + </div> + <div class="icon"> + <i class="bi bi-folder"></i> + <div class="label">folder</div> + </div> + <div class="icon"> + <i class="bi bi-folder2-open"></i> + <div class="label">folder2-open</div> + </div> + <div class="icon"> + <i class="bi bi-folder2"></i> + <div class="label">folder2</div> + </div> + <div class="icon"> + <i class="bi bi-fonts"></i> + <div class="label">fonts</div> + </div> + <div class="icon"> + <i class="bi bi-forward-fill"></i> + <div class="label">forward-fill</div> + </div> + <div class="icon"> + <i class="bi bi-forward"></i> + <div class="label">forward</div> + </div> + <div class="icon"> + <i class="bi bi-front"></i> + <div class="label">front</div> + </div> + <div class="icon"> + <i class="bi bi-fuel-pump-diesel-fill"></i> + <div class="label">fuel-pump-diesel-fill</div> + </div> + <div class="icon"> + <i class="bi bi-fuel-pump-diesel"></i> + <div class="label">fuel-pump-diesel</div> + </div> + <div class="icon"> + <i class="bi bi-fuel-pump-fill"></i> + <div class="label">fuel-pump-fill</div> + </div> + <div class="icon"> + <i class="bi bi-fuel-pump"></i> + <div class="label">fuel-pump</div> + </div> + <div class="icon"> + <i class="bi bi-fullscreen-exit"></i> + <div class="label">fullscreen-exit</div> + </div> + <div class="icon"> + <i class="bi bi-fullscreen"></i> + <div class="label">fullscreen</div> + </div> + <div class="icon"> + <i class="bi bi-funnel-fill"></i> + <div class="label">funnel-fill</div> + </div> + <div class="icon"> + <i class="bi bi-funnel"></i> + <div class="label">funnel</div> + </div> + <div class="icon"> + <i class="bi bi-gear-fill"></i> + <div class="label">gear-fill</div> + </div> + <div class="icon"> + <i class="bi bi-gear-wide-connected"></i> + <div class="label">gear-wide-connected</div> + </div> + <div class="icon"> + <i class="bi bi-gear-wide"></i> + <div class="label">gear-wide</div> + </div> + <div class="icon"> + <i class="bi bi-gear"></i> + <div class="label">gear</div> + </div> + <div class="icon"> + <i class="bi bi-gem"></i> + <div class="label">gem</div> + </div> + <div class="icon"> + <i class="bi bi-gender-ambiguous"></i> + <div class="label">gender-ambiguous</div> + </div> + <div class="icon"> + <i class="bi bi-gender-female"></i> + <div class="label">gender-female</div> + </div> + <div class="icon"> + <i class="bi bi-gender-male"></i> + <div class="label">gender-male</div> + </div> + <div class="icon"> + <i class="bi bi-gender-trans"></i> + <div class="label">gender-trans</div> + </div> + <div class="icon"> + <i class="bi bi-geo-alt-fill"></i> + <div class="label">geo-alt-fill</div> + </div> + <div class="icon"> + <i class="bi bi-geo-alt"></i> + <div class="label">geo-alt</div> + </div> + <div class="icon"> + <i class="bi bi-geo-fill"></i> + <div class="label">geo-fill</div> + </div> + <div class="icon"> + <i class="bi bi-geo"></i> + <div class="label">geo</div> + </div> + <div class="icon"> + <i class="bi bi-gift-fill"></i> + <div class="label">gift-fill</div> + </div> + <div class="icon"> + <i class="bi bi-gift"></i> + <div class="label">gift</div> + </div> + <div class="icon"> + <i class="bi bi-git"></i> + <div class="label">git</div> + </div> + <div class="icon"> + <i class="bi bi-github"></i> + <div class="label">github</div> + </div> + <div class="icon"> + <i class="bi bi-globe"></i> + <div class="label">globe</div> + </div> + <div class="icon"> + <i class="bi bi-globe2"></i> + <div class="label">globe2</div> + </div> + <div class="icon"> + <i class="bi bi-google-play"></i> + <div class="label">google-play</div> + </div> + <div class="icon"> + <i class="bi bi-google"></i> + <div class="label">google</div> + </div> + <div class="icon"> + <i class="bi bi-gpu-card"></i> + <div class="label">gpu-card</div> + </div> + <div class="icon"> + <i class="bi bi-graph-down-arrow"></i> + <div class="label">graph-down-arrow</div> + </div> + <div class="icon"> + <i class="bi bi-graph-down"></i> + <div class="label">graph-down</div> + </div> + <div class="icon"> + <i class="bi bi-graph-up-arrow"></i> + <div class="label">graph-up-arrow</div> + </div> + <div class="icon"> + <i class="bi bi-graph-up"></i> + <div class="label">graph-up</div> + </div> + <div class="icon"> + <i class="bi bi-grid-1x2-fill"></i> + <div class="label">grid-1x2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-grid-1x2"></i> + <div class="label">grid-1x2</div> + </div> + <div class="icon"> + <i class="bi bi-grid-3x2-gap-fill"></i> + <div class="label">grid-3x2-gap-fill</div> + </div> + <div class="icon"> + <i class="bi bi-grid-3x2-gap"></i> + <div class="label">grid-3x2-gap</div> + </div> + <div class="icon"> + <i class="bi bi-grid-3x2"></i> + <div class="label">grid-3x2</div> + </div> + <div class="icon"> + <i class="bi bi-grid-3x3-gap-fill"></i> + <div class="label">grid-3x3-gap-fill</div> + </div> + <div class="icon"> + <i class="bi bi-grid-3x3-gap"></i> + <div class="label">grid-3x3-gap</div> + </div> + <div class="icon"> + <i class="bi bi-grid-3x3"></i> + <div class="label">grid-3x3</div> + </div> + <div class="icon"> + <i class="bi bi-grid-fill"></i> + <div class="label">grid-fill</div> + </div> + <div class="icon"> + <i class="bi bi-grid"></i> + <div class="label">grid</div> + </div> + <div class="icon"> + <i class="bi bi-grip-horizontal"></i> + <div class="label">grip-horizontal</div> + </div> + <div class="icon"> + <i class="bi bi-grip-vertical"></i> + <div class="label">grip-vertical</div> + </div> + <div class="icon"> + <i class="bi bi-h-circle-fill"></i> + <div class="label">h-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-h-circle"></i> + <div class="label">h-circle</div> + </div> + <div class="icon"> + <i class="bi bi-h-square-fill"></i> + <div class="label">h-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-h-square"></i> + <div class="label">h-square</div> + </div> + <div class="icon"> + <i class="bi bi-hammer"></i> + <div class="label">hammer</div> + </div> + <div class="icon"> + <i class="bi bi-hand-index-fill"></i> + <div class="label">hand-index-fill</div> + </div> + <div class="icon"> + <i class="bi bi-hand-index-thumb-fill"></i> + <div class="label">hand-index-thumb-fill</div> + </div> + <div class="icon"> + <i class="bi bi-hand-index-thumb"></i> + <div class="label">hand-index-thumb</div> + </div> + <div class="icon"> + <i class="bi bi-hand-index"></i> + <div class="label">hand-index</div> + </div> + <div class="icon"> + <i class="bi bi-hand-thumbs-down-fill"></i> + <div class="label">hand-thumbs-down-fill</div> + </div> + <div class="icon"> + <i class="bi bi-hand-thumbs-down"></i> + <div class="label">hand-thumbs-down</div> + </div> + <div class="icon"> + <i class="bi bi-hand-thumbs-up-fill"></i> + <div class="label">hand-thumbs-up-fill</div> + </div> + <div class="icon"> + <i class="bi bi-hand-thumbs-up"></i> + <div class="label">hand-thumbs-up</div> + </div> + <div class="icon"> + <i class="bi bi-handbag-fill"></i> + <div class="label">handbag-fill</div> + </div> + <div class="icon"> + <i class="bi bi-handbag"></i> + <div class="label">handbag</div> + </div> + <div class="icon"> + <i class="bi bi-hash"></i> + <div class="label">hash</div> + </div> + <div class="icon"> + <i class="bi bi-hdd-fill"></i> + <div class="label">hdd-fill</div> + </div> + <div class="icon"> + <i class="bi bi-hdd-network-fill"></i> + <div class="label">hdd-network-fill</div> + </div> + <div class="icon"> + <i class="bi bi-hdd-network"></i> + <div class="label">hdd-network</div> + </div> + <div class="icon"> + <i class="bi bi-hdd-rack-fill"></i> + <div class="label">hdd-rack-fill</div> + </div> + <div class="icon"> + <i class="bi bi-hdd-rack"></i> + <div class="label">hdd-rack</div> + </div> + <div class="icon"> + <i class="bi bi-hdd-stack-fill"></i> + <div class="label">hdd-stack-fill</div> + </div> + <div class="icon"> + <i class="bi bi-hdd-stack"></i> + <div class="label">hdd-stack</div> + </div> + <div class="icon"> + <i class="bi bi-hdd"></i> + <div class="label">hdd</div> + </div> + <div class="icon"> + <i class="bi bi-hdmi-fill"></i> + <div class="label">hdmi-fill</div> + </div> + <div class="icon"> + <i class="bi bi-hdmi"></i> + <div class="label">hdmi</div> + </div> + <div class="icon"> + <i class="bi bi-headphones"></i> + <div class="label">headphones</div> + </div> + <div class="icon"> + <i class="bi bi-headset-vr"></i> + <div class="label">headset-vr</div> + </div> + <div class="icon"> + <i class="bi bi-headset"></i> + <div class="label">headset</div> + </div> + <div class="icon"> + <i class="bi bi-heart-arrow"></i> + <div class="label">heart-arrow</div> + </div> + <div class="icon"> + <i class="bi bi-heart-fill"></i> + <div class="label">heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-heart-half"></i> + <div class="label">heart-half</div> + </div> + <div class="icon"> + <i class="bi bi-heart-pulse-fill"></i> + <div class="label">heart-pulse-fill</div> + </div> + <div class="icon"> + <i class="bi bi-heart-pulse"></i> + <div class="label">heart-pulse</div> + </div> + <div class="icon"> + <i class="bi bi-heart"></i> + <div class="label">heart</div> + </div> + <div class="icon"> + <i class="bi bi-heartbreak-fill"></i> + <div class="label">heartbreak-fill</div> + </div> + <div class="icon"> + <i class="bi bi-heartbreak"></i> + <div class="label">heartbreak</div> + </div> + <div class="icon"> + <i class="bi bi-hearts"></i> + <div class="label">hearts</div> + </div> + <div class="icon"> + <i class="bi bi-heptagon-fill"></i> + <div class="label">heptagon-fill</div> + </div> + <div class="icon"> + <i class="bi bi-heptagon-half"></i> + <div class="label">heptagon-half</div> + </div> + <div class="icon"> + <i class="bi bi-heptagon"></i> + <div class="label">heptagon</div> + </div> + <div class="icon"> + <i class="bi bi-hexagon-fill"></i> + <div class="label">hexagon-fill</div> + </div> + <div class="icon"> + <i class="bi bi-hexagon-half"></i> + <div class="label">hexagon-half</div> + </div> + <div class="icon"> + <i class="bi bi-hexagon"></i> + <div class="label">hexagon</div> + </div> + <div class="icon"> + <i class="bi bi-hospital-fill"></i> + <div class="label">hospital-fill</div> + </div> + <div class="icon"> + <i class="bi bi-hospital"></i> + <div class="label">hospital</div> + </div> + <div class="icon"> + <i class="bi bi-hourglass-bottom"></i> + <div class="label">hourglass-bottom</div> + </div> + <div class="icon"> + <i class="bi bi-hourglass-split"></i> + <div class="label">hourglass-split</div> + </div> + <div class="icon"> + <i class="bi bi-hourglass-top"></i> + <div class="label">hourglass-top</div> + </div> + <div class="icon"> + <i class="bi bi-hourglass"></i> + <div class="label">hourglass</div> + </div> + <div class="icon"> + <i class="bi bi-house-door-fill"></i> + <div class="label">house-door-fill</div> + </div> + <div class="icon"> + <i class="bi bi-house-door"></i> + <div class="label">house-door</div> + </div> + <div class="icon"> + <i class="bi bi-house-fill"></i> + <div class="label">house-fill</div> + </div> + <div class="icon"> + <i class="bi bi-house-heart-fill"></i> + <div class="label">house-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-house-heart"></i> + <div class="label">house-heart</div> + </div> + <div class="icon"> + <i class="bi bi-house"></i> + <div class="label">house</div> + </div> + <div class="icon"> + <i class="bi bi-hr"></i> + <div class="label">hr</div> + </div> + <div class="icon"> + <i class="bi bi-hurricane"></i> + <div class="label">hurricane</div> + </div> + <div class="icon"> + <i class="bi bi-hypnotize"></i> + <div class="label">hypnotize</div> + </div> + <div class="icon"> + <i class="bi bi-image-alt"></i> + <div class="label">image-alt</div> + </div> + <div class="icon"> + <i class="bi bi-image-fill"></i> + <div class="label">image-fill</div> + </div> + <div class="icon"> + <i class="bi bi-image"></i> + <div class="label">image</div> + </div> + <div class="icon"> + <i class="bi bi-images"></i> + <div class="label">images</div> + </div> + <div class="icon"> + <i class="bi bi-inbox-fill"></i> + <div class="label">inbox-fill</div> + </div> + <div class="icon"> + <i class="bi bi-inbox"></i> + <div class="label">inbox</div> + </div> + <div class="icon"> + <i class="bi bi-inboxes-fill"></i> + <div class="label">inboxes-fill</div> + </div> + <div class="icon"> + <i class="bi bi-inboxes"></i> + <div class="label">inboxes</div> + </div> + <div class="icon"> + <i class="bi bi-incognito"></i> + <div class="label">incognito</div> + </div> + <div class="icon"> + <i class="bi bi-indent"></i> + <div class="label">indent</div> + </div> + <div class="icon"> + <i class="bi bi-infinity"></i> + <div class="label">infinity</div> + </div> + <div class="icon"> + <i class="bi bi-info-circle-fill"></i> + <div class="label">info-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-info-circle"></i> + <div class="label">info-circle</div> + </div> + <div class="icon"> + <i class="bi bi-info-lg"></i> + <div class="label">info-lg</div> + </div> + <div class="icon"> + <i class="bi bi-info-square-fill"></i> + <div class="label">info-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-info-square"></i> + <div class="label">info-square</div> + </div> + <div class="icon"> + <i class="bi bi-info"></i> + <div class="label">info</div> + </div> + <div class="icon"> + <i class="bi bi-input-cursor-text"></i> + <div class="label">input-cursor-text</div> + </div> + <div class="icon"> + <i class="bi bi-input-cursor"></i> + <div class="label">input-cursor</div> + </div> + <div class="icon"> + <i class="bi bi-instagram"></i> + <div class="label">instagram</div> + </div> + <div class="icon"> + <i class="bi bi-intersect"></i> + <div class="label">intersect</div> + </div> + <div class="icon"> + <i class="bi bi-journal-album"></i> + <div class="label">journal-album</div> + </div> + <div class="icon"> + <i class="bi bi-journal-arrow-down"></i> + <div class="label">journal-arrow-down</div> + </div> + <div class="icon"> + <i class="bi bi-journal-arrow-up"></i> + <div class="label">journal-arrow-up</div> + </div> + <div class="icon"> + <i class="bi bi-journal-bookmark-fill"></i> + <div class="label">journal-bookmark-fill</div> + </div> + <div class="icon"> + <i class="bi bi-journal-bookmark"></i> + <div class="label">journal-bookmark</div> + </div> + <div class="icon"> + <i class="bi bi-journal-check"></i> + <div class="label">journal-check</div> + </div> + <div class="icon"> + <i class="bi bi-journal-code"></i> + <div class="label">journal-code</div> + </div> + <div class="icon"> + <i class="bi bi-journal-medical"></i> + <div class="label">journal-medical</div> + </div> + <div class="icon"> + <i class="bi bi-journal-minus"></i> + <div class="label">journal-minus</div> + </div> + <div class="icon"> + <i class="bi bi-journal-plus"></i> + <div class="label">journal-plus</div> + </div> + <div class="icon"> + <i class="bi bi-journal-richtext"></i> + <div class="label">journal-richtext</div> + </div> + <div class="icon"> + <i class="bi bi-journal-text"></i> + <div class="label">journal-text</div> + </div> + <div class="icon"> + <i class="bi bi-journal-x"></i> + <div class="label">journal-x</div> + </div> + <div class="icon"> + <i class="bi bi-journal"></i> + <div class="label">journal</div> + </div> + <div class="icon"> + <i class="bi bi-journals"></i> + <div class="label">journals</div> + </div> + <div class="icon"> + <i class="bi bi-joystick"></i> + <div class="label">joystick</div> + </div> + <div class="icon"> + <i class="bi bi-justify-left"></i> + <div class="label">justify-left</div> + </div> + <div class="icon"> + <i class="bi bi-justify-right"></i> + <div class="label">justify-right</div> + </div> + <div class="icon"> + <i class="bi bi-justify"></i> + <div class="label">justify</div> + </div> + <div class="icon"> + <i class="bi bi-kanban-fill"></i> + <div class="label">kanban-fill</div> + </div> + <div class="icon"> + <i class="bi bi-kanban"></i> + <div class="label">kanban</div> + </div> + <div class="icon"> + <i class="bi bi-key-fill"></i> + <div class="label">key-fill</div> + </div> + <div class="icon"> + <i class="bi bi-key"></i> + <div class="label">key</div> + </div> + <div class="icon"> + <i class="bi bi-keyboard-fill"></i> + <div class="label">keyboard-fill</div> + </div> + <div class="icon"> + <i class="bi bi-keyboard"></i> + <div class="label">keyboard</div> + </div> + <div class="icon"> + <i class="bi bi-ladder"></i> + <div class="label">ladder</div> + </div> + <div class="icon"> + <i class="bi bi-lamp-fill"></i> + <div class="label">lamp-fill</div> + </div> + <div class="icon"> + <i class="bi bi-lamp"></i> + <div class="label">lamp</div> + </div> + <div class="icon"> + <i class="bi bi-laptop-fill"></i> + <div class="label">laptop-fill</div> + </div> + <div class="icon"> + <i class="bi bi-laptop"></i> + <div class="label">laptop</div> + </div> + <div class="icon"> + <i class="bi bi-layer-backward"></i> + <div class="label">layer-backward</div> + </div> + <div class="icon"> + <i class="bi bi-layer-forward"></i> + <div class="label">layer-forward</div> + </div> + <div class="icon"> + <i class="bi bi-layers-fill"></i> + <div class="label">layers-fill</div> + </div> + <div class="icon"> + <i class="bi bi-layers-half"></i> + <div class="label">layers-half</div> + </div> + <div class="icon"> + <i class="bi bi-layers"></i> + <div class="label">layers</div> + </div> + <div class="icon"> + <i class="bi bi-layout-sidebar-inset-reverse"></i> + <div class="label">layout-sidebar-inset-reverse</div> + </div> + <div class="icon"> + <i class="bi bi-layout-sidebar-inset"></i> + <div class="label">layout-sidebar-inset</div> + </div> + <div class="icon"> + <i class="bi bi-layout-sidebar-reverse"></i> + <div class="label">layout-sidebar-reverse</div> + </div> + <div class="icon"> + <i class="bi bi-layout-sidebar"></i> + <div class="label">layout-sidebar</div> + </div> + <div class="icon"> + <i class="bi bi-layout-split"></i> + <div class="label">layout-split</div> + </div> + <div class="icon"> + <i class="bi bi-layout-text-sidebar-reverse"></i> + <div class="label">layout-text-sidebar-reverse</div> + </div> + <div class="icon"> + <i class="bi bi-layout-text-sidebar"></i> + <div class="label">layout-text-sidebar</div> + </div> + <div class="icon"> + <i class="bi bi-layout-text-window-reverse"></i> + <div class="label">layout-text-window-reverse</div> + </div> + <div class="icon"> + <i class="bi bi-layout-text-window"></i> + <div class="label">layout-text-window</div> + </div> + <div class="icon"> + <i class="bi bi-layout-three-columns"></i> + <div class="label">layout-three-columns</div> + </div> + <div class="icon"> + <i class="bi bi-layout-wtf"></i> + <div class="label">layout-wtf</div> + </div> + <div class="icon"> + <i class="bi bi-life-preserver"></i> + <div class="label">life-preserver</div> + </div> + <div class="icon"> + <i class="bi bi-lightbulb-fill"></i> + <div class="label">lightbulb-fill</div> + </div> + <div class="icon"> + <i class="bi bi-lightbulb-off-fill"></i> + <div class="label">lightbulb-off-fill</div> + </div> + <div class="icon"> + <i class="bi bi-lightbulb-off"></i> + <div class="label">lightbulb-off</div> + </div> + <div class="icon"> + <i class="bi bi-lightbulb"></i> + <div class="label">lightbulb</div> + </div> + <div class="icon"> + <i class="bi bi-lightning-charge-fill"></i> + <div class="label">lightning-charge-fill</div> + </div> + <div class="icon"> + <i class="bi bi-lightning-charge"></i> + <div class="label">lightning-charge</div> + </div> + <div class="icon"> + <i class="bi bi-lightning-fill"></i> + <div class="label">lightning-fill</div> + </div> + <div class="icon"> + <i class="bi bi-lightning"></i> + <div class="label">lightning</div> + </div> + <div class="icon"> + <i class="bi bi-line"></i> + <div class="label">line</div> + </div> + <div class="icon"> + <i class="bi bi-link-45deg"></i> + <div class="label">link-45deg</div> + </div> + <div class="icon"> + <i class="bi bi-link"></i> + <div class="label">link</div> + </div> + <div class="icon"> + <i class="bi bi-linkedin"></i> + <div class="label">linkedin</div> + </div> + <div class="icon"> + <i class="bi bi-list-check"></i> + <div class="label">list-check</div> + </div> + <div class="icon"> + <i class="bi bi-list-columns-reverse"></i> + <div class="label">list-columns-reverse</div> + </div> + <div class="icon"> + <i class="bi bi-list-columns"></i> + <div class="label">list-columns</div> + </div> + <div class="icon"> + <i class="bi bi-list-nested"></i> + <div class="label">list-nested</div> + </div> + <div class="icon"> + <i class="bi bi-list-ol"></i> + <div class="label">list-ol</div> + </div> + <div class="icon"> + <i class="bi bi-list-stars"></i> + <div class="label">list-stars</div> + </div> + <div class="icon"> + <i class="bi bi-list-task"></i> + <div class="label">list-task</div> + </div> + <div class="icon"> + <i class="bi bi-list-ul"></i> + <div class="label">list-ul</div> + </div> + <div class="icon"> + <i class="bi bi-list"></i> + <div class="label">list</div> + </div> + <div class="icon"> + <i class="bi bi-lock-fill"></i> + <div class="label">lock-fill</div> + </div> + <div class="icon"> + <i class="bi bi-lock"></i> + <div class="label">lock</div> + </div> + <div class="icon"> + <i class="bi bi-lungs-fill"></i> + <div class="label">lungs-fill</div> + </div> + <div class="icon"> + <i class="bi bi-lungs"></i> + <div class="label">lungs</div> + </div> + <div class="icon"> + <i class="bi bi-magic"></i> + <div class="label">magic</div> + </div> + <div class="icon"> + <i class="bi bi-magnet-fill"></i> + <div class="label">magnet-fill</div> + </div> + <div class="icon"> + <i class="bi bi-magnet"></i> + <div class="label">magnet</div> + </div> + <div class="icon"> + <i class="bi bi-mailbox"></i> + <div class="label">mailbox</div> + </div> + <div class="icon"> + <i class="bi bi-mailbox2"></i> + <div class="label">mailbox2</div> + </div> + <div class="icon"> + <i class="bi bi-map-fill"></i> + <div class="label">map-fill</div> + </div> + <div class="icon"> + <i class="bi bi-map"></i> + <div class="label">map</div> + </div> + <div class="icon"> + <i class="bi bi-markdown-fill"></i> + <div class="label">markdown-fill</div> + </div> + <div class="icon"> + <i class="bi bi-markdown"></i> + <div class="label">markdown</div> + </div> + <div class="icon"> + <i class="bi bi-mask"></i> + <div class="label">mask</div> + </div> + <div class="icon"> + <i class="bi bi-mastodon"></i> + <div class="label">mastodon</div> + </div> + <div class="icon"> + <i class="bi bi-medium"></i> + <div class="label">medium</div> + </div> + <div class="icon"> + <i class="bi bi-megaphone-fill"></i> + <div class="label">megaphone-fill</div> + </div> + <div class="icon"> + <i class="bi bi-megaphone"></i> + <div class="label">megaphone</div> + </div> + <div class="icon"> + <i class="bi bi-memory"></i> + <div class="label">memory</div> + </div> + <div class="icon"> + <i class="bi bi-menu-app-fill"></i> + <div class="label">menu-app-fill</div> + </div> + <div class="icon"> + <i class="bi bi-menu-app"></i> + <div class="label">menu-app</div> + </div> + <div class="icon"> + <i class="bi bi-menu-button-fill"></i> + <div class="label">menu-button-fill</div> + </div> + <div class="icon"> + <i class="bi bi-menu-button-wide-fill"></i> + <div class="label">menu-button-wide-fill</div> + </div> + <div class="icon"> + <i class="bi bi-menu-button-wide"></i> + <div class="label">menu-button-wide</div> + </div> + <div class="icon"> + <i class="bi bi-menu-button"></i> + <div class="label">menu-button</div> + </div> + <div class="icon"> + <i class="bi bi-menu-down"></i> + <div class="label">menu-down</div> + </div> + <div class="icon"> + <i class="bi bi-menu-up"></i> + <div class="label">menu-up</div> + </div> + <div class="icon"> + <i class="bi bi-messenger"></i> + <div class="label">messenger</div> + </div> + <div class="icon"> + <i class="bi bi-meta"></i> + <div class="label">meta</div> + </div> + <div class="icon"> + <i class="bi bi-mic-fill"></i> + <div class="label">mic-fill</div> + </div> + <div class="icon"> + <i class="bi bi-mic-mute-fill"></i> + <div class="label">mic-mute-fill</div> + </div> + <div class="icon"> + <i class="bi bi-mic-mute"></i> + <div class="label">mic-mute</div> + </div> + <div class="icon"> + <i class="bi bi-mic"></i> + <div class="label">mic</div> + </div> + <div class="icon"> + <i class="bi bi-microsoft-teams"></i> + <div class="label">microsoft-teams</div> + </div> + <div class="icon"> + <i class="bi bi-microsoft"></i> + <div class="label">microsoft</div> + </div> + <div class="icon"> + <i class="bi bi-minecart-loaded"></i> + <div class="label">minecart-loaded</div> + </div> + <div class="icon"> + <i class="bi bi-minecart"></i> + <div class="label">minecart</div> + </div> + <div class="icon"> + <i class="bi bi-modem-fill"></i> + <div class="label">modem-fill</div> + </div> + <div class="icon"> + <i class="bi bi-modem"></i> + <div class="label">modem</div> + </div> + <div class="icon"> + <i class="bi bi-moisture"></i> + <div class="label">moisture</div> + </div> + <div class="icon"> + <i class="bi bi-moon-fill"></i> + <div class="label">moon-fill</div> + </div> + <div class="icon"> + <i class="bi bi-moon-stars-fill"></i> + <div class="label">moon-stars-fill</div> + </div> + <div class="icon"> + <i class="bi bi-moon-stars"></i> + <div class="label">moon-stars</div> + </div> + <div class="icon"> + <i class="bi bi-moon"></i> + <div class="label">moon</div> + </div> + <div class="icon"> + <i class="bi bi-mortarboard-fill"></i> + <div class="label">mortarboard-fill</div> + </div> + <div class="icon"> + <i class="bi bi-mortarboard"></i> + <div class="label">mortarboard</div> + </div> + <div class="icon"> + <i class="bi bi-motherboard-fill"></i> + <div class="label">motherboard-fill</div> + </div> + <div class="icon"> + <i class="bi bi-motherboard"></i> + <div class="label">motherboard</div> + </div> + <div class="icon"> + <i class="bi bi-mouse-fill"></i> + <div class="label">mouse-fill</div> + </div> + <div class="icon"> + <i class="bi bi-mouse"></i> + <div class="label">mouse</div> + </div> + <div class="icon"> + <i class="bi bi-mouse2-fill"></i> + <div class="label">mouse2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-mouse2"></i> + <div class="label">mouse2</div> + </div> + <div class="icon"> + <i class="bi bi-mouse3-fill"></i> + <div class="label">mouse3-fill</div> + </div> + <div class="icon"> + <i class="bi bi-mouse3"></i> + <div class="label">mouse3</div> + </div> + <div class="icon"> + <i class="bi bi-music-note-beamed"></i> + <div class="label">music-note-beamed</div> + </div> + <div class="icon"> + <i class="bi bi-music-note-list"></i> + <div class="label">music-note-list</div> + </div> + <div class="icon"> + <i class="bi bi-music-note"></i> + <div class="label">music-note</div> + </div> + <div class="icon"> + <i class="bi bi-music-player-fill"></i> + <div class="label">music-player-fill</div> + </div> + <div class="icon"> + <i class="bi bi-music-player"></i> + <div class="label">music-player</div> + </div> + <div class="icon"> + <i class="bi bi-newspaper"></i> + <div class="label">newspaper</div> + </div> + <div class="icon"> + <i class="bi bi-nintendo-switch"></i> + <div class="label">nintendo-switch</div> + </div> + <div class="icon"> + <i class="bi bi-node-minus-fill"></i> + <div class="label">node-minus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-node-minus"></i> + <div class="label">node-minus</div> + </div> + <div class="icon"> + <i class="bi bi-node-plus-fill"></i> + <div class="label">node-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-node-plus"></i> + <div class="label">node-plus</div> + </div> + <div class="icon"> + <i class="bi bi-nut-fill"></i> + <div class="label">nut-fill</div> + </div> + <div class="icon"> + <i class="bi bi-nut"></i> + <div class="label">nut</div> + </div> + <div class="icon"> + <i class="bi bi-octagon-fill"></i> + <div class="label">octagon-fill</div> + </div> + <div class="icon"> + <i class="bi bi-octagon-half"></i> + <div class="label">octagon-half</div> + </div> + <div class="icon"> + <i class="bi bi-octagon"></i> + <div class="label">octagon</div> + </div> + <div class="icon"> + <i class="bi bi-optical-audio-fill"></i> + <div class="label">optical-audio-fill</div> + </div> + <div class="icon"> + <i class="bi bi-optical-audio"></i> + <div class="label">optical-audio</div> + </div> + <div class="icon"> + <i class="bi bi-option"></i> + <div class="label">option</div> + </div> + <div class="icon"> + <i class="bi bi-outlet"></i> + <div class="label">outlet</div> + </div> + <div class="icon"> + <i class="bi bi-p-circle-fill"></i> + <div class="label">p-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-p-circle"></i> + <div class="label">p-circle</div> + </div> + <div class="icon"> + <i class="bi bi-p-square-fill"></i> + <div class="label">p-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-p-square"></i> + <div class="label">p-square</div> + </div> + <div class="icon"> + <i class="bi bi-paint-bucket"></i> + <div class="label">paint-bucket</div> + </div> + <div class="icon"> + <i class="bi bi-palette-fill"></i> + <div class="label">palette-fill</div> + </div> + <div class="icon"> + <i class="bi bi-palette"></i> + <div class="label">palette</div> + </div> + <div class="icon"> + <i class="bi bi-palette2"></i> + <div class="label">palette2</div> + </div> + <div class="icon"> + <i class="bi bi-paperclip"></i> + <div class="label">paperclip</div> + </div> + <div class="icon"> + <i class="bi bi-paragraph"></i> + <div class="label">paragraph</div> + </div> + <div class="icon"> + <i class="bi bi-pass-fill"></i> + <div class="label">pass-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pass"></i> + <div class="label">pass</div> + </div> + <div class="icon"> + <i class="bi bi-patch-check-fill"></i> + <div class="label">patch-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-patch-check"></i> + <div class="label">patch-check</div> + </div> + <div class="icon"> + <i class="bi bi-patch-exclamation-fill"></i> + <div class="label">patch-exclamation-fill</div> + </div> + <div class="icon"> + <i class="bi bi-patch-exclamation"></i> + <div class="label">patch-exclamation</div> + </div> + <div class="icon"> + <i class="bi bi-patch-minus-fill"></i> + <div class="label">patch-minus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-patch-minus"></i> + <div class="label">patch-minus</div> + </div> + <div class="icon"> + <i class="bi bi-patch-plus-fill"></i> + <div class="label">patch-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-patch-plus"></i> + <div class="label">patch-plus</div> + </div> + <div class="icon"> + <i class="bi bi-patch-question-fill"></i> + <div class="label">patch-question-fill</div> + </div> + <div class="icon"> + <i class="bi bi-patch-question"></i> + <div class="label">patch-question</div> + </div> + <div class="icon"> + <i class="bi bi-pause-btn-fill"></i> + <div class="label">pause-btn-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pause-btn"></i> + <div class="label">pause-btn</div> + </div> + <div class="icon"> + <i class="bi bi-pause-circle-fill"></i> + <div class="label">pause-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pause-circle"></i> + <div class="label">pause-circle</div> + </div> + <div class="icon"> + <i class="bi bi-pause-fill"></i> + <div class="label">pause-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pause"></i> + <div class="label">pause</div> + </div> + <div class="icon"> + <i class="bi bi-paypal"></i> + <div class="label">paypal</div> + </div> + <div class="icon"> + <i class="bi bi-pc-display-horizontal"></i> + <div class="label">pc-display-horizontal</div> + </div> + <div class="icon"> + <i class="bi bi-pc-display"></i> + <div class="label">pc-display</div> + </div> + <div class="icon"> + <i class="bi bi-pc-horizontal"></i> + <div class="label">pc-horizontal</div> + </div> + <div class="icon"> + <i class="bi bi-pc"></i> + <div class="label">pc</div> + </div> + <div class="icon"> + <i class="bi bi-pci-card"></i> + <div class="label">pci-card</div> + </div> + <div class="icon"> + <i class="bi bi-peace-fill"></i> + <div class="label">peace-fill</div> + </div> + <div class="icon"> + <i class="bi bi-peace"></i> + <div class="label">peace</div> + </div> + <div class="icon"> + <i class="bi bi-pen-fill"></i> + <div class="label">pen-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pen"></i> + <div class="label">pen</div> + </div> + <div class="icon"> + <i class="bi bi-pencil-fill"></i> + <div class="label">pencil-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pencil-square"></i> + <div class="label">pencil-square</div> + </div> + <div class="icon"> + <i class="bi bi-pencil"></i> + <div class="label">pencil</div> + </div> + <div class="icon"> + <i class="bi bi-pentagon-fill"></i> + <div class="label">pentagon-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pentagon-half"></i> + <div class="label">pentagon-half</div> + </div> + <div class="icon"> + <i class="bi bi-pentagon"></i> + <div class="label">pentagon</div> + </div> + <div class="icon"> + <i class="bi bi-people-fill"></i> + <div class="label">people-fill</div> + </div> + <div class="icon"> + <i class="bi bi-people"></i> + <div class="label">people</div> + </div> + <div class="icon"> + <i class="bi bi-percent"></i> + <div class="label">percent</div> + </div> + <div class="icon"> + <i class="bi bi-person-badge-fill"></i> + <div class="label">person-badge-fill</div> + </div> + <div class="icon"> + <i class="bi bi-person-badge"></i> + <div class="label">person-badge</div> + </div> + <div class="icon"> + <i class="bi bi-person-bounding-box"></i> + <div class="label">person-bounding-box</div> + </div> + <div class="icon"> + <i class="bi bi-person-check-fill"></i> + <div class="label">person-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-person-check"></i> + <div class="label">person-check</div> + </div> + <div class="icon"> + <i class="bi bi-person-circle"></i> + <div class="label">person-circle</div> + </div> + <div class="icon"> + <i class="bi bi-person-dash-fill"></i> + <div class="label">person-dash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-person-dash"></i> + <div class="label">person-dash</div> + </div> + <div class="icon"> + <i class="bi bi-person-fill"></i> + <div class="label">person-fill</div> + </div> + <div class="icon"> + <i class="bi bi-person-heart"></i> + <div class="label">person-heart</div> + </div> + <div class="icon"> + <i class="bi bi-person-hearts"></i> + <div class="label">person-hearts</div> + </div> + <div class="icon"> + <i class="bi bi-person-lines-fill"></i> + <div class="label">person-lines-fill</div> + </div> + <div class="icon"> + <i class="bi bi-person-plus-fill"></i> + <div class="label">person-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-person-plus"></i> + <div class="label">person-plus</div> + </div> + <div class="icon"> + <i class="bi bi-person-rolodex"></i> + <div class="label">person-rolodex</div> + </div> + <div class="icon"> + <i class="bi bi-person-square"></i> + <div class="label">person-square</div> + </div> + <div class="icon"> + <i class="bi bi-person-video"></i> + <div class="label">person-video</div> + </div> + <div class="icon"> + <i class="bi bi-person-video2"></i> + <div class="label">person-video2</div> + </div> + <div class="icon"> + <i class="bi bi-person-video3"></i> + <div class="label">person-video3</div> + </div> + <div class="icon"> + <i class="bi bi-person-workspace"></i> + <div class="label">person-workspace</div> + </div> + <div class="icon"> + <i class="bi bi-person-x-fill"></i> + <div class="label">person-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-person-x"></i> + <div class="label">person-x</div> + </div> + <div class="icon"> + <i class="bi bi-person"></i> + <div class="label">person</div> + </div> + <div class="icon"> + <i class="bi bi-phone-fill"></i> + <div class="label">phone-fill</div> + </div> + <div class="icon"> + <i class="bi bi-phone-flip"></i> + <div class="label">phone-flip</div> + </div> + <div class="icon"> + <i class="bi bi-phone-landscape-fill"></i> + <div class="label">phone-landscape-fill</div> + </div> + <div class="icon"> + <i class="bi bi-phone-landscape"></i> + <div class="label">phone-landscape</div> + </div> + <div class="icon"> + <i class="bi bi-phone-vibrate-fill"></i> + <div class="label">phone-vibrate-fill</div> + </div> + <div class="icon"> + <i class="bi bi-phone-vibrate"></i> + <div class="label">phone-vibrate</div> + </div> + <div class="icon"> + <i class="bi bi-phone"></i> + <div class="label">phone</div> + </div> + <div class="icon"> + <i class="bi bi-pie-chart-fill"></i> + <div class="label">pie-chart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pie-chart"></i> + <div class="label">pie-chart</div> + </div> + <div class="icon"> + <i class="bi bi-piggy-bank-fill"></i> + <div class="label">piggy-bank-fill</div> + </div> + <div class="icon"> + <i class="bi bi-piggy-bank"></i> + <div class="label">piggy-bank</div> + </div> + <div class="icon"> + <i class="bi bi-pin-angle-fill"></i> + <div class="label">pin-angle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pin-angle"></i> + <div class="label">pin-angle</div> + </div> + <div class="icon"> + <i class="bi bi-pin-fill"></i> + <div class="label">pin-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pin-map-fill"></i> + <div class="label">pin-map-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pin-map"></i> + <div class="label">pin-map</div> + </div> + <div class="icon"> + <i class="bi bi-pin"></i> + <div class="label">pin</div> + </div> + <div class="icon"> + <i class="bi bi-pinterest"></i> + <div class="label">pinterest</div> + </div> + <div class="icon"> + <i class="bi bi-pip-fill"></i> + <div class="label">pip-fill</div> + </div> + <div class="icon"> + <i class="bi bi-pip"></i> + <div class="label">pip</div> + </div> + <div class="icon"> + <i class="bi bi-play-btn-fill"></i> + <div class="label">play-btn-fill</div> + </div> + <div class="icon"> + <i class="bi bi-play-btn"></i> + <div class="label">play-btn</div> + </div> + <div class="icon"> + <i class="bi bi-play-circle-fill"></i> + <div class="label">play-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-play-circle"></i> + <div class="label">play-circle</div> + </div> + <div class="icon"> + <i class="bi bi-play-fill"></i> + <div class="label">play-fill</div> + </div> + <div class="icon"> + <i class="bi bi-play"></i> + <div class="label">play</div> + </div> + <div class="icon"> + <i class="bi bi-playstation"></i> + <div class="label">playstation</div> + </div> + <div class="icon"> + <i class="bi bi-plug-fill"></i> + <div class="label">plug-fill</div> + </div> + <div class="icon"> + <i class="bi bi-plug"></i> + <div class="label">plug</div> + </div> + <div class="icon"> + <i class="bi bi-plugin"></i> + <div class="label">plugin</div> + </div> + <div class="icon"> + <i class="bi bi-plus-circle-dotted"></i> + <div class="label">plus-circle-dotted</div> + </div> + <div class="icon"> + <i class="bi bi-plus-circle-fill"></i> + <div class="label">plus-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-plus-circle"></i> + <div class="label">plus-circle</div> + </div> + <div class="icon"> + <i class="bi bi-plus-lg"></i> + <div class="label">plus-lg</div> + </div> + <div class="icon"> + <i class="bi bi-plus-slash-minus"></i> + <div class="label">plus-slash-minus</div> + </div> + <div class="icon"> + <i class="bi bi-plus-square-dotted"></i> + <div class="label">plus-square-dotted</div> + </div> + <div class="icon"> + <i class="bi bi-plus-square-fill"></i> + <div class="label">plus-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-plus-square"></i> + <div class="label">plus-square</div> + </div> + <div class="icon"> + <i class="bi bi-plus"></i> + <div class="label">plus</div> + </div> + <div class="icon"> + <i class="bi bi-postage-fill"></i> + <div class="label">postage-fill</div> + </div> + <div class="icon"> + <i class="bi bi-postage-heart-fill"></i> + <div class="label">postage-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-postage-heart"></i> + <div class="label">postage-heart</div> + </div> + <div class="icon"> + <i class="bi bi-postage"></i> + <div class="label">postage</div> + </div> + <div class="icon"> + <i class="bi bi-postcard-fill"></i> + <div class="label">postcard-fill</div> + </div> + <div class="icon"> + <i class="bi bi-postcard-heart-fill"></i> + <div class="label">postcard-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-postcard-heart"></i> + <div class="label">postcard-heart</div> + </div> + <div class="icon"> + <i class="bi bi-postcard"></i> + <div class="label">postcard</div> + </div> + <div class="icon"> + <i class="bi bi-power"></i> + <div class="label">power</div> + </div> + <div class="icon"> + <i class="bi bi-prescription"></i> + <div class="label">prescription</div> + </div> + <div class="icon"> + <i class="bi bi-prescription2"></i> + <div class="label">prescription2</div> + </div> + <div class="icon"> + <i class="bi bi-printer-fill"></i> + <div class="label">printer-fill</div> + </div> + <div class="icon"> + <i class="bi bi-printer"></i> + <div class="label">printer</div> + </div> + <div class="icon"> + <i class="bi bi-projector-fill"></i> + <div class="label">projector-fill</div> + </div> + <div class="icon"> + <i class="bi bi-projector"></i> + <div class="label">projector</div> + </div> + <div class="icon"> + <i class="bi bi-puzzle-fill"></i> + <div class="label">puzzle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-puzzle"></i> + <div class="label">puzzle</div> + </div> + <div class="icon"> + <i class="bi bi-qr-code-scan"></i> + <div class="label">qr-code-scan</div> + </div> + <div class="icon"> + <i class="bi bi-qr-code"></i> + <div class="label">qr-code</div> + </div> + <div class="icon"> + <i class="bi bi-question-circle-fill"></i> + <div class="label">question-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-question-circle"></i> + <div class="label">question-circle</div> + </div> + <div class="icon"> + <i class="bi bi-question-diamond-fill"></i> + <div class="label">question-diamond-fill</div> + </div> + <div class="icon"> + <i class="bi bi-question-diamond"></i> + <div class="label">question-diamond</div> + </div> + <div class="icon"> + <i class="bi bi-question-lg"></i> + <div class="label">question-lg</div> + </div> + <div class="icon"> + <i class="bi bi-question-octagon-fill"></i> + <div class="label">question-octagon-fill</div> + </div> + <div class="icon"> + <i class="bi bi-question-octagon"></i> + <div class="label">question-octagon</div> + </div> + <div class="icon"> + <i class="bi bi-question-square-fill"></i> + <div class="label">question-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-question-square"></i> + <div class="label">question-square</div> + </div> + <div class="icon"> + <i class="bi bi-question"></i> + <div class="label">question</div> + </div> + <div class="icon"> + <i class="bi bi-quora"></i> + <div class="label">quora</div> + </div> + <div class="icon"> + <i class="bi bi-quote"></i> + <div class="label">quote</div> + </div> + <div class="icon"> + <i class="bi bi-r-circle-fill"></i> + <div class="label">r-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-r-circle"></i> + <div class="label">r-circle</div> + </div> + <div class="icon"> + <i class="bi bi-r-square-fill"></i> + <div class="label">r-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-r-square"></i> + <div class="label">r-square</div> + </div> + <div class="icon"> + <i class="bi bi-radioactive"></i> + <div class="label">radioactive</div> + </div> + <div class="icon"> + <i class="bi bi-rainbow"></i> + <div class="label">rainbow</div> + </div> + <div class="icon"> + <i class="bi bi-receipt-cutoff"></i> + <div class="label">receipt-cutoff</div> + </div> + <div class="icon"> + <i class="bi bi-receipt"></i> + <div class="label">receipt</div> + </div> + <div class="icon"> + <i class="bi bi-reception-0"></i> + <div class="label">reception-0</div> + </div> + <div class="icon"> + <i class="bi bi-reception-1"></i> + <div class="label">reception-1</div> + </div> + <div class="icon"> + <i class="bi bi-reception-2"></i> + <div class="label">reception-2</div> + </div> + <div class="icon"> + <i class="bi bi-reception-3"></i> + <div class="label">reception-3</div> + </div> + <div class="icon"> + <i class="bi bi-reception-4"></i> + <div class="label">reception-4</div> + </div> + <div class="icon"> + <i class="bi bi-record-btn-fill"></i> + <div class="label">record-btn-fill</div> + </div> + <div class="icon"> + <i class="bi bi-record-btn"></i> + <div class="label">record-btn</div> + </div> + <div class="icon"> + <i class="bi bi-record-circle-fill"></i> + <div class="label">record-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-record-circle"></i> + <div class="label">record-circle</div> + </div> + <div class="icon"> + <i class="bi bi-record-fill"></i> + <div class="label">record-fill</div> + </div> + <div class="icon"> + <i class="bi bi-record"></i> + <div class="label">record</div> + </div> + <div class="icon"> + <i class="bi bi-record2-fill"></i> + <div class="label">record2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-record2"></i> + <div class="label">record2</div> + </div> + <div class="icon"> + <i class="bi bi-recycle"></i> + <div class="label">recycle</div> + </div> + <div class="icon"> + <i class="bi bi-reddit"></i> + <div class="label">reddit</div> + </div> + <div class="icon"> + <i class="bi bi-repeat-1"></i> + <div class="label">repeat-1</div> + </div> + <div class="icon"> + <i class="bi bi-repeat"></i> + <div class="label">repeat</div> + </div> + <div class="icon"> + <i class="bi bi-reply-all-fill"></i> + <div class="label">reply-all-fill</div> + </div> + <div class="icon"> + <i class="bi bi-reply-all"></i> + <div class="label">reply-all</div> + </div> + <div class="icon"> + <i class="bi bi-reply-fill"></i> + <div class="label">reply-fill</div> + </div> + <div class="icon"> + <i class="bi bi-reply"></i> + <div class="label">reply</div> + </div> + <div class="icon"> + <i class="bi bi-rewind-btn-fill"></i> + <div class="label">rewind-btn-fill</div> + </div> + <div class="icon"> + <i class="bi bi-rewind-btn"></i> + <div class="label">rewind-btn</div> + </div> + <div class="icon"> + <i class="bi bi-rewind-circle-fill"></i> + <div class="label">rewind-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-rewind-circle"></i> + <div class="label">rewind-circle</div> + </div> + <div class="icon"> + <i class="bi bi-rewind-fill"></i> + <div class="label">rewind-fill</div> + </div> + <div class="icon"> + <i class="bi bi-rewind"></i> + <div class="label">rewind</div> + </div> + <div class="icon"> + <i class="bi bi-robot"></i> + <div class="label">robot</div> + </div> + <div class="icon"> + <i class="bi bi-router-fill"></i> + <div class="label">router-fill</div> + </div> + <div class="icon"> + <i class="bi bi-router"></i> + <div class="label">router</div> + </div> + <div class="icon"> + <i class="bi bi-rss-fill"></i> + <div class="label">rss-fill</div> + </div> + <div class="icon"> + <i class="bi bi-rss"></i> + <div class="label">rss</div> + </div> + <div class="icon"> + <i class="bi bi-rulers"></i> + <div class="label">rulers</div> + </div> + <div class="icon"> + <i class="bi bi-safe-fill"></i> + <div class="label">safe-fill</div> + </div> + <div class="icon"> + <i class="bi bi-safe"></i> + <div class="label">safe</div> + </div> + <div class="icon"> + <i class="bi bi-safe2-fill"></i> + <div class="label">safe2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-safe2"></i> + <div class="label">safe2</div> + </div> + <div class="icon"> + <i class="bi bi-save-fill"></i> + <div class="label">save-fill</div> + </div> + <div class="icon"> + <i class="bi bi-save"></i> + <div class="label">save</div> + </div> + <div class="icon"> + <i class="bi bi-save2-fill"></i> + <div class="label">save2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-save2"></i> + <div class="label">save2</div> + </div> + <div class="icon"> + <i class="bi bi-scissors"></i> + <div class="label">scissors</div> + </div> + <div class="icon"> + <i class="bi bi-screwdriver"></i> + <div class="label">screwdriver</div> + </div> + <div class="icon"> + <i class="bi bi-sd-card-fill"></i> + <div class="label">sd-card-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sd-card"></i> + <div class="label">sd-card</div> + </div> + <div class="icon"> + <i class="bi bi-search-heart-fill"></i> + <div class="label">search-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-search-heart"></i> + <div class="label">search-heart</div> + </div> + <div class="icon"> + <i class="bi bi-search"></i> + <div class="label">search</div> + </div> + <div class="icon"> + <i class="bi bi-segmented-nav"></i> + <div class="label">segmented-nav</div> + </div> + <div class="icon"> + <i class="bi bi-send-check-fill"></i> + <div class="label">send-check-fill</div> + </div> + <div class="icon"> + <i class="bi bi-send-check"></i> + <div class="label">send-check</div> + </div> + <div class="icon"> + <i class="bi bi-send-dash-fill"></i> + <div class="label">send-dash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-send-dash"></i> + <div class="label">send-dash</div> + </div> + <div class="icon"> + <i class="bi bi-send-exclamation-fill"></i> + <div class="label">send-exclamation-fill</div> + </div> + <div class="icon"> + <i class="bi bi-send-exclamation"></i> + <div class="label">send-exclamation</div> + </div> + <div class="icon"> + <i class="bi bi-send-fill"></i> + <div class="label">send-fill</div> + </div> + <div class="icon"> + <i class="bi bi-send-plus-fill"></i> + <div class="label">send-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-send-plus"></i> + <div class="label">send-plus</div> + </div> + <div class="icon"> + <i class="bi bi-send-slash-fill"></i> + <div class="label">send-slash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-send-slash"></i> + <div class="label">send-slash</div> + </div> + <div class="icon"> + <i class="bi bi-send-x-fill"></i> + <div class="label">send-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-send-x"></i> + <div class="label">send-x</div> + </div> + <div class="icon"> + <i class="bi bi-send"></i> + <div class="label">send</div> + </div> + <div class="icon"> + <i class="bi bi-server"></i> + <div class="label">server</div> + </div> + <div class="icon"> + <i class="bi bi-share-fill"></i> + <div class="label">share-fill</div> + </div> + <div class="icon"> + <i class="bi bi-share"></i> + <div class="label">share</div> + </div> + <div class="icon"> + <i class="bi bi-shield-check"></i> + <div class="label">shield-check</div> + </div> + <div class="icon"> + <i class="bi bi-shield-exclamation"></i> + <div class="label">shield-exclamation</div> + </div> + <div class="icon"> + <i class="bi bi-shield-fill-check"></i> + <div class="label">shield-fill-check</div> + </div> + <div class="icon"> + <i class="bi bi-shield-fill-exclamation"></i> + <div class="label">shield-fill-exclamation</div> + </div> + <div class="icon"> + <i class="bi bi-shield-fill-minus"></i> + <div class="label">shield-fill-minus</div> + </div> + <div class="icon"> + <i class="bi bi-shield-fill-plus"></i> + <div class="label">shield-fill-plus</div> + </div> + <div class="icon"> + <i class="bi bi-shield-fill-x"></i> + <div class="label">shield-fill-x</div> + </div> + <div class="icon"> + <i class="bi bi-shield-fill"></i> + <div class="label">shield-fill</div> + </div> + <div class="icon"> + <i class="bi bi-shield-lock-fill"></i> + <div class="label">shield-lock-fill</div> + </div> + <div class="icon"> + <i class="bi bi-shield-lock"></i> + <div class="label">shield-lock</div> + </div> + <div class="icon"> + <i class="bi bi-shield-minus"></i> + <div class="label">shield-minus</div> + </div> + <div class="icon"> + <i class="bi bi-shield-plus"></i> + <div class="label">shield-plus</div> + </div> + <div class="icon"> + <i class="bi bi-shield-shaded"></i> + <div class="label">shield-shaded</div> + </div> + <div class="icon"> + <i class="bi bi-shield-slash-fill"></i> + <div class="label">shield-slash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-shield-slash"></i> + <div class="label">shield-slash</div> + </div> + <div class="icon"> + <i class="bi bi-shield-x"></i> + <div class="label">shield-x</div> + </div> + <div class="icon"> + <i class="bi bi-shield"></i> + <div class="label">shield</div> + </div> + <div class="icon"> + <i class="bi bi-shift-fill"></i> + <div class="label">shift-fill</div> + </div> + <div class="icon"> + <i class="bi bi-shift"></i> + <div class="label">shift</div> + </div> + <div class="icon"> + <i class="bi bi-shop-window"></i> + <div class="label">shop-window</div> + </div> + <div class="icon"> + <i class="bi bi-shop"></i> + <div class="label">shop</div> + </div> + <div class="icon"> + <i class="bi bi-shuffle"></i> + <div class="label">shuffle</div> + </div> + <div class="icon"> + <i class="bi bi-sign-stop-fill"></i> + <div class="label">sign-stop-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sign-stop-lights-fill"></i> + <div class="label">sign-stop-lights-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sign-stop-lights"></i> + <div class="label">sign-stop-lights</div> + </div> + <div class="icon"> + <i class="bi bi-sign-stop"></i> + <div class="label">sign-stop</div> + </div> + <div class="icon"> + <i class="bi bi-sign-turn-left-fill"></i> + <div class="label">sign-turn-left-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sign-turn-left"></i> + <div class="label">sign-turn-left</div> + </div> + <div class="icon"> + <i class="bi bi-sign-turn-right-fill"></i> + <div class="label">sign-turn-right-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sign-turn-right"></i> + <div class="label">sign-turn-right</div> + </div> + <div class="icon"> + <i class="bi bi-sign-turn-slight-left-fill"></i> + <div class="label">sign-turn-slight-left-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sign-turn-slight-left"></i> + <div class="label">sign-turn-slight-left</div> + </div> + <div class="icon"> + <i class="bi bi-sign-turn-slight-right-fill"></i> + <div class="label">sign-turn-slight-right-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sign-turn-slight-right"></i> + <div class="label">sign-turn-slight-right</div> + </div> + <div class="icon"> + <i class="bi bi-sign-yield-fill"></i> + <div class="label">sign-yield-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sign-yield"></i> + <div class="label">sign-yield</div> + </div> + <div class="icon"> + <i class="bi bi-signal"></i> + <div class="label">signal</div> + </div> + <div class="icon"> + <i class="bi bi-signpost-2-fill"></i> + <div class="label">signpost-2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-signpost-2"></i> + <div class="label">signpost-2</div> + </div> + <div class="icon"> + <i class="bi bi-signpost-fill"></i> + <div class="label">signpost-fill</div> + </div> + <div class="icon"> + <i class="bi bi-signpost-split-fill"></i> + <div class="label">signpost-split-fill</div> + </div> + <div class="icon"> + <i class="bi bi-signpost-split"></i> + <div class="label">signpost-split</div> + </div> + <div class="icon"> + <i class="bi bi-signpost"></i> + <div class="label">signpost</div> + </div> + <div class="icon"> + <i class="bi bi-sim-fill"></i> + <div class="label">sim-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sim"></i> + <div class="label">sim</div> + </div> + <div class="icon"> + <i class="bi bi-skip-backward-btn-fill"></i> + <div class="label">skip-backward-btn-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-backward-btn"></i> + <div class="label">skip-backward-btn</div> + </div> + <div class="icon"> + <i class="bi bi-skip-backward-circle-fill"></i> + <div class="label">skip-backward-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-backward-circle"></i> + <div class="label">skip-backward-circle</div> + </div> + <div class="icon"> + <i class="bi bi-skip-backward-fill"></i> + <div class="label">skip-backward-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-backward"></i> + <div class="label">skip-backward</div> + </div> + <div class="icon"> + <i class="bi bi-skip-end-btn-fill"></i> + <div class="label">skip-end-btn-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-end-btn"></i> + <div class="label">skip-end-btn</div> + </div> + <div class="icon"> + <i class="bi bi-skip-end-circle-fill"></i> + <div class="label">skip-end-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-end-circle"></i> + <div class="label">skip-end-circle</div> + </div> + <div class="icon"> + <i class="bi bi-skip-end-fill"></i> + <div class="label">skip-end-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-end"></i> + <div class="label">skip-end</div> + </div> + <div class="icon"> + <i class="bi bi-skip-forward-btn-fill"></i> + <div class="label">skip-forward-btn-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-forward-btn"></i> + <div class="label">skip-forward-btn</div> + </div> + <div class="icon"> + <i class="bi bi-skip-forward-circle-fill"></i> + <div class="label">skip-forward-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-forward-circle"></i> + <div class="label">skip-forward-circle</div> + </div> + <div class="icon"> + <i class="bi bi-skip-forward-fill"></i> + <div class="label">skip-forward-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-forward"></i> + <div class="label">skip-forward</div> + </div> + <div class="icon"> + <i class="bi bi-skip-start-btn-fill"></i> + <div class="label">skip-start-btn-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-start-btn"></i> + <div class="label">skip-start-btn</div> + </div> + <div class="icon"> + <i class="bi bi-skip-start-circle-fill"></i> + <div class="label">skip-start-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-start-circle"></i> + <div class="label">skip-start-circle</div> + </div> + <div class="icon"> + <i class="bi bi-skip-start-fill"></i> + <div class="label">skip-start-fill</div> + </div> + <div class="icon"> + <i class="bi bi-skip-start"></i> + <div class="label">skip-start</div> + </div> + <div class="icon"> + <i class="bi bi-skype"></i> + <div class="label">skype</div> + </div> + <div class="icon"> + <i class="bi bi-slack"></i> + <div class="label">slack</div> + </div> + <div class="icon"> + <i class="bi bi-slash-circle-fill"></i> + <div class="label">slash-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-slash-circle"></i> + <div class="label">slash-circle</div> + </div> + <div class="icon"> + <i class="bi bi-slash-lg"></i> + <div class="label">slash-lg</div> + </div> + <div class="icon"> + <i class="bi bi-slash-square-fill"></i> + <div class="label">slash-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-slash-square"></i> + <div class="label">slash-square</div> + </div> + <div class="icon"> + <i class="bi bi-slash"></i> + <div class="label">slash</div> + </div> + <div class="icon"> + <i class="bi bi-sliders"></i> + <div class="label">sliders</div> + </div> + <div class="icon"> + <i class="bi bi-sliders2-vertical"></i> + <div class="label">sliders2-vertical</div> + </div> + <div class="icon"> + <i class="bi bi-sliders2"></i> + <div class="label">sliders2</div> + </div> + <div class="icon"> + <i class="bi bi-smartwatch"></i> + <div class="label">smartwatch</div> + </div> + <div class="icon"> + <i class="bi bi-snapchat"></i> + <div class="label">snapchat</div> + </div> + <div class="icon"> + <i class="bi bi-snow"></i> + <div class="label">snow</div> + </div> + <div class="icon"> + <i class="bi bi-snow2"></i> + <div class="label">snow2</div> + </div> + <div class="icon"> + <i class="bi bi-snow3"></i> + <div class="label">snow3</div> + </div> + <div class="icon"> + <i class="bi bi-sort-alpha-down-alt"></i> + <div class="label">sort-alpha-down-alt</div> + </div> + <div class="icon"> + <i class="bi bi-sort-alpha-down"></i> + <div class="label">sort-alpha-down</div> + </div> + <div class="icon"> + <i class="bi bi-sort-alpha-up-alt"></i> + <div class="label">sort-alpha-up-alt</div> + </div> + <div class="icon"> + <i class="bi bi-sort-alpha-up"></i> + <div class="label">sort-alpha-up</div> + </div> + <div class="icon"> + <i class="bi bi-sort-down-alt"></i> + <div class="label">sort-down-alt</div> + </div> + <div class="icon"> + <i class="bi bi-sort-down"></i> + <div class="label">sort-down</div> + </div> + <div class="icon"> + <i class="bi bi-sort-numeric-down-alt"></i> + <div class="label">sort-numeric-down-alt</div> + </div> + <div class="icon"> + <i class="bi bi-sort-numeric-down"></i> + <div class="label">sort-numeric-down</div> + </div> + <div class="icon"> + <i class="bi bi-sort-numeric-up-alt"></i> + <div class="label">sort-numeric-up-alt</div> + </div> + <div class="icon"> + <i class="bi bi-sort-numeric-up"></i> + <div class="label">sort-numeric-up</div> + </div> + <div class="icon"> + <i class="bi bi-sort-up-alt"></i> + <div class="label">sort-up-alt</div> + </div> + <div class="icon"> + <i class="bi bi-sort-up"></i> + <div class="label">sort-up</div> + </div> + <div class="icon"> + <i class="bi bi-soundwave"></i> + <div class="label">soundwave</div> + </div> + <div class="icon"> + <i class="bi bi-speaker-fill"></i> + <div class="label">speaker-fill</div> + </div> + <div class="icon"> + <i class="bi bi-speaker"></i> + <div class="label">speaker</div> + </div> + <div class="icon"> + <i class="bi bi-speedometer"></i> + <div class="label">speedometer</div> + </div> + <div class="icon"> + <i class="bi bi-speedometer2"></i> + <div class="label">speedometer2</div> + </div> + <div class="icon"> + <i class="bi bi-spellcheck"></i> + <div class="label">spellcheck</div> + </div> + <div class="icon"> + <i class="bi bi-spotify"></i> + <div class="label">spotify</div> + </div> + <div class="icon"> + <i class="bi bi-square-fill"></i> + <div class="label">square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-square-half"></i> + <div class="label">square-half</div> + </div> + <div class="icon"> + <i class="bi bi-square"></i> + <div class="label">square</div> + </div> + <div class="icon"> + <i class="bi bi-stack-overflow"></i> + <div class="label">stack-overflow</div> + </div> + <div class="icon"> + <i class="bi bi-stack"></i> + <div class="label">stack</div> + </div> + <div class="icon"> + <i class="bi bi-star-fill"></i> + <div class="label">star-fill</div> + </div> + <div class="icon"> + <i class="bi bi-star-half"></i> + <div class="label">star-half</div> + </div> + <div class="icon"> + <i class="bi bi-star"></i> + <div class="label">star</div> + </div> + <div class="icon"> + <i class="bi bi-stars"></i> + <div class="label">stars</div> + </div> + <div class="icon"> + <i class="bi bi-steam"></i> + <div class="label">steam</div> + </div> + <div class="icon"> + <i class="bi bi-stickies-fill"></i> + <div class="label">stickies-fill</div> + </div> + <div class="icon"> + <i class="bi bi-stickies"></i> + <div class="label">stickies</div> + </div> + <div class="icon"> + <i class="bi bi-sticky-fill"></i> + <div class="label">sticky-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sticky"></i> + <div class="label">sticky</div> + </div> + <div class="icon"> + <i class="bi bi-stop-btn-fill"></i> + <div class="label">stop-btn-fill</div> + </div> + <div class="icon"> + <i class="bi bi-stop-btn"></i> + <div class="label">stop-btn</div> + </div> + <div class="icon"> + <i class="bi bi-stop-circle-fill"></i> + <div class="label">stop-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-stop-circle"></i> + <div class="label">stop-circle</div> + </div> + <div class="icon"> + <i class="bi bi-stop-fill"></i> + <div class="label">stop-fill</div> + </div> + <div class="icon"> + <i class="bi bi-stop"></i> + <div class="label">stop</div> + </div> + <div class="icon"> + <i class="bi bi-stoplights-fill"></i> + <div class="label">stoplights-fill</div> + </div> + <div class="icon"> + <i class="bi bi-stoplights"></i> + <div class="label">stoplights</div> + </div> + <div class="icon"> + <i class="bi bi-stopwatch-fill"></i> + <div class="label">stopwatch-fill</div> + </div> + <div class="icon"> + <i class="bi bi-stopwatch"></i> + <div class="label">stopwatch</div> + </div> + <div class="icon"> + <i class="bi bi-strava"></i> + <div class="label">strava</div> + </div> + <div class="icon"> + <i class="bi bi-subtract"></i> + <div class="label">subtract</div> + </div> + <div class="icon"> + <i class="bi bi-suit-club-fill"></i> + <div class="label">suit-club-fill</div> + </div> + <div class="icon"> + <i class="bi bi-suit-club"></i> + <div class="label">suit-club</div> + </div> + <div class="icon"> + <i class="bi bi-suit-diamond-fill"></i> + <div class="label">suit-diamond-fill</div> + </div> + <div class="icon"> + <i class="bi bi-suit-diamond"></i> + <div class="label">suit-diamond</div> + </div> + <div class="icon"> + <i class="bi bi-suit-heart-fill"></i> + <div class="label">suit-heart-fill</div> + </div> + <div class="icon"> + <i class="bi bi-suit-heart"></i> + <div class="label">suit-heart</div> + </div> + <div class="icon"> + <i class="bi bi-suit-spade-fill"></i> + <div class="label">suit-spade-fill</div> + </div> + <div class="icon"> + <i class="bi bi-suit-spade"></i> + <div class="label">suit-spade</div> + </div> + <div class="icon"> + <i class="bi bi-sun-fill"></i> + <div class="label">sun-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sun"></i> + <div class="label">sun</div> + </div> + <div class="icon"> + <i class="bi bi-sunglasses"></i> + <div class="label">sunglasses</div> + </div> + <div class="icon"> + <i class="bi bi-sunrise-fill"></i> + <div class="label">sunrise-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sunrise"></i> + <div class="label">sunrise</div> + </div> + <div class="icon"> + <i class="bi bi-sunset-fill"></i> + <div class="label">sunset-fill</div> + </div> + <div class="icon"> + <i class="bi bi-sunset"></i> + <div class="label">sunset</div> + </div> + <div class="icon"> + <i class="bi bi-symmetry-horizontal"></i> + <div class="label">symmetry-horizontal</div> + </div> + <div class="icon"> + <i class="bi bi-symmetry-vertical"></i> + <div class="label">symmetry-vertical</div> + </div> + <div class="icon"> + <i class="bi bi-table"></i> + <div class="label">table</div> + </div> + <div class="icon"> + <i class="bi bi-tablet-fill"></i> + <div class="label">tablet-fill</div> + </div> + <div class="icon"> + <i class="bi bi-tablet-landscape-fill"></i> + <div class="label">tablet-landscape-fill</div> + </div> + <div class="icon"> + <i class="bi bi-tablet-landscape"></i> + <div class="label">tablet-landscape</div> + </div> + <div class="icon"> + <i class="bi bi-tablet"></i> + <div class="label">tablet</div> + </div> + <div class="icon"> + <i class="bi bi-tag-fill"></i> + <div class="label">tag-fill</div> + </div> + <div class="icon"> + <i class="bi bi-tag"></i> + <div class="label">tag</div> + </div> + <div class="icon"> + <i class="bi bi-tags-fill"></i> + <div class="label">tags-fill</div> + </div> + <div class="icon"> + <i class="bi bi-tags"></i> + <div class="label">tags</div> + </div> + <div class="icon"> + <i class="bi bi-telegram"></i> + <div class="label">telegram</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-fill"></i> + <div class="label">telephone-fill</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-forward-fill"></i> + <div class="label">telephone-forward-fill</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-forward"></i> + <div class="label">telephone-forward</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-inbound-fill"></i> + <div class="label">telephone-inbound-fill</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-inbound"></i> + <div class="label">telephone-inbound</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-minus-fill"></i> + <div class="label">telephone-minus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-minus"></i> + <div class="label">telephone-minus</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-outbound-fill"></i> + <div class="label">telephone-outbound-fill</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-outbound"></i> + <div class="label">telephone-outbound</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-plus-fill"></i> + <div class="label">telephone-plus-fill</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-plus"></i> + <div class="label">telephone-plus</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-x-fill"></i> + <div class="label">telephone-x-fill</div> + </div> + <div class="icon"> + <i class="bi bi-telephone-x"></i> + <div class="label">telephone-x</div> + </div> + <div class="icon"> + <i class="bi bi-telephone"></i> + <div class="label">telephone</div> + </div> + <div class="icon"> + <i class="bi bi-terminal-dash"></i> + <div class="label">terminal-dash</div> + </div> + <div class="icon"> + <i class="bi bi-terminal-fill"></i> + <div class="label">terminal-fill</div> + </div> + <div class="icon"> + <i class="bi bi-terminal-plus"></i> + <div class="label">terminal-plus</div> + </div> + <div class="icon"> + <i class="bi bi-terminal-split"></i> + <div class="label">terminal-split</div> + </div> + <div class="icon"> + <i class="bi bi-terminal-x"></i> + <div class="label">terminal-x</div> + </div> + <div class="icon"> + <i class="bi bi-terminal"></i> + <div class="label">terminal</div> + </div> + <div class="icon"> + <i class="bi bi-text-center"></i> + <div class="label">text-center</div> + </div> + <div class="icon"> + <i class="bi bi-text-indent-left"></i> + <div class="label">text-indent-left</div> + </div> + <div class="icon"> + <i class="bi bi-text-indent-right"></i> + <div class="label">text-indent-right</div> + </div> + <div class="icon"> + <i class="bi bi-text-left"></i> + <div class="label">text-left</div> + </div> + <div class="icon"> + <i class="bi bi-text-paragraph"></i> + <div class="label">text-paragraph</div> + </div> + <div class="icon"> + <i class="bi bi-text-right"></i> + <div class="label">text-right</div> + </div> + <div class="icon"> + <i class="bi bi-textarea-resize"></i> + <div class="label">textarea-resize</div> + </div> + <div class="icon"> + <i class="bi bi-textarea-t"></i> + <div class="label">textarea-t</div> + </div> + <div class="icon"> + <i class="bi bi-textarea"></i> + <div class="label">textarea</div> + </div> + <div class="icon"> + <i class="bi bi-thermometer-half"></i> + <div class="label">thermometer-half</div> + </div> + <div class="icon"> + <i class="bi bi-thermometer-high"></i> + <div class="label">thermometer-high</div> + </div> + <div class="icon"> + <i class="bi bi-thermometer-low"></i> + <div class="label">thermometer-low</div> + </div> + <div class="icon"> + <i class="bi bi-thermometer-snow"></i> + <div class="label">thermometer-snow</div> + </div> + <div class="icon"> + <i class="bi bi-thermometer-sun"></i> + <div class="label">thermometer-sun</div> + </div> + <div class="icon"> + <i class="bi bi-thermometer"></i> + <div class="label">thermometer</div> + </div> + <div class="icon"> + <i class="bi bi-three-dots-vertical"></i> + <div class="label">three-dots-vertical</div> + </div> + <div class="icon"> + <i class="bi bi-three-dots"></i> + <div class="label">three-dots</div> + </div> + <div class="icon"> + <i class="bi bi-thunderbolt-fill"></i> + <div class="label">thunderbolt-fill</div> + </div> + <div class="icon"> + <i class="bi bi-thunderbolt"></i> + <div class="label">thunderbolt</div> + </div> + <div class="icon"> + <i class="bi bi-ticket-detailed-fill"></i> + <div class="label">ticket-detailed-fill</div> + </div> + <div class="icon"> + <i class="bi bi-ticket-detailed"></i> + <div class="label">ticket-detailed</div> + </div> + <div class="icon"> + <i class="bi bi-ticket-fill"></i> + <div class="label">ticket-fill</div> + </div> + <div class="icon"> + <i class="bi bi-ticket-perforated-fill"></i> + <div class="label">ticket-perforated-fill</div> + </div> + <div class="icon"> + <i class="bi bi-ticket-perforated"></i> + <div class="label">ticket-perforated</div> + </div> + <div class="icon"> + <i class="bi bi-ticket"></i> + <div class="label">ticket</div> + </div> + <div class="icon"> + <i class="bi bi-tiktok"></i> + <div class="label">tiktok</div> + </div> + <div class="icon"> + <i class="bi bi-toggle-off"></i> + <div class="label">toggle-off</div> + </div> + <div class="icon"> + <i class="bi bi-toggle-on"></i> + <div class="label">toggle-on</div> + </div> + <div class="icon"> + <i class="bi bi-toggle2-off"></i> + <div class="label">toggle2-off</div> + </div> + <div class="icon"> + <i class="bi bi-toggle2-on"></i> + <div class="label">toggle2-on</div> + </div> + <div class="icon"> + <i class="bi bi-toggles"></i> + <div class="label">toggles</div> + </div> + <div class="icon"> + <i class="bi bi-toggles2"></i> + <div class="label">toggles2</div> + </div> + <div class="icon"> + <i class="bi bi-tools"></i> + <div class="label">tools</div> + </div> + <div class="icon"> + <i class="bi bi-tornado"></i> + <div class="label">tornado</div> + </div> + <div class="icon"> + <i class="bi bi-train-freight-front-fill"></i> + <div class="label">train-freight-front-fill</div> + </div> + <div class="icon"> + <i class="bi bi-train-freight-front"></i> + <div class="label">train-freight-front</div> + </div> + <div class="icon"> + <i class="bi bi-train-front-fill"></i> + <div class="label">train-front-fill</div> + </div> + <div class="icon"> + <i class="bi bi-train-front"></i> + <div class="label">train-front</div> + </div> + <div class="icon"> + <i class="bi bi-train-lightrail-front-fill"></i> + <div class="label">train-lightrail-front-fill</div> + </div> + <div class="icon"> + <i class="bi bi-train-lightrail-front"></i> + <div class="label">train-lightrail-front</div> + </div> + <div class="icon"> + <i class="bi bi-translate"></i> + <div class="label">translate</div> + </div> + <div class="icon"> + <i class="bi bi-trash-fill"></i> + <div class="label">trash-fill</div> + </div> + <div class="icon"> + <i class="bi bi-trash"></i> + <div class="label">trash</div> + </div> + <div class="icon"> + <i class="bi bi-trash2-fill"></i> + <div class="label">trash2-fill</div> + </div> + <div class="icon"> + <i class="bi bi-trash2"></i> + <div class="label">trash2</div> + </div> + <div class="icon"> + <i class="bi bi-trash3-fill"></i> + <div class="label">trash3-fill</div> + </div> + <div class="icon"> + <i class="bi bi-trash3"></i> + <div class="label">trash3</div> + </div> + <div class="icon"> + <i class="bi bi-tree-fill"></i> + <div class="label">tree-fill</div> + </div> + <div class="icon"> + <i class="bi bi-tree"></i> + <div class="label">tree</div> + </div> + <div class="icon"> + <i class="bi bi-triangle-fill"></i> + <div class="label">triangle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-triangle-half"></i> + <div class="label">triangle-half</div> + </div> + <div class="icon"> + <i class="bi bi-triangle"></i> + <div class="label">triangle</div> + </div> + <div class="icon"> + <i class="bi bi-trophy-fill"></i> + <div class="label">trophy-fill</div> + </div> + <div class="icon"> + <i class="bi bi-trophy"></i> + <div class="label">trophy</div> + </div> + <div class="icon"> + <i class="bi bi-tropical-storm"></i> + <div class="label">tropical-storm</div> + </div> + <div class="icon"> + <i class="bi bi-truck-flatbed"></i> + <div class="label">truck-flatbed</div> + </div> + <div class="icon"> + <i class="bi bi-truck-front-fill"></i> + <div class="label">truck-front-fill</div> + </div> + <div class="icon"> + <i class="bi bi-truck-front"></i> + <div class="label">truck-front</div> + </div> + <div class="icon"> + <i class="bi bi-truck"></i> + <div class="label">truck</div> + </div> + <div class="icon"> + <i class="bi bi-tsunami"></i> + <div class="label">tsunami</div> + </div> + <div class="icon"> + <i class="bi bi-tv-fill"></i> + <div class="label">tv-fill</div> + </div> + <div class="icon"> + <i class="bi bi-tv"></i> + <div class="label">tv</div> + </div> + <div class="icon"> + <i class="bi bi-twitch"></i> + <div class="label">twitch</div> + </div> + <div class="icon"> + <i class="bi bi-twitter"></i> + <div class="label">twitter</div> + </div> + <div class="icon"> + <i class="bi bi-type-bold"></i> + <div class="label">type-bold</div> + </div> + <div class="icon"> + <i class="bi bi-type-h1"></i> + <div class="label">type-h1</div> + </div> + <div class="icon"> + <i class="bi bi-type-h2"></i> + <div class="label">type-h2</div> + </div> + <div class="icon"> + <i class="bi bi-type-h3"></i> + <div class="label">type-h3</div> + </div> + <div class="icon"> + <i class="bi bi-type-italic"></i> + <div class="label">type-italic</div> + </div> + <div class="icon"> + <i class="bi bi-type-strikethrough"></i> + <div class="label">type-strikethrough</div> + </div> + <div class="icon"> + <i class="bi bi-type-underline"></i> + <div class="label">type-underline</div> + </div> + <div class="icon"> + <i class="bi bi-type"></i> + <div class="label">type</div> + </div> + <div class="icon"> + <i class="bi bi-ubuntu"></i> + <div class="label">ubuntu</div> + </div> + <div class="icon"> + <i class="bi bi-ui-checks-grid"></i> + <div class="label">ui-checks-grid</div> + </div> + <div class="icon"> + <i class="bi bi-ui-checks"></i> + <div class="label">ui-checks</div> + </div> + <div class="icon"> + <i class="bi bi-ui-radios-grid"></i> + <div class="label">ui-radios-grid</div> + </div> + <div class="icon"> + <i class="bi bi-ui-radios"></i> + <div class="label">ui-radios</div> + </div> + <div class="icon"> + <i class="bi bi-umbrella-fill"></i> + <div class="label">umbrella-fill</div> + </div> + <div class="icon"> + <i class="bi bi-umbrella"></i> + <div class="label">umbrella</div> + </div> + <div class="icon"> + <i class="bi bi-unindent"></i> + <div class="label">unindent</div> + </div> + <div class="icon"> + <i class="bi bi-union"></i> + <div class="label">union</div> + </div> + <div class="icon"> + <i class="bi bi-unity"></i> + <div class="label">unity</div> + </div> + <div class="icon"> + <i class="bi bi-universal-access-circle"></i> + <div class="label">universal-access-circle</div> + </div> + <div class="icon"> + <i class="bi bi-universal-access"></i> + <div class="label">universal-access</div> + </div> + <div class="icon"> + <i class="bi bi-unlock-fill"></i> + <div class="label">unlock-fill</div> + </div> + <div class="icon"> + <i class="bi bi-unlock"></i> + <div class="label">unlock</div> + </div> + <div class="icon"> + <i class="bi bi-upc-scan"></i> + <div class="label">upc-scan</div> + </div> + <div class="icon"> + <i class="bi bi-upc"></i> + <div class="label">upc</div> + </div> + <div class="icon"> + <i class="bi bi-upload"></i> + <div class="label">upload</div> + </div> + <div class="icon"> + <i class="bi bi-usb-c-fill"></i> + <div class="label">usb-c-fill</div> + </div> + <div class="icon"> + <i class="bi bi-usb-c"></i> + <div class="label">usb-c</div> + </div> + <div class="icon"> + <i class="bi bi-usb-drive-fill"></i> + <div class="label">usb-drive-fill</div> + </div> + <div class="icon"> + <i class="bi bi-usb-drive"></i> + <div class="label">usb-drive</div> + </div> + <div class="icon"> + <i class="bi bi-usb-fill"></i> + <div class="label">usb-fill</div> + </div> + <div class="icon"> + <i class="bi bi-usb-micro-fill"></i> + <div class="label">usb-micro-fill</div> + </div> + <div class="icon"> + <i class="bi bi-usb-micro"></i> + <div class="label">usb-micro</div> + </div> + <div class="icon"> + <i class="bi bi-usb-mini-fill"></i> + <div class="label">usb-mini-fill</div> + </div> + <div class="icon"> + <i class="bi bi-usb-mini"></i> + <div class="label">usb-mini</div> + </div> + <div class="icon"> + <i class="bi bi-usb-plug-fill"></i> + <div class="label">usb-plug-fill</div> + </div> + <div class="icon"> + <i class="bi bi-usb-plug"></i> + <div class="label">usb-plug</div> + </div> + <div class="icon"> + <i class="bi bi-usb-symbol"></i> + <div class="label">usb-symbol</div> + </div> + <div class="icon"> + <i class="bi bi-usb"></i> + <div class="label">usb</div> + </div> + <div class="icon"> + <i class="bi bi-valentine"></i> + <div class="label">valentine</div> + </div> + <div class="icon"> + <i class="bi bi-valentine2"></i> + <div class="label">valentine2</div> + </div> + <div class="icon"> + <i class="bi bi-vector-pen"></i> + <div class="label">vector-pen</div> + </div> + <div class="icon"> + <i class="bi bi-view-list"></i> + <div class="label">view-list</div> + </div> + <div class="icon"> + <i class="bi bi-view-stacked"></i> + <div class="label">view-stacked</div> + </div> + <div class="icon"> + <i class="bi bi-vimeo"></i> + <div class="label">vimeo</div> + </div> + <div class="icon"> + <i class="bi bi-vinyl-fill"></i> + <div class="label">vinyl-fill</div> + </div> + <div class="icon"> + <i class="bi bi-vinyl"></i> + <div class="label">vinyl</div> + </div> + <div class="icon"> + <i class="bi bi-virus"></i> + <div class="label">virus</div> + </div> + <div class="icon"> + <i class="bi bi-virus2"></i> + <div class="label">virus2</div> + </div> + <div class="icon"> + <i class="bi bi-voicemail"></i> + <div class="label">voicemail</div> + </div> + <div class="icon"> + <i class="bi bi-volume-down-fill"></i> + <div class="label">volume-down-fill</div> + </div> + <div class="icon"> + <i class="bi bi-volume-down"></i> + <div class="label">volume-down</div> + </div> + <div class="icon"> + <i class="bi bi-volume-mute-fill"></i> + <div class="label">volume-mute-fill</div> + </div> + <div class="icon"> + <i class="bi bi-volume-mute"></i> + <div class="label">volume-mute</div> + </div> + <div class="icon"> + <i class="bi bi-volume-off-fill"></i> + <div class="label">volume-off-fill</div> + </div> + <div class="icon"> + <i class="bi bi-volume-off"></i> + <div class="label">volume-off</div> + </div> + <div class="icon"> + <i class="bi bi-volume-up-fill"></i> + <div class="label">volume-up-fill</div> + </div> + <div class="icon"> + <i class="bi bi-volume-up"></i> + <div class="label">volume-up</div> + </div> + <div class="icon"> + <i class="bi bi-vr"></i> + <div class="label">vr</div> + </div> + <div class="icon"> + <i class="bi bi-wallet-fill"></i> + <div class="label">wallet-fill</div> + </div> + <div class="icon"> + <i class="bi bi-wallet"></i> + <div class="label">wallet</div> + </div> + <div class="icon"> + <i class="bi bi-wallet2"></i> + <div class="label">wallet2</div> + </div> + <div class="icon"> + <i class="bi bi-watch"></i> + <div class="label">watch</div> + </div> + <div class="icon"> + <i class="bi bi-water"></i> + <div class="label">water</div> + </div> + <div class="icon"> + <i class="bi bi-webcam-fill"></i> + <div class="label">webcam-fill</div> + </div> + <div class="icon"> + <i class="bi bi-webcam"></i> + <div class="label">webcam</div> + </div> + <div class="icon"> + <i class="bi bi-wechat"></i> + <div class="label">wechat</div> + </div> + <div class="icon"> + <i class="bi bi-whatsapp"></i> + <div class="label">whatsapp</div> + </div> + <div class="icon"> + <i class="bi bi-wifi-1"></i> + <div class="label">wifi-1</div> + </div> + <div class="icon"> + <i class="bi bi-wifi-2"></i> + <div class="label">wifi-2</div> + </div> + <div class="icon"> + <i class="bi bi-wifi-off"></i> + <div class="label">wifi-off</div> + </div> + <div class="icon"> + <i class="bi bi-wifi"></i> + <div class="label">wifi</div> + </div> + <div class="icon"> + <i class="bi bi-wind"></i> + <div class="label">wind</div> + </div> + <div class="icon"> + <i class="bi bi-window-dash"></i> + <div class="label">window-dash</div> + </div> + <div class="icon"> + <i class="bi bi-window-desktop"></i> + <div class="label">window-desktop</div> + </div> + <div class="icon"> + <i class="bi bi-window-dock"></i> + <div class="label">window-dock</div> + </div> + <div class="icon"> + <i class="bi bi-window-fullscreen"></i> + <div class="label">window-fullscreen</div> + </div> + <div class="icon"> + <i class="bi bi-window-plus"></i> + <div class="label">window-plus</div> + </div> + <div class="icon"> + <i class="bi bi-window-sidebar"></i> + <div class="label">window-sidebar</div> + </div> + <div class="icon"> + <i class="bi bi-window-split"></i> + <div class="label">window-split</div> + </div> + <div class="icon"> + <i class="bi bi-window-stack"></i> + <div class="label">window-stack</div> + </div> + <div class="icon"> + <i class="bi bi-window-x"></i> + <div class="label">window-x</div> + </div> + <div class="icon"> + <i class="bi bi-window"></i> + <div class="label">window</div> + </div> + <div class="icon"> + <i class="bi bi-windows"></i> + <div class="label">windows</div> + </div> + <div class="icon"> + <i class="bi bi-wordpress"></i> + <div class="label">wordpress</div> + </div> + <div class="icon"> + <i class="bi bi-wrench-adjustable-circle-fill"></i> + <div class="label">wrench-adjustable-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-wrench-adjustable-circle"></i> + <div class="label">wrench-adjustable-circle</div> + </div> + <div class="icon"> + <i class="bi bi-wrench-adjustable"></i> + <div class="label">wrench-adjustable</div> + </div> + <div class="icon"> + <i class="bi bi-wrench"></i> + <div class="label">wrench</div> + </div> + <div class="icon"> + <i class="bi bi-x-circle-fill"></i> + <div class="label">x-circle-fill</div> + </div> + <div class="icon"> + <i class="bi bi-x-circle"></i> + <div class="label">x-circle</div> + </div> + <div class="icon"> + <i class="bi bi-x-diamond-fill"></i> + <div class="label">x-diamond-fill</div> + </div> + <div class="icon"> + <i class="bi bi-x-diamond"></i> + <div class="label">x-diamond</div> + </div> + <div class="icon"> + <i class="bi bi-x-lg"></i> + <div class="label">x-lg</div> + </div> + <div class="icon"> + <i class="bi bi-x-octagon-fill"></i> + <div class="label">x-octagon-fill</div> + </div> + <div class="icon"> + <i class="bi bi-x-octagon"></i> + <div class="label">x-octagon</div> + </div> + <div class="icon"> + <i class="bi bi-x-square-fill"></i> + <div class="label">x-square-fill</div> + </div> + <div class="icon"> + <i class="bi bi-x-square"></i> + <div class="label">x-square</div> + </div> + <div class="icon"> + <i class="bi bi-x"></i> + <div class="label">x</div> + </div> + <div class="icon"> + <i class="bi bi-xbox"></i> + <div class="label">xbox</div> + </div> + <div class="icon"> + <i class="bi bi-yelp"></i> + <div class="label">yelp</div> + </div> + <div class="icon"> + <i class="bi bi-yin-yang"></i> + <div class="label">yin-yang</div> + </div> + <div class="icon"> + <i class="bi bi-youtube"></i> + <div class="label">youtube</div> + </div> + <div class="icon"> + <i class="bi bi-zoom-in"></i> + <div class="label">zoom-in</div> + </div> + <div class="icon"> + <i class="bi bi-zoom-out"></i> + <div class="label">zoom-out</div> + </div> + </div> + </body> +</html> diff --git a/index.html b/index.html index cc025de..3506f1c 100644 --- a/index.html +++ b/index.html @@ -1,180 +1,288 @@ <!-- Sven START --> <!DOCTYPE html> <html lang="en"> + <head> + <meta charset="utf-8" /> + <meta content="width=device-width, initial-scale=1.0" name="viewport" /> -<head> - <meta charset="utf-8"> - <meta content="width=device-width, initial-scale=1.0" name="viewport"> - - <title>WinXWins - Index</title> - <meta content="" name="description"> - <meta content="" name="keywords"> - - <!-- Favicons --> - <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png"> - <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png"> - <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png"> - <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png"> - <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png"> - <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png"> - <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png"> - <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png"> - <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png"> - <link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-icon-192x192.png"> - <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png"> - <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png"> - <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png"> - <!-- Google Fonts --> - <link - href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" - rel="stylesheet"> - - <!-- Vendor CSS Files --> - <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet"> - <link href="assets/vendor/aos/aos.css" rel="stylesheet"> - <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> - <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> - <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet"> - <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> - <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> - - <!-- Template Main CSS File --> - <link href="assets/css/style.css" rel="stylesheet"> - -</head> - -<body> - - <!-- ======= Top Bar ======= --> - <div id="topbar" class="d-flex align-items-center fixed-top"> - <div class="container d-flex justify-content-center justify-content-md-between"> - - <div class="contact-info d-flex align-items-center"> - <i class="bi bi-phone d-flex align-items-center"><span>+41 78 624 24 19</span></i> - <i class="bi bi-clock d-flex align-items-center ms-4"><span> Mo-Sa: 08:00 - 17:00</span></i> - </div> - </div> - </div> - - <!-- ======= Header ======= --> - <header id="header" class="fixed-top d-flex align-items-cente"> - <div class="container-fluid container-xl d-flex align-items-center justify-content-lg-between"> - - <!--<h1 class="logo me-auto me-lg-0"><a href="index.html">WinXWins</a></h1>--> - <!-- If we use a image logo some day --> - <a href="index.html" class="logo me-auto me-lg-0"><img src="assets/img/logo.png" alt="" class="img-fluid"></a> - - <nav id="navbar" class="navbar order-last order-lg-0"> - <ul> - <li><a class="nav-link active" href="index.html">Home</a></li> - <li><a class="nav-link" href="game.html">Spiel</a></li> - <li><a class="nav-link" href="news.html">Neuigkeiten</a></li> - <li><a class="nav-link" href="support.html">Support</a></li> - <li><a class="nav-link" href="about.html">Über uns</a></li> - </ul> - <i class="bi bi-list mobile-nav-toggle"></i> - </nav><!-- .navbar --> - </div> - </header><!-- End Header --> - - <!-- ======= Hero Section ======= --> - <section id="hero" class="d-flex align-items-center"> - <div class="container position-relative text-center text-lg-start" data-aos="zoom-in" data-aos-delay="100"> - <div class="row"> - <div class="col-lg-8"> - <h1>Willkommen auf <span>WinXWins</span></h1> - <h2>Das beste Spiel das es gibt. Ich weis das du es weisst.</h2> - <div class="btns"> - <a href="game.html" class="btn-game animated fadeInUp">Games</a> - <a href="support.html" class="btn-support animated fadeInUp">Support</a> - </div> + <title>WinXWins - Index</title> + <meta content="" name="description" /> + <meta content="" name="keywords" /> + + <!-- Favicons --> + <link + rel="apple-touch-icon" + sizes="57x57" + href="assets/img/favicons/apple-icon-57x57.png" + /> + <link + rel="apple-touch-icon" + sizes="60x60" + href="assets/img/favicons/apple-icon-60x60.png" + /> + <link + rel="apple-touch-icon" + sizes="72x72" + href="assets/img/favicons/apple-icon-72x72.png" + /> + <link + rel="apple-touch-icon" + sizes="76x76" + href="assets/img/favicons/apple-icon-76x76.png" + /> + <link + rel="apple-touch-icon" + sizes="114x114" + href="assets/img/favicons/apple-icon-114x114.png" + /> + <link + rel="apple-touch-icon" + sizes="120x120" + href="assets/img/favicons/apple-icon-120x120.png" + /> + <link + rel="apple-touch-icon" + sizes="144x144" + href="assets/img/favicons/apple-icon-144x144.png" + /> + <link + rel="apple-touch-icon" + sizes="152x152" + href="assets/img/favicons/apple-icon-152x152.png" + /> + <link + rel="apple-touch-icon" + sizes="180x180" + href="assets/img/favicons/apple-icon-180x180.png" + /> + <link + rel="icon" + type="image/png" + sizes="192x192" + href="assets/img/favicons/android-icon-192x192.png" + /> + <link + rel="icon" + type="image/png" + sizes="32x32" + href="assets/img/favicons/favicon-32x32.png" + /> + <link + rel="icon" + type="image/png" + sizes="96x96" + href="assets/img/favicons/favicon-96x96.png" + /> + <link + rel="icon" + type="image/png" + sizes="16x16" + href="assets/img/favicons/favicon-16x16.png" + /> + <!-- Google Fonts --> + <link + href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" + rel="stylesheet" + /> + + <!-- Vendor CSS Files --> + <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet" /> + <link href="assets/vendor/aos/aos.css" rel="stylesheet" /> + <link + href="assets/vendor/bootstrap/css/bootstrap.min.css" + rel="stylesheet" + /> + <link + href="assets/vendor/bootstrap-icons/bootstrap-icons.css" + rel="stylesheet" + /> + <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" /> + <link + href="assets/vendor/glightbox/css/glightbox.min.css" + rel="stylesheet" + /> + <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" /> + + <!-- Template Main CSS File --> + <link href="assets/css/style.css" rel="stylesheet" /> + </head> + + <body> + <!-- ======= Top Bar ======= --> + <div id="topbar" class="d-flex align-items-center fixed-top"> + <div + class="container d-flex justify-content-center justify-content-md-between" + > + <div class="contact-info d-flex align-items-center"> + <i class="bi bi-phone d-flex align-items-center" + ><span>+41 78 624 24 19</span></i + > + <i class="bi bi-clock d-flex align-items-center ms-4" + ><span> Mo-Sa: 08:00 - 17:00</span></i + > </div> </div> </div> - </section><!-- End Hero --> - <main id="main"> + <!-- ======= Header ======= --> + <header id="header" class="fixed-top d-flex align-items-cente"> + <div + class="container-fluid container-xl d-flex align-items-center justify-content-lg-between" + > + <!--<h1 class="logo me-auto me-lg-0"><a href="index.html">WinXWins</a></h1>--> + <!-- If we use a image logo some day --> + <a href="index.html" class="logo me-auto me-lg-0" + ><img src="assets/img/logo.png" alt="" class="img-fluid" + /></a> - </main><!-- End #main --> + <nav id="navbar" class="navbar order-last order-lg-0"> + <ul> + <li><a class="nav-link active" href="index.html">Home</a></li> + <li><a class="nav-link" href="game.html">Spiel</a></li> + <li><a class="nav-link" href="news.html">Neuigkeiten</a></li> + <li><a class="nav-link" href="support.html">Support</a></li> + <li><a class="nav-link" href="about.html">Über uns</a></li> + </ul> + <i class="bi bi-list mobile-nav-toggle"></i> + </nav> + <!-- .navbar --> + </div> + </header> + <!-- End Header --> - <!-- ======= Footer ======= --> - <footer id="footer"> - <div class="footer-top"> - <div class="container"> + <!-- ======= Hero Section ======= --> + <section id="hero" class="d-flex align-items-center"> + <div + class="container position-relative text-center text-lg-start" + data-aos="zoom-in" + data-aos-delay="100" + > <div class="row"> - - <div class="col-lg-3 col-md-6"> - <div class="footer-info"> - <h3>WinXWins</h3> - <p> - Räffelstrasse 12<br> - 8045, Zürich<br><br> - <strong>Telefon:</strong> +41 78 624 24 19<br> - <strong>Email:</strong> info@example.com<br> - </p> - <div class="social-links mt-3"> - <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a> - <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a> - <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a> - <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a> - <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a> - </div> + <div class="col-lg-8"> + <h1>Willkommen auf <span>WinXWins</span></h1> + <h2>Das beste Spiel das es gibt. Ich weis das du es weisst.</h2> + <div class="btns"> + <a href="game.html" class="btn-game animated fadeInUp">Games</a> + <a href="support.html" class="btn-support animated fadeInUp" + >Support</a + > </div> </div> + </div> + </div> + </section> + <!-- End Hero --> - <div class="col-lg-2 col-md-6 footer-links"> - <h4>Nützliche Links</h4> - <ul> - <li><i class="bx bx-chevron-right"></i> <a href="index.html">Home</a></li> - <li><i class="bx bx-chevron-right"></i> <a href="game.html">Spiel</a></li> - <li><i class="bx bx-chevron-right"></i> <a href="news.html">Neuigkeiten</a></li> - <li><i class="bx bx-chevron-right"></i> <a href="support.html">Support</a></li> - <li><i class="bx bx-chevron-right"></i> <a href="about.html">Über uns</a></li> - <li><i class="bx bx-chevron-right"></i> <a href="impressum.html">Impressum</a></li> - </ul> - </div> + <main id="main"></main> + <!-- End #main --> - <div class="col-lg-3 col-md-6 footer-links"> - </div> + <!-- ======= Footer ======= --> + <footer id="footer"> + <div class="footer-top"> + <div class="container"> + <div class="row"> + <div class="col-lg-3 col-md-6"> + <div class="footer-info"> + <h3>WinXWins</h3> + <p> + Räffelstrasse 12<br /> + 8045, Zürich<br /><br /> + <strong>Telefon:</strong> +41 78 624 24 19<br /> + <strong>Email:</strong> info@example.com<br /> + </p> + <div class="social-links mt-3"> + <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a> + <a href="#" class="facebook" + ><i class="bx bxl-facebook"></i + ></a> + <a href="#" class="instagram" + ><i class="bx bxl-instagram"></i + ></a> + <a href="#" class="google-plus" + ><i class="bx bxl-skype"></i + ></a> + <a href="#" class="linkedin" + ><i class="bx bxl-linkedin"></i + ></a> + </div> + </div> + </div> + + <div class="col-lg-2 col-md-6 footer-links"> + <h4>Nützliche Links</h4> + <ul> + <li> + <i class="bx bx-chevron-right"></i> + <a href="index.html">Home</a> + </li> + <li> + <i class="bx bx-chevron-right"></i> + <a href="game.html">Spiel</a> + </li> + <li> + <i class="bx bx-chevron-right"></i> + <a href="news.html">Neuigkeiten</a> + </li> + <li> + <i class="bx bx-chevron-right"></i> + <a href="support.html">Support</a> + </li> + <li> + <i class="bx bx-chevron-right"></i> + <a href="about.html">Über uns</a> + </li> + <li> + <i class="bx bx-chevron-right"></i> + <a href="impressum.html">Impressum</a> + </li> + </ul> + </div> - <div class="col-lg-4 col-md-6 footer-newsletter"> - <h4>Unsere Neuigkeiten</h4> - <p>Bleibe immer auf dem neusten stand.</p> - <form action="" method="post"> - <input type="email" name="email"><input type="submit" value="Subscribe"> - </form> + <div class="col-lg-3 col-md-6 footer-links"></div> + <div class="col-lg-4 col-md-6 footer-newsletter"> + <h4>Unsere Neuigkeiten</h4> + <p>Bleibe immer auf dem neusten stand.</p> + <form action="" method="post"> + <input type="email" name="email" /><input + type="submit" + value="Subscribe" + /> + </form> + </div> </div> - </div> </div> - </div> - <div class="container"> - <div class="copyright"> - © Copyright <strong><span>WinXWins</span></strong>. All Rights Reserved - </div> - <div class="credits"> - Designed by <a href="https://svenbledt.github.io/">Sven Bledt & Team</a> + <div class="container"> + <div class="copyright"> + © Copyright <strong><span>WinXWins</span></strong + >. All Rights Reserved + </div> + <div class="credits"> + Designed by + <a href="https://svenbledt.github.io/">Sven Bledt & Team</a> + </div> </div> - </div> - </footer><!-- End Footer --> - - <div id="preloader"></div> - <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i - class="bi bi-arrow-up-short"></i></a> - - <!-- Vendor JS Files --> - <script src="assets/vendor/aos/aos.js"></script> - <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> - <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> - <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> - <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> + </footer> + <!-- End Footer --> - <!-- Template Main JS File --> - <script src="assets/js/main.js"></script> + <div id="preloader"></div> + <a + href="#" + class="back-to-top d-flex align-items-center justify-content-center" + ><i class="bi bi-arrow-up-short"></i + ></a> -</body> + <!-- Vendor JS Files --> + <script src="assets/vendor/aos/aos.js"></script> + <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> + <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> + <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> + <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> + <!-- Template Main JS File --> + <script src="assets/js/main.js"></script> + </body> </html> -<!-- Sven END --> \ No newline at end of file +<!-- Sven END --> diff --git a/news.html b/news.html index 9b4e4b5..a7abec4 100644 --- a/news.html +++ b/news.html @@ -1,84 +1,157 @@ <!-- Sven START --> <!DOCTYPE html> <html lang="en"> + <head> + <meta charset="utf-8" /> + <meta content="width=device-width, initial-scale=1.0" name="viewport" /> -<head> - <meta charset="utf-8"> - <meta content="width=device-width, initial-scale=1.0" name="viewport"> + <title>WinXWins - Index</title> + <meta content="" name="description" /> + <meta content="" name="keywords" /> - <title>WinXWins - Index</title> - <meta content="" name="description"> - <meta content="" name="keywords"> + <!-- Favicons --> + <link + rel="apple-touch-icon" + sizes="57x57" + href="assets/img/favicons/apple-icon-57x57.png" + /> + <link + rel="apple-touch-icon" + sizes="60x60" + href="assets/img/favicons/apple-icon-60x60.png" + /> + <link + rel="apple-touch-icon" + sizes="72x72" + href="assets/img/favicons/apple-icon-72x72.png" + /> + <link + rel="apple-touch-icon" + sizes="76x76" + href="assets/img/favicons/apple-icon-76x76.png" + /> + <link + rel="apple-touch-icon" + sizes="114x114" + href="assets/img/favicons/apple-icon-114x114.png" + /> + <link + rel="apple-touch-icon" + sizes="120x120" + href="assets/img/favicons/apple-icon-120x120.png" + /> + <link + rel="apple-touch-icon" + sizes="144x144" + href="assets/img/favicons/apple-icon-144x144.png" + /> + <link + rel="apple-touch-icon" + sizes="152x152" + href="assets/img/favicons/apple-icon-152x152.png" + /> + <link + rel="apple-touch-icon" + sizes="180x180" + href="assets/img/favicons/apple-icon-180x180.png" + /> + <link + rel="icon" + type="image/png" + sizes="192x192" + href="assets/img/favicons/android-icon-192x192.png" + /> + <link + rel="icon" + type="image/png" + sizes="32x32" + href="assets/img/favicons/favicon-32x32.png" + /> + <link + rel="icon" + type="image/png" + sizes="96x96" + href="assets/img/favicons/favicon-96x96.png" + /> + <link + rel="icon" + type="image/png" + sizes="16x16" + href="assets/img/favicons/favicon-16x16.png" + /> + <!-- Google Fonts --> + <link + href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" + rel="stylesheet" + /> - <!-- Favicons --> - <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png"> - <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png"> - <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png"> - <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png"> - <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png"> - <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png"> - <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png"> - <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png"> - <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png"> - <link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-icon-192x192.png"> - <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png"> - <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png"> - <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png"> - <!-- Google Fonts --> - <link - href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" - rel="stylesheet"> + <!-- Vendor CSS Files --> + <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet" /> + <link href="assets/vendor/aos/aos.css" rel="stylesheet" /> + <link + href="assets/vendor/bootstrap/css/bootstrap.min.css" + rel="stylesheet" + /> + <link + href="assets/vendor/bootstrap-icons/bootstrap-icons.css" + rel="stylesheet" + /> + <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" /> + <link + href="assets/vendor/glightbox/css/glightbox.min.css" + rel="stylesheet" + /> + <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" /> - <!-- Vendor CSS Files --> - <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet"> - <link href="assets/vendor/aos/aos.css" rel="stylesheet"> - <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> - <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> - <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet"> - <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> - <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> + <!-- Template Main CSS File --> + <link href="assets/css/style.css" rel="stylesheet" /> + </head> - <!-- Template Main CSS File --> - <link href="assets/css/style.css" rel="stylesheet"> - -</head> - -<body> - - <!-- ======= Top Bar ======= --> - <div id="topbar" class="d-flex align-items-center fixed-top"> - <div class="container d-flex justify-content-center justify-content-md-between"> - - <div class="contact-info d-flex align-items-center"> - <i class="bi bi-phone d-flex align-items-center"><span>+41 78 624 24 19</span></i> - <i class="bi bi-clock d-flex align-items-center ms-4"><span> Mo-Sa: 08:00 - 17:00</span></i> + <body> + <!-- ======= Top Bar ======= --> + <div id="topbar" class="d-flex align-items-center fixed-top"> + <div + class="container d-flex justify-content-center justify-content-md-between" + > + <div class="contact-info d-flex align-items-center"> + <i class="bi bi-phone d-flex align-items-center" + ><span>+41 78 624 24 19</span></i + > + <i class="bi bi-clock d-flex align-items-center ms-4" + ><span> Mo-Sa: 08:00 - 17:00</span></i + > + </div> </div> </div> - </div> - - <!-- ======= Header ======= --> - <header id="header" class="fixed-top d-flex align-items-cente"> - <div class="container-fluid container-xl d-flex align-items-center justify-content-lg-between"> - <!--<h1 class="logo me-auto me-lg-0"><a href="index.html">WinXWins</a></h1>--> - <!-- If we use a image logo some day --> - <a href="index.html" class="logo me-auto me-lg-0"><img src="assets/img/logo.png" alt="" class="img-fluid"></a> + <!-- ======= Header ======= --> + <header id="header" class="fixed-top d-flex align-items-cente"> + <div + class="container-fluid container-xl d-flex align-items-center justify-content-lg-between" + > + <!--<h1 class="logo me-auto me-lg-0"><a href="index.html">WinXWins</a></h1>--> + <!-- If we use a image logo some day --> + <a href="index.html" class="logo me-auto me-lg-0" + ><img src="assets/img/logo.png" alt="" class="img-fluid" + /></a> - <nav id="navbar" class="navbar order-last order-lg-0"> - <ul> - <li><a class="nav-link" href="index.html">Home</a></li> - <li><a class="nav-link" href="game.html">Spiel</a></li> - <li><a class="nav-link active" href="news.html">Neuigkeiten</a></li> - <li><a class="nav-link" href="support.html">Support</a></li> - <li><a class="nav-link" href="about.html">Über uns</a></li> - </ul> - <i class="bi bi-list mobile-nav-toggle"></i> - </nav><!-- .navbar --> - </div> - </header><!-- End Header --> + <nav id="navbar" class="navbar order-last order-lg-0"> + <ul> + <li><a class="nav-link" href="index.html">Home</a></li> + <li><a class="nav-link" href="game.html">Spiel</a></li> + <li><a class="nav-link active" href="news.html">Neuigkeiten</a></li> + <li><a class="nav-link" href="support.html">Support</a></li> + <li><a class="nav-link" href="about.html">Über uns</a></li> + </ul> + <i class="bi bi-list mobile-nav-toggle"></i> + </nav> + <!-- .navbar --> + </div> + </header> + <!-- End Header --> - <!-- ======= Hero Section ======= --> - <!--<section id="hero" class="d-flex align-items-center"> + <!-- ======= Hero Section ======= --> + <!--<section id="hero" class="d-flex align-items-center"> <div class="container position-relative text-center text-lg-start" data-aos="zoom-in" data-aos-delay="100"> <div class="row"> <div class="col-lg-8"> @@ -92,299 +165,577 @@ <h2>Das beste Spiel das es gibt. Ich weis das du es weisst.</h2> </div> </div> </section><!-- End Hero --> - <!-- Sven END --> - - <!-- Riots START --> - <!-- =====Main Section======= --> - <main id="main"> - <div class="synth" - style="background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0) 0%,rgba(41, 41, 41, 0.25) 25%, rgba(41, 41, 41, 0.5) 50%,rgba(41, 41, 41, 0.75)75%,rgba(41, 41, 41, 0.85)85%, rgba(41, 41, 41, 1) 100%), url('assets/img/news/synthwave.jpg');"> - </div> - <!-- FIRST SECTION --> - <section class="news pt-2 position-relative"> - <div class=" container newsContainer mt-md-5"> - <div class="mt-5"> - <img class="p-5 img-fluid warning" data-aos="zoom-in" data-aos-delay="100" src="assets/img/warning.png"> - </div> - <ul class="row d-flex list-unstyled newsImage-block justify-content-center px-lg-0 mx-lg-0"> - <li class=" col col-lg-2 col-md-0 newsImage-block p-3 mx-auto"> - </li> - <li class=" col col-lg-4 col-md-4 col-sm-4 newsImage-block p-3" data-aos="fade-right"> - <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=mFk_ivrgPCA&t=2s"> - <img src="assets/img/news/thumbnails/thumb1.png" alt="PS5-Gameplay" class="img-fluid"></a> - <span class="hp-posts-cat">Gameplay</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=mFk_ivrgPCA&t=2s">PlayStation 5 - Gameplay</a></h4> - <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=mFk_ivrgPCA&t=2s" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> - </li> - <li class=" col col-lg-4 col-md-4 newsImage-block full-width p-3" data-aos="fade-left"> - <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=CCO0W3N43aY"> - <img src="assets/img/news/thumbnails/thumb2.png" alt="Xbox-Gameplay" class="img-fluid"></a> - <span class="hp-posts-cat">Gameplay</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=CCO0W3N43aY">Xbox Series X - Gameplay</a></h4> - <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=CCO0W3N43aY" class=" mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> - </li> - <li class=" col col-lg-2 col-md-0 newsImage-block p-3 mx-auto"> - </li> + <!-- Sven END --> - <!-- RSS-LIVE-TICKER --> - <rssapp-ticker id="jysTk2vnR5ShJyOz"></rssapp-ticker> - <script src="https://widget.rss.app/v1/ticker.js" type="text/javascript" async></script> - - <!-- SECOND SECTION --> - <div class="row ms-1"> - <li class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3"> + <!-- Riots START --> + <!-- =====Main Section======= --> + <main id="main"> + <div + class="synth" + style=" + background-image: linear-gradient( + to bottom, + rgba(41, 41, 41, 0) 0%, + rgba(41, 41, 41, 0.25) 25%, + rgba(41, 41, 41, 0.5) 50%, + rgba(41, 41, 41, 0.75) 75%, + rgba(41, 41, 41, 0.85) 85%, + rgba(41, 41, 41, 1) 100% + ), + url('assets/img/news/synthwave.jpg'); + " + ></div> + <!-- FIRST SECTION --> + <section class="news pt-2 position-relative"> + <div class="container newsContainer mt-md-5"> + <div class="mt-5"> + <img + class="p-5 img-fluid warning" + data-aos="zoom-in" + data-aos-delay="100" + src="assets/img/warning.png" + /> + </div> + <ul + class="row d-flex list-unstyled newsImage-block justify-content-center px-lg-0 mx-lg-0" + > + <li class="col col-lg-2 col-md-0 newsImage-block p-3 mx-auto"></li> + <li + class="col col-lg-4 col-md-4 col-sm-4 newsImage-block p-3" + data-aos="fade-right" + > <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=TbGdaaHReww"> - <img src="assets/img/news/thumbnails/thumb3.png" alt="Konsolen-Vergleich" class="img-fluid"></a> - <span class="hp-posts-cat">Vergleich</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=TbGdaaHReww">Next-Gen Konsolen - Vergleich -Gen Konsolen Vergleich</a></h4> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=mFk_ivrgPCA&t=2s" + > + <img + src="assets/img/news/thumbnails/thumb1.png" + alt="PS5-Gameplay" + class="img-fluid" + /></a> + <span class="hp-posts-cat">Gameplay</span> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=mFk_ivrgPCA&t=2s" + >PlayStation 5 Gameplay</a + > + </h4> <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=TbGdaaHReww" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> + <a + href="https://www.youtube.com/watch?v=mFk_ivrgPCA&t=2s" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> </li> - <li class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3"> + <li + class="col col-lg-4 col-md-4 newsImage-block full-width p-3" + data-aos="fade-left" + > <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=hsDaX-Gu3YQ"> - <img src="assets/img/news/thumbnails/thumb4.png" alt="XB Series S PMode" class="img-fluid"></a> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=CCO0W3N43aY" + > + <img + src="assets/img/news/thumbnails/thumb2.png" + alt="Xbox-Gameplay" + class="img-fluid" + /></a> <span class="hp-posts-cat">Gameplay</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=hsDaX-Gu3YQ">Xbox Series S - Performance Mode</a></h4> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=CCO0W3N43aY" + >Xbox Series X Gameplay</a + > + </h4> <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=hsDaX-Gu3YQ" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> + <a + href="https://www.youtube.com/watch?v=CCO0W3N43aY" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> </li> - <li class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3"> + <li class="col col-lg-2 col-md-0 newsImage-block p-3 mx-auto"></li> + + <!-- RSS-LIVE-TICKER --> + <rssapp-ticker id="jysTk2vnR5ShJyOz"></rssapp-ticker> + <script + src="https://widget.rss.app/v1/ticker.js" + type="text/javascript" + async + ></script> + + <!-- SECOND SECTION --> + <div class="row ms-1"> + <li + class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3" + > + <div class="newsImage-block-inner"> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=TbGdaaHReww" + > + <img + src="assets/img/news/thumbnails/thumb3.png" + alt="Konsolen-Vergleich" + class="img-fluid" + /></a> + <span class="hp-posts-cat">Vergleich</span> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=TbGdaaHReww" + >Next-Gen Konsolen Vergleich -Gen Konsolen Vergleich</a + > + </h4> + <!-- <p></p> --> + <a + href="https://www.youtube.com/watch?v=TbGdaaHReww" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> + </li> + <li + class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3" + > + <div class="newsImage-block-inner"> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=hsDaX-Gu3YQ" + > + <img + src="assets/img/news/thumbnails/thumb4.png" + alt="XB Series S PMode" + class="img-fluid" + /></a> + <span class="hp-posts-cat">Gameplay</span> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=hsDaX-Gu3YQ" + >Xbox Series S Performance Mode</a + > + </h4> + <!-- <p></p> --> + <a + href="https://www.youtube.com/watch?v=hsDaX-Gu3YQ" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> + </li> + <li + class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3" + > + <div class="newsImage-block-inner"> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=BcKgpmIX6Xs" + > + <img + src="assets/img/news/thumbnails/thumb5.png" + alt="Play in 2022" + class="img-fluid" + /></a> + <span class="hp-posts-cat">Review</span> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=BcKgpmIX6Xs" + >Why You Should Absolutely Play Cyberpunk 2077 in 2022!</a + > + </h4> + <!-- <p></p> --> + <a + href="https://www.youtube.com/watch?v=BcKgpmIX6Xs" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> + </li> + <li + class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3" + > + <div class="newsImage-block-inner"> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=ZQ3pstUpsss" + > + <img + src="assets/img/news/thumbnails/thumb6.png" + alt="Mission-1" + class="img-fluid" + /></a> + <span class="hp-posts-cat">Missions</span> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=ZQ3pstUpsss" + >Cyberpunk 2077 - Streetkid Intro & Mission #1 - The + Rescue</a + > + </h4> + <!-- <p></p> --> + <a + href="https://www.youtube.com/watch?v=ZQ3pstUpsss" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> + </li> + <li + class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3" + > + <div class="newsImage-block-inner"> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=TX-w4X_IBX4" + > + <img + src="assets/img/news/thumbnails/thumb16.png" + alt="Unreal-Engine" + class="img-fluid" + /></a> + <span class="hp-posts-cat">Gameplay</span> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=TX-w4X_IBX4" + >Unreal Engine 5 Graphics Overhaul Mod! <br />Ray Tracing + 4k + </a> + </h4> + <!-- <p></p> --> + <a + href="https://www.youtube.com/watch?v=TX-w4X_IBX4" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> + </li> + <li + class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3" + > + <div class="newsImage-block-inner"> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=PbVKBoDuhZ0" + > + <img + src="assets/img/news/thumbnails/thumb8.png" + alt="Phantom Liberty" + class="img-fluid" + /></a> + <span class="hp-posts-cat">Trailer</span> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=PbVKBoDuhZ0" + >Phantom Liberty — Official Teaser</a + > + </h4> + <!-- <p></p> --> + <a + href="https://www.youtube.com/watch?v=PbVKBoDuhZ0" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> + </li> + </div> + <!-- RSS-LIVE-TICKER UND FEED--> + <rssapp-ticker id="jysTk2vnR5ShJyOz"></rssapp-ticker> + <script + src="https://widget.rss.app/v1/ticker.js" + type="text/javascript" + async + ></script> + <rssapp-imageboard id="jysTk2vnR5ShJyOz"></rssapp-imageboard> + <script + src="https://widget.rss.app/v1/imageboard.js" + type="text/javascript" + async + ></script> + + <!-- THIRD SECTION --> + <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=BcKgpmIX6Xs"> - <img src="assets/img/news/thumbnails/thumb5.png" alt="Play in 2022" class="img-fluid"></a> + <a + class="mh-100 mw-100" + href="https://www.youtube.com/watch?v=FAknXpV1arc" + > + <img + src="assets/img/news/thumbnails/thumb9.png" + alt="LunarXP Sets Target for First Mars Landing in 2030" + class="img-responsive w-100" + /></a> <span class="hp-posts-cat">Review</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=BcKgpmIX6Xs">Why You Should - Absolutely Play Cyberpunk 2077 in 2022!</a></h4> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=FAknXpV1arc" + >Lohnt es sich endlich?</a + > + </h4> <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=BcKgpmIX6Xs" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> + <a + href="https://www.youtube.com/watch?v=FAknXpV1arc" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> </li> - <li class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3"> + <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=ZQ3pstUpsss"> - <img src="assets/img/news/thumbnails/thumb6.png" alt="Mission-1" class="img-fluid"></a> - <span class="hp-posts-cat">Missions</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=ZQ3pstUpsss">Cyberpunk 2077 - - Streetkid Intro & Mission #1 - The Rescue</a></h4> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=gKkzdVW0E3o" + > + <img + src="assets/img/news/thumbnails/thumb10.png" + alt="Cyberpunk-Ost" + class="img-responsive w-100" + /></a> + <span class="hp-posts-cat">Sound</span> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=gKkzdVW0E3o" + >Cyberpunk 2077 (OST) - BODY HEAT Radio <br /> + The Complete Playlist ALL 15 SONGS</a + > + </h4> <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=ZQ3pstUpsss" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> + <a + href="https://www.youtube.com/watch?v=gKkzdVW0E3o" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> </li> - <li class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3"> + <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=TX-w4X_IBX4"> - <img src="assets/img/news/thumbnails/thumb16.png" alt="Unreal-Engine" class="img-fluid"></a> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=DWUp56Eqw-U" + > + <img + src="assets/img/news/thumbnails/thumb11.png" + alt="8K" + class="img-responsive w-100" + /></a> <span class="hp-posts-cat">Gameplay</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=TX-w4X_IBX4">Unreal Engine 5 - Graphics Overhaul Mod! <br>Ray Tracing 4k </a></h4> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=DWUp56Eqw-U" + >8K Cyberpunk 2077 RTX 4090</a + > + </h4> <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=TX-w4X_IBX4" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> + <a + href="https://www.youtube.com/watch?v=DWUp56Eqw-U" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> </li> - <li class="col-xl-2 col-lg-4 col-md-4 col-sm-6 newsImage-block full-width p-3"> + <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=PbVKBoDuhZ0"> - <img src="assets/img/news/thumbnails/thumb8.png" alt="Phantom Liberty" class="img-fluid"></a> - <span class="hp-posts-cat">Trailer</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=PbVKBoDuhZ0">Phantom Liberty — - Official Teaser</a></h4> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=c-ygeX0GQIk" + > + <img + src="assets/img/news/thumbnails/thumb12.png" + alt="Guide" + class="img-responsive w-100" + /></a> + <span class="hp-posts-cat">Guide</span> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=c-ygeX0GQIk" + >Full Beginners Guide & Best Tips and Tricks! + </a> + </h4> <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=PbVKBoDuhZ0" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> + <a + href="https://www.youtube.com/watch?v=c-ygeX0GQIk" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> </li> - </div> - <!-- RSS-LIVE-TICKER UND FEED--> - <rssapp-ticker id="jysTk2vnR5ShJyOz"></rssapp-ticker> - <script src="https://widget.rss.app/v1/ticker.js" type="text/javascript" async></script> - <rssapp-imageboard id="jysTk2vnR5ShJyOz"></rssapp-imageboard> - <script src="https://widget.rss.app/v1/imageboard.js" type="text/javascript" async></script> - - <!-- THIRD SECTION --> - <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> - <div class="newsImage-block-inner"> - <a class="mh-100 mw-100" href="https://www.youtube.com/watch?v=FAknXpV1arc"> - <img src="assets/img/news/thumbnails/thumb9.png" - alt="LunarXP Sets Target for First Mars Landing in 2030" class="img-responsive w-100"></a> - <span class="hp-posts-cat">Review</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=FAknXpV1arc">Lohnt es sich - endlich?</a></h4> - <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=FAknXpV1arc" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> - </li> - <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> - <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=gKkzdVW0E3o"> - <img src="assets/img/news/thumbnails/thumb10.png" alt="Cyberpunk-Ost" class="img-responsive w-100"></a> - <span class="hp-posts-cat">Sound</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=gKkzdVW0E3o">Cyberpunk 2077 (OST) - - BODY HEAT Radio <br> The Complete Playlist ALL 15 SONGS</a></h4> - <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=gKkzdVW0E3o" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> - </li> - <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> - <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=DWUp56Eqw-U"> - <img src="assets/img/news/thumbnails/thumb11.png" alt="8K" class="img-responsive w-100"></a> - <span class="hp-posts-cat">Gameplay</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=DWUp56Eqw-U">8K Cyberpunk 2077 - RTX 4090</a></h4> - <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=DWUp56Eqw-U" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> - </li> - <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> - <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=c-ygeX0GQIk"> - <img src="assets/img/news/thumbnails/thumb12.png" alt="Guide" class="img-responsive w-100"></a> - <span class="hp-posts-cat">Guide</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=c-ygeX0GQIk">Full Beginners Guide - & Best Tips and Tricks! </a></h4> - <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=c-ygeX0GQIk" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> - </li> - - <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> - <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=FXJ8gUJ2TTM"> - <img src="assets/img/news/thumbnails/thumb13.png" alt="Mods" class="img-fluid"></a> - <span class="hp-posts-cat">Mods</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=FXJ8gUJ2TTM">25 Mods to Create - the Absolutely PERFECT Cyberpunk 2077</a></h4> - <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=FXJ8gUJ2TTM" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> - </li> - <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> - <div class="newsImage-block-inner"> - <a class="mh-100" href="https://www.youtube.com/watch?v=n0ighFX5A_E"> - <img src="assets/img/news/thumbnails/thumb14.png" alt="Crowd" class="img-fluid"></a> - <span class="hp-posts-cat">Simulation</span> - <h4 class="mt-3 ms-3 news-text"><a href="https://www.youtube.com/watch?v=n0ighFX5A_E">Crowd Simulation | - Ryzen 3600 CPU Limited</a></h4> - <!-- <p></p> --> - <a href="https://www.youtube.com/watch?v=n0ighFX5A_E" class="mehr"><img - src="assets/img/news/mehr.png"></a> - </div><!-- .image-block-inner --> - </li> - <!-- RSS-LIVE-TICKER --> - <rssapp-ticker id="jysTk2vnR5ShJyOz"></rssapp-ticker> - <script src="https://widget.rss.app/v1/ticker.js" type="text/javascript" async></script> - </ul> - </div> - </section> - </main> - <!-- End #main --> - <!-- Riots END --> - <!-- Sven START --> - <!-- ======= Footer ======= --> - <footer id="footer"> - <div class="footer-top"> - <div class="container"> - <div class="row"> + <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> + <div class="newsImage-block-inner"> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=FXJ8gUJ2TTM" + > + <img + src="assets/img/news/thumbnails/thumb13.png" + alt="Mods" + class="img-fluid" + /></a> + <span class="hp-posts-cat">Mods</span> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=FXJ8gUJ2TTM" + >25 Mods to Create the Absolutely PERFECT Cyberpunk 2077</a + > + </h4> + <!-- <p></p> --> + <a + href="https://www.youtube.com/watch?v=FXJ8gUJ2TTM" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> + </li> + <li class="col-lg-4 col-md-4 newsImage-block full-width p-3"> + <div class="newsImage-block-inner"> + <a + class="mh-100" + href="https://www.youtube.com/watch?v=n0ighFX5A_E" + > + <img + src="assets/img/news/thumbnails/thumb14.png" + alt="Crowd" + class="img-fluid" + /></a> + <span class="hp-posts-cat">Simulation</span> + <h4 class="mt-3 ms-3 news-text"> + <a href="https://www.youtube.com/watch?v=n0ighFX5A_E" + >Crowd Simulation | Ryzen 3600 CPU Limited</a + > + </h4> + <!-- <p></p> --> + <a + href="https://www.youtube.com/watch?v=n0ighFX5A_E" + class="mehr" + ><img src="assets/img/news/mehr.png" + /></a> + </div> + <!-- .image-block-inner --> + </li> - <div class="col-lg-3 col-md-6"> - <div class="footer-info"> - <h3>WinXWins</h3> - <p> - Räffelstrasse 12<br> - 8045, Zürich<br><br> - <strong>Telefon:</strong> +41 78 624 24 19<br> - <strong>Email:</strong> info@example.com<br> - </p> - <div class="social-links mt-3"> - <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a> - <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a> - <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a> - <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a> - <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a> + <!-- RSS-LIVE-TICKER --> + <rssapp-ticker id="jysTk2vnR5ShJyOz"></rssapp-ticker> + <script + src="https://widget.rss.app/v1/ticker.js" + type="text/javascript" + async + ></script> + </ul> + </div> + </section> + </main> + <!-- End #main --> + <!-- Riots END --> + <!-- Sven START --> + <!-- ======= Footer ======= --> + <footer id="footer"> + <div class="footer-top"> + <div class="container"> + <div class="row"> + <div class="col-lg-3 col-md-6"> + <div class="footer-info"> + <h3>WinXWins</h3> + <p> + Räffelstrasse 12<br /> + 8045, Zürich<br /><br /> + <strong>Telefon:</strong> +41 78 624 24 19<br /> + <strong>Email:</strong> info@example.com<br /> + </p> + <div class="social-links mt-3"> + <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a> + <a href="#" class="facebook" + ><i class="bx bxl-facebook"></i + ></a> + <a href="#" class="instagram" + ><i class="bx bxl-instagram"></i + ></a> + <a href="#" class="google-plus" + ><i class="bx bxl-skype"></i + ></a> + <a href="#" class="linkedin" + ><i class="bx bxl-linkedin"></i + ></a> + </div> </div> </div> - </div> - - <div class="col-lg-2 col-md-6 footer-links"> - <h4>Nützliche Links</h4> - <ul> - <li><i class="bx bx-chevron-right"></i> <a href="index.html">Home</a></li> - <li><i class="bx bx-chevron-right"></i> <a href="game.html">Spiel</a></li> - <li><i class="bx bx-chevron-right"></i> <a href="news.html">Neuigkeiten</a></li> - <li><i class="bx bx-chevron-right"></i> <a href="support.html">Support</a></li> - <li><i class="bx bx-chevron-right"></i> <a href="about.html">Über uns</a></li> - <li><i class="bx bx-chevron-right"></i> <a href="impressum.html">Impressum</a></li> - </ul> - </div> - <div class="col-lg-3 col-md-6 footer-links"> - </div> + <div class="col-lg-2 col-md-6 footer-links"> + <h4>Nützliche Links</h4> + <ul> + <li> + <i class="bx bx-chevron-right"></i> + <a href="index.html">Home</a> + </li> + <li> + <i class="bx bx-chevron-right"></i> + <a href="game.html">Spiel</a> + </li> + <li> + <i class="bx bx-chevron-right"></i> + <a href="news.html">Neuigkeiten</a> + </li> + <li> + <i class="bx bx-chevron-right"></i> + <a href="support.html">Support</a> + </li> + <li> + <i class="bx bx-chevron-right"></i> + <a href="about.html">Über uns</a> + </li> + <li> + <i class="bx bx-chevron-right"></i> + <a href="impressum.html">Impressum</a> + </li> + </ul> + </div> - <div class="col-lg-4 col-md-6 footer-newsletter"> - <h4>Unsere Neuigkeiten</h4> - <p>Bleibe immer auf dem neusten stand.</p> - <form action="" method="post"> - <input type="email" name="email"><input type="submit" value="Subscribe"> - </form> + <div class="col-lg-3 col-md-6 footer-links"></div> + <div class="col-lg-4 col-md-6 footer-newsletter"> + <h4>Unsere Neuigkeiten</h4> + <p>Bleibe immer auf dem neusten stand.</p> + <form action="" method="post"> + <input type="email" name="email" /><input + type="submit" + value="Subscribe" + /> + </form> + </div> </div> - </div> </div> - </div> - <div class="container"> - <div class="copyright"> - © Copyright <strong><span>WinXWins</span></strong>. All Rights Reserved - </div> - <div class="credits"> - Designed by <a href="https://svenbledt.github.io/">Sven Bledt & Team</a> + <div class="container"> + <div class="copyright"> + © Copyright <strong><span>WinXWins</span></strong + >. All Rights Reserved + </div> + <div class="credits"> + Designed by + <a href="https://svenbledt.github.io/">Sven Bledt & Team</a> + </div> </div> - </div> - </footer><!-- End Footer --> - - <div id="preloader"></div> - <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i - class="bi bi-arrow-up-short"></i></a> - - <!-- Vendor JS Files --> - <script src="assets/vendor/aos/aos.js"></script> - <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> - <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> - <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> - <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> + </footer> + <!-- End Footer --> - <!-- Template Main JS File --> - <script src="assets/js/main.js"></script> + <div id="preloader"></div> + <a + href="#" + class="back-to-top d-flex align-items-center justify-content-center" + ><i class="bi bi-arrow-up-short"></i + ></a> -</body> + <!-- Vendor JS Files --> + <script src="assets/vendor/aos/aos.js"></script> + <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> + <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> + <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> + <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> + <!-- Template Main JS File --> + <script src="assets/js/main.js"></script> + </body> </html> -<!-- Sven END --> \ No newline at end of file +<!-- Sven END -->