PageSourceSearch

https://feber.se/today/

html feber.se collected 2026-09-24 18:11:41 UTC 810,787 bytes, 39,109 lines download raw bytes

1
2
3
4
5
6
7
8 									
9		
10	
11
12<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
13    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
14<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
15	
16
17
18
19
20
21
22
23
24
25
26
27<head>
28	
29	<!-- This is  Head5 AKTUELL FIL -->
30
31	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
32	
33	
34	<meta property="sesamy:client-id" content="feber" />
35	<meta property="sesamy:analytics" content="false" />
36	
37	<base target="_top" />
38
39			
40	
41
42	
43	
44	
44<script id="sesamy-js" type="application/json">{"auth":{"authorizationParams":{"redirect_uri":"https://feber.se/"}}}</script>
44
45
46
47	
48		<meta property="fb:app_id" content="1473195290977849" />
49		<meta property="fb:pages" content="103483998600" />
50	
51
52	
53	
54	
55	
56	<link rel="preconnect" href="https://i.ytimg.com">
57	<link rel="preconnect" href="https://static.feber.se">
58
59	<link rel="preload" href="/fonts/SuisseIntl-Light-WebS.woff2" as="font" type="font/woff2" crossorigin>
60	<link rel="preload" href="/fonts/SuisseIntl-Regular-WebS.woff2" as="font" type="font/woff2" crossorigin>
61	<link rel="preload" href="/fonts/SuisseIntl-SemiBold-WebS.woff2" as="font" type="font/woff2" crossorigin>
62	<link rel="preload" href="/fonts/SuisseIntl-Bold-WebS.woff2" as="font" type="font/woff2" crossorigin>
63	<link rel="preload" href="/fonts/Lato-Regular.woff2" as="font" type="font/woff2" crossorigin>
64
65	<link rel="preload" href="https://scripts.sesamy.com/s/feber/bundle.js" as="script" crossorigin="anonymous">
66	
67		
68	<!-- f-embed script -->
69	
70			
71
72<script>
73/* f-embed - Enkel modulär lösning för embed-innehåll
74 *
75 * Systemet letar automatiskt efter alla f-embed element och initierar dem.
76 * Nya embeds som läggs till dynamiskt initieras också automatiskt.
77 * Se varje handlers kommentarer för specifik användning.
78 */
79
80(function() {
81	'use strict';
82	
83	const embedHandlers = {};
84	function escapeHtml(value) {
85		return String(value == null ? '' : value).replace(/[&<>"']/g, function(character) {
86			return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[character];
87		});
88	}
89
90	embedHandlers.internallinks = {
91		init: function(element) {
92			if (element.querySelector('f-embed-internallinks')) return;
93
94			const ids = element.dataset.id || '';
95			if (!ids) {
96				console.error('f-embed: Internallinks kräver data-id');
97				return;
98			}
99
100			fetch('/snippets/internal_links.jsp?ids=' + encodeURIComponent(ids))
101				.then(function(res) {
102					if (!res.ok) throw new Error('Kunde inte hämta interna länkar');
103					return res.text();
104				})
105				.then(function(html) {
106					element.innerHTML = html;
107				})
108				.catch(function(error) {
109					console.error('f-embed: Internallinks-fel', error);
110				});
111		}
112	};
113	
114/*  Väntar på extern API (generell utility) */
115
116	function waitForAPI(checkFn, callback, timeout) {
117		timeout = timeout || 10000;
118		if (checkFn()) {
119			callback();
120			return;
121		}
122		
123		const interval = setInterval(() => {
124			if (checkFn()) {
125				clearInterval(interval);
126				callback();
127			}
128		}, 100);
129		
130		setTimeout(() => clearInterval(interval), timeout);
131	}
132	
133/* Initierar ett f-embed element */
134	function initEmbed(element) {
135		if (!element || element.dataset.initialized === 'true') return;
136		
137		const type = element.dataset.type;
138		if (!type) {
139			console.error('f-embed: data-type krävs');
140			return;
141		}
142		
143		const handler = embedHandlers[type.toLowerCase()];
144		if (!handler) {
145			console.error('f-embed: Okänd typ:', type);
146			return;
147		}
148		
149		element.dataset.initialized = 'true';
150		try {
151			handler.init(element, type);
152		} catch (error) {
153			console.error('f-embed: Init-fel', error);
154			element.dataset.initialized = 'false';
155		}
156	}
157	
158/* YouTube Handler
159 *
160 * ALTERNATIV:
161 * - data-type="youtube" (krävs)
162 * - data-id="VIDEO_ID" (krävs) - YouTube video ID (t.ex. "dQw4w9WgXcQ")
163 * - data-start="30" (valfritt) - Starttid i sekunder (default: 0)
164 * - data-mode="lazy" (valfritt) - "lazy" (tumnagel + klick) eller "embed" (iframe direkt) (default: "lazy")
165 *
166 * EXEMPEL:
167 * <f-embed data-type="youtube" data-id="dQw4w9WgXcQ"></f-embed>
168 * <f-embed data-type="youtube" data-id="dQw4w9WgXcQ" data-start="30"></f-embed>
169 * <f-embed data-type="youtube" data-id="dQw4w9WgXcQ" data-mode="embed"></f-embed>
170 *
171 * YouTube API laddas via script-tagg i head.
172 */
173
174/* Facebook-post Handler
175 * data-id: Facebook post ID eller URL
176 * data-username: Facebook användarnamn (default: "feberse")
177 */
178	embedHandlers.youtube = (function() {
179		// YouTube-specifika variabler
180		const activePlayers = {};
181		let currentActivePlayerId = null;
182		
183		return {
184			init: function(element, type) {
185				const videoId = element.dataset.id;
186				const startTime = parseInt(element.dataset.start || 0, 10);
187				const mode = element.dataset.mode || 'lazy';
188				
189				if (!videoId) {
190					console.error('f-embed: YouTube kräver data-id');
191					return;
192				}
193				
194				this.createStructure(element, videoId, type);
195				
196				if (mode === 'embed') {
197					// Dölj thumbnail och playbutton i embed-läge
198					const embedTag = element.querySelector('f-embed-' + type);
199					const thumbnail = element.querySelector('f-embed-' + type + '-thumbnail');
200					const playButton = element.querySelector('f-embed-' + type + '-playbutton');
201					if (thumbnail) thumbnail.style.display = 'none';
202					if (playButton) playButton.style.display = 'none';
203					
204					this.loadPlayer(element, videoId, startTime, type, false);
205				} else {
206					this.setupLazyLoading(element, videoId, startTime, type);
207				}
208			},
209			
210		createStructure: function(element, videoId, type) {
211			const embedTag = 'f-embed-' + type;
212			const thumbnailUrl = element.dataset.thumbnail ||
213				'https://i.ytimg.com/vi/' + videoId + '/maxresdefault.jpg';
214			const thumbnailFallback = element.dataset.thumbnailFallback ||
215				'https://i.ytimg.com/vi/' + videoId + '/hqdefault.jpg';
216			
217			// Ta bort eventuellt befintligt innehåll (t.ex. crawler-bilder)
218			// Detta gör att vi kan ha en <img> i HTML:en för crawlers
219			// som sedan ersätts av den interaktiva strukturen
220			element.innerHTML = '';
221			
222			element.innerHTML = 
223				'<' + embedTag + '>' +
224				'<f-embed-' + type + '-thumbnail>' +
225				'<img src="' + thumbnailUrl + '" ' +
226				'onload="if(this.naturalWidth<220 && this.src!==\'' + thumbnailFallback + '\'){this.src=\'' + thumbnailFallback + '\';};" ' +
227				'onerror="this.onerror=null;this.src=\'' + thumbnailFallback + '\';" ' +
228				'alt="Video thumbnail" loading="lazy" />' +
229				'</f-embed-' + type + '-thumbnail>' +
230				'<f-embed-' + type + '-playbutton>' +
231				'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 721">' +
232				'<path fill="white" d="M407,493l276-143L407,206V493z"/>' +
233				'<path fill="red" d="M1013,156.3c0,0-10-70.4-40.6-101.4C933.6,14.2,890,14,870.1,11.6C727.1,1.3,512.7,1.3,512.7,1.3h-0.4c0,0-214.4,0-357.4,10.3C135,14,91.4,14.2,52.6,54.9C22,85.9,12,156.3,12,156.3S1.8,238.9,1.8,321.6v77.5C1.8,481.8,12,564.4,12,564.4s10,70.4,40.6,101.4c38.9,40.7,89.9,39.4,112.6,43.7c81.7,7.8,347.3,10.3,347.3,10.3s214.6-0.3,357.6-10.7c20-2.4,63.5-2.6,102.3-43.3c30.6-31,40.6-101.4,40.6-101.4s10.2-82.7,10.2-165.3v-77.5C1023.2,238.9,1013,156.3,1013,156.3z M407,493V206l276,144L407,493z"/>' +
234				'</svg>' +
235				'</f-embed-' + type + '-playbutton>' +
236				'<f-embed-' + type + '-iframe></f-embed-' + type + '-iframe>' +
237				'</' + embedTag + '>';
238		},
239			
240			setupLazyLoading: function(element, videoId, startTime, type) {
241				const embedTag = element.querySelector('f-embed-' + type);
242				const thumbnail = element.querySelector('f-embed-' + type + '-thumbnail');
243				const playButton = element.querySelector('f-embed-' + type + '-playbutton');
244				const self = this;
245				
246				if (!embedTag || !thumbnail || !playButton) return;
247				
248			embedTag.addEventListener('click', function clickHandler(e) {
249				e.preventDefault();
250				e.stopPropagation();
251				
252				// Pausa alla pågående YouTube-spelare
253				self.pauseAllPlayers();
254				
255				thumbnail.style.display = 'none';
256				playButton.style.display = 'none';
257				self.loadPlayer(element, videoId, startTime, type, true);
258				embedTag.removeEventListener('click', clickHandler);
259				
260				// Dra ner header om artikeln har data-placement="above"
261				const article = element.closest('f-article');
262				if (article && article.getAttribute('data-placement') === 'above') {
263					const articleHeader = article.querySelector('f-article-header');
264					if (articleHeader) {
265						articleHeader.style.marginTop = '0px';
266					}
267				}
268				
269				if (window.plausible) {
270					window.plausible('VideoPlay', {
271						props: { ID: 'https://youtu.be/' + videoId }
272					});
273				}
274			});
275				
276				embedTag.style.cursor = 'pointer';
277			},
278			
279			loadPlayer: function(element, videoId, startTime, type, autoplay) {
280				autoplay = autoplay !== undefined ? autoplay : true;
281				const iframeContainer = element.querySelector('f-embed-' + type + '-iframe');
282				if (!iframeContainer) return;
283				
284				if (activePlayers[videoId]) {
285					if (autoplay) {
286						activePlayers[videoId].playVideo();
287					}
288					currentActivePlayerId = videoId;
289					return;
290				}
291				
292				const iframeId = 'youtube-player-' + videoId;
293				const iframe = document.createElement('iframe');
294				iframe.id = iframeId;
295				iframe.width = '640';
296				iframe.height = '390';
297				iframe.frameBorder = '0';
298				iframe.allowFullscreen = true;
299				iframe.allow = 'autoplay; encrypted-media';
300				iframe.referrerPolicy = 'strict-origin-when-cross-origin';
301
302				let url = 'https://www.youtube-nocookie.com/embed/' + videoId +
303					'?enablejsapi=1&origin=' + encodeURIComponent(window.location.origin) +
304					'&modestbranding=1&rel=0&playsinline=1';
305				if (startTime > 0) {
306					url += '&start=' + startTime;
307				}
308				iframe.src = url;
309				iframeContainer.appendChild(iframe);
310				
311				const self = this;
312				waitForAPI(
313					function() { return window.YT && window.YT.Player; },
314					function() {
315					const player = new YT.Player(iframeId, {
316						events: {
317							onReady: function(event) {
318								if (startTime > 0) {
319									event.target.seekTo(startTime, true);
320								}
321								if (autoplay) {
322									event.target.playVideo();
323									currentActivePlayerId = videoId;
324								}
325							},
326							onStateChange: function(event) {
327								if (event.data === YT.PlayerState.PLAYING) {
328									currentActivePlayerId = videoId;
329								} else if (event.data === YT.PlayerState.ENDED) {
330									currentActivePlayerId = null;
331								}
332							}
333						}
334					});
335					activePlayers[videoId] = player;
336					},
337					10000
338				);
339			},
340			
341		stopPlayer: function(videoId) {
342			if (activePlayers[videoId]) {
343				try {
344					activePlayers[videoId].stopVideo();
345				} catch (e) {
346					console.warn('f-embed: Kunde inte stoppa spelare', e);
347				}
348			}
349		},
350		
351		pauseAllPlayers: function() {
352			Object.keys(activePlayers).forEach(id => {
353				try {
354					if (activePlayers[id] && typeof activePlayers[id].pauseVideo === 'function') {
355						activePlayers[id].pauseVideo();
356					}
357				} catch (e) {
358					console.warn('f-embed: Kunde inte pausa spelare ' + id, e);
359				}
360			});
361		}
362	};
363})();
364
365/* Bunny Stream Handler
366 *
367 * Genererar en autoplay iframe direkt (ingen thumbnail/klick).
368 *
369 * ALTERNATIV:
370 * - data-type="bunny" (krävs)
371 * - data-id="VIDEO_GUID" (krävs) - Bunny Stream video GUID
372 *
373 * EXEMPEL:
374 * <f-embed data-type="bunny" data-id="1ed8aaad-d378-4c86-a6cc-6f1486c129f1"></f-embed>
375 */
376	embedHandlers.bunny = {
377		init: function(element, type) {
378			const videoId = (element.dataset.id || '').split('|')[0];
379			if (!videoId) {
380				console.error('f-embed: Bunny kräver data-id');
381				return;
382			}
383
384			element.innerHTML =
385				'<div style="position:relative;padding-top:56.25%;">' +
386				'<iframe src="https://iframe.mediadelivery.net/embed/508275/' + videoId + '?autoplay=true&loop=true&muted=true&preload=true&responsive=true" ' +
387				'loading="lazy" ' +
388				'style="border:0;position:absolute;top:0;height:100%;width:100%;" ' +
389				'allow="accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;" ' +
390				'allowfullscreen="true"></iframe>' +
391				'</div>';
392		}
393	};
394
395/* Mux Handler
396 *
397 * ALTERNATIV:
398 * - data-type="mux" (krävs)
399 * - data-id="PLAYBACK_ID" (krävs) - Mux playback ID
400 *
401 * EXEMPEL:
402 * <f-embed data-type="mux" data-id="abc123"></f-embed>
403 */
404	embedHandlers.mux = {
405		init: function(element, type) {
406			const rawId = (element.dataset.id || '').split('|')[0].trim();
407			const muxPlayerMatch = rawId.match(/playback-id=["']([^"']+)["']/);
408			const muxMatch = rawId.match(/(?:playback|stream|image|player)\.mux\.com\/([^\/\?\.\s"'<>]+)/);
409			const playbackId = muxPlayerMatch ? muxPlayerMatch[1] : (muxMatch ? muxMatch[1] : rawId);
410			if (!playbackId) {
411				console.error('f-embed: Mux kräver data-id');
412				return;
413			}
414			const imageTitle = (element.querySelector('img') || {}).alt || '';
415			const metadataTitle = element.dataset.title || element.getAttribute('aria-label') || imageTitle.replace(/^Video till\s+/i, '') || playbackId;
416			const metadataVideoId = element.dataset.videoId || playbackId;
417			const escapeAttr = function(value) {
418				return String(value).replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
419			};
420
421			if (!document.querySelector('script[src*="@mux/mux-player"]')) {
422				const script = document.createElement('script');
423				script.type = 'module';
424				script.src = 'https://cdn.jsdelivr.net/npm/@mux/mux-player';
425				document.head.appendChild(script);
426			}
427
428			element.innerHTML =
429				'<mux-player playback-id="' + playbackId + '" ' +
430				'autoplay="muted" loop muted playsinline preload="auto" ' +
431				'accent-color="rgba(245, 68, 1, 1)" ' +
432				'style="display:block;width:100%;aspect-ratio:16/9;background:#000;--seek-backward-button:none;--seek-forward-button:none;--pip-button:none;--playback-rate-button:none;" ' +
433				'metadata-video-id="' + escapeAttr(metadataVideoId) + '" ' +
434				'metadata-video-title="' + escapeAttr(metadataTitle) + '">' +
435				'</mux-player>';
436		}
437	};
438
439/* Vimeo Handler
440 *
441 * ALTERNATIV:
442 * - data-type="vimeo" (krävs)
443 * - data-id="VIDEO_ID" (krävs) - Vimeo video ID (t.ex. "123456789")
444 * - data-hash="HASH" (valfritt) - Hash för privata/unlisted videor (t.ex. "711ba0054a")
445 * - data-start="30" (valfritt) - Starttid i sekunder (default: 0)
446 * - data-mode="lazy" (valfritt) - "lazy" (tumnagel + klick) eller "embed" (iframe direkt) (default: "lazy")
447 *
448 * EXEMPEL:
449 * <f-embed data-type="vimeo" data-id="123456789"></f-embed>
450 * <f-embed data-type="vimeo" data-id="123456789" data-hash="711ba0054a"></f-embed>
451 * <f-embed data-type="vimeo" data-id="123456789" data-start="30"></f-embed>
452 * <f-embed data-type="vimeo" data-id="123456789" data-mode="embed"></f-embed>
453 */
454	embedHandlers.vimeo = (function() {
455		// Vimeo-specifika variabler
456		const activePlayers = {};
457		let currentActivePlayerId = null;
458
459		return {
460			init: function(element, type) {
461				let videoId = element.dataset.id;
462				let hash = element.dataset.hash || '';
463				const startTime = parseInt(element.dataset.start || 0, 10);
464				const mode = element.dataset.mode || 'lazy';
465
466				if (!videoId) {
467					console.error('f-embed: Vimeo kräver data-id');
468					return;
469				}
470
471				// Om det är en URL, extrahera video ID och eventuell hash
472				if (videoId.indexOf('vimeo.com') !== -1) {
473					// player.vimeo.com/video/ID?h=HASH
474					var hMatch = videoId.match(/[?&]h=([a-f0-9]+)/);
475					if (hMatch && hMatch[1]) hash = hMatch[1];
476					// vimeo.com/ID/HASH eller vimeo.com/video/ID/HASH
477					var match = videoId.match(/vimeo\.com\/(?:video\/)?(\d+)(?:\/([a-f0-9]+))?/);
478					if (match && match[1]) {
479						videoId = match[1];
480						if (!hash && match[2]) hash = match[2];
481					}
482				}
483
484				this.createStructure(element, videoId, hash, type);
485
486				if (mode === 'embed') {
487					this.loadPlayer(element, videoId, hash, startTime, type);
488				} else {
489					this.setupLazyLoading(element, videoId, hash, startTime, type);
490				}
491			},
492			
493			createStructure: function(element, videoId, hash, type) {
494				const embedTag = 'f-embed-' + type;
495				const self = this;
496
497				// Ta bort eventuellt befintligt innehåll
498				element.innerHTML = '';
499
500				// Skapa strukturen utan thumbnail först (så vi inte visar fel bild)
501				element.innerHTML =
502					'<' + embedTag + '>' +
503					'<f-embed-' + type + '-thumbnail></f-embed-' + type + '-thumbnail>' +
504					'<f-embed-' + type + '-playbutton>' +
505					'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">' +
506					'<circle cx="50" cy="50" r="45" fill="#1ab7ea" opacity="0.9"/>' +
507					'<path fill="white" d="M40,30 L40,70 L65,50 Z"/>' +
508					'</svg>' +
509					'</f-embed-' + type + '-playbutton>' +
510					'<f-embed-' + type + '-iframe></f-embed-' + type + '-iframe>' +
511					'</' + embedTag + '>';
512
513				// Hämta thumbnail via Vimeo's oEmbed API direkt (gratis, ingen API-nyckel behövs)
514				// Detta ger oss den officiella högupplösta thumbnails som Vimeo rekommenderar
515				// För privata videor måste hashen ingå i URL:en
516				const vimeoUrl = 'https://vimeo.com/' + videoId + (hash ? '/' + hash : '');
517				const oEmbedUrl = 'https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(vimeoUrl);
518				
519				fetch(oEmbedUrl)
520					.then(function(response) {
521						if (!response.ok) {
522							throw new Error('Vimeo oEmbed API fel');
523						}
524						return response.json();
525					})
526					.then(function(data) {
527						// oEmbed API returnerar thumbnail_url, konvertera den till 1280px
528						if (data.thumbnail_url) {
529							const thumbnailContainer = element.querySelector('f-embed-' + type + '-thumbnail');
530							if (thumbnailContainer) {
531								// Konvertera oEmbed URL till 1280px-version
532								// Format: ...-d_295x166?region=se -> ...-d_1280
533								let highResUrl = data.thumbnail_url;
534								
535								// Ta bort query-parametrar först
536								const urlParts = highResUrl.split('?');
537								highResUrl = urlParts[0];
538								
539								// Ersätt storleksmärkningen med _1280
540								// Mönster: -d_XXXxYYY eller -d_XXX -> -d_1280
541								highResUrl = highResUrl.replace(/-d_\d+x\d+/, '-d_1280');
542								highResUrl = highResUrl.replace(/-d_\d+/, '-d_1280');
543								
544								// Skapa och lägg till bilden med rätt URL direkt
545								const img = document.createElement('img');
546								img.src = highResUrl;
547								img.alt = 'Video thumbnail';
548								img.loading = 'lazy';
549								thumbnailContainer.appendChild(img);
550							}
551						}
552					})
553					.catch(function(error) {
554						// Om oEmbed misslyckas, visa en placeholder eller ingenting
555						console.debug('f-embed: Kunde inte hämta Vimeo-thumbnail', error);
556						const thumbnailContainer = element.querySelector('f-embed-' + type + '-thumbnail');
557						if (thumbnailContainer) {
558							// Visa en svart placeholder istället för fel bild
559							thumbnailContainer.style.backgroundColor = '#000';
560						}
561					});
562			},
563			
564			setupLazyLoading: function(element, videoId, hash, startTime, type) {
565				const embedTag = element.querySelector('f-embed-' + type);
566				const thumbnail = element.querySelector('f-embed-' + type + '-thumbnail');
567				const playButton = element.querySelector('f-embed-' + type + '-playbutton');
568				const self = this;
569
570				if (!embedTag || !thumbnail || !playButton) return;
571
572				embedTag.addEventListener('click', function clickHandler(e) {
573					e.preventDefault();
574					e.stopPropagation();
575
576					// Pausa alla pågående Vimeo-spelare
577					self.pauseAllPlayers();
578
579					thumbnail.style.display = 'none';
580					playButton.style.display = 'none';
581					self.loadPlayer(element, videoId, hash, startTime, type);
582					embedTag.removeEventListener('click', clickHandler);
583					
584					// Dra ner header om artikeln har data-placement="above"
585					const article = element.closest('f-article');
586					if (article && article.getAttribute('data-placement') === 'above') {
587						const articleHeader = article.querySelector('f-article-header');
588						if (articleHeader) {
589							articleHeader.style.marginTop = '0px';
590						}
591					}
592					
593					if (window.plausible) {
594						window.plausible('VideoPlay', {
595							props: { ID: 'https://vimeo.com/' + videoId }
596						});
597					}
598				});
599				
600				embedTag.style.cursor = 'pointer';
601			},
602			
603			loadPlayer: function(element, videoId, hash, startTime, type) {
604				const iframeContainer = element.querySelector('f-embed-' + type + '-iframe');
605				if (!iframeContainer) return;
606
607				// Vimeo Player API kräver att scriptet laddas först
608				this.loadVimeoPlayerAPI(function() {
609					const iframeId = 'vimeo-player-' + videoId;
610					const iframe = document.createElement('iframe');
611					iframe.id = iframeId;
612					iframe.width = '640';
613					iframe.height = '390';
614					iframe.frameBorder = '0';
615					iframe.allowFullscreen = true;
616					iframe.allow = 'autoplay; fullscreen; picture-in-picture';
617
618					let url = 'https://player.vimeo.com/video/' + videoId +
619						'?badge=0&autopause=0&player_id=' + iframeId;
620					if (hash) url += '&h=' + hash;
621					
622					// Lägg till starttid om det finns
623					if (startTime > 0) {
624						url += '#t=' + startTime + 's';
625					}
626					
627					iframe.src = url;
628					iframeContainer.appendChild(iframe);
629					
630					const self = this;
631					waitForAPI(
632						function() { return window.Vimeo && window.Vimeo.Player; },
633						function() {
634							const player = new Vimeo.Player(iframeId);
635							activePlayers[videoId] = player;
636							currentActivePlayerId = videoId;
637							
638							// Om starttid finns, sök till den positionen
639							if (startTime > 0) {
640								player.setCurrentTime(startTime).then(function() {
641									player.play();
642								}).catch(function(error) {
643									console.warn('f-embed: Kunde inte sätta starttid för Vimeo', error);
644									player.play();
645								});
646							} else {
647								player.play();
648							}
649							
650							// Lyssna på när videon slutar
651							player.on('ended', function() {
652								currentActivePlayerId = null;
653							});
654						},
655						10000
656					);
657				}.bind(this));
658			},
659			
660			loadVimeoPlayerAPI: function(callback) {
661				if (window.Vimeo && window.Vimeo.Player) {
662					if (callback) callback();
663					return;
664				}
665				
666				if (document.querySelector('script[src*="player.vimeo.com/api/player.js"]')) {
667					waitForAPI(
668						function() { return window.Vimeo && window.Vimeo.Player; },
669						function() { if (callback) callback(); },
670						10000
671					);
672					return;
673				}
674				
675				const script = document.createElement('script');
676				script.src = 'https://player.vimeo.com/api/player.js';
677				script.async = true;
678				script.onload = function() {
679					if (callback) callback();
680				};
681				script.onerror = function() {
682					console.error('f-embed: Kunde inte ladda Vimeo Player API');
683					if (callback) callback(); // Fortsätt ändå, iframe fungerar utan API
684				};
685				document.head.appendChild(script);
686			},
687			
688			stopPlayer: function(videoId) {
689				if (activePlayers[videoId]) {
690					try {
691						activePlayers[videoId].pause();
692					} catch (e) {
693						console.warn('f-embed: Kunde inte stoppa Vimeo-spelare', e);
694					}
695				}
696			},
697			
698			pauseAllPlayers: function() {
699				Object.keys(activePlayers).forEach(id => {
700					try {
701						if (activePlayers[id] && typeof activePlayers[id].pause === 'function') {
702							activePlayers[id].pause();
703						}
704					} catch (e) {
705						console.warn('f-embed: Kunde inte pausa Vimeo-spelare ' + id, e);
706					}
707				});
708			}
709		};
710	})();
711
712/* Delad Facebook SDK-loading */
713	(function() {
714		let sdkLoaded = false;
715		window.loadFacebookSDK = function() {
716			if (sdkLoaded || document.querySelector('script[src*="connect.facebook.net"]')) {
717				sdkLoaded = true;
718				return;
719			}
720			const script = document.createElement('script');
721			script.async = script.defer = true;
722			script.src = 'https://connect.facebook.net/sv_SE/sdk.js#xfbml=1&version=v3.2';
723			document.head.appendChild(script);
724			sdkLoaded = true;
725		};
726	})();
727
728/* Facebook-post Handler
729 *
730 * ALTERNATIV:
731 * - data-type="fbpost" (krävs)
732 * - data-id="POST_ID_OR_URL" (krävs) - Facebook post ID eller full URL
733 *   ID: "123456" eller "pfbid0bn8Sq4Lodh..."
734 *   URL: "https://www.facebook.com/username/posts/123456"
735 * - data-username="USERNAME" (valfritt) - Facebook användarnamn/sidnamn (default: "feberse")
736 *
737 * EXEMPEL:
738 * <f-embed data-type="fbpost" data-id="pfbid0bn8Sq4LodhpmcfNnA6sebWHw6hatinBpEgFJw3fMppBbpH6vBBqsDcb7NZkwKRJ5l"></f-embed>
739 * <f-embed data-type="fbpost" data-id="123456"></f-embed>
740 * <f-embed data-type="fbpost" data-id="https://www.facebook.com/feberse/posts/123456"></f-embed>
741 */
742/* Delad Facebook SDK-loading och parse */
743	(function() {
744		let sdkLoaded = false;
745		window.loadFacebookSDK = function() {
746			if (sdkLoaded || document.querySelector('script[src*="connect.facebook.net"]')) {
747				sdkLoaded = true;
748				return;
749			}
750			const script = document.createElement('script');
751			script.async = script.defer = true;
752			script.src = 'https://connect.facebook.net/sv_SE/sdk.js#xfbml=1&version=v3.2';
753			document.head.appendChild(script);
754			sdkLoaded = true;
755		};
756		
757		window.parseFacebook = function() {
758			if (window.FB && window.FB.XFBML && window.FB.XFBML.parse) {
759				setTimeout(function() { window.FB.XFBML.parse(); }, 100);
760			} else {
761				waitForAPI(
762					function() { return window.FB && window.FB.XFBML && window.FB.XFBML.parse; },
763					function() { setTimeout(function() { window.FB.XFBML.parse(); }, 100); },
764					15000
765				);
766			}
767		};
768	})();
769
770	embedHandlers.fbpost = {
771		init: function(element, type) {
772			let postId = element.dataset.id;
773			if (!postId) {
774				console.error('f-embed: Facebook-post kräver data-id');
775				return;
776			}
777			
778			const username = element.dataset.username || 'feberse';
779			let postUrl = postId;
780			
781			if (postId.indexOf('facebook.com') !== -1) {
782				const match = postId.match(/\/posts\/([^\/\?&#]+)/);
783				if (match && match[1]) {
784					postId = match[1];
785					postUrl = 'https://www.facebook.com/' + username + '/posts/' + postId;
786				}
787			} else {
788				postUrl = 'https://www.facebook.com/' + username + '/posts/' + postId;
789			}
790			
791			element.innerHTML = '<f-embed-' + type + '><div class="fb-post" data-href="' + postUrl + '" data-width="750" data-height="auto"></div></f-embed-' + type + '>';
792			window.loadFacebookSDK();
793			window.parseFacebook();
794		}
795	};
796
797/* Facebook-video Handler
798 * data-id: Facebook video ID eller URL
799 * data-username: Facebook användarnamn (default: "feberse")
800 */
801	embedHandlers.fbvideo = {
802		init: function(element, type) {
803			let videoId = element.dataset.id;
804			if (!videoId) {
805				console.error('f-embed: Facebook-video kräver data-id');
806				return;
807			}
808			
809			const username = element.dataset.username || 'feberse';
810			let videoUrl = videoId;
811			
812			if (videoId.indexOf('facebook.com') !== -1) {
813				const match = videoId.match(/\/videos\/([^\/\?&#]+)/);
814				if (match && match[1]) {
815					videoId = match[1];
816					videoUrl = 'https://www.facebook.com/' + username + '/videos/' + videoId + '/';
817				}
818			} else {
819				videoUrl = 'https://www.facebook.com/' + username + '/videos/' + videoId + '/';
820			}
821			
822			element.innerHTML = '<f-embed-' + type + '><div class="fb-video" data-href="' + videoUrl + '" data-width="" data-show-text="false" data-autoplay="false" data-lazy="true"></div></f-embed-' + type + '>';
823			window.loadFacebookSDK();
824			window.parseFacebook();
825		}
826	};
827
828/* IMDb Handler
829 * data-id: IMDb ID eller URL (t.ex. "tt0111161")
830 */
831	embedHandlers.imdb = {
832		init: function(element, type) {
833			let imdbId = element.dataset.id;
834			if (!imdbId) {
835				console.error('f-embed: IMDb kräver data-id');
836				return;
837			}
838			
839			// Om det är en URL, extrahera IMDb ID
840			if (imdbId.indexOf('imdb.com') !== -1) {
841				const match = imdbId.match(/\/title\/(tt\d+)/);
842				if (match && match[1]) {
843					imdbId = match[1];
844				}
845			}
846			
847			const embedTag = 'f-embed-' + type;
848			element.innerHTML = '<' + embedTag + '><f-imdb><f-imdb-body>Laddar IMDb-data...</f-imdb-body></f-imdb></' + embedTag + '>';
849			const container = element.querySelector(embedTag);
850			
851			// Hämta data från OMDb API
852			fetch('/proxys/imdb.jsp?id=' + encodeURIComponent(imdbId))
853				.then(function(response) {
854					return response.json().then(function(data) {
855						if (!response.ok) throw new Error(data.error || 'IMDb proxy-fel: ' + response.status);
856						return data;
857					});
858				})
859				.then(function(data) {
860					if (data.Response === 'False') {
861						container.innerHTML = '<f-imdb><f-imdb-body>Kunde inte hämta IMDb-data.</f-imdb-body></f-imdb>';
862						return;
863					}
864					
865					const imdbUrl = 'https://www.imdb.com/title/' + encodeURIComponent(imdbId) + '/';
866					const title = escapeHtml(data.Title);
867					let html = '<f-imdb>';
868					
869					if (data.Poster && data.Poster !== 'N/A') {
870						html += '<f-imdb-image><a href="' + imdbUrl + '" target="_blank" rel="noopener"><img src="' + escapeHtml(data.Poster) + '" loading="lazy" class="imdbPic" alt="Poster för ' + title + '" /></a></f-imdb-image>';
871					}
872					
873					html += '<f-imdb-headline><a href="' + imdbUrl + '" target="_blank" rel="noopener">' + title + '</a></f-imdb-headline>';
874					html += '<f-imdb-body class="after">';
875					
876					if (data.Plot && data.Plot !== 'N/A') {
877						html += escapeHtml(data.Plot) + '<br />';
878						html += '<a href="' + imdbUrl + '" target="_blank" rel="noopener">Läs mer</a><br /><br />';
879					}
880					
881					if (data.Type && data.Type !== 'N/A') {
882						const typeText = data.Type === 'series' ? 'TV-serie' : data.Type === 'movie' ? 'Film' : data.Type;
883						html += '<b>Typ:</b> ' + escapeHtml(typeText) + ' &nbsp;';
884					}
885					
886					if (data.Actors && data.Actors !== 'N/A') {
887						html += '<b>Skådespelare:</b> ' + escapeHtml(data.Actors) + '<br />';
888					}
889					
890					if (data.Director && data.Director !== 'N/A') {
891						html += '<b>Regissör:</b> ' + escapeHtml(data.Director) + ' &nbsp;';
892					}
893					
894					if (data.Released && data.Released !== 'N/A') {
895						html += '<b>Premiär:</b> ' + escapeHtml(data.Released);
896					}
897					
898					html += '</f-imdb-body>';
899					html += '</f-imdb>';
900					container.innerHTML = html;
901				})
902				.catch(function(error) {
903					container.innerHTML = '<f-imdb><f-imdb-body>Fel vid hämtning av IMDb-data.</f-imdb-body></f-imdb>';
904					console.error('f-embed: IMDb API-fel', error);
905				});
906		}
907	};
908
909/* IGDB Handler
910 * data-id: IGDB game ID eller spelnamn
911 * Använder Vercel-proxyn direkt (Resin är för gammal för HTTPS-anrop)
912 * Cachar resultat i sessionStorage för att minska API-anrop
913 */
914	embedHandlers.igdb = {
915		init: function(element, type) {
916			let gameId = element.dataset.id;
917			
918			if (!gameId) {
919				console.error('f-embed: IGDB kräver data-id');
920				return;
921			}
922			
923			const embedTag = 'f-embed-' + type;
924			element.innerHTML = '<' + embedTag + '><f-igdb><f-igdb-body>Laddar IGDB-data...</f-igdb-body></f-igdb></' + embedTag + '>';
925			const container = element.querySelector(embedTag);
926			
927			// Kolla cache först (cachar i 1 timme)
928			const cacheKey = 'igdb_' + gameId;
929			const cached = sessionStorage.getItem(cacheKey);
930			if (cached) {
931				try {
932					const cachedData = JSON.parse(cached);
933					const now = Date.now();
934					// Cache är giltig i 1 timme (3600000 ms)
935					if (now - cachedData.timestamp < 3600000) {
936						this.renderGame(container, cachedData.data, embedTag);
937						return;
938					}
939				} catch (e) {
940					// Ignorera felaktig cache
941				}
942			}
943			
944			// Anropa Vercel-proxyn direkt (webbläsaren hanterar HTTPS utan problem)
945			fetch('https://proxy.feber.se/api/igdb?gameId=' + encodeURIComponent(gameId))
946				.then(function(response) {
947					if (!response || !response.ok) {
948						throw new Error('IGDB API-fel: ' + (response ? response.status : 'Ingen response'));
949					}
950					return response.json();
951				})
952				.then(function(data) {
953					// Backend returnerar antingen {error: ...} eller {games: [...]}
954					if (data.error) {
955						container.innerHTML = '<f-igdb><f-igdb-body>' + (data.error || 'Kunde inte hämta IGDB-data.') + '</f-igdb-body></f-igdb>';
956						return;
957					}
958					
959					const games = data.games || [];
960					if (!games || games.length === 0) {
961						container.innerHTML = '<f-igdb><f-igdb-body>Kunde inte hitta spelet i IGDB.</f-igdb-body></f-igdb>';
962						return;
963					}
964					
965					// Cacha resultatet
966					try {
967						sessionStorage.setItem(cacheKey, JSON.stringify({
968							timestamp: Date.now(),
969							data: data
970						}));
971					} catch (e) {
972						// Ignorera om sessionStorage är full eller inte tillgänglig
973					}
974					
975					embedHandlers.igdb.renderGame(container, data, embedTag);
976				})
977				.catch(function(error) {
978					container.innerHTML = '<f-igdb><f-igdb-body>Fel vid hämtning av IGDB-data.</f-igdb-body></f-igdb>';
979					console.error('f-embed: IGDB API-fel', error);
980				});
981		},
982		renderGame: function(container, data, embedTag) {
983			const games = data.games || [];
984			if (!games || games.length === 0) {
985				container.innerHTML = '<f-igdb><f-igdb-body>Kunde inte hitta spelet i IGDB.</f-igdb-body></f-igdb>';
986				return;
987			}
988			
989			const game = games[0];
990			const igdbUrl = 'https://www.igdb.com/games/' + (game.slug || game.id);
991			let html = '<f-igdb>';
992			
993			// Prioritera screenshot över cover om det finns
994			let imageUrl = null;
995			let imageAlt = '';
996			
997			if (game.screenshots && game.screenshots.length > 0 && game.screenshots[0].url) {
998				// Använd första screenshot om det finns
999				imageUrl = game.screenshots[0].url;
1000				imageAlt = 'Screenshot från ' + (game.name || '');
1001			} else if (game.cover && game.cover.url) {
1002				// Fallback till cover om inga screenshots finns
1003				imageUrl = game.cover.url;
1004				imageAlt = 'Cover för ' + (game.name || '');
1005			}
1006			
1007			if (imageUrl) {
1008				// IGDB returnerar relativ URL, behöver konvertera till full URL
1009				if (imageUrl.startsWith('//')) {
1010					imageUrl = 'https:' + imageUrl;
1011				} else if (!imageUrl.startsWith('http')) {
1012					imageUrl = 'https:' + imageUrl;
1013				}
1014				
1015				// Använd större bild
1016				// För screenshots: t_thumb -> t_screenshot_big
1017				// För cover: t_thumb -> t_cover_big
1018				if (imageUrl.includes('/t_thumb/')) {
1019					if (game.screenshots && game.screenshots.length > 0) {
1020						imageUrl = imageUrl.replace('/t_thumb/', '/t_screenshot_big/');
1021					} else {
1022						imageUrl = imageUrl.replace('/t_thumb/', '/t_cover_big/');
1023					}
1024				}
1025				
1026				html += '<f-igdb-image><a href="' + igdbUrl + '" target="_blank" rel="noopener"><img src="' + imageUrl + '" loading="lazy" class="igdbPic" alt="' + imageAlt + '" /></a></f-igdb-image>';
1027			}
1028			
1029			html += '<f-igdb-headline><a href="' + igdbUrl + '" target="_blank" rel="noopener">' + (game.name || '') + '</a></f-igdb-headline>';
1030			html += '<f-igdb-body class="after">';
1031			
1032			if (game.summary) {
1033				html += game.summary + '<br />';
1034				html += '<a href="' + igdbUrl + '" target="_blank" rel="noopener">Läs mer</a><br /><br />';
1035			}
1036			
1037			if (game.genres && game.genres.length > 0) {
1038				const genreNames = game.genres.map(function(g) { return g.name; }).join(', ');
1039				html += '<b>Genrer:</b> ' + genreNames + ' &nbsp;';
1040			}
1041			
1042			if (game.platforms && game.platforms.length > 0) {
1043				const platformNames = game.platforms.map(function(p) { return p.name; }).join(', ');
1044				html += '<b>Plattformar:</b> ' + platformNames + '<br />';
1045			}
1046			
1047			if (game.first_release_date) {
1048				const releaseDate = new Date(game.first_release_date * 1000);
1049				const formattedDate = releaseDate.toLocaleDateString('sv-SE', { year: 'numeric', month: 'long', day: 'numeric' });
1050				html += '<b>Utgivningsdatum:</b> ' + formattedDate + ' &nbsp;';
1051			}
1052			
1053			if (game.rating) {
1054				html += '<b>Betyg:</b> ' + Math.round(game.rating) + '/100';
1055			}
1056			
1057			html += '</f-igdb-body>';
1058			html += '</f-igdb>';
1059			container.innerHTML = html;
1060		}
1061	};
1062
1063/* Instagram Handler
1064 * data-id: Instagram post ID eller URL
1065 */
1066	embedHandlers.instagram = (function() {
1067		let scriptLoaded = false;
1068		
1069		function loadInstagramScript() {
1070			if (scriptLoaded || document.querySelector('script[src*="instagram.com/embed.js"]')) {
1071				scriptLoaded = true;
1072				return;
1073			}
1074			const script = document.createElement('script');
1075			script.async = true;
1076			script.src = 'https://www.instagram.com/embed.js';
1077			document.head.appendChild(script);
1078			scriptLoaded = true;
1079		}
1080		
1081		return {
1082			init: function(element, type) {
1083				let postId = element.dataset.id;
1084				if (!postId) {
1085					console.error('f-embed: Instagram kräver data-id');
1086					return;
1087				}
1088				
1089				// Om det är en URL, extrahera post ID
1090				if (postId.indexOf('instagram.com') !== -1) {
1091					const match = postId.match(/\/p\/([^\/\?]+)/);
1092					if (match && match[1]) {
1093						postId = match[1];
1094					}
1095				}
1096				
1097				const instagramUrl = 'https://www.instagram.com/p/' + postId + '/';
1098				const blockquote = document.createElement('blockquote');
1099				blockquote.className = 'instagram-media';
1100				blockquote.setAttribute('data-instgrm-captioned', '');
1101				blockquote.setAttribute('data-instgrm-permalink', instagramUrl);
1102				blockquote.setAttribute('data-instgrm-version', '14');
1103				blockquote.style.cssText = 'border: 1px solid rgb(207, 217, 222) !important; border-radius: 0px !important; max-width:1000px; min-width:326px; padding:0px !important; width:100%; width:calc(100% - 2px); margin: 0 auto !important;';
1104				
1105				element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
1106				const container = element.querySelector('f-embed-' + type);
1107				if (container) {
1108					container.appendChild(blockquote);
1109				}
1110				
1111				loadInstagramScript();
1112				if (window.instgrm && window.instgrm.Embeds) {
1113					window.instgrm.Embeds.process(container);
1114				} else {
1115					waitForAPI(
1116						function() { return window.instgrm && window.instgrm.Embeds; },
1117						function() { window.instgrm.Embeds.process(container); }
1118					);
1119				}
1120			}
1121		};
1122	})();
1123
1124/* Reddit Handler
1125 * data-id: Reddit post URL eller ID
1126 */
1127	embedHandlers.reddit = (function() {
1128		let scriptLoaded = false;
1129		
1130		function loadRedditScript() {
1131			if (scriptLoaded || document.querySelector('script[src*="embed.redditmedia.com"]')) {
1132				scriptLoaded = true;
1133				return;
1134			}
1135			const script = document.createElement('script');
1136			script.async = true;
1137			script.src = 'https://embed.redditmedia.com/widgets/platform.js';
1138			script.charset = 'UTF-8';
1139			document.head.appendChild(script);
1140			scriptLoaded = true;
1141		}
1142		
1143		function normalizeRedditUrl(id) {
1144			if (!id) return null;
1145			
1146			// Om det redan är en fullständig URL
1147			if (id.indexOf('http://') === 0 || id.indexOf('https://') === 0) {
1148				return id;
1149			}
1150			
1151			// Om det är en relativ URL (börjar med /)
1152			if (id.indexOf('/') === 0) {
1153				return 'https://www.reddit.com' + id;
1154			}
1155			
1156			// Om det bara är ett ID (bara alfanumeriska tecken), konstruera en URL
1157			// OBS: Detta är inte alltid korrekt, men för bakåtkompatibilitet
1158			if (/^[a-zA-Z0-9_]+$/.test(id)) {
1159				return 'https://www.reddit.com/r/all/comments/' + id + '/';
1160			}
1161			
1162			return null;
1163		}
1164		
1165		return {
1166			init: function(element, type) {
1167				const redditId = element.dataset.id;
1168				if (!redditId) {
1169					console.error('f-embed: Reddit kräver data-id');
1170					return;
1171				}
1172				
1173				const redditUrl = normalizeRedditUrl(redditId);
1174				if (!redditUrl) {
1175					console.error('f-embed: Reddit kunde inte normalisera URL:', redditId);
1176					return;
1177				}
1178				
1179				const redditUrlWithParams = redditUrl + (redditUrl.indexOf('?') === -1 ? '?' : '&') + 'ref=share&ref_source=embed';
1180				element.innerHTML = '<f-embed-' + type + '><blockquote class="reddit-card"><a href="' + redditUrlWithParams + '">Innehåll från Reddit laddas</a></blockquote></f-embed-' + type + '>';
1181				
1182				// Ladda Reddit script - det kommer automatiskt processa alla .reddit-card element när det laddas
1183				loadRedditScript();
1184			}
1185		};
1186	})();
1187
1188/* Spotify Handler
1189 * data-id: Spotify URI eller URL (t.ex. "spotify:track:..." eller "https://open.spotify.com/track/...")
1190 */
1191	embedHandlers.spotify = {
1192		init: function(element, type) {
1193			const spotifyId = element.dataset.id;
1194			if (!spotifyId) {
1195				console.error('f-embed: Spotify kräver data-id');
1196				return;
1197			}
1198			
1199			let embedUrl, height = '80';
1200			
1201			if (spotifyId.indexOf('spotify:') === 0) {
1202				embedUrl = 'https://embed.spotify.com/?uri=' + encodeURIComponent(spotifyId);
1203			} else {
1204				let url = spotifyId;
1205				if (url.indexOf('http://') !== 0 && url.indexOf('https://') !== 0) {
1206					url = 'https://open.spotify.com' + (url.indexOf('/') === 0 ? '' : '/') + url;
1207				}
1208				
1209				if (url.indexOf('/episode/') !== -1 || url.indexOf('/show/') !== -1) {
1210					embedUrl = url.replace('/episode/', '/embed-podcast/episode/').replace('/show/', '/embed-podcast/show/');
1211					height = '282';
1212				} else if (url.indexOf('/track/') !== -1) {
1213					embedUrl = url.replace('/track/', '/embed/track/');
1214				} else if (url.indexOf('/album/') !== -1 || url.indexOf('/playlist/') !== -1) {
1215					embedUrl = url.replace('/album/', '/embed/album/').replace('/playlist/', '/embed/playlist/');
1216					height = '380';
1217				} else {
1218					console.error('f-embed: Spotify URL-format känns inte igen:', spotifyId);
1219					return;
1220				}
1221			}
1222			
1223			const iframe = document.createElement('iframe');
1224			iframe.src = embedUrl;
1225			iframe.width = '100%';
1226			iframe.height = height;
1227			iframe.frameBorder = '0';
1228			iframe.allowTransparency = 'true';
1229			iframe.allow = 'encrypted-media';
1230			iframe.style.border = 'none';
1231			
1232			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
1233			const container = element.querySelector('f-embed-' + type);
1234			if (container) container.appendChild(iframe);
1235		}
1236	};
1237
1238/* Soundcloud Handler
1239 * data-id: Soundcloud track URL eller track ID
1240 */
1241	embedHandlers.soundcloud = {
1242		init: function(element, type) {
1243			const soundcloudId = element.dataset.id;
1244			if (!soundcloudId) {
1245				console.error('f-embed: Soundcloud kräver data-id');
1246				return;
1247			}
1248			
1249			let embedUrl;
1250			if (soundcloudId.indexOf('soundcloud.com') !== -1 || soundcloudId.indexOf('http://') === 0 || soundcloudId.indexOf('https://') === 0) {
1251				const url = soundcloudId.indexOf('http://') === 0 || soundcloudId.indexOf('https://') === 0 ? soundcloudId : 'https://' + soundcloudId;
1252				embedUrl = 'https://w.soundcloud.com/player/?url=' + encodeURIComponent(url);
1253			} else {
1254				embedUrl = 'https://w.soundcloud.com/player/?url=' + encodeURIComponent('http://api.soundcloud.com/tracks/' + soundcloudId);
1255			}
1256			
1257			const iframe = document.createElement('iframe');
1258			iframe.src = embedUrl;
1259			iframe.width = '100%';
1260			iframe.height = '166';
1261			iframe.scrolling = 'no';
1262			iframe.frameBorder = 'no';
1263			iframe.style.border = 'none';
1264			
1265			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
1266			const container = element.querySelector('f-embed-' + type);
1267			if (container) container.appendChild(iframe);
1268		}
1269	};
1270
1271/* Apple Music Handler
1272 * data-id: Apple Music URL (playlist/album/track)
1273 * data-country: Landskod (default: "se")
1274 */
1275	embedHandlers.applemusic = {
1276		init: function(element, type) {
1277			const appleMusicId = element.dataset.id;
1278			if (!appleMusicId) {
1279				console.error('f-embed: Apple Music kräver data-id');
1280				return;
1281			}
1282			
1283			let url = appleMusicId;
1284			let country = element.dataset.country || 'se';
1285			if (url.indexOf('http://') !== 0 && url.indexOf('https://') !== 0) {
1286				url = 'https://music.apple.com/' + country + '/' + url;
1287			}
1288			const countryMatch = url.match(/music\.apple\.com\/([^\/]+)\//);
1289			if (countryMatch && countryMatch[1]) country = countryMatch[1];
1290			
1291			let embedUrl, height = '450';
1292			if (url.indexOf('/playlist/') !== -1) {
1293				const match = url.match(/\/playlist\/[^\/]+\/(pl\.[^\/\?&#]+)/);
1294				if (!match || !match[1]) {
1295					console.error('f-embed: Apple Music playlist URL-format känns inte igen:', appleMusicId);
1296					return;
1297				}
1298				embedUrl = 'https://embed.music.apple.com/' + country + '/playlist/' + match[1];
1299			} else if (url.indexOf('/album/') !== -1) {
1300				const match = url.match(/\/album\/[^\/]+\/(\d+)(\?i=(\d+))?/);
1301				if (!match || !match[1]) {
1302					console.error('f-embed: Apple Music album/track URL-format känns inte igen:', appleMusicId);
1303					return;
1304				}
1305				embedUrl = 'https://embed.music.apple.com/' + country + '/album/' + match[1];
1306				if (match[3]) {
1307					embedUrl += '?i=' + match[3];
1308					height = '150';
1309				}
1310			} else {
1311				console.error('f-embed: Apple Music URL-format känns inte igen:', appleMusicId);
1312				return;
1313			}
1314			
1315			const iframe = document.createElement('iframe');
1316			iframe.src = embedUrl;
1317			iframe.width = '100%';
1318			iframe.height = height;
1319			iframe.frameBorder = '0';
1320			iframe.allow = 'autoplay *; encrypted-media *;';
1321			iframe.setAttribute('sandbox', 'allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation');
1322			iframe.style.cssText = 'width:100%;overflow:hidden;background:transparent;border:none;';
1323			
1324			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
1325			const container = element.querySelector('f-embed-' + type);
1326			if (container) container.appendChild(iframe);
1327		}
1328	};
1329
1330/* Kickstarter Handler
1331 * data-id: Kickstarter projekt URL
1332 */
1333	embedHandlers.kickstarter = {
1334		init: function(element, type) {
1335			const kickstarterId = element.dataset.id;
1336			if (!kickstarterId) {
1337				console.error('f-embed: Kickstarter kräver data-id');
1338				return;
1339			}
1340			
1341			let embedUrl;
1342			if (kickstarterId.indexOf('kickstarter.com/projects/') !== -1) {
1343				embedUrl = kickstarterId.replace(/\/$/, '') + '/widget/video.html';
1344			} else if (kickstarterId.indexOf('http://') !== 0 && kickstarterId.indexOf('https://') !== 0) {
1345				embedUrl = 'https://www.kickstarter.com/projects/' + kickstarterId + '/widget/video.html';
1346			} else {
1347				console.error('f-embed: Kickstarter URL-format känns inte igen:', kickstarterId);
1348				return;
1349			}
1350			
1351			const iframe = document.createElement('iframe');
1352			iframe.src = embedUrl;
1353			iframe.width = '100%';
1354			iframe.height = '270';
1355			iframe.frameBorder = '0';
1356			iframe.scrolling = 'no';
1357			iframe.style.border = 'none';
1358			
1359			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
1360			const container = element.querySelector('f-embed-' + type);
1361			if (container) container.appendChild(iframe);
1362		}
1363	};
1364
1365/* Threads Handler
1366 * data-id: Threads post ID eller URL
1367 */
1368	embedHandlers.threads = {
1369		init: function(element, type) {
1370			const threadId = element.dataset.id;
1371			if (!threadId) {
1372				console.error('f-embed: Threads kräver data-id');
1373				return;
1374			}
1375			
1376			let postId = threadId;
1377			if (threadId.indexOf('threads.net/t/') !== -1) {
1378				const match = threadId.match(/threads\.net\/t\/([^\/\?]+)/);
1379				if (match && match[1]) postId = match[1];
1380			} else if (threadId.indexOf('threads.com/') !== -1) {
1381				const match = threadId.match(/\/(?:t|post)\/([^\/\?]+)/);
1382				if (match && match[1]) postId = match[1];
1383			}
1384			
1385		const iframe = document.createElement('iframe');
1386		iframe.src = 'https://www.threads.net/t/' + postId + '/embed/';
1387		iframe.width = '100%';
1388		iframe.height = '600'; // Initial höjd
1389		iframe.frameBorder = '0';
1390		iframe.scrolling = 'no';
1391		iframe.allowTransparency = 'true';
1392		iframe.allowFullscreen = 'true';
1393		iframe.style.cssText = 'background: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 16px; max-width: 980px; margin: 1px; min-width: 326px; padding: 0; width: calc(100% - 2px); height: 600px;';
1394		iframe.dataset.threadsPostId = postId; // För att identifiera senare
1395		iframe.id = 'threads-iframe-' + postId; // Unikt ID för att matcha meddelanden
1396		
1397		// Fallback: Försök uppdatera höjden efter att iframe laddats
1398		iframe.onload = function() {
1399			// Vänta lite för att innehållet ska laddas
1400			setTimeout(function() {
1401				try {
1402					// Försök läsa höjden från iframe:ens innehåll (fungerar bara om samma origin)
1403					// Annars vänta på resize-meddelanden
1404					const checkHeight = function() {
1405						// Threads skickar vanligtvis meddelanden, men om de inte gör det
1406						// kan vi försöka uppskatta höjden baserat på iframe:ens storlek
1407						// Eftersom vi inte kan komma åt innehållet (cross-origin), 
1408						// förlitar vi oss på resize-meddelanden
1409					};
1410					
1411					// Kontrollera höjden efter 2 sekunder
1412					setTimeout(checkHeight, 2000);
1413				} catch (e) {
1414					// Cross-origin, kan inte läsa höjd direkt
1415					// Förlitar oss på resize-meddelanden
1416				}
1417			}, 500);
1418		};
1419			
1420			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
1421			const container = element.querySelector('f-embed-' + type);
1422			if (container) container.appendChild(iframe);
1423		}
1424	};
1425
1426	// Lyssna på resize-meddelanden från Threads iframes
1427	(function() {
1428		let threadsListenerAdded = false;
1429		
1430		function handleThreadsResize(event) {
1431			// Säkerhetskontroll: bara från Threads
1432			if (event.origin !== 'https://www.threads.net' && event.origin !== 'https://threads.net') {
1433				return;
1434			}
1435			
1436			let height = null;
1437			
1438			// Threads skickar olika typer av meddelanden
1439			// Försök först med objekt
1440			if (event.data && typeof event.data === 'object') {
1441				height = event.data.height || event.data.frameHeight || event.data.scrollHeight || event.data.size;
1442			}
1443			// Om det är en sträng, försök parsa som JSON
1444			else if (typeof event.data === 'string') {
1445				try {
1446					const data = JSON.parse(event.data);
1447					height = data.height || data.frameHeight || data.scrollHeight || data.size;
1448				} catch (e) {
1449					// Inte JSON, hoppa över
1450				}
1451			}
1452			// Om det är ett nummer direkt
1453			else if (typeof event.data === 'number') {
1454				height = event.data;
1455			}
1456			
1457			if (height && typeof height === 'number' && height > 0) {
1458				// Hitta alla Threads iframes
1459				const iframes = document.querySelectorAll('iframe[src*="threads.net"]');
1460				iframes.forEach(iframe => {
1461					// Uppdatera höjden
1462					iframe.style.height = height + 'px';
1463					iframe.height = height;
1464				});
1465			}
1466		}
1467		
1468		// Lägg bara till listener en gång
1469		if (!threadsListenerAdded) {
1470			window.addEventListener('message', handleThreadsResize, false);
1471			threadsListenerAdded = true;
1472		}
1473	})();
1474
1475/* Bsky (Bluesky) Handler
1476 * data-id: Bsky post URL (t.ex. https://bsky.app/profile/USERNAME/post/POSTID)
1477 */
1478	embedHandlers.bsky = (function() {
1479		let scriptLoaded = false;
1480		let scriptLoading = false;
1481		
1482		function loadBskyScript(callback) {
1483			// Om scriptet redan finns i DOM, anropa callback direkt
1484			const existingScript = document.querySelector('script[src*="embed.bsky.app"]');
1485			if (existingScript && scriptLoaded) {
1486				if (callback) callback();
1487				return;
1488			}
1489			
1490			// Om scriptet redan laddas, vänta på det
1491			if (scriptLoading) {
1492				if (callback) {
1493					const checkInterval = setInterval(function() {
1494						if (scriptLoaded) {
1495							clearInterval(checkInterval);
1496							callback();
1497						}
1498					}, 100);
1499					setTimeout(function() { clearInterval(checkInterval); }, 5000);
1500				}
1501				return;
1502			}
1503			
1504			// Ladda scriptet
1505			scriptLoading = true;
1506			const script = document.createElement('script');
1507			script.async = true;
1508			script.charset = 'utf-8';
1509			script.src = 'https://embed.bsky.app/static/embed.js';
1510			
1511			script.onload = function() {
1512				scriptLoaded = true;
1513				scriptLoading = false;
1514				if (callback) callback();
1515			};
1516			
1517			script.onerror = function() {
1518				scriptLoading = false;
1519				console.error('f-embed: Kunde inte ladda Bsky embed-script');
1520			};
1521			
1522			document.head.appendChild(script);
1523		}
1524		
1525		return {
1526			init: function(element, type) {
1527				const bskyId = element.dataset.id;
1528				if (!bskyId) {
1529					console.error('f-embed: Bsky kräver data-id');
1530					return;
1531				}
1532				
1533				// Normalisera URL
1534				let postUrl = bskyId;
1535				if (postUrl.indexOf('http') !== 0) {
1536					// Om det inte är en fullständig URL, försök konstruera en
1537					if (postUrl.indexOf('bsky.app') === -1 && postUrl.indexOf('bsky.social') === -1) {
1538						postUrl = 'https://bsky.app/profile/' + postUrl;
1539					} else {
1540						postUrl = 'https://' + postUrl;
1541					}
1542				}
1543				
1544				// Konvertera URL till URI-format: at://did:plc:.../app.bsky.feed.post/...
1545				// URL-format: https://bsky.app/profile/did:plc:.../post/...
1546				// URI-format: at://did:plc:.../app.bsky.feed.post/...
1547				let bskyUri = null;
1548				const urlMatch = postUrl.match(/\/profile\/([^\/]+)\/post\/([^\/\?]+)/);
1549				if (urlMatch && urlMatch[1] && urlMatch[2]) {
1550					// Konstruera URI-formatet
1551					bskyUri = 'at://' + urlMatch[1] + '/app.bsky.feed.post/' + urlMatch[2];
1552				} else {
1553					// Om URL:en redan är i URI-format, använd den direkt
1554					if (postUrl.indexOf('at://') === 0) {
1555						bskyUri = postUrl;
1556					} else {
1557						console.error('f-embed: Kunde inte konvertera Bsky URL till URI-format');
1558						return;
1559					}
1560				}
1561				
1562				element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
1563				const container = element.querySelector('f-embed-' + type);
1564				if (!container) return;
1565				
1566				// Skapa embed-element med rätt attribut
1567				// Elementet kan vara vad som helst (f-embed-bsky i vårt fall)
1568				container.className = 'bluesky-embed';
1569				container.setAttribute('data-bluesky-uri', bskyUri);
1570				container.setAttribute('data-bluesky-embed-color-mode', 'system');
1571				
1572				// Ladda Bsky embed-script
1573				loadBskyScript();
1574			}
1575		};
1576	})();
1577
1578/* TikTok Handler
1579 * data-id: TikTok video ID eller URL
1580 */
1581	embedHandlers.tiktok = (function() {
1582		let scriptLoaded = false;
1583		
1584		function loadTikTokScript() {
1585			if (scriptLoaded || document.querySelector('script[src*="tiktok.com/embed.js"]')) {
1586				scriptLoaded = true;
1587				return;
1588			}
1589			const script = document.createElement('script');
1590			script.async = true;
1591			script.src = 'https://www.tiktok.com/embed.js';
1592			document.head.appendChild(script);
1593			scriptLoaded = true;
1594		}
1595		
1596		return {
1597			init: function(element, type) {
1598				const tiktokId = element.dataset.id;
1599				if (!tiktokId) {
1600					console.error('f-embed: TikTok kräver data-id');
1601					return;
1602				}
1603				
1604				let videoId = tiktokId;
1605				if (!/^\d+$/.test(videoId)) {
1606					const match = videoId.match(/\/video\/(\d+)/);
1607					if (match && match[1]) videoId = match[1];
1608				}
1609				
1610				const blockquote = document.createElement('blockquote');
1611				blockquote.className = 'tiktok-embed';
1612				blockquote.setAttribute('data-video-id', videoId);
1613				blockquote.style.cssText = 'max-width: 980px; min-width: 325px;';
1614				blockquote.appendChild(document.createElement('section'));
1615				
1616				element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
1617				const container = element.querySelector('f-embed-' + type);
1618				if (container) container.appendChild(blockquote);
1619				loadTikTokScript();
1620			}
1621		};
1622	})();
1623
1624/* TradingView Stock Handler
1625 * data-id: TradingView symbol (t.ex. "NASDAQ:AAPL")
1626 * data-range: Datumomfång (default: "12M") - giltiga: "1D", "1M", "3M", "12M", "60M", "ALL"
1627 * data-chartonly: "true"/"false" (default: "false") - visa bara chart utan info
1628 * data-locale: Språk (default: "en")
1629 */
1630	embedHandlers.stock = {
1631		init: function(element, type) {
1632			const symbolId = element.dataset.id;
1633			if (!symbolId) {
1634				console.error('f-embed: Stock kräver data-id');
1635				return;
1636			}
1637			
1638			const embedTag = 'f-embed-' + type;
1639			const dateRange = element.dataset.range || '1M';
1640			const chartOnly = element.dataset.chartonly === 'true';
1641			const locale = element.dataset.locale || 'en';
1642			
1643			// Hämta darkmode-status
1644			const darkmode = localStorage.getItem('darkmode');
1645			const colorTheme = darkmode === 'on' ? 'dark' : 'light';
1646			
1647			// Skapa container-struktur
1648			const containerDiv = document.createElement('div');
1649			containerDiv.className = 'tradingview-widget-container';
1650			
1651			const widgetDiv = document.createElement('div');
1652			widgetDiv.className = 'tradingview-widget-container__widget';
1653			containerDiv.appendChild(widgetDiv);
1654			
1655			const copyrightDiv = document.createElement('div');
1656			copyrightDiv.className = 'tradingview-widget-copyright';
1657			const link = document.createElement('a');
1658			link.href = 'https://www.tradingview.com/symbols/' + symbolId.replace(':', '-') + '/';
1659			link.rel = 'noopener nofollow';
1660			link.target = '_blank';
1661			link.innerHTML = '<span class="blue-text">' + (symbolId.split(':')[1] || symbolId) + ' stock price</span>';
1662			copyrightDiv.appendChild(link);
1663			const trademarkSpan = document.createElement('span');
1664			trademarkSpan.className = 'trademark';
1665			trademarkSpan.textContent = ' by TradingView';
1666			copyrightDiv.appendChild(trademarkSpan);
1667			containerDiv.appendChild(copyrightDiv);
1668			
1669			// Skapa script-tagg med konfiguration
1670			const script = document.createElement('script');
1671			script.type = 'text/javascript';
1672			script.src = 'https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js';
1673			script.async = true;
1674			
1675			script.textContent = JSON.stringify({
1676				symbol: symbolId,
1677				chartOnly: chartOnly,
1678				dateRange: dateRange,
1679				noTimeScale: false,
1680				colorTheme: colorTheme,
1681				isTransparent: false,
1682				locale: locale,
1683				width: '100%',
1684				autosize: true,
1685				height: '100%'
1686			});
1687			containerDiv.appendChild(script);
1688			
1689			element.innerHTML = '<' + embedTag + '></' + embedTag + '>';
1690			const container = element.querySelector(embedTag);
1691			if (container) container.appendChild(containerDiv);
1692		}
1693	};
1694
1695/* Wikipedia Handler
1696 * data-id: Wikipedia artikelnamn eller URL
1697 * data-lang: Språk (default: "sv")
1698 */
1699	embedHandlers.wiki = {
1700		init: function(element, type) {
1701			let articleTitle = element.dataset.id;
1702			if (!articleTitle) {
1703				console.error('f-embed: Wikipedia kräver data-id');
1704				return;
1705			}
1706			
1707			// Om det är en URL, extrahera artikelnamn
1708			if (articleTitle.indexOf('wikipedia.org') !== -1) {
1709				const match = articleTitle.match(/\/wiki\/(.+?)(?:\?|#|$)/);
1710				if (match && match[1]) {
1711					articleTitle = decodeURIComponent(match[1]);
1712				}
1713			}
1714			
1715			const lang = element.dataset.lang || 'sv';
1716			const articleTitleFixed = articleTitle.replace(/ /g, '_');
1717			const articleTitleCleaned = articleTitleFixed.replace(/[()]/g, '');
1718			
1719			element.innerHTML = '<f-embed-' + type + '><f-wiki><f-wiki-body>Laddar Wikipedia-data...</f-wiki-body></f-wiki></f-embed-' + type + '>';
1720			const container = element.querySelector('f-embed-' + type);
1721			
1722			// Hämta data från Wikipedia REST API
1723			// Wikipedia API accepterar URL-encodade titlar med parenteser
1724			const wikiApiUrl = 'https://' + lang + '.wikipedia.org/api/rest_v1/page/summary/' + encodeURIComponent(articleTitleFixed);
1725			
1726			fetch(wikiApiUrl)
1727				.then(function(response) {
1728					if (!response.ok) {
1729						throw new Error('Wikipedia API fel: ' + response.status);
1730					}
1731					return response.json();
1732				})
1733				.then(function(data) {
1734					if (data.type === 'disambiguation') {
1735						container.innerHTML = '<f-wiki><f-wiki-body>Artikeln är en förgreningssida.</f-wiki-body></f-wiki>';
1736						return;
1737					}
1738					
1739					// För visnings-URL:en kan vi använda artikelnamnet direkt
1740					// Wikipedia hanterar parenteser och understreck direkt i URL:er
1741					const wikiUrl = 'https://' + lang + '.wikipedia.org/wiki/' + articleTitleFixed;
1742					let html = '<f-wiki>';
1743					
1744					const imageSource = data.thumbnail && data.thumbnail.source
1745						? data.thumbnail.source
1746						: (data.originalimage && data.originalimage.source ? data.originalimage.source : null);
1747					if (imageSource) {
1748						html += '<f-wiki-image><a href="' + wikiUrl + '" target="_blank" rel="noopener"><img src="' + imageSource + '" loading="lazy" class="wikiPic" alt="Bild till wikiartikel om ' + (data.title || '') + '" /></a></f-wiki-image>';
1749					}
1750					
1751					html += '<f-wiki-headline><a href="' + wikiUrl + '" target="_blank" rel="noopener">' + (data.title || articleTitle) + '</a></f-wiki-headline>';
1752					html += '<f-wiki-body class="after">';
1753					
1754					if (data.extract) {
1755						html += '<span id="wikiExtract' + articleTitleCleaned + '">
1755' + data.extract + '</span> ';
1756						html += '<a href="' + wikiUrl + '" target="_blank">Läs mer</a>';
1757					}
1758					
1759					html += '</f-wiki-body>';
1760					html += '</f-wiki>';
1761					
1762					container.innerHTML = html;
1763					
1764					// Använd $clamp om den finns för att begränsa texten
1765					if (window.$clamp) {
1766						const extractElement = document.querySelector('#wikiExtract' + articleTitleCleaned);
1767						if (extractElement) {
1768							try {
1769								window.$clamp(extractElement, {clamp: 4, useNativeClamp: true, animate: false});
1770							} catch (e) {
1771								// Ignorera clamp-fel
1772							}
1773						}
1774					}
1775				})
1776				.catch(function(error) {
1777					container.innerHTML = '<f-wiki><f-wiki-body>Fel vid hämtning av Wikipedia-data.</f-wiki-body></f-wiki>';
1778					console.error('f-embed: Wikipedia API-fel', error);
1779				});
1780		}
1781	};
1782
1783/* Giphy Handler
1784 *
1785 * ALTERNATIV:
1786 * - data-type="giphy" (krävs)
1787 * - data-id="GIF_ID" (krävs) - Giphy GIF ID eller URL (t.ex. "xT9IgG50Fb7Mi8prV6" eller "https://giphy.com/gifs/xT9IgG50Fb7Mi8prV6")
1788 *
1789 * EXEMPEL:
1790 * <f-embed data-type="giphy" data-id="xT9IgG50Fb7Mi8prV6"></f-embed>
1791 * <f-embed data-type="giphy" data-id="https://giphy.com/gifs/xT9IgG50Fb7Mi8prV6"></f-embed>
1792 */
1793	embedHandlers.giphy = {
1794		init: function(element, type) {
1795			let gifId = element.dataset.id;
1796			if (!gifId) {
1797				console.error('f-embed: Giphy kräver data-id');
1798				return;
1799			}
1800			
1801			// Om det är en URL, extrahera GIF ID
1802			if (gifId.indexOf('giphy.com') !== -1 || gifId.indexOf('gph.is') !== -1) {
1803				// Olika Giphy URL-format:
1804				// https://giphy.com/embed/QBd2kLB5qDmysEXre9
1805				// https://giphy.com/gifs/time-mr-bean-look-at-the-QBd2kLB5qDmysEXre9
1806				// https://giphy.com/gifs/cat-xT9IgG50Fb7Mi8prV6
1807				// https://i.giphy.com/xT9IgG50Fb7Mi8prV6.gif
1808				// https://media.giphy.com/media/xT9IgG50Fb7Mi8prV6/giphy.gif
1809				// https://gph.is/xT9IgG50Fb7Mi8prV6
1810				
1811				// Ta bort query-parametrar och hash
1812				const urlParts = gifId.split('?')[0].split('#')[0];
1813				
1814				// Ta sista delen av URL:en
1815				const parts = urlParts.split('/');
1816				let lastPart = parts[parts.length - 1];
1817				
1818				// Ta bort .gif om det finns
1819				lastPart = lastPart.replace(/\.gif$/, '');
1820				
1821				// Om sista delen innehåller bindestreck, ta sista segmentet efter sista bindestrecket
1822				// Detta hanterar format som: time-mr-bean-look-at-the-QBd2kLB5qDmysEXre9
1823				if (lastPart.indexOf('-') !== -1) {
1824					const segments = lastPart.split('-');
1825					const lastSegment = segments[segments.length - 1];
1826					// Kontrollera om sista segmentet ser ut som ett giltigt GIF ID (minst 10 tecken alfanumeriskt)
1827					if (/^[a-zA-Z0-9]{10,}$/.test(lastSegment)) {
1828						gifId = lastSegment;
1829					} else {
1830						// Om sista segmentet inte är ett giltigt ID, försök med hela sista delen
1831						if (/^[a-zA-Z0-9]{10,}$/.test(lastPart)) {
1832							gifId = lastPart;
1833						} else {
1834							gifId = null;
1835						}
1836					}
1837				} else {
1838					// Om det inte finns bindestreck, använd hela sista delen om det är ett giltigt ID
1839					if (/^[a-zA-Z0-9]{10,}$/.test(lastPart)) {
1840						gifId = lastPart;
1841					} else {
1842						gifId = null;
1843					}
1844				}
1845			}
1846			
1847			// Validera att gifId ser ut som ett giltigt Giphy ID
1848			// Giphy GIF IDs är vanligtvis alfanumeriska och minst 10 tecken långa
1849			if (!gifId || !/^[a-zA-Z0-9]+$/.test(gifId) || gifId.length < 10) {
1850				console.error('f-embed: Giphy kräver ett giltigt GIF ID (minst 10 tecken). Fick:', gifId);
1851				element.innerHTML = '<f-embed-giphy><f-giphy><f-giphy-error>Ogiltigt Giphy ID. Ange ett giltigt Giphy GIF ID eller URL.</f-giphy-error></f-giphy></f-embed-giphy>';
1852				return;
1853			}
1854			
1855			const embedTag = 'f-embed-' + type;
1856			element.innerHTML = '<' + embedTag + '><f-giphy>Laddar Giphy...</f-giphy></' + embedTag + '>';
1857			const container = element.querySelector(embedTag);
1858			
1859			// Giphy API-nyckel
1860			const apiKey = 'bGo2mwbD8RslEJvGB9qmYNjtS7ypRIAh';
1861			const apiUrl = 'https://api.giphy.com/v1/gifs/' + encodeURIComponent(gifId) + '?api_key=' + encodeURIComponent(apiKey);
1862			
1863			// Debug: logga vad vi skickar (ta bort i produktion om önskat)
1864			console.debug('f-embed: Giphy API-anrop', { gifId: gifId, apiUrl: apiUrl });
1865			
1866			fetch(apiUrl)
1867				.then(function(response) {
1868					if (!response.ok) {
1869						// Försök hämta felmeddelandet från API:et
1870						return response.json().then(function(errorData) {
1871							const errorMsg = errorData.meta?.msg || errorData.message || 'Okänt fel';
1872							throw new Error('Giphy API fel: ' + response.status + ' - ' + errorMsg);
1873						}).catch(function() {
1874							throw new Error('Giphy API fel: ' + response.status);
1875						});
1876					}
1877					return response.json();
1878				})
1879				.then(function(data) {
1880					if (!data.data || !data.data.images) {
1881						throw new Error('Giphy API returnerade inga data');
1882					}
1883					
1884					const gif = data.data;
1885					const giphyUrl = 'https://giphy.com/gifs/' + gifId;
1886					
1887					// Använd original eller downsized_medium för bästa kvalitet
1888					let gifUrl = gif.images.original?.url || 
1889								gif.images.downsized_medium?.url || 
1890								gif.images.downsized?.url || 
1891								gif.images.fixed_height?.url;
1892					
1893					if (!gifUrl) {
1894						throw new Error('Kunde inte hitta GIF-URL');
1895					}
1896					
1897					// Hämta titel och användarnamn om det finns
1898					const title = gif.title || '';
1899					const username = gif.username || '';
1900					
1901					let html = '<f-giphy>';
1902					
1903					// GIF-bild med overlay för attribution
1904					html += '<f-giphy-image>';
1905					html += '<a href="' + giphyUrl + '" target="_blank" rel="noopener">';
1906					html += '<img src="' + gifUrl + '" alt="' + (title || 'GIF från Giphy') + '" loading="lazy" />';
1907					html += '</a>';
1908					html += '<f-giphy-overlay>';
1909					// Attribution (krävs enligt Giphy's Terms of Service)
1910					html += '<f-giphy-overlay-attribution><a href="' + giphyUrl + '" target="_blank" rel="noopener">via GIPHY</a></f-giphy-overlay-attribution>';
1911					html += '</f-giphy-overlay>';
1912					html += '</f-giphy-image>';
1913					
1914					html += '</f-giphy>';
1915					container.innerHTML = html;
1916				})
1917				.catch(function(error) {
1918					container.innerHTML = '<f-giphy><f-giphy-error>Kunde inte ladda Giphy.</f-giphy-error></f-giphy>';
1919					console.error('f-embed: Giphy API-fel', error);
1920				});
1921		}
1922	};
1923
1924/* Delad Twitter script-loading och utilities */
1925	(function() {
1926		let twitterScriptLoaded = false;
1927		
1928		window.loadTwitterScript = function() {
1929			if (twitterScriptLoaded || document.querySelector('script[src*="platform.twitter.com/widgets.js"]')) {
1930				twitterScriptLoaded = true;
1931				return;
1932			}
1933			const script = document.createElement('script');
1934			script.async = true;
1935			script.src = 'https://platform.twitter.com/widgets.js';
1936			script.charset = 'utf-8';
1937			document.head.appendChild(script);
1938			twitterScriptLoaded = true;
1939		};
1940		
1941	})();
1942
1943/* Twitter Handler
1944 * data-id: Twitter/X tweet ID eller URL
1945 */
1946	embedHandlers.twitter = {
1947		init: function(element, type) {
1948			const twitterId = element.dataset.id;
1949			if (!twitterId) {
1950				console.error('f-embed: Twitter kräver data-id');
1951				return;
1952			}
1953			
1954			let tweetId = twitterId;
1955			if (!/^\d+$/.test(tweetId)) {
1956				const match = twitterId.match(/\/(status|tweet)\/(\d+)/);
1957				if (match && match[2]) tweetId = match[2];
1958			}
1959			
1960			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
1961			const container = element.querySelector('f-embed-' + type);
1962			if (!container) return;
1963			
1964			window.loadTwitterScript();
1965				
1966				// Vänta på att Twitter widgets API är laddat
1967				waitForAPI(
1968					function() { return window.twttr && window.twttr.widgets; },
1969					function() {
1970						// Hämta darkmode-status om det finns
1971						const darkmode = localStorage.getItem('darkmode');
1972						const darkmodetheme = darkmode === 'on' ? 'dark' : 'light';
1973						
1974						window.twttr.widgets.createTweet(tweetId, container, {
1975							conversation: 'all',
1976							cards: 'visible',
1977							align: 'center',
1978							lang: 'sv',
1979							dnt: true,
1980							theme: darkmodetheme
1981						}).catch(function(error) {
1982							console.error('f-embed: Twitter embed-fel', error);
1983							container.innerHTML = '<f-twitter-error>Kunde inte ladda tweet.</f-twitter-error>';
1984						});
1985					},
1986					10000
1987				);
1988		}
1989	};
1990
1991/* Twitter Video Handler (xvideo)
1992 * data-id: Twitter/X tweet ID eller URL
1993 */
1994	embedHandlers.xvideo = {
1995		init: function(element, type) {
1996			const twitterId = element.dataset.id;
1997			if (!twitterId) {
1998				console.error('f-embed: Twitter-video kräver data-id');
1999				return;
2000			}
2001			
2002			let tweetId = twitterId;
2003			if (!/^\d+$/.test(tweetId)) {
2004				const match = twitterId.match(/\/(status|tweet)\/(\d+)/);
2005				if (match && match[2]) tweetId = match[2];
2006			}
2007			
2008			const blockquote = document.createElement('blockquote');
2009			blockquote.className = 'twitter-tweet';
2010			blockquote.setAttribute('data-media-max-width', '980');
2011			blockquote.setAttribute('data-lang', 'sv');
2012			blockquote.setAttribute('data-dnt', 'true');
2013			
2014			const p = document.createElement('p');
2015			p.setAttribute('lang', 'en');
2016			p.setAttribute('dir', 'ltr');
2017			blockquote.appendChild(p);
2018			
2019			const link = document.createElement('a');
2020			link.href = 'https://twitter.com/feberse/status/' + tweetId;
2021			blockquote.appendChild(link);
2022			
2023			element.innerHTML = '<f-embed-' + type + '></f-embed-' + type + '>';
2024			const container = element.querySelector('f-embed-' + type);
2025				if (container) {
2026					container.appendChild(blockquote);
2027				}
2028				
2029			window.loadTwitterScript();
2030			
2031			// Twitter widgets.js processar automatiskt .twitter-tweet element
2032			waitForAPI(
2033				function() { return document.querySelector('script[src*="platform.twitter.com/widgets.js"]'); },
2034				function() {
2035					// Twitter processar automatiskt när scriptet är laddat
2036					if (window.twttr && window.twttr.widgets) {
2037						window.twttr.widgets.load(container);
2038					}
2039				},
2040				10000
2041			);
2042		}
2043	};
2044	
2045/* Veckans Pryl Handler
2046 *
2047 * ALTERNATIV:
2048 * - data-type="veckanspryl" (krävs)
2049 * - data-id="ARTICLE_ID" (krävs) - Artikel-ID för prylen (t.ex. "488869")
2050 *
2051 * EXEMPEL:
2052 * <f-embed data-type="veckanspryl" data-id="488869"></f-embed>
2053 *
2054 * Hämtar HTML från /snippets/veckans_pryl.jsp och infogar i elementet.
2055 * Stödjer även äldre formatet: <f-veckanspryl-embed data-id="488869">
2056 */
2057	embedHandlers.veckanspryl = {
2058		init: function(element, type) {
2059			const id = element.dataset.id;
2060			if (!id) {
2061				console.error('f-embed: Veckanspryl kräver data-id');
2062				return;
2063			}
2064
2065			fetch('/snippets/veckans_pryl.jsp?id=' + encodeURIComponent(id))
2066				.then(function(res) {
2067					if (!res.ok) throw new Error('Kunde inte hämta data för ID ' + id);
2068					return res.text();
2069				})
2070				.then(function(html) {
2071					element.innerHTML = '<f-embed-' + type + '>' + html + '</f-embed-' + type + '>';
2072				})
2073				.catch(function(error) {
2074					console.error('f-embed: Veckanspryl-fel', error);
2075				});
2076		}
2077	};
2078
2079/* Initiera alla f-embed */
2080	function initAll() {
2081		document.querySelectorAll('f-embed:not([data-initialized="true"])').forEach(initEmbed);
2082
2083		/* Bakåtkompatibilitet: konvertera gamla <f-veckanspryl-embed data-id="X"> till f-embed */
2084		document.querySelectorAll('f-veckanspryl-embed:not([data-initialized="true"])').forEach(function(old) {
2085			var id = old.getAttribute('data-id');
2086			if (!id) return;
2087			old.dataset.initialized = 'true';
2088			embedHandlers.veckanspryl.init(old, 'veckanspryl');
2089		});
2090	}
2091	
2092/* MutationObserver för dynamiska embeds */
2093	function setupObserver() {
2094		if (!window.MutationObserver) return;
2095
2096		function handleNode(node) {
2097			if (node.nodeType !== 1) return;
2098			var tag = node.tagName.toLowerCase();
2099
2100			if (tag === 'f-embed') {
2101				initEmbed(node);
2102			} else if (tag === 'f-veckanspryl-embed' && node.dataset.initialized !== 'true') {
2103				node.dataset.initialized = 'true';
2104				embedHandlers.veckanspryl.init(node, 'veckanspryl');
2105			}
2106
2107			if (node.querySelectorAll) {
2108				node.querySelectorAll('f-embed:not([data-initialized="true"])').forEach(initEmbed);
2109				node.querySelectorAll('f-veckanspryl-embed:not([data-initialized="true"])').forEach(function(old) {
2110					old.dataset.initialized = 'true';
2111					embedHandlers.veckanspryl.init(old, 'veckanspryl');
2112				});
2113			}
2114		}
2115
2116		const observer = new MutationObserver(function(mutations) {
2117			mutations.forEach(function(mutation) {
2118				mutation.addedNodes.forEach(handleNode);
2119			});
2120		});
2121
2122		observer.observe(document.body, { childList: true, subtree: true });
2123	}
2124	
2125	// Starta
2126	if (document.readyState === 'loading') {
2127		document.addEventListener('DOMContentLoaded', function() {
2128			initAll();
2129			setupObserver();
2130		});
2131	} else {
2132		initAll();
2133		setupObserver();
2134	}
2135	
2136	// Public API
2137	window.fEmbed = {
2138		init: initEmbed,
2139		initAll: initAll,
2140		registerHandler: function(type, handler) {
2141			if (handler && typeof handler.init === 'function') {
2142				embedHandlers[type.toLowerCase()] = handler;
2143			}
2144		},
2145		handlers: embedHandlers
2146	};
2147	
2148})();
2149</script>
2149
2150
2151		
2152	
2153	
2154
2155<style>
2156	/* f-embed - generell container */
2157	f-embed {
2158		display: block;
2159		margin: var(--f-article-padding);
2160		width: calc(100% - var(--f-article-padding) - var(--f-article-padding));
2161	}
2162
2163	f-article-media f-embed, f-flide f-embed { width: 100%; margin: 0; }
2164
2165	f-article-body f-embed { display: block; margin: 0 auto; width: 100%; margin: 0; }
2166
2167	f-article-media-above f-embed { margin: 0; width: 100%; }
2168	
2169	/* f-embed[data-type="youtube"] med direkt img-barn (för crawlers innan JavaScript kör) */
2170	f-embed[data-type="youtube"] > img {
2171		display: block;
2172		width: 100%;
2173		height: auto;
2174		aspect-ratio: 16/9;
2175		object-fit: cover;
2176		background-color: #000;
2177	}
2178	
2179	/* f-embed-youtube - specifik typ */
2180	f-embed-youtube {
2181		display: block;
2182		position: relative;
2183		width: 100%;
2184		padding-bottom: 56.25%; /* 16:9 */
2185		height: 0;
2186		overflow: hidden;
2187		background-color: #000;
2188	}
2189	
2190	/* Tumnagel */
2191	f-embed-youtube-thumbnail {
2192		position: absolute;
2193		top: 0;
2194		left: 0;
2195		width: 100%;
2196		height: 100%;
2197	}
2198	
2199	f-embed-youtube-thumbnail img {
2200		width: 100%;
2201		height: 100%;
2202		object-fit: cover;
2203	}
2204	
2205	/* Play-knapp */
2206	f-embed-youtube-playbutton {
2207		position: absolute;
2208		top: 50%;
2209		left: 50%;
2210		transform: translate(-50%, -50%);
2211		z-index: 2;
2212		width: 71px;
2213		height: 50px;
2214		cursor: pointer;
2215		transition: transform 0.2s ease;
2216	}
2217	
2218	f-embed-youtube-playbutton:hover {
2219		transform: translate(-50%, -50%) scale(1.1);
2220	}
2221	
2222	f-embed-youtube-playbutton svg {
2223		width: 100%;
2224		height: 100%;
2225	}
2226	
2227	/* Iframe-container */
2228	f-embed-youtube-iframe {
2229		position: absolute;
2230		top: 0;
2231		left: 0;
2232		width: 100%;
2233		height: 100%;
2234	}
2235	
2236	f-embed-youtube-iframe iframe {
2237		position: absolute;
2238		top: 0;
2239		left: 0;
2240		width: 100%;
2241		height: 100%;
2242		border: 0;
2243	}
2244	
2245	/* f-embed[data-type="bunny"] - Bunny Stream autoplay */
2246	f-embed[data-type="bunny"] {
2247		display: block;
2248	}
2249
2250	/* f-embed[data-type="vimeo"] med direkt img-barn (för crawlers innan JavaScript kör) */
2251	f-embed[data-type="vimeo"] > img {
2252		display: block;
2253		width: 100%;
2254		height: auto;
2255		aspect-ratio: 16/9;
2256		object-fit: cover;
2257		background-color: #000;
2258	}
2259	
2260	/* f-embed-vimeo - specifik typ */
2261	f-embed-vimeo {
2262		display: block;
2263		position: relative;
2264		width: 100%;
2265		padding-bottom: 56.25%; /* 16:9 */
2266		height: 0;
2267		overflow: hidden;
2268		background-color: #000;
2269	}
2270	
2271	/* Tumnagel */
2272	f-embed-vimeo-thumbnail {
2273		position: absolute;
2274		top: 0;
2275		left: 0;
2276		width: 100%;
2277		height: 100%;
2278	}
2279	
2280	f-embed-vimeo-thumbnail img {
2281		width: 100%;
2282		height: 100%;
2283		object-fit: cover;
2284	}
2285	
2286	/* Play-knapp */
2287	f-embed-vimeo-playbutton {
2288		position: absolute;
2289		top: 50%;
2290		left: 50%;
2291		transform: translate(-50%, -50%);
2292		z-index: 2;
2293		width: 80px;
2294		height: 80px;
2295		cursor: pointer;
2296		transition: transform 0.2s ease;
2297	}
2298	
2299	f-embed-vimeo-playbutton:hover {
2300		transform: translate(-50%, -50%) scale(1.1);
2301	}
2302	
2303	f-embed-vimeo-playbutton svg {
2304		width: 100%;
2305		height: 100%;
2306	}
2307	
2308	/* Iframe-container */
2309	f-embed-vimeo-iframe {
2310		position: absolute;
2311		top: 0;
2312		left: 0;
2313		width: 100%;
2314		height: 100%;
2315	}
2316	
2317	f-embed-vimeo-iframe iframe {
2318		position: absolute;
2319		top: 0;
2320		left: 0;
2321		width: 100%;
2322		height: 100%;
2323		border: 0;
2324	}
2325	
2326	/* f-embed-fbpost - Facebook-post */
2327	f-embed-fbpost {
2328		display: block; margin: 0 auto;
2329	}
2330	
2331	@media only screen and (min-width: 780px) {
2332		f-embed-fbpost {
2333			display: block;
2334			max-width: 750px;
2335		}
2336	}
2337	
2338	/* f-embed-fbvideo - Facebook-video */
2339	f-embed-fbvideo {
2340		display: block; margin: 0 auto; overflow: hidden; max-width: 550px;
2341	}
2342	
2343	/* f-embed-instagram - Instagram */
2344	f-embed-instagram {
2345		display: block;
2346		margin: 0 auto;
2347		overflow: hidden;
2348		max-width: 550px;
2349	}
2350	
2351	f-embed-instagram blockquote.instagram-media {
2352		margin: 0 !important;
2353		padding: 0 !important;
2354		border: none !important;
2355	}
2356
2357	/* f-embed-reddit - Reddit */
2358	f-embed-reddit {
2359		display: block;
2360		margin: 0 auto;
2361		max-width: 750px;
2362		overflow: hidden;
2363	}
2364	
2365	f-embed-reddit blockquote.reddit-card {
2366		margin: 0 !important;
2367		padding: 0 !important;
2368		border: none !important;
2369	}
2370
2371	/* f-embed-spotify - Spotify */
2372	f-embed-spotify {
2373		display: block;
2374		margin: 0 auto;
2375		overflow: hidden;
2376	}
2377	
2378	f-embed-spotify iframe {
2379		width: 100%;
2380		border: none;
2381	}
2382
2383	/* f-embed-soundcloud - Soundcloud */
2384	f-embed-soundcloud {
2385		display: block;
2386		margin: 0 auto;
2387		overflow: hidden;
2388	}
2389	
2390	f-embed-soundcloud iframe {  
2391		width: 100%;
2392		border: none;
2393	}
2394
2395	/* f-embed-applemusic - Apple Music */
2396	f-embed-applemusic {
2397		display: block;
2398		margin: 0 auto;
2399		overflow: hidden;
2400	}
2401	
2402	f-embed-applemusic iframe {
2403		width: 100%;
2404		border: none;
2405	}
2406
2407	/* f-embed-kickstarter - Kickstarter */
2408	f-embed-kickstarter {
2409		display: block;
2410		margin: 0 auto;
2411		overflow: hidden;
2412		position: relative;
2413		padding-bottom: 56.25%; /* 16:9 aspect ratio */
2414		height: 0;
2415	}
2416	
2417	f-embed-kickstarter iframe {
2418		position: absolute;
2419		top: 0;
2420		left: 0;
2421		width: 100%;
2422		height: 100%;
2423		border: none;
2424	}
2425
2426	/* f-embed-threads - Threads */
2427	f-embed-threads {
2428		display: block;
2429		margin: 0 auto;
2430		overflow: hidden;
2431	}
2432	
2433	f-embed-threads iframe {
2434		display: block;
2435		width: 100%;
2436	}
2437	
2438	f-embed-threads blockquote.text-post-media {
2439		margin: 0 !important;
2440		padding: 0 !important;
2441	}
2442
2443	/* f-embed-giphy - Giphy */
2444	f-embed-giphy {
2445		display: block;
2446		margin: 0 auto;
2447		overflow: hidden;
2448	}
2449	
2450	f-embed-giphy f-giphy {
2451		display: block;
2452		margin: 0;
2453	}
2454	
2455	f-embed-giphy f-giphy-image {
2456		display: block;
2457		width: 100%;
2458		position: relative;
2459	}
2460	
2461	f-embed-giphy f-giphy-image img {
2462		width: 100%;
2463		height: auto;
2464		display: block;
2465	}
2466	
2467	/* Overlay i nedre högra hörnet */
2468	f-embed-giphy f-giphy-overlay {
2469		position: absolute;
2470		bottom: 8px;
2471		right: 8px;
2472	}
2473	
2474	f-embed-giphy f-giphy-overlay-attribution {
2475		font-family: var(--f-suisse-semibold);
2476		font-size: 10px;
2477		font-weight: 300;
2478		text-transform: uppercase;
2479		letter-spacing: 0.5px;
2480	}
2481	
2482	f-embed-giphy f-giphy-overlay-attribution a {
2483		color: #fff;
2484		text-decoration: none;
2485		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
2486		opacity: 0.8;
2487		transition: opacity 0.2s ease;
2488	}
2489	
2490	f-embed-giphy f-giphy-overlay-attribution a:hover {
2491		color: #fff;
2492		opacity: 1;
2493		text-decoration: underline;
2494	}
2495	
2496	f-embed-giphy f-giphy-error {
2497		display: block;
2498		padding: var(--f-article-padding);
2499		color: var(--f-article-text-color-shade);
2500		font-family: var(--f-suisse-regular);
2501		font-size: 13px;
2502	}
2503
2504	/* f-embed-tiktok - TikTok */
2505	f-embed-tiktok {
2506		display: block;
2507		margin: 0 auto;
2508		overflow: hidden;
2509	}
2510	
2511	f-embed-tiktok blockquote.tiktok-embed {
2512		margin: 0 !important;
2513		padding: 0 !important;
2514	}
2515
2516	/* f-embed-bsky - Bsky (Bluesky) */
2517	f-embed-bsky {
2518		display: block;
2519		margin: 0 auto;
2520		overflow: hidden;
2521		max-width: 550px;
2522	}
2523	
2524	f-embed-bsky blockquote.bsky-embed {
2525		margin: 0 !important;
2526		padding: 0 !important;
2527		border: none !important;
2528	}
2529
2530	.bluesky-embed { margin: 0 auto !important; }
2531
2532	/* f-embed-wiki - Wikipedia */
2533	f-embed-wiki {
2534		display: block;
2535		margin: 0 auto;
2536		overflow: hidden;
2537	}
2538	
2539	f-embed-wiki f-wiki {
2540		margin: 0;
2541	}
2542
2543	/* f-embed-twitter - Twitter/X */
2544	f-embed-twitter {
2545		display: block;
2546		margin: 0 auto;
2547		overflow: hidden;
2548	}
2549	
2550	f-embed-twitter .twitter-tweet,
2551	f-embed-twitter .twitter-tweet-rendered {
2552		margin: 0 auto !important;
2553	}
2554
2555	/* f-embed-xvideo - Twitter/X Video */
2556	f-embed-xvideo {
2557		display: block;
2558		margin: 0 auto;
2559		overflow: hidden;
2560	}
2561	
2562	f-embed-xvideo .twitter-tweet,
2563	f-embed-xvideo .twitter-tweet-rendered {
2564		margin: 0 auto !important;
2565	}
2566
2567	/* f-embed-imdb - IMDb */
2568	f-embed-imdb {
2569		display: block;
2570	}
2571	
2572	f-embed-imdb f-imdb {
2573		margin: 0;
2574	}
2575
2576	/* f-embed-stock - TradingView Stock Chart */
2577	f-embed-stock {
2578		display: block;
2579		margin: 0 auto;
2580		overflow: hidden;
2581	}
2582	
2583	f-embed-stock .tradingview-widget-container {
2584		height: 350px;
2585	}
2586	
2587	f-embed-stock .tradingview-widget-container__widget {
2588		height: 100%;
2589	}
2590	
2591	f-embed-stock .tradingview-widget-copyright {
2592		font-size: 13px;
2593		line-height: 32px;
2594		text-align: center;
2595		vertical-align: middle;
2596		font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
2597		color: #9db2bd;
2598	}
2599	
2600	f-embed-stock .tradingview-widget-copyright .blue-text {
2601		color: #666 !important;
2602	}
2603	
2604	f-embed-stock .tradingview-widget-copyright a {
2605		text-decoration: none;
2606		color: #666;
2607	}
2608	
2609	f-embed-stock .tradingview-widget-copyright a:hover {
2610		text-decoration: underline;
2611	}
2612
2613	/* f-article-* - Legacy embed styles (from CSS2021.tag) */
2614	f-article-twitter { 
2615		transition: all .4s ease-in-out; 
2616		margin: var(--f-article-padding) auto; 
2617		width: 100%; 
2618		max-width: 550px; 
2619		min-height: 400px; 
2620		border: 1px solid rgb(207, 217, 222); 
2621		border-radius: 12px; 
2622		display: flex; 
2623		flex-direction: column; 
2624		justify-content: center; 
2625		align-items: center; 
2626	}
2627	
2628	f-article-twitter[data-status="loaded"] { 
2629		border: 0; 
2630	}
2631
2632	@keyframes pulse {
2633		0% {
2634			transform: scale(1);
2635		}
2636		50% {
2637			transform: scale(1.5);
2638		}
2639		100% {
2640			transform: scale(1);
2641		}
2642	}
2643
2644	f-article-twitter svg { 
2645		width: 30px; 
2646		height: auto; 
2647	}
2648	
2649	f-article-twitter svg path { 
2650		fill: rgb(0, 0, 0); 
2651	}
2652	
2653	f-article-twitter[data-status="waiting"] svg, 
2654	f-article-twitter[data-status="loading"] svg, 
2655	f-article-twitter[data-status="gettingdata"] svg { 
2656		animation: pulse 2s infinite; 
2657	}
2658	
2659	f-article-twitter[data-status="gettingdata"] svg { 
2660		display: block; 
2661	}
2662	
2663	f-article-twitter[data-status="loaded"] svg { 
2664		display: none; 
2665	}
2666
2667	f-article-twitter f-article-twitter-text { 
2668		font-size: 12px; 
2669		margin-top: 10px; 
2670	}
2671	
2672	f-article-twitter f-article-twitter-text a { 
2673		font-weight: 300; 
2674		font-family: var(--f-suisse-semibold); 
2675	}
2676	
2677	f-article-twitter[data-status="loaded"] f-article-twitter-text { 
2678		display: none; 
2679	}
2680
2681	f-article-twitter .twitter-tweet { 
2682		margin: 0 !important; 
2683		width: 0 !important;  
2684	}
2685	
2686	f-article-twitter[data-status="loaded"] .twitter-tweet { 
2687		width: 100% !important; 
2688	}
2689
2690	@media only screen and (max-width: 550px) {	
2691		f-article-twitter {
2692			width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); 
2693			overflow: hidden; 
2694			margin: var(--f-article-padding); 
2695		}
2696	}
2697
2698	f-article-twitter-video { 
2699		margin: var(--f-article-padding); 
2700		display: block; 
2701	}
2702
2703	f-article-threads {
2704		display: block; 
2705		margin: var(--f-article-padding);
2706	}
2707
2708	f-article-instagram {
2709		display: block; 
2710		margin: var(--f-article-padding); 
2711		max-width: 550px; 
2712		margin: var(--f-article-padding) auto; 
2713		padding: 0 var(--f-article-padding);
2714	}
2715
2716	f-article-tiktok {
2717		display: block; 
2718		margin: var(--f-article-padding);
2719	}
2720
2721	f-article-automatos {
2722		display: block; 
2723		margin: var(--f-article-padding);
2724	}
2725
2726	f-article-fbpost {
2727		display: block; 
2728		margin: var(--f-article-padding);
2729	}
2730	
2731	@media only screen and (min-width: 780px) {	
2732		f-article-fbpost {
2733			display: block; 
2734			margin: var(--f-article-padding) auto; 
2735			max-width: 750px;
2736		}
2737	}
2738
2739	f-article-fbvideo {
2740		display: block; 
2741		margin: var(--f-article-padding);
2742	}
2743
2744	f-article-embed-top { 
2745		display: block; 
2746	}
2747	
2748	f-article-embed { 
2749		display: block; 
2750		margin: var(--f-article-padding); 
2751	}
2752	
2753	f-article-soundcloud { 
2754		display: block; 
2755		margin: var(--f-article-padding); 
2756	}
2757	
2758	f-article-spotify { 
2759		display: block; 
2760		margin: var(--f-article-padding); 
2761	}
2762	
2763	f-article-kickstarter { 
2764		display: block; 
2765		margin: var(--f-article-padding); 
2766	}
2767	
2768	f-article-reddit { 
2769		display: block; 
2770		margin: var(--f-article-padding); 
2771	}
2772
2773	/* f-wiki - Wikipedia */
2774	f-wiki { 
2775		overflow: hidden; 
2776		margin: var(--f-article-padding); 
2777		padding: 0; 
2778		background-color: var(--f-article-background-inline); 
2779		display: grid; 
2780		grid-template-columns: 1fr 25%; 
2781		grid-template-rows: auto 1fr;
2782		grid-template-areas: 	"headline image" 
2783								"body image";
2784	} 
2785	
2786	f-wiki-body {
2787		font-family: var(--f-suisse-regular); 
2788		font-size: 13px; 
2789		font-weight: normal; 
2790		line-height: 17px; 
2791		-webkit-font-smoothing: antialiased;
2792		color: var(--f-article-text-color-shade); 
2793		padding: 8px var(--f-article-padding) var(--f-article-padding); 
2794		overflow: hidden; 
2795		display: grid; 
2796		grid-area: body; 
2797	}
2798		
2799	f-wiki-body b, 
2800	f-wiki-body a {
2801		font-family: var(--f-suisse-semibold); 
2802		font-weight: 300;
2803	}
2804	
2805	f-wiki-image {
2806		width: 100%; 
2807		height: 100%; 
2808		display: grid; 
2809		grid-area: image; 
2810		position: relative; 
2811		aspect-ratio: 16 / 9;
2812	}
2813	
2814	f-wiki .wikiPic { 
2815		width: 100%; 
2816		height: 100%; 
2817		object-fit: cover; 
2818		position: absolute; 
2819	}
2820	
2821	f-wiki f-wiki-headline { 
2822		font-family: var(--f-suisse-bold); 
2823		font-size: 16px; 
2824		font-weight: 300; 
2825		line-height: 16px; 
2826		color: var(--f-article-text-color); 
2827		display: block; 
2828		grid-area: headline;
2829		padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); 
2830		-webkit-font-smoothing: antialiased; 
2831	}
2832	
2833	f-wiki f-wiki-headline:before { 
2834		content: 'Wikipedia om '; 
2835		font-family: var(--f-suisse-regular); 
2836		color: var(--f-article-text-color-shade);  
2837	}
2838	
2839	f-wiki f-wiki-headline a { 
2840		color: var(--f-article-text-color); 
2841		font-weight: 300; 
2842	}
2843	
2844	f-wiki p { 
2845		margin: 0; 
2846		padding: 0; 
2847	}
2848	
2849	f-wiki i { 
2850		display: inline; 
2851		margin: 0; 
2852	}
2853		
2854	@media only screen and (max-width: 480px) {
2855		f-wiki { 
2856			grid-template-columns: auto; 
2857			grid-template-rows: auto 1fr auto; 
2858			grid-template-areas: 	"image" 
2859									"headline"
2860									"body";
2861	   	} 
2862		f-wiki f-wiki-headline { 
2863			font-size: 15px; 
2864			line-height: 15px; 
2865		}
2866		f-wiki-body { 
2867			font-size: 12px; 
2868			line-height: 16px; 
2869		}
2870		f-wiki-image { 
2871			aspect-ratio: 16 / 6; 
2872		}
2873	}
2874
2875	/* f-imdb - IMDb */
2876	f-imdb { 
2877		overflow: hidden; 
2878		margin: var(--f-article-padding); 
2879		padding: 0; 
2880		background-color: var(--f-article-background-inline); 
2881		display: grid; 
2882		grid-template-columns: 1fr 25%; 
2883		grid-template-rows: auto 1fr;
2884		grid-template-areas: 	"headline image" 
2885								"body image";
2886	} 
2887	
2888	f-imdb-body {
2889		font-family: var(--f-suisse-regular); 
2890		font-size: 13px; 
2891		font-weight: normal; 
2892		line-height: 17px; 
2893		-webkit-font-smoothing: antialiased;
2894		color: var(--f-article-text-color-shade); 
2895		padding: 8px var(--f-article-padding) var(--f-article-padding); 
2896		overflow: hidden; 
2897		display: block; 
2898		grid-area: body; 
2899	}
2900		
2901	f-imdb-body b, 
2902	f-imdb-body a {
2903		font-family: var(--f-suisse-semibold); 
2904		font-weight: 300;
2905	}
2906	
2907	f-imdb-image {
2908		width: 100%; 
2909		height: 100%; 
2910		display: grid; 
2911		grid-area: image; 
2912		position: relative; 
2913		aspect-ratio: 16 / 9;
2914	}
2915	
2916	f-imdb .imdbPic { 
2917		width: 100%; 
2918		height: 100%; 
2919		object-fit: cover; 
2920		position: absolute; 
2921	}
2922	
2923	f-imdb f-imdb-headline { 
2924		font-family: var(--f-suisse-bold); 
2925		font-size: 16px; 
2926		font-weight: 300; 
2927		line-height: 16px; 
2928		color: var(--f-article-text-color); 
2929		display: block; 
2930		grid-area: headline;
2931		padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); 
2932		-webkit-font-smoothing: antialiased; 
2933	}
2934	
2935	f-imdb f-imdb-headline:before { 
2936		content: 'IMDb om '; 
2937		font-family: var(--f-suisse-regular); 
2938		color: var(--f-article-text-color-shade);  
2939	}
2940	
2941	f-imdb f-imdb-headline a { 
2942		color: var(--f-article-text-color); 
2943		font-weight: 300; 
2944	}
2945	
2946	f-imdb p { 
2947		margin: 0; 
2948		padding: 0; 
2949	}
2950	
2951	f-imdb i { 
2952		display: inline; 
2953		margin: 0; 
2954	}
2955		
2956	@media only screen and (max-width: 480px) {
2957		f-imdb { 
2958			grid-template-columns: auto; 
2959			grid-template-rows: auto 1fr auto; 
2960			grid-template-areas: 	"image" 
2961									"headline"
2962									"body";
2963	   	} 
2964		f-imdb f-imdb-headline { 
2965			font-size: 15px; 
2966			line-height: 15px; 
2967		}
2968		f-imdb-body { 
2969			font-size: 12px; 
2970			line-height: 16px; 
2971		}
2972		f-imdb-image { 
2973			aspect-ratio: 1 / 1; 
2974		}
2975	}
2976
2977	f-imdb-justwatchbox-container {
2978		display: block; 
2979		overflow: hidden; 
2980		margin: var(--f-article-padding); 
2981		padding: 0; 
2982		background-color: var(--f-article-background-inline);
2983	}
2984
2985	f-imdb-justwatchbox-header {
2986		display: block; 
2987		padding: var(--f-article-padding); 
2988		padding-bottom: 0px;
2989		font-family: SuisseRegular, sans-serif; 
2990		font-size: 16px; 
2991		font-weight: 300; 
2992		line-height: 16px; 
2993		color: var(--f-article-text-color-shade);
2994		-webkit-font-smoothing: antialiased; 
2995	}
2996	
2997	@media only screen and (max-width: 480px) {
2998		f-imdb-justwatchbox-header { 
2999			font-size: 15px; 
3000			line-height: 15px; 
3001		}
3002	}
3003
3004	f-imdb-justwatchbox-header b { 
3005		font-family: SuisseBold, sans-serif; 
3006		font-weight: 300; 
3007		color: var(--f-article-text-color); 
3008	}
3009
3010	/* f-igdb - IGDB (Internet Game Database) */
3011	f-igdb { 
3012		overflow: hidden; 
3013		margin: 0; 
3014		padding: 0; 
3015		background-color: var(--f-article-background-inline); 
3016		display: grid; 
3017		grid-template-columns: 1fr 25%; 
3018		grid-template-rows: auto 1fr;
3019		grid-template-areas: 	"headline image" 
3020								"body image";
3021	} 
3022	
3023	f-igdb-body {
3024		font-family: var(--f-suisse-regular); 
3025		font-size: 13px; 
3026		font-weight: normal; 
3027		line-height: 17px; 
3028		-webkit-font-smoothing: antialiased;
3029		color: var(--f-article-text-color-shade); 
3030		padding: 8px var(--f-article-padding) var(--f-article-padding); 
3031		overflow: hidden; 
3032		display: block; 
3033		grid-area: body; 
3034	}
3035		
3036	f-igdb-body b, 
3037	f-igdb-body a {
3038		font-family: var(--f-suisse-semibold); 
3039		font-weight: 300;
3040	}
3041	
3042	f-igdb-image {
3043		width: 100%; 
3044		height: 100%; 
3045		display: grid; 
3046		grid-area: image; 
3047		position: relative; 
3048		aspect-ratio: 16 / 9;
3049	}
3050	
3051	f-igdb .igdbPic { 
3052		width: 100%; 
3053		height: 100%; 
3054		object-fit: cover; 
3055		position: absolute; 
3056	}
3057	
3058	f-igdb f-igdb-headline { 
3059		font-family: var(--f-suisse-bold); 
3060		font-size: 16px; 
3061		font-weight: 300; 
3062		line-height: 16px; 
3063		color: var(--f-article-text-color); 
3064		display: block; 
3065		grid-area: headline;
3066		padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); 
3067		-webkit-font-smoothing: antialiased; 
3068	}
3069	
3070	f-igdb f-igdb-headline:before { 
3071		content: 'IGDB om '; 
3072		font-family: var(--f-suisse-regular); 
3073		color: var(--f-article-text-color-shade);  
3074	}
3075	
3076	f-igdb f-igdb-headline a { 
3077		color: var(--f-article-text-color); 
3078		font-weight: 300; 
3079	}
3080	
3081	f-igdb p { 
3082		margin: 0; 
3083		padding: 0; 
3084	}
3085	
3086	f-igdb i { 
3087		display: inline; 
3088		margin: 0; 
3089	}
3090		
3091	@media only screen and (max-width: 480px) {
3092		f-igdb { 
3093			grid-template-columns: auto; 
3094			grid-template-rows: auto 1fr auto; 
3095			grid-template-areas: 	"image" 
3096									"headline"
3097									"body";
3098	   	} 
3099		f-igdb f-igdb-headline { 
3100			font-size: 15px; 
3101			line-height: 15px; 
3102		}
3103		f-igdb-body { 
3104			font-size: 12px; 
3105			line-height: 16px; 
3106		}
3107		f-igdb-image { 
3108			aspect-ratio: 16 / 6; 
3109		}
3110	}
3111</style>
3112
3113	  
3114	
3115	
3116	
3117	
3118		
3119
3120
3121
3122
3123
3124
3125
3126
3127
3128
3129
3130
3131
3132
3133
3134	<style>
3135		html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,embed,object { border:0 none; font-family:inherit; font-size:100%; font-style:inherit; outline-color:invert; outline-style:none; outline-width:0; vertical-align:baseline; margin:0; padding:0; }
3136		html, body {-webkit-text-size-adjust: 100%;}
3137		table { border-collapse:separate; border-spacing:0; }
3138		caption,th,td { font-weight:300; text-align:left; }
3139		blockquote:before,blockquote:after,q:before,q:after { content:""; }
3140		em { font-style:italic; }
3141		.table { display:table; }
3142		.pointer { cursor:pointer; }
3143		
3144		@-ms-viewport { width: device-width !important; }
3145		
3146		f-stat-catcher { display: none; }
3147		
3148	</style>	
3149
3150
3151
3152
3153
3154
3155
3156
3157
3158
3159
3160
3161
3162
3163
3164
3165
3166
3167
3168
3169
3170
3171
3172
3173
3174
3175
3176
3177
3178
3179		
3180
3181
3182		
3183
3184
3185
3186
3187
3188
3189
3190
3191
3192
3193
3194
3195
3196
3197
3198
3199
3200
3201
3202
3203
3204
3205
3206
3207
3208
3209
3210
3211
3212
3213
3214
3215
3216
3217
3218
3219
3220
3221
3222
3223
3224
3225
3226
3227
3228
3229
3230
3231
3232
3233
3234
3235
3236
3237
3238
3239
3240
3241
3242
3243
3244
3245
3246
3247
3248
3249
3250
3251
3252
3253
3254
3255
3256
3257
3258
3259
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269
3270
3271
3272
3273
3274
3275
3276
3277
3278
3279
3280
3281
3282
3283
3284
3285
3286
3287
3288
3289
3290
3291
3292
3293
3294
3295
3296
3297
3298
3299
3300
3301
3302
3303
3304
3305
3306
3307
3308
3309
3310
3311
3312
3313
3314
3315
3316
3317
3318
3319
3320
3321
3322
3323
3324
3325
3326
3327
3328
3329
3330
3331
3332
3333
3334 
3335
3336
3337
3338
3339
3340
3341
3342
3343
3344
3345
3346
3347
3348
3349
3350
3351
3352
3353
3354
3355
3356
3357
3358
3359
3360
3361
3362
3363
3364
3365
3366
3367
3368
3369
3370
3371
3372
3373
3374
3375
3376
3377
3378
3379
3380	
3381	
3382
3383
3384
3385
3386
3387
3388
3389
3390
3391
3392
3393
3394
3395
3396
3397
3398
3399
3400
3401
3402
3403
3404
3405	<style>
3406		
3407		body { font-size: 13px; font-weight: normal; font-family: var(--f-suisse-regular); line-height:16px; 
3408			 margin:0; padding:0; text-align: left; overflow-x: hidden; background-color: rgb(34,34,34); position:relative;
3409			 padding-bottom: 50px; 
3410		}
3411
3412		body[data-site='feber'] { padding-top: 93px !important; background-color: rgb(34,34,34); }
3413		body[data-site='feber'][data-darkmode='on'] { background-color: rgb(0,0,0); }
3414		body[data-site='tjock'] { padding-top: 70px !important; background-color: rgba(240,240,240); }
3415
3416		@media only screen and (max-width: 600px) {
3417			body[data-site='feber'] { padding-top: 87px !important; }
3418			body[data-site='tjock'] { padding-top: 49px !important; }
3419		}
3420		
3421		.lazyload, .lazyloading { opacity: 0; }
3422		.lazyloaded { opacity: 1; }
3423		
3424		body[data-site='feber'] #yodaContainer { background-color: transparent;	}
3425		
3426		
3427		
3428		f-content[data-loaded="false"] { height: auto; display: block; }
3429		f-content[data-loaded="loading"] { height: 600px; display: block; }
3430		f-content[data-loaded="true"] { height: auto; display: block; }
3431		
3432		
3433		
3434		
3435
3436		
3437
3438			
3439		
3440		
3441		
3442		f-stripe { background-color: #111; color: white; font-size: 18px; line-height: 40px; font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased; 
3443			display: block; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); margin: var(--f-margins-margins); padding: 0 var(--f-article-padding); }
3444		f-stripe[data-align="center"] { text-align: center; }
3445		f-stripe[data-align="right"] { text-align: right; }
3446		
3447		
3448		
3449		/* F-HEADER */
3450		
3451		f-header {
3452			display: block; width: 100%; max-width: 980px;
3453			margin: var(--f-margins-margins); margin-bottom: 0;
3454			background-color: var(--f-article-background); 
3455		}
3456		f-preheader { 
3457			display: block; padding: var(--f-article-padding-wide); padding-bottom: 0;
3458			font-family: var(--f-suisse-regular); font-size: 15px; line-height: 14px; color: var(--f-article-text-color-shade-deluxe);
3459		}
3460		f-mainheader {
3461			display: block; padding: var(--f-article-padding-wide); padding-top: 10px; padding-bottom: 10px;
3462			font-family: var(--f-suisse-bold); font-size: 30px; line-height: 30px;  color: var(--f-article-text-color); -webkit-font-smoothing: antialiased;
3463		}
3464		f-header-description {
3465			display: block; padding: 10px 0px 0px 0px;
3466			font-family: var(--f-suisse-regular); font-size: 15px; line-height: 19px; color: var(--f-article-text-color-shade-deluxe);
3467		}
3468		
3469		@media only screen and (max-width: 800px) {
3470			f-preheader { font-size: 14px; line-height: 14px; }
3471			f-mainheader { font-size: 26px;
3471 line-height: 26px; }
3472			f-header-description { font-size: 14px; line-height: 17px; }
3473		}
3474
3475		@media only screen and (max-width: 480px) {
3476			f-preheader { font-size: 13px; line-height: 13px; }
3477			f-mainheader { font-size: 20px; line-height: 20px; }
3478			f-header-description { font-size: 13px; line-height: 15px; }
3479		}
3480		
3481		
3482		
3483		
3484
3485
3486	</style>	
3487
3488
3489
3490
3491
3492
3493
3494
3495
3496
3497
3498
3499
3500
3501
3502
3503
3504
3505
3506
3507
3508
3509		
3510
3511
3512		
3513
3514
3515
3516
3517
3518
3519
3520
3521
3522
3523
3524
3525
3526
3527
3528
3529
3530
3531
3532
3533
3534
3535
3536
3537
3538
3539
3540
3541
3542
3543
3544
3545
3546
3547
3548
3549
3550
3551
3552
3553
3554
3555
3556
3557
3558
3559
3560
3561
3562
3563
3564
3565
3566
3567
3568
3569
3570
3571
3572
3573
3574
3575
3576
3577
3578
3579
3580
3581
3582
3583
3584
3585
3586
3587
3588
3589
3590
3591
3592
3593
3594
3595
3596
3597
3598
3599
3600
3601
3602
3603
3604
3605
3606
3607
3608
3609
3610
3611
3612
3613
3614
3615
3616
3617
3618
3619
3620
3621
3622
3623
3624
3625
3626
3627
3628
3629
3630
3631
3632
3633
3634
3635
3636
3637
3638
3639
3640
3641
3642
3643
3644
3645
3646
3647
3648
3649
3650
3651
3652
3653
3654
3655
3656
3657
3658
3659
3660
3661
3662
3663
3664 
3665
3666
3667
3668
3669
3670
3671
3672
3673
3674
3675
3676
3677
3678
3679
3680
3681
3682
3683
3684
3685
3686
3687
3688
3689
3690
3691
3692
3693
3694
3695
3696
3697
3698
3699
3700
3701
3702
3703
3704
3705
3706
3707
3708
3709
3710	
3711
3712
3713
3714
3715
3716
3717
3718
3719
3720
3721
3722
3723
3724
3725
3726
3727
3728
3729
3730
3731
3732
3733
3734
3735
3736
3737	<style>	
3738
3739
3740		:root {
3741
3742			/* NETSU COLORS BETA */
3743			
3744			/* orange */
3745			--n-orange: rgba(255,69,0,1);
3746			--n-orange-semidark: rgba(245,68,1,1);
3747			--n-orange-dark: rgba(199,61,7,1);
3748
3749			/* blue */
3750			--n-blue-light: rgba(171,216,234,1);
3751			--n-blue: rgba(51,173,221,1);
3752			--n-blue-semidark: rgba(32,119,154,1);
3753			--n-blue-dark: rgba(12,65,87,1);
3754
3755			/* red */
3756			--n-red-light: rgba(235,196,199,1);
3757			--n-red: rgba(193,18,31,1);
3758			--n-red-semidark: rgba(151,14,25,1);
3759			--n-red-dark: rgba(108,10,18,1);
3760
3761			/* grey */
3762			--n-grey-superlight: rgba(240,240,240,1);
3763			--n-grey-light: rgba(190,190,190,1);
3764			--n-grey: rgba(138,138,138,1);
3765			--n-grey-semidark: rgba(86,86,86,1);
3766			--n-grey-dark: rgba(34,34,34,1);
3767
3768			/* grey-warm */
3769			--n-grey-warm-light: rgba(241,237,233,1);
3770			--n-grey-warm-semilight: rgba(190,187,184,1);
3771			--n-grey-warm: rgba(138,136,134,1);
3772			--n-grey-warm-semidark: rgba(86,85,84,1);
3773			--n-grey-warm-dark: rgba(34,34,34,1);
3774
3775			/* COLORS */
3776
3777			--f-hot-color: var(--n-orange);
3778			--f-cold-color: var(--n-blue);
3779			--f-normal-color: rgb(51, 51, 51);
3780
3781			--f-hot-color-tjock:  var(--n-orange);
3782			--f-cold-color-tjock: var(--n-blue);
3783			--f-normal-color-tjock: rgb(200, 200, 200);
3784			
3785			--f-link-color: rgb(0, 98, 157);
3786			--f-link-hover: rgb(0,50,90);
3787			
3788			--f-prod-save-color: inherit;
3789		} 
3790		
3791
3792		/* GAMLA FÄRGER */
3793		/*
3794			--f-hot-color: rgb(255, 69, 0);
3795			--f-cold-color: rgb(0, 191, 255);
3796			--f-normal-color: rgb(51, 51, 51);
3797
3798			--f-hot-color-tjock:  rgb(220,26,0);
3799			--f-cold-color-tjock: rgb(0,163,220);
3800			--f-normal-color-tjock: rgb(200, 200, 200);
3801
3802
3803		*/
3804		
3805		:root {
3806			--f-margin-left: auto;
3807			--f-margin-right: auto;
3808			--f-margins: 0px auto 0px auto;
3809			--f-margins-margins: 20px auto 20px auto;
3810		}
3811		
3812		@media only screen and (min-width: 1340px) and (max-width: 1640px) {
3813			:root [data-premium='false'] {
3814				--f-margin-left: calc((100vw - 980px - 320px) / 2);
3815				--f-margin-right: calc((100vw - 980px - 320px) / 2 + 320px);
3816				--f-margins: 0px calc((100vw - 980px - 320px) / 2 + 320px) 0px calc((100vw - 980px - 320px) / 2) !important;
3817				--f-margins-margins: 20px calc((100vw - 980px - 320px) / 2 + 320px) 20px calc((100vw - 980px - 320px) / 2) !important;
3818
3819			}
3820		}
3821		@media only screen and (min-width: 1340px) and (max-width: 1640px) {
3822			:root {
3823				--f-margins-margins: 15px auto 15px auto;
3824			}
3825		}
3826
3827		
3828	</style>
3829
3830
3831
3832
3833
3834
3835
3836
3837
3838
3839
3840
3841
3842
3843
3844
3845
3846
3847
3848		
3849
3850
3851		
3852
3853
3854
3855
3856
3857
3858
3859
3860
3861
3862
3863
3864
3865
3866
3867
3868
3869
3870
3871
3872
3873
3874
3875
3876
3877
3878
3879
3880
3881
3882
3883
3884
3885
3886
3887
3888
3889
3890
3891
3892
3893
3894
3895
3896
3897
3898
3899
3900
3901
3902
3903
3904
3905
3906
3907
3908
3909
3910
3911
3912
3913
3914
3915
3916
3917
3918
3919
3920
3921
3922
3923
3924
3925
3926
3927
3928
3929
3930
3931
3932
3933
3934
3935
3936
3937
3938
3939
3940
3941
3942
3943
3944
3945
3946
3947
3948
3949
3950
3951
3952
3953
3954
3955
3956
3957
3958
3959
3960
3961
3962
3963
3964
3965
3966
3967
3968
3969
3970
3971
3972
3973
3974
3975
3976
3977
3978
3979
3980
3981
3982
3983
3984
3985
3986
3987
3988
3989
3990
3991
3992
3993
3994
3995
3996
3997
3998
3999
4000
4001
4002
4003 
4004
4005
4006
4007
4008
4009
4010
4011
4012
4013
4014
4015
4016
4017
4018
4019
4020
4021
4022
4023
4024
4025
4026
4027
4028
4029
4030
4031
4032
4033
4034
4035
4036
4037
4038
4039
4040
4041
4042
4043
4044
4045
4046
4047
4048
4049	
4050
4051
4052
4053
4054
4055
4056
4057
4058
4059
4060
4061
4062
4063
4064
4065
4066
4067
4068
4069
4070
4071
4072
4073
4074
4075
4076
4077
4078
4079
4080
4081
4082
4083
4084
4085
4086
4087
4088	<style>	
4089		
4090		/* CMP */
4091				
4092		#qc-cmp2-ui { border-radius: 10px !important; margin: 0 15px;  }
4093		
4094		.qc-cmp2-summary-buttons button { box-shadow: none !important; border-radius: 5px !important; font-family; var(--f-suisse-semibold) !important; letter-spacing: 1px !important; text-transform: lowercase !important; }
4095		.qc-cmp2-summary-buttons button::first-letter { text-transform: uppercase !important; }
4096		.qc-cmp2-summary-buttons button[mode='primary'] { background-color: var(--f-hot-color) !important; width: auto !important; flex: 1 0 auto !important; }
4097		.qc-cmp2-summary-buttons button[mode='secondary'] { border-top-color: #aaa !important; border-bottom-color: #aaa !important;  border-left-color: #aaa !important; border-right-color: #aaa !important; color: #333 !important; width: auto !important; flex: 0 0 auto !important;  }
4098		.qc-cmp2-summary-buttons button[mode='secondary']:hover { background-color: rgba(0,0,0,0.05) !important; }
4099		#qc-cmp2-ui h2 { font-family: var(--f-suisse-semibold) !important; -webkit-font-smoothing: antialiased !important;  }
4100
4101		.qc-cmp2-footer .qc-cmp2-summary-buttons button span { font-family: var(--f-suisse-semibold) !important; text-transform: lowercase !important; font-size: 16px !important; -webkit-font-smoothing: antialiased !important;  }
4102		.qc-cmp2-footer .qc-cmp2-summary-buttons button span::first-letter { text-transform: uppercase !important; }
4103
4104		@media only screen and (max-width: 768px) {
4105			.qc-cmp2-summary-buttons button[mode='primary'] { flex: none !important; }
4106			.qc-cmp2-summary-buttons button[mode='secondary'] { flex: none !important;  }
4107		}
4108		
4109		
4110		
4111		/* Loadingstuff */
4112		w8 { margin: 40px auto; width: 40px; height: 40px; position: relative; display: block; animation: sk-rotate 2.0s infinite linear; }
4113		
4114		w8a, w8b { width: 60%; height: 60%; top: 0; border-radius: 100%; display: inline-block; position: absolute;
4115		  animation: sk-bounce 2.0s infinite ease-in-out; background-color: var(--f-hot-color); }
4116		w8a { top: auto; bottom: 0;
4116 animation-delay: -1.0s; background-color: var(--f-cold-color); }
4117		body[data-site='tjock'] w8a { background-color: var(--f-cold-color-tjock); }
4118		body[data-site='tjock'] w8b { background-color: var(--f-hot-color-tjock); }
4119		
4120		@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
4121		@keyframes sk-bounce { 0%, 100% { transform: scale(0.0); } 50% { transform: scale(1.0); } }
4122		
4123		w8temp { display: block; width: 24px; height: 24px; margin: 7px auto; background-color: white; border-radius: 100%;
4124			animation: sk-scaleout 1.0s infinite ease-in-out; }
4125		
4126		@keyframes sk-scaleout { 0% { transform: scale(0); } 100% { transform: scale(1.0); opacity: 0; }}
4127		
4128		@media only screen and (max-width: 480px) { w8temp { width: 18px; height: 18px; margin: 7px auto; } }
4129		@media only screen and (max-width: 370px) { w8temp { width: 14px; height: 14px; margin: 6px auto; } }
4130		
4131		
4132		
4133		/* next page */
4134		f-nextpage-container  { display: block; width: var(--f-article-width); margin: 20px auto; background-color: rgba(70,70,70); color: white; transition: all .3s ease-in-out; }
4135		
4136		f-nextpage {
4137			display: block; margin: var(--f-margins-margins); padding: 0 var(--f-article-padding); 
4138			width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding) - var(--f-article-padding));
4139			font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased;
4140			font-size: 20px; line-height: 44px; letter-spacing: -0.01em; font-weight: 300; text-align: right; 
4141			background-color: var(--f-hot-color); color: white;
4142		}
4143		f-nextpage a { color: white; font-weight: normal; }
4144		
4145		@media only screen and (min-width: 2000px) {
4146			f-nextpage-container { max-width: 980px; }
4147		}
4148		
4149		
4150		/* f-bar */ 
4151		f-bar-container { display: block; width: var(--f-article-width); max-width: var(--f-article-maxwidth); margin: var(--f-margins-margins); background-color: rgba(70,70,70); color: white; }
4152		
4153		body[data-site='tjock'] f-bar-container { background-color: rgba(255,255,255,0.5); }
4154				
4155		f-bar {
4156			display: flex; margin: 0; padding: 0 var(--f-article-padding);
4157			max-width: var(--f-article-maxwidth);
4158			font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased;
4159			font-size: 20px; line-height: 44px; letter-spacing: -0.01em; font-weight: 300;
4160			color: white;
4161		}
4162		
4163		body[data-site='tjock'] f-bar { color: #333; font-family: var(--f-lato-regular); text-transform: uppercase; font-size: 18px; }
4164		
4165		f-bar-left { margin-right: auto; }
4166		f-bar-right { margin-left: auto; color: #bbb; }
4167		
4168		f-bar-left:first-letter { text-transform: uppercase; }
4169		
4170		@media only screen and (max-width: 480px) {
4171			f-bar { font-size: 18px; line-height: 40px; }
4172		}
4173		
4174		
4175		/* f-bar-options */ 
4176		f-bar-optionscontainer {
4177			display: flex; width: 100%; max-width: 980px; margin: var(--f-margins-margins);
4178			background-color: rgba(255,255,255,0.05); color: white;  }
4179		f-bar-optionscontainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
4180		
4181		f-bar-options {
4182			display: block; margin: 0; padding: 0 20px; max-width: 980px; flex-grow: 1; 
4183			font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased;
4184			font-size: 15px; line-height: 16px; letter-spacing: -0.01em; font-weight: 300;
4185			color: #999;
4186		}
4187
4188		f-bar-options-item {
4189			display: block;
4190			float: left;
4191			padding: 12px 5px 10px 5px;
4192			margin-right: 12px;
4193			color: rgba(255,255,255,0.6);
4194			font-family: var(--f-suisse-regular);
4195			-webkit-font-smoothing: auto;
4196			cursor: pointer;
4197			transition: all .3s;
4198			border-bottom: 2px solid transparent;
4199		}
4200		
4201		f-bar-options-item.on {
4202			color: #fff; border-bottom: 2px solid var(--f-hot-color); transition: all .3s; }
4203			
4204		f-bar-options-item[data-selected="true"] {
4205			color: #fff; border-bottom: 2px solid var(--f-hot-color); transition: all .3s; }
4206
4207		
4208		@media only screen and (min-width: 2000px) {
4209			f-bar-optionscontainer { max-width: 980px; }
4210			f-bar-options { padding: 0 var(--f-article-padding); }
4211		}
4212		
4213		@media only screen and (max-width: 1020px) {
4214			f-bar-options { padding: 0 var(--f-article-padding); }
4215		}
4216
4217		
4218		f-bar-optionscontainer f-switch {
4219			display: block; padding: 12px 20px 10px; 
4220		}
4221		
4222		
4223		
4224		/* Form-sidor */ 
4225		f-form {
4226			display: block; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); margin: var(--f-margins-margins);
4227			background-color: var(--f-article-background); padding: var(--f-article-padding);
4228		}
4229		f-form:after { content: "."; display: grid; height: 0; clear: both; visibility: hidden; }
4230		
4231		f-form-header {
4232			display: block; padding: 0; font-family: var(--f-suisse-bold); font-size: 30px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; line-height: 30px;
4233		}
4234
4235		f-form-image {
4236			display: block; width: calc(100% + var(--f-article-padding) + var(--f-article-padding)); height: auto; 
4237			margin: var(--f-article-padding) calc(var(--f-article-padding) - var(--f-article-padding) - var(--f-article-padding)); 
4238		}
4239		f-form-image img { width: 100%; }
4240		
4241		f-form-body {
4242			display: block; padding: 10px 0; font-family: var(--f-suisse-regular); font-size: 15px; font-weight: normal; line-height: 20px; color: var(--f-article-text-color-shade); -webkit-font-smoothing: auto;
4243		}
4244		f-form-body a, f-form-body b { font-weight: 300; font-family: var(--f-suisse-semibold); }
4245		
4246		
4247		f-form input, f-form textarea { font-size: 18px; padding: 10px 15px; width: calc(100% - 40px); margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; }
4248		
4249		f-form input:focus, f-form textarea:focus, f-form input:active, f-form textarea:active {
4250			outline: none; box-shadow: 0 0 17px rgba(0,0,0,0.10); border: 1px solid #e7e7e7;
4251		}
4252		
4253		
4254		
4255		f-form input[type=submit] {
4256			cursor:pointer; padding:10px 15px; margin: 0; border-radius: 5px; border:0 none; width: auto; float: right;
4257			background-color: var(--f-article-button-background-active); color: white;
4258			font-size: 16px; line-height: 17px;
4259		}
4260		
4261		f-form input[type=submit]:disabled { background-color: var(--f-article-button-background-inactive); color: #bbb; margin: 0; }
4262		
4263		@media only screen and (max-width: 480px) {
4264			f-form-header { font-size: 22px; line-height: 22px; }
4265			f-form-body { font-size: 14px; line-height: 18px;  }
4266			f-form input, f-form textarea { font-size: 14px; padding: 8px 10px; width: calc(100% - 20px); margin-bottom: 15px; border: 1px solid #ccc; }
4267		}
4268		
4269		f-form .protip {
4270			background-color: #e7e7e7; padding: 10px 15px; width: calc(100% - 40px); margin-bottom: 15px
4271		}
4272		
4273		
4274		
4275		/* Single page */
4276		
4277		f-singlepage {
4278			display: block; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding) - 20px); margin: var(--f-margins-margins);
4279			background-color: var(--f-article-background); padding: calc(var(--f-article-padding) + 10px);
4280		}
4281		f-singlepage-header {
4282			display: block; padding: 0; font-family: var(--f-suisse-bold); font-size: 40px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; line-height: 50px;
4283			background-color: var(--f-article-background); 
4284		}
4285		@media only screen and (max-width: 480px) {
4286			f-singlepage-header { font-size: 30px; line-height: 30px;  }
4287		}
4288		
4289		
4290		/* Unwrapped */
4291		
4292		f-unwrappedimages {
4293			display: block; position: relative; aspect-ratio: 4/3;
4294		}
4295		f-unwrappedimages f-article-image {
4296			position: absolute; 
4297		}
4298		f-unwrappedimages f-article-image img {
4299			object-fit: cover;
4300		}
4301		
4302		f-basic[data-unwrapped="true"] { background-color: #333; color: #bbb; padding: var(--f-article-padding-wide);  }
4303		
4304		f-article[data-unwrapped="true"] f-article-header { background-color: #333; color: #bbb; }
4305		f-article[data-unwrapped="true"] f-article-headline b { color: #ddd; }
4306		
4307		// f-article[data-unwrapped="true"] f-article-content { background-color: #333; }
4308		// f-article[data-unwrapped="true"] f-article-body { color: #bbb; }
4309		
4310		f-article[data-unwrapped="true"] f-basic-container-thumbs {
4311			background-color: var(--f-article-background-inline); padding: var(--f-article-padding); margin: 0; 
4312		}
4313		
4314		// f-article[data-unwrapped="true"] f-article-footer { background: #444; }
4315		// f-article[data-unwrapped="true"] f-article-footer-writerinfo b { color: #ddd; }
4316		// f-article[data-unwrapped="true"] f-article-footer-writerinfo { color: #bbb; }
4317		
4318		
4319	</style>	
4320
4321
4322
4323
4324
4325
4326
4327		
4328
4329
4330		
4331
4332
4333
4334
4335
4336
4337
4338
4339
4340
4341
4342
4343
4344
4345
4346
4347
4348
4349
4350
4351
4352
4353
4354
4355
4356
4357
4358
4359
4360
4361
4362
4363
4364
4365
4366
4367
4368
4369
4370
4371
4372
4373
4374
4375
4376
4377
4378
4379
4380
4381
4382
4383
4384
4385
4386
4387
4388
4389
4390
4391
4392
4393
4394
4395
4396
4397
4398
4399
4400
4401
4402
4403
4404
4405
4406
4407
4408
4409
4410
4411
4412
4413
4414
4415
4416
4417
4418
4419
4420
4421
4422
4423
4424
4425
4426
4427
4428
4429
4430
4431
4432
4433
4434
4435
4436
4437
4438
4439
4440
4441
4442
4443
4444
4445
4446
4447
4448
4449
4450
4451
4452
4453
4454
4455
4456
4457
4458
4459
4460
4461
4462
4463
4464
4465
4466
4467
4468
4469
4470
4471
4472
4473
4474
4475
4476
4477
4478
4479
4480
4481
4482 
4483
4484
4485
4486
4487
4488
4489
4490
4491
4492
4493
4494
4495
4496
4497
4498
4499
4500
4501
4502
4503
4504
4505
4506
4507
4508
4509
4510
4511
4512
4513
4514
4515
4516
4517
4518
4519
4520
4521
4522
4523
4524
4525
4526
4527
4528	
4529	
4530
4531
4532
4533
4534
4535
4536
4537
4538
4539
4540
4541
4542
4543
4544
4545
4546
4547
4548
4549
4550
4551
4552
4553
4554
4555
4556
4557
4558
4559
4560
4561
4562
4563
4564
4565
4566
4567
4568
4569
4570
4571
4572
4573
4574		
4575
4576
4577	<style>
4578		
4579		f-panorama {
4580			display: block; overflow: hidden; z-index: 0 !important;  margin: var(--f-margins-margins); 
4581			width: 100%; max-width: none !important; 
4582		}
4583		.maxetise { 
4584			margin: 0px auto; display: flex; align-items: center; flex-direction: column; max-width: 980px; min-height: 300px;
4585		}
4586		.maxetise:not([data-placement*="desktop0"]):not([data-placement*="mobile0"]):not(:has(*)) { min-height: 300px; }
4587		
4588		@media only screen and (max-width: 500px) {
4589			f-panorama { max-width: none !important; }
4590			.maxetise { max-width: none !important;
4591				display: flex;
4592				align-items: center; min-height: 320px;
4593			}
4594			.maxetise:not([data-placement*="desktop0"]):not([data-placement*="mobile0"]):not(:has(*)) { min-height: 320px; }
4595		}
4596
4597		@media only screen and (min-width: 1340px) and (max-width: 1640px) {
4598			f-panorama { max-width: 980px !important; }
4599			.adnm-html-interscroll-frame { width: 980px;  }
4600
4601			f-panorama:has(.adnm-creative) { max-width: 100% !important; margin: auto; }
4602			.maxetise:has(.adnm-creative) { max-width: 100%; }
4603			.adnm-html-interscroll-frame-wrapper { margin-left: 0; }
4604		}
4605
4606		.maxetise-debug-row {
4607			padding-right: 16px !important; padding-left: 16px !important; width: calc(100% - 32px);
4608		}
4609		
4610
4611
4612		body[data-premium="true"] f-panorama { display: none; }
4613		
4614		
4615		
4616				#maxetiseFull { height: 0px;  }
4617			
4618		
4619		#outsider, #outsiderLeft {
4620			display: none;
4621		}
4622		
4623		@media only screen and (min-width: 1340px) {
4624			#outsider { display: block; position: fixed; bottom: 10px; right: 10px; }
4625		}
4626		
4627		@media only screen and (min-width: 1640px) {
4628			#outsiderLeft { display: block; position: fixed; bottom: 10px; left: 10px; }
4629		}
4630		
4631		#yodaContainer { } 
4632			body[data-premium='true'] #yodaContainer {  }
4633			body[data-premium='false'] #yodaContainer {  }
4634			body[data-site='feber'] #yodaContainer { margin: 0 auto; }
4635		
4636		 @media only screen and (min-width: 1340px) and (max-width: 1640px) {
4637			body[data-premium='false'] #yodaContainer { margin-left: auto; margin-right: 320px;  }
4638		}
4639		
4640	</style>	
4641
4642		
4643
4644
4645
4646
4647
4648
4649
4650
4651
4652
4653
4654
4655
4656
4657
4658
4659
4660
4661
4662
4663
4664
4665
4666
4667
4668
4669
4670
4671
4672
4673
4674
4675
4676
4677
4678
4679
4680
4681
4682
4683
4684
4685
4686
4687
4688
4689
4690
4691
4692
4693
4694
4695
4696
4697
4698
4699
4700
4701
4702
4703
4704
4705
4706
4707
4708
4709
4710
4711
4712
4713
4714
4715
4716
4717
4718
4719
4720
4721
4722
4723
4724
4725
4726
4727
4728
4729
4730
4731
4732
4733
4734
4735
4736
4737
4738
4739
4740
4741
4742
4743
4744
4745
4746
4747
4748
4749
4750
4751
4752
4753
4754
4755
4756
4757
4758
4759
4760
4761
4762
4763
4764
4765
4766
4767
4768
4769
4770
4771
4772
4773
4774
4775
4776
4777
4778
4779
4780
4781
4782
4783
4784
4785
4786
4787
4788
4789
4790
4791
4792
4793
4794 
4795
4796
4797
4798
4799
4800
4801
4802
4803
4804
4805
4806
4807
4808
4809
4810
4811
4812
4813
4814
4815
4816
4817
4818
4819
4820
4821
4822
4823
4824
4825
4826
4827
4828
4829
4830
4831
4832
4833
4834
4835
4836
4837
4838
4839
4840	
4841
4842
4843
4844
4845
4846
4847
4848
4849
4850
4851
4852
4853
4854
4855
4856
4857
4858
4859
4860
4861
4862
4863
4864
4865
4866
4867
4868
4869
4870
4871
4872
4873
4874
4875
4876
4877
4878
4879
4880
4881
4882
4883
4884
4885		
4886
4887
4888		
4889
4890
4891	<style>		
4892
4893		@font-face {
4894			font-family: 'febericons';
4895			font-style: normal;
4896			font-weight: normal;
4897			font-display: swap;
4898			src: url('/fonts/febericons.woff') format('woff'),
4899				url('/fonts/febericons.ttf') format('truetype'),
4900				url('/fonts/febericons.svg#febericons') format('svg');
4901		}
4902		
4903		@font-face {
4904			font-family: 'SuisseThin';
4905			font-style: normal;
4906			font-weight: normal;
4907			font-display: swap;
4908			src: 	url('/fonts/SuisseIntl-Thin-WebS.woff2') format('woff2'),
4909					url('/fonts/SuisseIntl-Thin-WebS.woff') format('woff'),
4910					url('/fonts/SuisseIntl-Thin-WebS.ttf') format('truetype'),
4911					url('/fonts/SuisseIntl-Thin-WebS.svg#SuisseThin') format('svg');
4912		}
4913
4914		@font-face {
4915			font-family: 'SuisseLight';
4916			font-style: normal;
4917			font-weight: normal;
4918			font-display: swap;
4919			src: url('/fonts/SuisseIntl-Light-WebS.woff2') format('woff2'),
4920				url('/fonts/SuisseIntl-Light-WebS.woff') format('woff'),
4921				url('/fonts/SuisseIntl-Light-WebS.ttf') format('truetype'),
4922				url('/fonts/SuisseIntl-Light-WebS.svg#SuisseLight') format('svg');
4923		}
4924
4925		@font-face {
4926			font-family: 'SuisseMedium';
4927			font-style: normal;
4928			font-weight: normal;
4929			font-display: swap;
4930			src: url('/fonts/SuisseIntl-Medium-WebS.woff2') format('woff2'),
4931				url('/fonts/SuisseIntl-Medium-WebS.woff') format('woff'),
4932				url('/fonts/SuisseIntl-Medium-WebS.ttf') format('truetype'),
4933				url('/fonts/SuisseIntl-Medium-WebS.svg#SuisseMedium') format('svg');
4934		}
4935
4936		@font-face {
4937			font-family: 'Open Sans';
4938			font-style: normal;
4939			font-weight: normal;
4940			font-display: swap;
4941			src: url('/fonts/SuisseIntl-Medium-WebS.woff2') format('woff2'),
4942				url('/fonts/SuisseIntl-Medium-WebS.woff') format('woff'),
4943				url('/fonts/SuisseIntl-Medium-WebS.ttf') format('truetype'),
4944				url('/fonts/SuisseIntl-Medium-WebS.svg#OpenSans') format('svg'); /* Ändra ankarnamnet */
4945		}
4946
4947
4948		@font-face {
4949			font-family: 'SuisseRegular';
4950			font-style: normal;
4951			font-weight: normal;
4952			font-display: swap;
4953			src: url('/fonts/SuisseIntl-Regular-WebS.woff2') format('woff2'),
4954				url('/fonts/SuisseIntl-Regular-WebS.woff') format('woff'),
4955				url('/fonts/SuisseIntl-Regular-WebS.ttf') format('truetype'),
4956				url('/fonts/SuisseIntl-Regular-WebS.svg#SuisseRegular') format('svg');
4957		}
4958
4959		@font-face {
4960			font-family: 'SuisseRegularItalic';
4961			font-style: italic;
4962			font-weight: normal;
4963			font-display: swap;
4964			src: url('/fonts/SuisseIntl-RegularItalic-WebS.woff2') format('woff2'),
4965				url('/fonts/SuisseIntl-RegularItalic-WebS.woff') format('woff'),
4966				url('/fonts/SuisseIntl-RegularItalic-WebS.ttf') format('truetype'),
4967				url('/fonts/SuisseIntl-RegularItalic-WebS.svg#SuisseRegularItalic') format('svg');
4968		}
4969
4970		@font-face {
4971			font-family: 'SuisseBook';
4972			font-style: normal;
4973			font-weight: normal;
4974			font-display: swap;
4975			src: url('/fonts/SuisseIntl-Book-WebS.woff2') format('woff2'),
4976				url('/fonts/SuisseIntl-Book-WebS.woff') format('woff'),
4977				url('/fonts/SuisseIntl-Book-WebS.ttf') format('truetype'),
4978				url('/fonts/SuisseIntl-Book-WebS.svg#SuisseBook') format('svg');
4979		}
4980
4981		@font-face {
4982			font-family: 'SuisseSemiBold';
4983			font-style: normal;
4984			font-weight: normal;
4985			font-display: swap;
4986			src: url('/fonts/SuisseIntl-SemiBold-WebS.woff2') format('woff2'),
4987				url('/fonts/SuisseIntl-SemiBold-WebS.woff') format('woff'),
4988				url('/fonts/SuisseIntl-SemiBold-WebS.ttf') format('truetype'),
4989				url('/fonts/SuisseIntl-SemiBold-WebS.svg#SuisseSemiBold') format('svg');
4990		}
4991
4992		@font-face {
4993			font-family: 'SuisseBold';
4994			font-style: normal;
4995			font-weight: normal;
4996			font-display: swap;
4997			src: url('/fonts/SuisseIntl-Bold-WebS.woff2') format('woff2'),
4998				url('/fonts/SuisseIntl-Bold-WebS.woff') format('woff'),
4999				url('/fonts/SuisseIntl-Bold-WebS.ttf') format('truetype'),
5000				url('/fonts/SuisseIntl-Bold-WebS.svg#SuisseBold') format('svg');
5001		}
5002
5003		@font-face {
5004			font-family: 'SuisseNeueRegular';
5005			font-style: normal;
5006			font-weight: normal;
5007			font-display: swap;
5008			src: url('/fonts/SuisseNeue-Regular-WebS.woff2') format('woff2'),
5009				url('/fonts/SuisseNeue-Regular-WebS.woff') format('woff'),
5010				url('/fonts/SuisseNeue-Regular-WebS.ttf') format('truetype'),
5011				url('/fonts/SuisseNeue-Regular-WebS.svg#SuisseNeueRegular') format('svg');
5012		}
5013
5014		@font-face {
5015			font-family: 'LatoRegular';
5016			font-style: normal;
5017			font-weight: normal;
5018			font-display: swap;
5019			src: url('/fonts/Lato-Regular.woff2') format('woff2'),
5020				url('/fonts/Lato-Regular.woff') format('woff'),
5021				url('/fonts/Lato-Regular.ttf') format('truetype'),
5022				url('/fonts/Lato-Regular.svg#LatoRegular') format('svg');
5023		}
5024
5025		@font-face {
5026			font-family: 'LatoLight';
5027			font-style: normal;
5028			font-weight: normal;
5029			font-display: swap;
5030			src: url('/fonts/Lato-Light.woff2') format('woff2'),
5031				url('/fonts/Lato-Light.woff') format('woff'),
5032				url('/fonts/Lato-Light.ttf') format('truetype'),
5033				url('/fonts/Lato-Light.svg#LatoLight') format('svg');
5034		}
5035
5036		
5037		:root {
5038			--f-suisse-thin: SuisseThin, sans-serif;
5039			--f-suisse-light: SuisseLight, sans-serif;
5040			--f-suisse-medium: SuisseMedium, sans-serif;
5041			--f-suisse-regular: SuisseRegular, sans-serif;
5042			--f-suisse-regular-italic: SuisseRegularItalic, sans-serif;
5043			--f-suisse-book: SuisseBook, sans-serif;
5044			--f-suisse-semibold: SuisseSemiBold, "Helvetica Neue Bold", "Arial Bold", sans-serif;
5045			--f-suisse-bold: SuisseBold, "Helvetica Neue Bold", "Arial Bold", sans-serif;
5046			
5047			--f-suisse-neue-light: SuisseNeueLight, sans-serif;
5048			--f-suisse-neue-regular: SuisseNeueRegular, sans-serif;
5049			
5050			--f-lato-light: LatoLight, sans-serif;
5051			--f-lato-regular: LatoRegular, sans-serif;
5052		}
5053	</style>	
5054
5055
5056
5057
5058
5059
5060
5061
5062
5063
5064
5065
5066
5067
5068
5069
5070
5071
5072
5073
5074
5075
5076
5077
5078
5079
5080
5081
5082
5083
5084
5085
5086
5087
5088
5089
5090
5091
5092
5093
5094
5095
5096
5097
5098
5099
5100
5101
5102
5103
5104
5105
5106
5107
5108
5109
5110
5111
5112
5113
5114
5115
5116
5117
5118
5119
5120
5121
5122
5123
5124
5125
5126
5127
5128
5129
5130
5131
5132
5133
5134
5135
5136
5137
5138
5139
5140
5141
5142
5143
5144
5145
5146
5147
5148
5149
5150
5151
5152
5153
5154
5155
5156
5157
5158
5159
5160
5161
5162
5163
5164
5165
5166
5167
5168
5169
5170
5171
5172
5173
5174
5175
5176
5177
5178
5179
5180
5181
5182
5183
5184
5185
5186
5187
5188
5189
5190
5191
5192
5193
5194
5195
5196
5197
5198
5199
5200
5201
5202
5203
5204 
5205
5206
5207
5208
5209
5210
5211
5212
5213
5214
5215
5216
5217
5218
5219
5220
5221
5222
5223
5224
5225
5226
5227
5228
5229
5230
5231
5232
5233
5234
5235
5236
5237
5238
5239
5240
5241
5242
5243
5244
5245
5246
5247
5248
5249
5250	
5251	
5252
5253
5254
5255
5256
5257
5258
5259
5260
5261
5262
5263
5264
5265
5266
5267
5268
5269
5270
5271
5272
5273
5274
5275
5276
5277
5278
5279
5280
5281
5282
5283
5284
5285
5286
5287
5288
5289
5290
5291
5292
5293
5294
5295
5296		
5297
5298
5299		
5300
5301
5302
5303
5304
5305
5306
5307
5308	<style>
5309		
5310		/* Puffhållare och slide */
5311		f-featurepuff { display: block; margin: 0 auto 10px; max-width: 980px; }	
5312		f-featured-track { display: block; aspect-ratio: 32 / 8; max-width: 980px; margin: var(--f-margins); }
5313		@media only screen and (max-width: 980px) {
5314			f-featured-track { aspect-ratio: 21 / 7; }
5315		}
5316		@media only screen and (max-width: 600px) {
5317			f-featured-track {  aspect-ratio: 21 / 9; }
5318		}
5319		@media only screen and (max-width: 480px) {
5320			f-featured-track { aspect-ratio: 16 / 7; }
5321		}
5322		
5323		f-featured-slider-progress { display: block; background: #ccc; max-width: 980px; margin: var(--f-margins);  }
5324		f-featured-slider-progress-bar { display: block; background: orangered; height: 3px; transition: width 400ms ease; width: 0; }
5325		
5326		
5327		/* Själva puffen */
5328		f-feature { background-size: cover; background-position: center; position: relative; display: block; aspect-ratio: 32 / 8; overflow: hidden;  }
5329		
5330		f-featured-item.is-active f-feature { animation: anim-zoom 7.0s ease-in; }
5331					
5332		@keyframes anim-zoom { 
5333			0% { background-size: 100%; } 
5334			100% { background-size: 115%; } 
5335		}
5336		
5337			
5338		@media only screen and (max-width: 980px) {
5339			f-feature {  aspect-ratio: 21 / 7; }
5340		}
5341		
5342		@media only screen and (max-width: 600px) {
5343			f-feature {  aspect-ratio: 21 / 9; }
5344		}
5345		
5346		@media only screen and (max-width: 480px) {
5347			f-feature {  aspect-ratio: 16 / 7; }
5348		}
5349		
5350		f-feature a { color: rgb(150,150,150);  font-weight: 300; }
5351		
5352		f-feature img { position: absolute; object-fit: cover; top: 50%; left: 50%; 
5353			transform: translateX(-50%) translateY(-50%) scale(1.2); }
5354		
5355		f-featured-item.is-active f-feature img { position: absolute; animation: anim-imgzoom 7.0s ease-in; }
5356
5357		
5358		
5359		@keyframes anim-imgzoom { 
5360			0% { position: absolute; object-fit: cover; top: 50%; left: 50%; 
5361				transform: translateX(-50%) translateY(-50%) scale(1.0);  } 
5362			100% { position: absolute; object-fit: cover; top: 50%; left: 50%; 
5363				transform: translateX(-50%) translateY(-50%) scale(1.2); } 
5364		}
5365		
5366		f-feature-header { 
5367			padding: 30px 32px 0px 32px; margin: 0px; width: calc(100% - 64px); height:calc(100% - 30px); position: relative; 
5368			font-size: 26px; line-height: 28px; display: inline-block; font-family: var(--f-suisse-light); font-weight: 300; -webkit-font-smoothing: auto;
5369			background-size: contain; background-repeat: no-repeat; background: linear-gradient(
5370				357deg,
5371				hsla(0, 0%, 0%, 0) 15%,
5372				hsla(0, 0%, 0%, 0.2) 30%,
5373				hsla(0, 0%, 0%, 0.4) 40%,
5374				hsla(0, 0%, 0%, 0.6) 50%,
5375				hsla(0, 0%, 0%, 0.7) 60%,
5376				hsla(0, 0%, 0%, 0.8) 80%
5377			);
5378		}
5379		f-feature[data-theme='light'] f-feature-header { background: linear-gradient(
5380			357deg,
5381			hsla(0, 0%, 100%, 0.2) 15%,
5382			hsla(0, 0%, 100%, 0.3) 30%,
5383			hsla(0, 0%, 100%, 0.5) 40%,
5384			hsla(0, 0%, 100%, 0.75) 50%,
5385			hsla(0, 0%, 100%, 0.85) 60%,
5386			hsla(0, 0%, 100%, 0.85) 80%
5387			); 
5388		}
5389		
5390		
5391		f-feature-header b { 
5392			font-family: var(--f-suisse-bold); font-weight: 300; color: rgba(240, 240, 240, 1); -webkit-font-smoothing: antialiased; }
5393		f-feature[data-theme='light'] f-feature-header b { color: rgba(30, 30, 30, 1);  }
5394		f-feature[data-theme='light'] f-feature a { color: rgba(70, 70, 70, 1); }
5395		
5396		@media only screen and (max-width: 480px) {
5397			f-feature-header { margin: 0px;  padding: 20px 20px 130px 20px; font-size: 18px; line-height: 19px; width: calc(100% - 40px); }
5398		}
5399		
5400		f-feature-tagline { position: absolute; right: 15px; bottom: 10px; }
5401		
5402		f-feature-tagline .temp {
5403			float: right; padding: 5px 6px; margin-left: 6px; background: #333; cursor: default;
5404			font-family: var(--f-suisse-regular); font-size: 14px; line-height: 14px; text-align: center; color: #fff; text-decoration: none; text-transform: none;
5405			-webkit-font-smoothing: antialiased; letter-spacing: -0.02em; 
5406		}
5407		
5408		f-feature[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); }
5409		f-feature[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); }
5410		
5411		
5412		f-feature-tagline f-bubble {
5413			float: right; margin: 0; padding: 5px 8px; min-width: 8px; cursor: pointer; background: #333;
5414			font-family: var(--f-suisse-regular); font-size: 14px; line-height: 14px; text-align: center; color: #fff; text-decoration: none; text-transform: none;
5415			-webkit-font-smoothing: antialiased; letter-spacing: -0.02em; border: none; 
5416		}
5417		
5418		f-feature-tagline f-bubble::after { 
5419			position: absolute; content: ' '; display: block; padding: 0px; margin-top: 5px; margin-right: 0px; margin-left: -3px;
5420			background-color: none;border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333;
5421		}
5422		
5423	
5424		f-feature .featureAdstripe { background-color: rgb(5, 101, 156); padding: 6px 8px; font-family: var(--f-suisse-regular); color: white; }
5425
5426						
5427	</style>
5428
5429
5430
5431
5432
5433
5434
5435
5436
5437
5438
5439
5440
5441
5442
5443
5444
5445
5446
5447
5448
5449
5450
5451
5452
5453
5454
5455
5456
5457
5458
5459
5460
5461
5462
5463
5464
5465
5466
5467
5468
5469
5470
5471
5472
5473
5474
5475
5476
5477
5478
5479
5480
5481
5482
5483
5484
5485
5486
5487
5488
5489
5490
5491
5492
5493
5494
5495
5496
5497
5498
5499
5500
5501
5502
5503
5504
5505
5506
5507
5508
5509
5510
5511
5512
5513
5514
5515
5516
5517
5518
5519
5520
5521
5522
5523
5524
5525
5526
5527
5528
5529
5530
5531
5532
5533
5534
5535
5536
5537
5538
5539
5540
5541
5542
5543
5544
5545
5546
5547
5548
5549
5550
5551
5552
5553
5554
5555
5556
5557
5558
5559
5560
5561
5562
5563
5564
5565
5566
5567
5568
5569
5570
5571
5572 
5573
5574
5575
5576
5577
5578
5579
5580
5581
5582
5583
5584
5585
5586
5587
5588
5589
5590
5591
5592
5593
5594
5595
5596
5597
5598
5599
5600
5601
5602
5603
5604
5605
5606
5607
5608
5609
5610
5611
5612
5613
5614
5615
5616
5617
5618	
5619
5620
5621
5622
5623
5624
5625
5626
5627
5628
5629
5630
5631
5632
5633
5634
5635
5636
5637
5638
5639
5640
5641
5642
5643
5644
5645
5646
5647
5648
5649
5650
5651
5652
5653
5654
5655
5656
5657
5658
5659
5660
5661
5662
5663		
5664
5665
5666		
5667
5668
5669
5670
5671
5672
5673
5674
5675
5676
5677
5678
5679	<style>
5680		f-basic { display: grid; max-width: calc(980px - var(--f-article-padding-wide) - var(--f-article-padding-wide)); 
5681			padding: 0; margin: var(--f-article-padding-wide) auto; 
5682			background-color: var(--f-article-background);
5683			grid-template-columns: auto minmax(10px,260px);
5684			grid-template-rows: auto 1fr;
5685			grid-template-areas: 
5686				"basicheader basicmedia"
5687				"basicbody basicmedia";
5688		}
5689	
5690		f-basic[data-feature="true"] { background-color: #333; color: #bbb; padding: var(--f-article-padding-wide);  }
5691		f-basic-container-thumbs f-basic[data-feature="true"] { padding: 0; }
5692		f-internallinks f-basic[data-feature="true"] { padding: 0; }
5693		
5694		f-basic-media { display: grid; grid-area: basicmedia; aspect-ratio: 21 / 9; width: 100%; height: 100%; }
5695		@media only screen and (max-width: 480px) { f-basic-media { aspect-ratio: 1 / 1; } }
5696		f-basic-mediawrapper { display: grid; position: relative;  } 
5697		f-basic-mediawrapper img { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; border-radius: 0px; aspect-ratio: 21 / 9;  }
5698		f-basic-mediawrapper footer.TaglineLight {  
5699			margin: 0; padding: 5px;
5700			left: 0px; bottom: 0px; right: 0px;
5701			width: calc(100% - 10px);
5702			position: absolute;
5703			background-color: rgba(255,255,255,0.2);
5704		}
5705		
5706		f-basic-mediawrapper footer.TaglineLight .writer_icon, f-basic-mediawrapper footer.TaglineLight .tempUP, f-basic-mediawrapper footer.TaglineLight .tempDOWN { display: none; }
5707		
5708		f-basic-text { padding: 15px 20px; }
5709		
5710		
5711		
5712		f-basic-header {
5713			display: block; padding: 0; margin: 0 10px 5px 0; grid-area: basicheader; 
5714			font-family: var(--f-suisse-regular); font-size: 20px; line-height: 21px; font-weight: 300; 
5715			color: var(--f-article-text-color-shade-deluxe);
5716			-webkit-font-smoothing: antialiased;	
5717			 
5718		}
5719		@media only screen and (max-width: 800px) { f-basic-header { font-size: 15px; line-height: 17px; } }
5720		@media only screen and (max-width: 480px) { f-basic-header { font-size: 13px; line-height: 15px; font-family: var(--f-suisse-regular); } }
5721		
5722		f-basic-container-thumbs f-basic-header, f-internallinks f-basic-header {
5723			font-size: 13px; line-height: 15px; padding: 10px 12px 15px 12px; margin: 0; 
5724		}
5725		
5726		f-basic[data-basicsite='tjock'] f-basic-header {
5727			/* font-family: var(--f-lato-regular); font-size: 18px; letter-spacing: -0.02em; */
5728		}
5729		f-basic[data-basicsite='tjock'] f-basic-header b {
5730			/* font-family: var(--f-lato-regular); */
5731		}
5732		
5733		f-basic-container-thumbs f-basic[data-basicsite='tjock'] f-basic-header {
5734			/* font-size: 12px; text-transform: uppercase; */
5735		}
5736		
5737		@media only screen and (max-width: 800px) { f-basic[data-basicsite='tjock'] f-basic-header { font-size: 15px; line-height: 17px; } }
5738		@media only screen and (max-width: 480px) { f-basic[data-basicsite='tjock'] f-basic-header { font-size: 13px; line-height: 15px; } }
5739		
5740		f-basic-headline { display: block;  }
5741		f-basic-headline b { font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color); }
5742		f-basic[data-feature="true"] f-basic-headline b { color: white;  }
5743		
5744		f-basic-preamble { display: block;  }
5745		f-basic[data-tempstatus='hot'] f-basic-preamble { color: var(--f-hot-color); }
5746		f-basic[data-tempstatus='cold'] f-basic-preamble { color: var(--f-cold-color); }
5747		f-basic[data-tempstatus='hot'][data-basicsite='tjock'] f-basic-preamble { color: var(--f-hot-color-tjock); }
5748		f-basic[data-tempstatus='cold'][data-basicsite='tjock'] f-basic-preamble { color: var(--f-cold-color-tjock); }
5749		
5750		/*
5751		f-basic[data-tempstatus='normal'] f-basic-header { border-top: 3px solid var(--f-article-background-inline-hover); }
5752		f-basic[data-tempstatus='hot'] f-basic-header { border-top: 3px solid var(--f-hot-color); }
5753		f-basic[data-tempstatus='cold'] f-basic-header { border-top: 3px solid var(--f-cold-color); }
5754		f-basic[data-caturl='native'] f-basic-header { border-top: 0px; }*/
5755		
5756		
5757		
5758		
5759		f-basic-body {
5760			grid-area: basicbody;
5761			display: -webkit-box;
5762			margin: 0 20px 0 0;
5763			-webkit-line-clamp: 3;
5764			-webkit-box-orient: vertical;
5765			overflow: hidden;
5766			font-family: var(--f-suisse-regular);
5767			font-weight: normal;
5768			font-size: 14px;
5769			line-height: 18px;
5770			color: var(--f-article-text-color-shade);
5771			-webkit-font-smoothing: auto;
5772			max-height: 56px;
5773		}
5774		f-basic-body a { color: inherit; font-weight: normal; }
5775		
5776		f-basic[data-feature="true"] f-basic-body { color: rgba(255, 255, 255, 0.7); }
5777		f-basic[data-feature="true"] f-basic-body a { color: inherit; }
5778		
5779		
5780		
5781		f-basic-textline {
5782			display: inline; 
5783			grid-area: basictextline;
5784			color: rgb(130,130,130);
5785			font-size: 11px;
5786			line-height: 11px;
5787			margin-top: 8px;
5788		}
5789		
5790		f-basic-textline a {
5791			color: var(--f-link-color); 
5792			display: inline;
5793		}
5794		
5795		f-basic-textline a:hover {
5796			color: var(--f-link-hover); 
5797		}
5798		
5799		f-basic-textline b {
5800			font-family: SuisseSemiBold;
5801			font-weight: 300;
5802			
5803		}
5804		
5805		f-basic-tagline { position: absolute; right: 0px; bottom: 0px; -webkit-font-smoothing: antialiased; letter-spacing: -0.02em;
5806				padding: 40px 7px 5px 40px; background: linear-gradient(
5807				158deg,
5808				hsla(100, 100%, 100%, 0) 50%,
5809				hsla(100, 100%, 100%, 0.2) 60%,
5810				hsla(100, 100%, 100%, 0.3) 70%,
5811				hsla(100, 100%, 100%, 0.4) 80%,
5812				hsla(100, 100%, 100%, 0.4) 90%,
5813				hsla(100, 100%, 100%, 0.4) 100%
5814				);
5815		  }
5816			
5817			f-basic-tagline .temp {
5818				float: right; padding: 4px 5px; margin-left: 3px; background: #333; cursor: default;
5819				font-family: var(--f-suisse-regular); font-size: 12px; line-height: 12px; text-align: center; color: #fff; text-decoration: none; text-transform: none;
5820			}
5821			
5822			f-basic[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); }
5823			f-basic[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); }
5824			
5825			f-basic-tagline f-bubble {
5826				float: right; margin: 0; padding: 4px 6px; min-width: 8px; cursor: pointer; background: #333;
5827				font-family: var(--f-suisse-regular); font-size: 12px; line-height: 12px; text-align: center; color: #fff; text-decoration: none; text-transform: none; border: none; -webkit-font-smoothing: antialiased;
5828			}
5829			
5830			f-basic-tagline f-bubble::after { 
5831				position: absolute; content: ' '; display: block; padding: 0px; margin-top: 4px; margin-right: 0px; margin-left: -3px;
5832				background-color: none;border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333;
5833			}
5834			
5835			f-basic-tagline a { font-weight: 300; }
5836		
5837		@media only screen and (max-width: 480px) {
5838			
5839			f-basic-container f-basic { margin: 20px auto;
5840				grid-template-areas: 
5841				"basicheader basicmedia"
5842				"basicbody basicmedia"; }
5843		
5844			f-basic-text { padding: 12px 15px; }
5845			
5846			f-basic header { padding: 0; margin: 0 10px 8px 0; }
5847			f-basic header, f-basic header.Main { padding: 0; margin: 0 10px 8px 0; }
5848			
5849			f-basic header.Main h1, f-basic header.Main.tjock h1, f-basic header.Main.tjock h1 b  { font-size: 14px; line-height: 14px; }
5850			
5851			f-basic-body {
5852				-webkit-line-clamp: 3;
5853				font-size: 12px;
5854				line-height: 15px;
5855				margin: 0 10px 0 0;
5856				max-height: 45px; 
5857			}
5858			
5859			f-basic-media { aspect-ratio: 10 / 7; }
5860		}
5861		
5862		f-basic-container {
5863			display: block; max-width: calc(980px - var(--f-article-padding-wide) - var(--f-article-padding-wide)); 
5864			margin: 0px var(--f-margin-right) var(--f-article-padding) var(--f-margin-left); 
5865			background-color: var(--f-article-background);
5866			padding: var(--f-article-padding-wide);
5867		}
5868		
5869		f-basic-container f-basic {
5870			margin-bottom: 8px;
5871		}
5872		
5873		f-basic-container f-basic:first-child {
5874			margin-top: 0;
5875		}
5876		f-basic-container f-basic:last-child {
5877			margin-bottom: 0;
5878		}
5879		
5880		
5881		
5882		/* F-BASIC THUMBS */
5883		
5884		f-basic-container-thumbs {
5885			width: 100%; max-width: 980px; margin: var(--f-margins-margins);
5886			display: grid; grid-gap: 10px;
5887			grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
5888			grid-auto-rows: minmax(min-content, max-content);
5889		}
5890		
5891		f-basic-container-thumbs f-basic {
5892			width: 100%;
5893			border-top-width: 2px !important;
5894			grid-template-columns: auto;
5895			grid-template-rows: minmax(1fr, auto);
5896			grid-template-areas: "basicmedia" "basicheader";
5897			margin: 0;
5898			padding: 0;
5899		}
5900		
5901		@media only screen and (min-width: 600px) {
5902			
5903			f-basic-container-thumbs f-basic[data-feature="true"], 
5904			f-basic-container-thumbs f-basic[data-50plus="true"] {
5905				grid-column: span 2;
5905 grid-row: span 2; 
5906			}
5907
5908			f-basic-container-thumbs f-basic[data-feature="true"] f-basic-header, f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-header {
5909				font-size: 20px; line-height: 21px; padding: 15px 17px 20px 17px; 
5910			}
5911			f-basic-container-thumbs f-basic[data-feature="true"] f-basic-media, f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-media {
5912				aspect-ratio: 21 / 11; 
5913			}
5914			
5915			
5916			f-article-content f-basic-container-thumbs f-basic[data-feature="true"], 
5917			f-article-content f-basic-container-thumbs f-basic[data-50plus="true"] {
5918				grid-column: span 1; grid-row: span 1; 
5919			}
5920			f-article-content f-basic-container-thumbs f-basic[data-feature="true"] f-basic-header, 
5921			f-article-content f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-header {
5922				font-size: 13px; line-height: 15px; padding: 10px 12px 15px 12px; 
5923			}
5924			f-article-content f-basic-container-thumbs f-basic[data-feature="true"] f-basic-media, 
5925			f-article-content f-basic-container-thumbs f-basic[data-50plus="true"] f-basic-media {
5926				aspect-ratio: 21 / 9; 
5927			}
5928		}
5929		
5930		
5931		
5932		
5933		f-basic-container-thumbs f-basic-media {
5934			padding: 0px;
5935		}
5936		@media only screen and (max-width: 480px) { f-basic-container-thumbs f-basic-media { aspect-ratio: 21 / 9; } }
5937		
5938		f-basic-container-thumbs f-basic-mediawrapper img {
5939			border-radius: 0px; height: 100%; position: absolute; 
5940		}
5941		
5942		
5943		f-basic-container-thumbs f-basic header.Main {
5944			padding: 10px 12px 15px 12px;
5945			margin: 0; 
5946			background-color: var(--f-article-background);
5947		}
5948		
5949		f-basic-container-thumbs f-basic header.Main.tjock {
5950			padding: 10px 12px 15px 12px;
5951			margin: 0; 
5952			background-color: var(--f-article-background);
5953			text-align: center; 
5954		}
5955		
5956		f-basic-container-thumbs f-basic header.Main h1  {
5957			font-size: 13px; line-height: 15px; font-family: var(--f-suisse-regular); -webkit-font-smoothing: antialiased;
5958		}
5959		
5960		f-basic-container-thumbs f-basic header.Main.tjock h1, f-basic-container-thumbs f-basic header.Main.tjock h1 b  {
5961			font-size: 12px;
5962			line-height: 14px; 
5963			text-transform: uppercase;
5964			font-family: LatoRegular;
5965		}
5966		
5967		f-basic-container-thumbs  f-basic-body {
5968			display: none;
5969		}
5970		
5971		
5972		f-internallinks { display: grid; }
5973		f-internallinks-track, f-internallinks-list { display: block; }	
5974		f-internallinks-item { display: flex; }	
5975		
5976		f-internallinks { margin: 20px var(--f-article-padding); max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); }
5977		
5978		f-internallinks f-basic {
5979			width: calc(100% - 0px); padding: 0px; margin: 0;
5980			background-color: var(--f-article-background-inline);
5981			border-top-width: 2px !important;
5982			grid-template-columns: 1fr 45%;
5983			grid-template-rows: auto;
5984			grid-template-areas: "basicheader basicmedia";
5985		}
5986		[data-darkmode='on'] f-internallinks f-basic { background-color: var(--f-article-background-inline);}
5987		
5988		f-internallinks f-basic.feature { background-color: var(--f-article-background-invert); }
5989		
5990		
5991		f-internallinks f-basic-body { display: none; }
5992		f-internallinks f-basic-media { padding: 0px; }
5993		f-internallinks f-basic-mediawrapper { aspect-ratio: 9 / 8; }
5994		f-internallinks f-basic-mediawrapper img { height: 100%; position: absolute;  }
5995		
5996		
5997		
5998		f-inlinetjock, f-inlinetjock-track, f-inlinetjock-list { display: block; }	
5999		
6000		f-inlinetjock { width: 100%;
6001			background-color: #444444;
6002			padding: 20px 0; }
6003			
6004		f-inlinetjock f-basic-container-thumbs f-basic { height: 100%; }
6005
6006		
6007	</style>
6008
6009
6010
6011
6012
6013
6014
6015
6016
6017
6018
6019
6020
6021
6022
6023
6024
6025
6026
6027
6028
6029
6030
6031
6032
6033
6034
6035
6036
6037
6038
6039
6040
6041
6042
6043
6044
6045
6046
6047
6048
6049
6050
6051
6052
6053
6054
6055
6056
6057
6058
6059
6060
6061
6062
6063
6064
6065
6066
6067
6068
6069
6070
6071
6072
6073
6074
6075
6076
6077
6078
6079
6080
6081
6082
6083
6084
6085
6086
6087
6088
6089
6090
6091
6092
6093
6094
6095
6096
6097
6098
6099
6100
6101
6102
6103
6104
6105
6106
6107
6108
6109
6110
6111
6112
6113
6114
6115
6116
6117
6118
6119
6120
6121
6122
6123
6124
6125
6126
6127
6128
6129
6130
6131
6132
6133
6134
6135
6136
6137
6138
6139
6140
6141
6142
6143
6144
6145
6146
6147
6148 
6149
6150
6151
6152
6153
6154
6155
6156
6157
6158
6159
6160
6161
6162
6163
6164
6165
6166
6167
6168
6169
6170
6171
6172
6173
6174
6175
6176
6177
6178
6179
6180
6181
6182
6183
6184
6185
6186
6187
6188
6189
6190
6191
6192
6193
6194	
6195
6196
6197
6198
6199
6200
6201
6202
6203
6204
6205
6206
6207
6208
6209
6210
6211
6212<style>
6213	/* Plusknapp på thumbnail-sidan */
6214	f-basic { position: relative; }
6215	f-basic > .f-reading-list-add {
6216		position: absolute; z-index: 5; top: 0; right: 0;
6217		width: 40px; height: 40px; padding: 0; border: 0; border-radius: 0;
6218		background: #444; color: #fff; clip-path: polygon(0 0, 100% 0, 100% 100%);
6219		font: 22px/1 Arial, sans-serif; cursor: pointer; transition: background .15s;
6220	}
6221	f-basic > .f-reading-list-add span { position: absolute; top: 1px; right: 5px; }
6222
6223	/* Plusknapp på list-sidan */
6224	f-letterbox-tagline > .f-reading-list-add {
6225		display: grid; place-items: center; flex: 0 0 23px;
6226		width: 23px; height: 23px; padding: 0; border: 0; border-radius: 0;
6227		background: #444; color: #fff; font: 18px/1 Arial, sans-serif;
6228		cursor: pointer; transition: background .15s;
6229	}
6230	f-letterbox-tagline > .f-reading-list-add span { display: block; transform: translateY(-1px); }
6231
6232	/* Plusknapp i topp-listan på startsidan */
6233	#topscroll2025-container f-internallink { position: relative; }
6234	#topscroll2025-container f-internallink > .f-reading-list-add {
6235		position: absolute; z-index: 5; top: 0; right: 0;
6236		width: 40px; height: 40px; padding: 0; border: 0; border-radius: 0;
6237		background: #444; color: #fff; clip-path: polygon(0 0, 100% 0, 100% 100%);
6238		font: 22px/1 Arial, sans-serif; cursor: pointer; transition: background .15s;
6239	}
6240	#topscroll2025-container f-internallink > .f-reading-list-add span { position: absolute; top: 1px; right: 5px; }
6241	#topscroll2025-container f-internallink > .f-reading-list-add:hover,
6242	#topscroll2025-container f-internallink > .f-reading-list-add[aria-pressed="true"] { background: var(--f-hot-color); }
6243	.f-reading-list-add:hover,
6244	.f-reading-list-add[aria-pressed="true"] { background: var(--f-hot-color); }
6245
6246	/* Byggaren på thumbnail- och list-sidorna */
6247	f-reading-list-builder {
6248		display: none; position: fixed; z-index: 10000; left: 50%; bottom: 18px;
6249		transform: translateX(-50%); width: min(620px, calc(100% - 24px)); box-sizing: border-box;
6250		align-items: center; gap: 12px; padding: 12px 14px; background: #fff; color: #222;
6251		border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.35);
6252		font-family: var(--f-suisse-semibold); font-weight: 300; -webkit-font-smoothing: antialiased;
6253	}
6254	f-reading-list-builder[data-visible="true"] { display: flex; }
6255	f-reading-list-builder[data-empty="true"] #f-reading-list-clear,
6256	f-reading-list-builder[data-empty="true"] #f-reading-list-toggle,
6257	f-reading-list-builder[data-empty="true"] #f-reading-list-start { display: none; }
6258	f-reading-list-builder strong { font-family: var(--f-suisse-semibold); font-weight: 300; }
6259	f-reading-list-builder small { display: block; margin-top: 0; color: #666; }
6260	f-reading-list-copy { display: block; flex: 1; min-width: 0; }
6261	#f-reading-list-help { font-family: var(--f-suisse-regular); font-weight: 300; }
6262	f-reading-list-builder button { border: 0; border-radius: 8px; padding: 8px 12px; cursor: pointer; font-family: var(--f-suisse-semibold); font-size: 13px; font-weight: 300; }
6263	#f-reading-list-clear { display: block; width: auto; margin: 8px auto 0; background: #444; color: #fff; text-align: center; }
6264	#f-reading-list-toggle { background: #444; color: #fff; white-space: nowrap; }
6265	#f-reading-list-start { margin-top: 0; background: #ee4f0c; color: #fff; white-space: nowrap; }
6266	#f-reading-list-dismiss { display: grid; place-items: center; flex: 0 0 auto; width: 28px; height: 28px; margin-left: auto; padding: 0; background: transparent; color: #777; border-radius: 0; font: 22px/1 Arial, sans-serif; }
6267	#f-reading-list-dismiss:hover { color: #222; }
6268	f-reading-list-builder[data-empty="false"] #f-reading-list-dismiss { display: none; }
6269	f-reading-list-list {
6270		display: none; position: absolute; left: 0; right: 0; bottom: calc(100% + 8px);
6271		max-height: min(60vh, 520px); overflow-y: auto; padding: 8px;
6272		background: #fff; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.35);
6273	}
6274	f-reading-list-list[data-visible="true"], f-reading-list-items { display: block; }
6275	f-reading-list-item { display: flex; align-items: center; gap: 10px; padding: 8px; }
6276	f-reading-list-item + f-reading-list-item { border-top: 1px solid #ddd; }
6277	f-reading-list-item:last-child { border-bottom: 1px solid #ddd; }
6278	f-reading-list-item img { width: 52px; height: 42px; flex: 0 0 auto; border-radius: 6px; object-fit: cover; background: #444; }
6279	f-reading-list-item-copy { display: block; min-width: 0; flex: 1; }
6280	f-reading-list-item-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--f-suisse-bold); font-weight: 300; }
6281	f-reading-list-item-copy small { display: block; margin-top: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-family: var(--f-suisse-regular); font-weight: 300; }
6282	f-reading-list-item-copy[data-tempstatus="cold"] small { color: var(--f-cold-color); }
6283	f-reading-list-item-copy[data-tempstatus="hot"] small { color: var(--f-hot-color); }
6284	f-reading-list-builder .f-reading-list-remove { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; margin-left: auto; padding: 0; background: transparent; color: #888; }
6285	f-reading-list-builder .f-reading-list-remove:hover { color: #555; }
6286	f-reading-list-builder .f-reading-list-remove svg { display: block; width: 18px; height: 18px; fill: currentColor; }
6287
6288	/* Artikelbar och dess utfällda lista */
6289	f-reading-queue {
6290		display: none; position: fixed; z-index: 10000; left: 50%; bottom: 18px;
6291		transform: translateX(-50%); width: min(680px, calc(100% - 24px)); box-sizing: border-box;
6292		align-items: center; gap: 12px; padding: 12px 14px; background: #333; color: #fff;
6293		border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.35);
6294		font-family: var(--f-suisse-semibold); font-weight: 300; -webkit-font-smoothing: antialiased;
6295	}
6296	f-reading-queue[data-visible="true"] { display: flex; }
6297	f-reading-queue img { width: 52px; height: 42px; flex: 0 0 auto; border-radius: 6px; object-fit: cover; background: #444; }
6298	f-reading-queue-preview { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; border-radius: 8px; }
6299	f-reading-queue-preview[data-active="true"] { cursor: pointer; }
6300	f-reading-queue-preview[data-active="true"]:hover strong { text-decoration: underline; }
6301	f-reading-queue-preview:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
6302	f-reading-queue-copy { display: block; flex: 1; min-width: 0; }
6303	f-reading-queue strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--f-suisse-semibold); font-weight: 300; }
6304	f-reading-queue small { display: block; margin-top: 0; color: #666; }
6305	f-reading-queue-preview strong { font-family: var(--f-suisse-bold); font-weight: 300; }
6306	#f-reading-queue-status { color: #bbb; font-family: var(--f-suisse-regular); font-weight: 300; }
6307	f-reading-queue button { border: 0; border-radius: 8px; padding: 8px 12px; cursor: pointer; font-family: var(--f-suisse-semibold); font-size: 13px; font-weight: 300; }
6308	#f-reading-queue-clear { display: block; width: auto; margin: 8px auto 0; background: #444; color: #fff; }
6309	#f-reading-queue-toggle { background: #444; color: #fff; white-space: nowrap; }
6310	#f-reading-queue-next { background: #ee4f0c; color: #fff; white-space: nowrap; }
6311	#f-reading-queue-more { display: none; background: #444; color: #fff; white-space: nowrap; }
6312	f-reading-queue-list {
6313		display: none; position: absolute; left: 0; right: 0; bottom: calc(100% + 8px);
6314		max-height: min(60vh, 520px); overflow-y: auto; padding: 8px;
6315		background: #fff; color: #222; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.35);
6316	}
6317	f-reading-queue-list[data-visible="true"], f-reading-queue-items { display: block; }
6318	f-reading-queue-item { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; }
6319	f-reading-queue-item + f-reading-queue-item { border-top: 1px solid #ddd; }
6320	f-reading-queue-item[data-current="true"] { color: #777; }
6321	f-reading-queue-item img { width: 52px; height: 42px; }
6322	f-reading-queue-item-copy { display: block; min-width: 0; flex: 1; }
6323	f-reading-queue-item-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
6324	f-reading-queue-item-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-family: var(--f-suisse-regular); font-weight: 300; }
6325	f-reading-queue-item-copy[data-tempstatus="cold"] small { color: var(--f-cold-color); }
6326	f-reading-queue-item-copy[data-tempstatus="hot"] small { color: var(--f-hot-color); }
6327	f-reading-queue-item-meta { display: flex; align-items: center; gap: 10px; margin-left: auto; }
6328	f-reading-queue-item em { color: #777; font-size: 12px; font-style: normal; white-space: nowrap; }
6329	f-reading-queue .f-reading-queue-read { background: #ee4f0c; color: #fff; white-space: nowrap; }
6330
6331	@media only screen and (max-width: 500px) {
6332		f-letterbox-tagline > .f-reading-list-add { flex-basis: 19px; width: 19px; height: 19px; font-size: 16px; }
6333		f-reading-list-builder,
6334		f-reading-queue { left: 8px; right: 8px; bottom: 8px; width: auto; transform: none; flex-wrap: wrap; gap: 8px; padding: 10px; }
6335		f-reading-list-copy { flex: 1 1 auto; overflow: hidden; }
6336		f-reading-list-builder strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
6337		f-reading-list-builder small { display: none; }
6338		f-reading-list-builder f-reading-list-item-copy small,
6339		f-reading-list-builder[data-empty="true"] small { display: block; }
6340		f-reading-list-builder[data-empty="true"] strong { white-space: normal; }
6341		f-reading-list-builder button,
6342		f-reading-queue button { flex: 0 0 auto; padding: 6px 10px; font-size: 13px; }
6343		f-reading-list-builder .f-reading-list-remove { flex: 0 0 28px; padding: 0; }
6344		#f-reading-list-toggle,
6345		#f-reading-queue-toggle { margin-left: auto; }
6346		f-reading-queue-preview { flex: 1 0 100%; overflow: hidden; }
6347		f-reading-queue img { display: none; }
6348		f-reading-queue-item img { display: block; }
6349	}
6350</style>
6351
6352
6353
6354
6355
6356
6357
6358
6359
6360
6361
6362
6363
6364
6365
6366
6367
6368
6369
6370
6371
6372
6373
6374
6375
6376
6377
6378
6379		
6380
6381
6382		
6383
6384
6385
6386
6387
6388
6389
6390
6391
6392
6393
6394
6395
6396
6397
6398
6399
6400
6401
6402
6403
6404
6405
6406
6407
6408
6409
6410
6411
6412
6413
6414
6415
6416
6417
6418
6419
6420
6421
6422
6423
6424
6425
6426
6427
6428
6429
6430
6431
6432
6433
6434
6435
6436
6437
6438
6439
6440
6441
6442
6443
6444
6445
6446
6447
6448
6449
6450
6451
6452
6453
6454
6455
6456
6457
6458
6459
6460
6461
6462
6463
6464
6465
6466
6467
6468
6469
6470
6471
6472
6473
6474
6475
6476
6477
6478
6479
6480
6481
6482
6483
6484
6485
6486
6487
6488
6489
6490
6491
6492
6493
6494
6495
6496
6497
6498
6499
6500
6501
6502
6503
6504
6505
6506
6507
6508
6509
6510
6511
6512
6513
6514
6515
6516
6517
6518
6519
6520
6521
6522
6523
6524
6525
6526
6527
6528
6529
6530
6531
6532
6533
6534 
6535
6536
6537
6538
6539
6540
6541
6542
6543
6544
6545
6546
6547
6548
6549
6550
6551
6552
6553
6554
6555
6556
6557
6558
6559
6560
6561
6562
6563
6564
6565
6566
6567
6568
6569
6570
6571
6572
6573
6574
6575
6576
6577
6578
6579
6580	
6581
6582
6583
6584
6585
6586
6587
6588
6589
6590
6591
6592
6593
6594
6595
6596
6597
6598
6599
6600
6601
6602
6603
6604
6605
6606
6607
6608
6609
6610
6611
6612
6613
6614
6615
6616
6617
6618
6619
6620
6621
6622
6623
6624
6625		
6626
6627
6628		
6629
6630
6631
6632
6633
6634
6635
6636
6637
6638
6639
6640
6641
6642
6643
6644
6645
6646
6647
6648
6649
6650
6651
6652
6653
6654
6655
6656
6657
6658
6659
6660	<style>
6661		
6662		f-snippet {
6663			display: block;
6664			width: 100%; max-width: 980px; padding: 0; margin: var(--f-margins);
6665			background: var(--f-article-background); color: var(--f-article-text-color-shade); 
6666			font-size: 15px; font-family: var(--f-suisse-neue-regular); line-height: 22px; -webkit-font-smoothing: antialiased;
6667		}
6668		
6669		f-snippet[data-temp='normal'] f-snippet-content { border-left: 3px solid #777; }
6670		f-snippet[data-temp='hot'] f-snippet-content { border-left: 3px solid var(--f-hot-color); }
6671		f-snippet[data-temp='cold'] f-snippet-content { border-left: 3px solid var(--f-cold-color); }
6672		
6673		
6674		f-snippet-content {
6675			display: block; padding: var(--f-article-padding);
6676		}
6677		
6678		f-snippet-headline {
6679			font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color);
6680		}
6681		
6682		f-snippet-link a {
6683			font-weight: 300; font-family: var(--f-suisse-semibold); color: var(--f-article-link-color); 
6684			border-bottom: 1px solid var(--f-article-border-color) !important; 
6685		}
6686		
6687		f-snippet f-article-disqus {
6688			background: var(--f-article-background);
6689		}
6690		
6691		
6692		f-snippet f-article-footer { height: 28px; margin: var(--f-margins) 0 !important; background: rgb(25,25,25); width: calc(100% - 28px); max-width: calc(980px - 28px); padding: 14px; }
6693		f-snippet f-article-footer-plus, f-snippet f-article-footer-minus, f-snippet f-article-footer-plus svg, f-snippet f-article-footer-minus svg { height: 28px; width: 28px; }
6694		
6695		f-snippet f-article-footer-minus { margin-left: 10px; }
6696		f-snippet f-article-footer .temp, f-snippet f-article-footer f-article-temp { padding: 0 8px; font-size: 18px; line-height: 26px; -webkit-font-smoothing: auto; }
6697		f-snippet f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 18px; line-height: 26px; min-width: calc(28px - 12px); }
6698		f-snippet f-article-footer f-bubble::after { 
6699			margin-top: 0px; margin-right: 0px; margin-left: -2px;
6700			border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333;
6701		}
6702		f-snippet f-article-footer .arrow { margin-top: 9px; }
6703		f-snippet f-article-footer .writer_icon { 	width: 28px; height: 28px; }
6704		f-snippet f-article-footer-writerinfo { font-size: 9px; padding: 4px 0 0 2px; line-height: 11px; color: rgb(120, 125, 130);  }
6705		f-snippet f-article-footer-writerinfo b { color: rgb(180, 185, 190); }
6706		f-snippet f-article-error { margin: 0; }
6707		f-snippet w8temp { width: 14px; height: 14px; margin: 6px auto; } 
6708		
6709	</style>
6710
6711
6712
6713
6714
6715
6716
6717
6718
6719
6720
6721
6722
6723
6724
6725
6726
6727
6728
6729
6730
6731
6732
6733
6734
6735
6736
6737
6738
6739
6740
6741
6742
6743
6744
6745
6746
6747
6748
6749
6750
6751
6752
6753
6754
6755
6756
6757
6758
6759
6760
6761
6762
6763
6764
6765
6766
6767
6768
6769
6770
6771
6772
6773
6774
6775
6776
6777
6778
6779
6780
6781
6782
6783
6784
6785
6786
6787
6788
6789
6790
6791
6792
6793
6794
6795
6796
6797
6798
6799
6800
6801
6802
6803
6804
6805
6806
6807
6808
6809
6810
6811
6812
6813
6814
6815
6816
6817
6818
6819
6820
6821
6822
6823
6824
6825
6826
6827
6828
6829
6830
6831 
6832
6833
6834
6835
6836
6837
6838
6839
6840
6841
6842
6843
6844
6845
6846
6847
6848
6849
6850
6851
6852
6853
6854
6855
6856
6857
6858
6859
6860
6861
6862
6863
6864
6865
6866
6867
6868
6869
6870
6871
6872
6873
6874
6875
6876
6877	
6878
6879
6880
6881
6882
6883
6884
6885
6886
6887
6888
6889
6890
6891
6892
6893
6894
6895
6896
6897
6898
6899
6900
6901
6902
6903
6904
6905
6906
6907
6908
6909
6910
6911
6912
6913
6914
6915
6916
6917
6918
6919
6920
6921
6922		
6923
6924
6925		
6926
6927
6928
6929
6930
6931
6932
6933
6934
6935
6936
6937
6938
6939
6940
6941
6942	<style>
6943		f-letterbox-container f-bar-container { margin: 0; }
6944
6945		f-letterbox-options {
6946			display: flex; background: var(--f-article-background-inline); width: 100%; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); 
6947			padding: 13px var(--f-article-padding); margin: 0; gap: 20px;
6948			border-top: var(--f-article-padding) solid var(--f-article-background); border-bottom: 0px solid rgba(0,0,0,0.08);
6949			font-size: 12px; line-height: 18px;
6950			color: var(--f-article-text-color); 
6951		}
6952
6953		f-letterbox-container {
6954			display: block; width: 100%; max-width: calc(980px);
6955			margin: 0px var(--f-margin-right) 0 var(--f-margin-left); padding: 0;
6956			background-color: var(--f-article-background);
6957		}
6958
6959		f-letterbox {
6960			display: grid; 
6961			grid-template-areas: "letterboxImage letterboxHeader letterboxTagline";
6962			grid-template-rows: 1fr;
6963			grid-template-columns: 120px 1fr auto;
6964			gap: 0;
6965			align-items: center; 
6966			width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); 
6967			margin: var(--f-article-padding-thin) var(--f-article-padding);
6968			padding: 0 0 var(--f-article-padding-thin) 0; 
6969			-webkit-font-smoothing: antialiased;
6970			border-bottom: 1px solid rgba(0,0,0,0.08);
6971		}
6972
6973		f-letterbox[data-showbody='true'] {
6974			grid-template-areas: "letterboxImage letterboxHeader letterboxTagline"
6975									"letterboxImage letterboxBody letterboxBody"; 
6976			grid-template-rows: 1fr auto;
6977			grid-template-columns: 200px 1fr auto;
6978		}
6979
6980		@media only screen and (max-width: 600px) {
6981			f-letterbox {
6982				grid-template-columns: 90px 1fr auto;
6983			}
6984			f-letterbox[data-showbody='true'] {
6985				grid-template-areas: "letterboxImage letterboxHeader "
6986										"letterboxImage letterboxBody "
6987										"letterboxImage letterboxTagline "; 
6988				grid-template-rows: 1fr auto;
6989				grid-template-columns: 150px 1fr auto;
6990			}
6991		}
6992
6993		f-letterbox + f-bar-container { 	margin-top: calc(var(--f-article-padding-thin) - var(--f-article-padding) - var(--f-article-padding)); border-top: var(--f-article-padding-thin) solid white; }
6994		f-letterbox:first-child {			margin-top: 0; padding-top: var(--f-article-padding); }
6995		f-letterbox:last-child {			margin-bottom: 0; padding-bottom: var(--f-article-padding); border-bottom: none; }
6996		f-letterbox:nth-child(odd) {		background: var(--f-article-background); }
6997		f-letterbox:nth-child(even) { 		background: var(--f-article-background); }
6998
6999		f-letterbox a { font-weight: 300; }
7000
7001		f-letterbox-image { flex: 0 0 auto; overflow: hidden; transition: transform 0.2s ease; grid-area: letterboxImage; margin-right: var(--f-article-padding); height: 100%; width: calc(100% - 15px); aspect-ratio: 4 / 3;   }
7002		f-letterbox-image img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
7003
7004		f-letterbox-header { flex: 1; display: flex; flex-direction: column; justify-content: center; font-size: 18px; line-height: 20px; color: rgb(120, 125, 130); grid-area: letterboxHeader; margin: var(--f-article-padding-thin) 0; }
7005		f-letterbox-header:hover { opacity: 0.8 }
7006
7007		f-letterbox[data-showbody='true'] f-letterbox-header {
7008			margin: var(--f-article-padding-thin) 0 0;
7009		}
7010
7011		@media only screen and (max-width: 800px) {
7012			f-letterbox-header { font-size: 16px; line-height: 18px;}
7013		}
7014
7015		@media only screen and (max-width: 600px) {
7016			f-letterbox-header { font-size: 13px; line-height: 15px; }
7017			f-letterbox[data-showbody='true'] f-letterbox-header { font-size: 14px; line-height: 16px; }
7018		}
7019
7020		f-letterbox-header a { display: inherit; flex: inherit; flex-direction: inherit; justify-content: inherit; color: inherit; }
7021		f-letterbox-header a:hover { color: inherit; }
7022
7023		f-letterbox-headline, f-letterbox-preamble, f-letterbox-readmore { margin: 0; }
7024		f-letterbox-headline b { font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color); }
7025
7026		f-letterbox-readmore { margin-top: 8px; font-size: 15px; line-height: 17px; }
7027		f-letterbox-readmore b { color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); font-weight: 300; border-bottom: 1px solid var(--f-article-border-color) !important; }
7028
7029		@media only screen and (max-width: 800px) {
7030			f-letterbox-readmore  {
7031				font-size: 14px; line-height: 16px;
7032			}
7033		}
7034
7035		@media only screen and (max-width: 600px) {
7036			f-letterbox-readmore  {
7037				font-size: 12px; line-height: 14px;
7038			}
7039			
7040		}
7041
7042
7043		f-letterbox[data-tempstatus='hot'] f-letterbox-preamble { color: var(--f-hot-color); }
7044		f-letterbox[data-tempstatus='cold'] f-letterbox-preamble { color: var(--f-cold-color); }
7045
7046
7047		f-letterbox-body { font-size: 13px; line-height: 17px; color: var(--f-article-text-color); margin-top: 7px; display: none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 
7048			overflow: hidden; max-height: 56px; grid-area: letterboxBody; margin-bottom: var(--f-article-padding-thin); 
7049		}
7050
7051
7052		f-letterbox[data-showbody='true'] f-letterbox-body { display: -webkit-box; }
7053	
7054		@media only screen and (max-width: 600px) {
7055			f-letterbox-body { font-size: 11px; line-height: 14px; margin-top: 5px; }
7056			f-letterbox[data-showbody='true'] f-letterbox-body { margin-bottom: 7px; }
7057		}
7058
7059		f-letterbox-date { display: none; font-size: 11px; line-height: 12px; color: rgb(120, 125, 130); text-align: left; grid-area: letterboxDate; }
7060
7061		f-letterbox-tagline { flex-shrink: 0; display: flex; gap: 6px; grid-area: letterboxTagline; margin: 0 0 0 var(--f-article-padding);  }
7062
7063		f-letterbox[data-showbody='true'] f-letterbox-tagline {
7064			margin: 0; justify-content: end; 
7065		}
7066
7067		@media only screen and (max-width: 600px) {
7068			f-letterbox-tagline { justify-content: center; gap: 4px; }
7069		}
7070
7071		f-letterbox-tagline .temp, f-letterbox-tagline f-bubble {
7072			font-family: var(--f-suisse-regular);  -webkit-font-smoothing: auto; letter-spacing: -0.03em;  
7073			padding: 5px 7px; font-size: 13px; line-height: 13px;
7074		}
7075
7076		@media only screen and (max-width: 600px) {
7077			f-letterbox-tagline .temp, f-letterbox-tagline f-bubble {
7078				padding: 4px 5px; font-size: 11px; line-height: 11px;
7079			}
7080		}
7081
7082		f-letterbox-tagline .temp { 
7083			background: #555; color: #fff; display: flex; justify-content: center; flex-direction: column; border-radius: 0px;
7084		}
7085		
7086		f-letterbox[data-artsite='tjock'] f-letterbox-tagline .temp { font-family: var(--f-lato-light); letter-spacing: -0.05em; }
7087		
7088		f-letterbox-tagline[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); }
7089		f-letterbox-tagline[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); } 
7090
7091		f-letterbox-tagline f-bubble {
7092			background-color: #333; color: #fff; float: none; margin: 0; border: none; min-width: auto; cursor: pointer; 
7093			display: flex; justify-content: center; flex-direction: column; border-radius: 0px;
7094		}
7095
7096		f-letterbox-tagline f-bubble::after {
7097			border-top: 5px solid transparent;
7098			border-bottom: 5px solid transparent;
7099			border-right: 7px solid #333;
7100			margin-left: -14px;
7101		}
7102
7103		@media only screen and (max-width: 600px) {
7104			f-letterbox-tagline f-bubble::after {
7105				margin-left: -12px;
7106			}
7107		}
7108
7109
7110
7111		
7112
7113		
7114
7115		/* Sliding input checkbox */
7116		.switch { display: inline-block; position: relative; width: 30px; height: 17px; margin-right: 6px; float: left; -webkit-tap-highlight-color: transparent; }
7117		.switch input { display: none; }
7118		.switch .slider { background-color: #ccc; position: absolute; cursor: pointer; top: 0; bottom: 0; left: 0; right: 0; transition: .2s;
7118 border-radius: 17px; -webkit-tap-highlight-color: transparent; }
7119		.switch .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; transition: .4s; border-radius: 50%; }
7120		input:checked + .slider { background-color: var(--f-hot-color); }
7121		input:checked + .slider:before { transform: translateX(13px); }
7122
7123		@supports (-webkit-appearance: none) or (-moz-appearance: none) {
7124			input[type=checkbox].roundcheck {
7125				--active: orangered;
7126				--active-inner: #fff;
7127				--focus: 2px rgba(39, 94, 254, .3);
7128				--background: #ccc;
7129				--disabled: #F6F8FF;
7130				--disabled-inner: #E1E6F9;
7131				height: 20px;
7132				-webkit-appearance: none; -moz-appearance: none; outline: none; display: inline-block; vertical-align: top; position: relative; margin: 0; cursor: pointer; background: var(--b, var(--background)); transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
7133			}
7134			input[type=checkbox].roundcheck:after { content: ""; display: block; left: 0; top: 0; position: absolute; transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); }
7135			input[type=checkbox].roundcheck:checked { --b: var(--active); --bc: var(--active); --d-o: .3s; --d-t: .6s; --d-t-e: cubic-bezier(.2, .85, .32, 1.2); }
7136			input[type=checkbox].roundcheck:disabled { --b: var(--disabled); cursor: not-allowed; opacity: 0.9; }
7137			input[type=checkbox].roundcheck:disabled:checked { --b: var(--disabled-inner); --bc: var(--border); }
7138			input[type=checkbox].roundcheck:disabled { cursor: not-allowed; }
7139			input[type=checkbox].roundcheck:hover:not(:checked):not(:disabled) { --bc: var(--border-hover); }
7140			input[type=checkbox].roundcheck:focus { box-shadow: 0 0 0 var(--focus); }
7141			input[type=checkbox].roundcheck:not(.switch) { width: 21px; }
7142			input[type=checkbox].roundcheck:not(.switch):after { opacity: var(--o, 0); }
7143			input[type=checkbox].roundcheck:not(.switch):checked { --o: 1; }
7144			input[type=checkbox].roundcheck { display: inline-block; vertical-align: middle; cursor: pointer; }
7145			input[type=checkbox].roundcheck:not(.switch) { border-radius: 10px; }
7146			input[type=checkbox].roundcheck:not(.switch):after { width: 5px; height: 9px; border: 2px solid var(--active-inner); border-top: 0; border-left: 0; left: 7px; top: 3px; transform: rotate(var(--r, 20deg)); }
7147			input[type=checkbox].roundcheck:not(.switch):checked { --r: 43deg;}
7148		}
7149	</style>
7150
7151
7152
7153
7154
7155
7156
7157
7158
7159
7160
7161
7162
7163
7164
7165
7166
7167
7168
7169
7170
7171
7172
7173
7174
7175
7176
7177
7178
7179
7180
7181
7182
7183
7184
7185
7186
7187
7188
7189
7190
7191
7192
7193
7194
7195
7196
7197
7198
7199
7200
7201
7202
7203
7204
7205
7206
7207
7208
7209
7210
7211
7212
7213
7214
7215
7216
7217
7218
7219
7220
7221
7222
7223
7224
7225
7226
7227
7228
7229
7230
7231
7232
7233
7234
7235
7236
7237
7238
7239
7240
7241
7242
7243
7244
7245
7246
7247
7248
7249
7250
7251
7252
7253
7254
7255
7256
7257
7258
7259
7260
7261
7262
7263
7264
7265
7266
7267
7268
7269
7270
7271
7272
7273
7274
7275
7276
7277
7278
7279
7280
7281
7282
7283
7284
7285
7286 
7287
7288
7289
7290
7291
7292
7293
7294
7295
7296
7297
7298
7299
7300
7301
7302
7303
7304
7305
7306
7307
7308
7309
7310
7311
7312
7313
7314
7315
7316
7317
7318
7319
7320
7321
7322
7323
7324
7325
7326
7327
7328
7329
7330
7331
7332	
7333	
7334
7335
7336
7337
7338
7339
7340
7341
7342
7343
7344
7345
7346
7347
7348
7349
7350
7351
7352
7353
7354
7355
7356
7357
7358
7359
7360
7361
7362
7363
7364
7365
7366
7367
7368
7369
7370
7371
7372
7373
7374
7375
7376
7377	<style>
7378		:root {
7379			--f-article-background: rgb(255,255,255);
7380			--f-article-background-shade: linear-gradient(180deg, rgb(245,245,245) 0%, rgb(255,255,255) 100%); 
7381			--f-article-background-inline-pale: rgba(250,250,250,1);
7382			--f-article-background-inline: rgba(240,240,240,1);
7383			--f-article-background-inline-hover: rgba(225,225,225,1);
7384			--f-article-background-inline-header: rgba(80,80,80,1);
7385			--f-article-background-gradient: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 100%);
7386			--f-article-background-invert: rgb(55,55,55);
7387			
7388			--f-article-scrollbar-thumb: rgb(120,120,120);
7389			--f-article-scrollbar-track: rgb(210,210,210);
7390			
7391			--f-article-text-color: rgb(42,46,46);
7392			--f-article-text-color-shade: rgb(60, 65, 70);
7393			--f-article-text-color-shade-deluxe: rgb(120, 125, 130);
7394			--f-article-text-color-invert: rgb(225, 230, 235);
7395			--f-article-text-color-invert-shade: rgb(180, 185, 190);
7396			
7397			--f-article-link-color: var(--f-link-color);
7398			--f-article-link-hover: var(--f-link-hover);
7399			
7400			--f-article-button-background: rgba(100,100,100,1);
7401			--f-article-button-background-active: var(--f-hot-color);
7402			--f-article-button-background-inactive: rgba(210,210,210,1);
7403			--f-article-button-text: rgba(255,255,255,1);
7404			--f-article-button-text-active: rgba(255,255,255,1);
7405			--f-article-button-text-inactive: rgba(150,150,150,1);
7406		
7407			--f-article-border-radius: 6px;
7408			--f-article-border-color: rgb(200,200,200);
7409			
7410			--f-article-padding-minimal: 10px;
7411			--f-article-padding-thin: 15px;
7412			--f-article-padding: 20px;
7413			--f-article-padding-wide: 30px;
7414
7415			--f-article-padding-minimal-neg: -10px;
7416			--f-article-padding-thin-neg: -15px;
7417			--f-article-padding-neg: -20px;
7418			--f-article-padding-wide-neg: -30px;
7419			--f-article-width: 100%;
7420			--f-article-maxwidth: 980px;
7421		} 
7422
7423		:root [data-premium='true'] {
7424			--f-article-width: 100%;
7425			--f-article-maxwidth: 980px;
7426		}
7427		
7428		:root [data-darkmode='on'] {
7429			--f-article-background: rgb(30,30,30);
7430			--f-article-background-shade: linear-gradient(180deg, rgb(15,15,15) 0%, rgb(5,5,5) 100%);
7431			--f-article-background-inline-pale: rgb(25,25,25);
7432			--f-article-background-inline: rgb(50,50,50);
7433			--f-article-background-inline-hover: rgb(70,70,70);
7434			--f-article-background-inline-header: rgba(70,70,70,1);
7435			--f-article-background-gradient: linear-gradient(180deg, rgba(10,10,10,0.2) 0%, rgba(10,10,10,1) 100%);
7436			--f-article-background-invert: rgb(190,190,190);
7437			
7438			--f-article-scrollbar-thumb: rgb(135,135,135);
7439			--f-article-scrollbar-track: rgb(45,45,45);
7440			
7441			--f-article-text-color: rgb(225, 230, 235);
7442			--f-article-text-color-shade: rgb(180, 185, 190);
7443			--f-article-text-color-shade-deluxe: rgb(120, 125, 130);
7444			--f-article-text-color-invert: rgb(15, 20, 25);
7445			--f-article-text-color-invert-shade: rgb(60, 65, 70);
7446			
7447			--f-article-link-color: rgb(70,140,210);
7448			--f-article-link-hover: rgb(100,100,100);
7449			
7450			--f-article-button-background: rgba(100,100,100,1);
7451			--f-article-button-background-active: var(--f-hot-color);
7452			--f-article-button-background-inactive: rgba(30,30,30,1);
7453			--f-article-button-text: rgba(255,255,255,1);
7454			--f-article-button-text-active: rgba(255,255,255,1);
7455			--f-article-button-text-inactive: rgba(150,150,150,1);
7456			
7457			--f-article-border-radius: 6px;
7458			--f-article-border-color: rgb(50,50,50);
7459		}
7460		
7461		@media only screen and (max-width: 600px) {		
7462			:root {	
7463				--f-article-padding-minimal: 7px;
7464				--f-article-padding-thin: 10px;
7465				--f-article-padding: 15px; 
7466				--f-article-padding-wide: 20px; 
7467
7468				--f-article-padding-minimal-neg: -7px;
7469				--f-article-padding-thin-neg: -10px;
7470				--f-article-padding-neg: -15px; 
7471				--f-article-padding-wide-neg: -20px; 
7472			} 
7473		}
7474		
7475		
7476		f-article { display: block; }
7477		f-article-content { display: block; overflow: hidden; }
7478		@media only screen and (max-width: 1340px) {
7479			f-article-content { width: 100%; }
7480		}
7481		f-article-media { display: block; overflow: hidden; background-color: var(--f-article-background); max-width: var(--f-article-maxwidth); margin: 0 auto; width: 100%; }
7482		
7483		/* f-article-media { 		display: grid !important; grid-area: media; } */
7484
7485		f-article-media-above { margin: 0 auto; width: 100%; }
7486
7487		f-article-youtube-image {
7488			display: block;
7489			width: 100%;
7490		}
7491
7492		f-article-youtube-image img {
7493			display: block;
7494			width: 100%;
7495			height: auto;
7496			aspect-ratio: 16/9;
7497			object-fit: cover;
7498			background-color: #000;
7499		}
7500
7501		body[data-premium='false'] f-article-media-above  { margin: var(--f-margins);  }
7502
7503
7504		
7505		
7506		
7507			f-article {
7508				display: grid; 
7509				grid-template-areas:
7510				"adstripe"
7511				"header"
7512				"media"
7513				"content"
7514				"footer"
7515				"error"
7516				;
7517				grid-template-rows: auto 1fr auto auto auto;
7518				grid-template-cols: auto; 
7519				margin: var(--f-article-padding) auto;
7520			}
7521			
7522			@media only screen and (min-width: 980px) {
7523				f-article[data-placement="above"] {
7524					display: grid; 
7525					grid-template-areas:
7526					"media"
7527					"adstripe"
7528					"header"
7529					"content"
7530					"footer"
7531					"error"
7532					;
7533				}
7534			}
7535
7536			body[data-premium='false'] f-article-wrapper  { margin: var(--f-margins);  }
7537
7538			/* MARGINER 
7539			body[data-premium='false'] f-article-header  { 	margin: var(--f-margins);  }
7540			body[data-premium='false'] f-article-content { 	margin: var(--f-margins);  }
7541			body[data-premium='false'] f-article-media { 	margin: var(--f-margins);  }
7542			body[data-premium='false'] f-article-footer  { 	margin: var(--f-margins);  }
7543			body[data-premium='false'] f-article-error  { 	margin: var(--f-margins);  }
7544			*/
7545			
7546			body[data-premium='true'] f-article[data-placement="above"] f-article-media-above { max-width: 1500px; }
7547			body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(2500px - 650px); }
7548
7549			@media only screen and (max-width: 2500px) {
7550				body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(100vw - 650px); }	
7551			}
7552			@media only screen and (max-width: 1640px) {
7553				body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(100vw - 330px); margin: 0; }
7554				
7555			}
7556			@media only screen and (max-width: 1340px) {
7557				body[data-premium='false'] f-article[data-placement="above"] f-article-media-above { max-width: calc(100vw); }
7558			}
7559
7560
7561			@media only screen and (min-width: 980px) {
7562				f-article[data-placement="above"] f-article-media-above { background-color: transparent !important; }
7563				f-article[data-placement="above"] f-article-image[data-position='primary'] { background-color: transparent !important; }
7564			}
7565
7566			
7567			
7568			
7569			
7570			
7571			f-article[data-placement='above'] f-article-body[data-part='1'] { margin-top: var(--f-article-padding); } 
7572
7573			f-article-wrapper { margin: 0 auto; max-width: var(--f-article-maxwidth); width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px; z-index: 1; overflow: hidden; will-change: transform; }
7574			@media only screen and (max-width: 800px) { f-article-wrapper { box-shadow: none; } }
7575		
7576			f-article-header { 		display: grid !important; grid-area: header; background-color: var(--f-article-background); max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding) - var(--f-article-padding));  }
7577		
7578			
7579			
7580			f-article-content { 	display: block !important; grid-area: content; background-color: var(--f-article-background); max-width: var(--f-article-maxwidth); width: 100%; }
7581			f-article-footer { 		display: block !important; grid-area: footer; }
7582			f-article-error { 		display: none; grid-area: error; }
7583			
7584			
7585		
7586				 
7587			
7588		
7589		
7590		
7591		
7592		
7593		
7594		
7595		
7596		
7597		
7598		/* ADSTRIPE */
7599		
7600
7601		
7602
7603			f-adstripe {
7604				display: block; margin: var(--f-article-padding); padding: 8px 10px; overflow: hidden;
7605				font-family: var(--f-suisse-regular); font-size: 11px; text-align: center;
7606				background-color: var(--f-article-background-inline-header); color: #fff; grid-area: adstripe;
7607				text-transform: uppercase; letter-spacing: 0.1em; 
7608			}
7609
7610			f-article[data-placement="above"] f-adstripe { margin-top: 20px; z-index: 1; }
7611
7612		
7613
7614		
7615
7616		
7617		
7618		
7619		
7620		/* SPOILER */ 
7621		
7622		f-article-spoiler-overlay {
7623			position: absolute; display: block; opacity: 0; width: 100%; padding: 60px 0; max-width: 980px; z-index: 100;
7624			color: var(--f-article-text-color-shade-deluxe); text-align: center; cursor: pointer; transition: all .3s;
7625			font-size: 30px; line-height: 30px; font-family: var(--f-suisse-light); -webkit-font-smoothing: antialiased; font-weight: 300; letter-spacing: 0; margin: var(--f-margins);
7626		}
7627		
7628		f-article[data-spoiler='true'] f-article-spoiler-overlay { opacity: 1; transition: all .3s; }
7629
7630		
7631		f-article-spoiler-overlay b { color: var(--f-article-text-color); font-weight: 300; font-family: var(--f-suisse-bold); -webkit-font-smoothing: antialiased; }
7632
7633		@media only screen and (max-width: 800px) {		
7634			f-article-spoiler-overlay { font-size: 26px;
7634 line-height: 26px;  }
7635		}
7636		@media only screen and (max-width: 480px) {		
7637			f-article-spoiler-overlay { font-size: 20px; line-height: 20px;  }
7638		}
7639
7640		f-article[data-spoiler='true'] .fullsizecontainer, 
7641		f-article[data-spoiler='true'] f-article-media { filter: blur(50px) grayscale(100%); transition: all .3s; } 
7642		
7643		f-article[data-spoiler='true'] f-article-content > *:not(:first-child) { filter: blur(50px) grayscale(100%); transition: all .3s; } 
7644		
7645		f-article[data-spoiler='false'] .fullsizecontainer, 
7646		f-article[data-spoiler='false'] f-article-media { filter: blur(0px) grayscale(0%); transition: all .3s; } 
7647		
7648		f-article[data-spoiler='false'] f-article-content > *:not(:first-child) { filter: blur(0px) grayscale(0%); transition: all .3s; } 
7649
7650
7651	</style>
7652
7653
7654		
7655
7656
7657		
7658
7659
7660
7661
7662
7663
7664
7665
7666
7667
7668
7669
7670
7671
7672
7673
7674
7675
7676
7677
7678
7679
7680
7681
7682
7683
7684
7685
7686
7687
7688
7689
7690
7691
7692
7693
7694
7695
7696
7697
7698
7699
7700
7701
7702
7703
7704
7705
7706
7707
7708
7709
7710
7711
7712
7713
7714
7715
7716
7717
7718
7719
7720
7721
7722
7723
7724
7725
7726
7727
7728
7729
7730
7731
7732
7733
7734
7735
7736
7737
7738
7739
7740
7741
7742
7743
7744
7745
7746
7747
7748
7749
7750
7751
7752
7753
7754
7755
7756
7757
7758
7759
7760
7761
7762
7763
7764
7765
7766
7767
7768
7769
7770
7771
7772
7773
7774
7775
7776
7777
7778
7779
7780
7781
7782
7783
7784
7785
7786
7787
7788
7789
7790
7791
7792
7793
7794
7795
7796
7797
7798
7799
7800
7801
7802
7803
7804
7805
7806
7807
7808
7809 
7810
7811
7812
7813
7814
7815
7816
7817
7818
7819
7820
7821
7822
7823
7824
7825
7826
7827
7828
7829
7830
7831
7832
7833
7834
7835
7836
7837
7838
7839
7840
7841
7842
7843
7844
7845
7846
7847
7848
7849
7850
7851
7852
7853
7854
7855	
7856
7857
7858
7859
7860
7861
7862
7863
7864
7865
7866
7867	
7868	
7869
7870
7871
7872
7873
7874
7875
7876
7877
7878
7879
7880
7881
7882
7883
7884
7885
7886
7887<script>
7888	function removeOverlay(value,dasid){
7889		let status = $(value).attr('data-overlay');
7890		if (status == 'true') {
7891			$(value).attr('data-overlay', 'during');
7892			setTimeout(function() { $(value).attr('data-overlay', 'off'); }, 1000);
7893		}
7894
7895		const article = document.querySelector('f-article[data-id="' + dasid +'"]');
7896		const isNative = $(article).attr('data-ad') === 'true';
7897
7898		if (isNative) {
7899			if (status == 'true') {
7900				if (window.nativeReadMoreOpened) window.nativeReadMoreOpened(dasid);
7901				countNative(dasid);
7902				window._pingQueue('nativeReadmore', dasid);
7903			}
7904		} else {
7905			window._pingQueue('articleReadmore', dasid);
7906		}
7907	}
7908</script>
7908
7909
7910
7911
7912
7913
7914
7915
7916
7917
7918
7919
7920
7921
7922
7923
7924
7925
7926
7927
7928
7929
7930
7931
7932
7933
7934
7935
7936
7937
7938
7939
7940
7941
7942
7943
7944
7945
7946
7947
7948
7949
7950
7951
7952
7953
7954
7955
7956
7957
7958
7959
7960
7961
7962
7963
7964
7965
7966
7967
7968
7969
7970
7971
7972
7973	
7974
7975
7976
7977
7978
7979
7980
7981
7982
7983
7984
7985	
7986
7987
7988
7989
7990
7991
7992
7993	
7994
7995
7996
7997
7998
7999
8000	
8001
8002
8003
8004
8005	
8006
8007
8008
8009
8010	
8011
8012
8013
8014
8015
8016	
8017
8018  
8019 
8020 
8021 
8022 
8023 
8024
8025
8026
8027
8028
8029
8030
8031
8032
8033
8034
8035
8036
8037
8038
8039
8040
8041
8042
8043
8044
8045
8046
8047
8048
8049
8050
8051
8052
8053
8054
8055
8056
8057
8058
8059
8060
8061
8062
8063
8064
8065
8066
8067
8068	
8069	
8070
8071
8072
8073
8074
8075
8076
8077
8078
8079
8080
8081
8082
8083
8084
8085
8086
8087
8088
8089
8090
8091
8092
8093
8094
8095
8096
8097
8098
8099
8100
8101
8102
8103
8104
8105
8106
8107
8108
8109
8110
8111
8112
8113
8114		
8115
8116
8117		
8118
8119
8120
8121
8122
8123
8124
8125
8126
8127
8128
8129
8130
8131
8132
8133
8134
8135
8136
8137
8138
8139
8140
8141
8142
8143
8144
8145
8146
8147
8148
8149
8150
8151
8152
8153
8154
8155
8156
8157
8158
8159	<style>
8160		f-article-header {
8161			display: block; padding: calc(var(--f-article-padding) - 2px) var(--f-article-padding); margin: 0 auto; 
8162			width: calc(var(--f-article-width) - var(--f-article-padding) - var(--f-article-padding));
8163			position: relative; transition: margin-top 0.5s;
8164			font-family: var(--f-suisse-light); font-size: 30px; line-height: 30px; font-weight: 300 !important; 
8165			color: var(--f-article-text-color-shade-deluxe);
8166			-webkit-font-smoothing: antialiased;
8167		}
8168		f-article-header a, f-article-headline a, f-article-preamble a {
8169			font-weight: 300 !important; 
8170			color: unset !important;
8171		}
8172		f-article[data-artsite='tjock'] f-article-header {
8173			font-family: var(--f-lato-light); text-transform: uppercase; text-align: center; letter-spacing: -0.02em; font-size: 36px; line-height: 40px;
8174		}
8175		f-article[data-artsite='tjock'] f-article-header b {
8176			font-family: var(--f-lato-light);
8177		}
8178
8179		
8180		
8181		@media only screen and (max-width: 1000px) { 
8182			f-article-header { font-size: 24px; line-height: 24px; } 
8183			f-article[data-artsite='tjock'] f-article-header { font-size: 24px; line-height: 24px; } 
8184		}
8185		@media only screen and (max-width: 600px) { 
8186			f-article-header { font-size: 20px; line-height: 20px; } 
8187			f-article[data-artsite='tjock'] f-article-header { font-size: 20px; line-height: 20px; } 
8188		}
8189		
8190		
8191		
8192		f-article[data-placement="above"] f-article-wrapper { margin-top: -70px; position: relative; z-index: 1; }
8193				
8194		@media only screen and (max-width: 1380px) {
8195			f-article[data-placement="above"] f-article-wrapper { margin-top: -50px; }
8196			body[data-premium="false"] f-article[data-placement="above"] f-article-wrapper { margin-top: -70px; }
8197		}
8198		@media only screen and (max-width: 1180px) {
8199			f-article[data-placement="above"] f-article-wrapper { margin-top: -20px; }
8200			body[data-premium="false"] f-article[data-placement="above"] f-article-wrapper { margin-top: -70px; }
8201		}
8202		@media only screen and (max-width: 980px) {
8203			f-article[data-placement="above"] f-article-wrapper { margin-top: 0; }
8204			body[data-premium="false"] f-article[data-placement="above"] f-article-wrapper { margin-top: 0px; }
8205			f-article-header { width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); }
8206		}
8207		
8208		f-article[data-placement="above"] f-article-header { padding-bottom: 0; }
8209
8210		@media only screen and (min-width: 980px) {
8211			
8212			f-article[data-feature="true"] f-article-header { padding-bottom: calc(var(--f-article-padding) - 2px); }
8213		}
8214
8215		
8216		
8217		f-article[data-feature="true"] f-article-header { background-color: #333; color: #bbb; }
8218		f-article[data-feature="true"][data-placement="above"] f-article-header { padding: calc(var(--f-article-padding) - 2px) var(--f-article-padding);  }
8219		
8220		
8221
8222		f-article-headline { display: block;}
8223		f-article-headline b { font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color); }
8224		f-article[data-feature="true"] f-article-headline b { color: white; }
8225		
8226		f-article-preamble { display: block;  }
8227		f-article[data-temp='hot'] f-article-preamble { color: var(--n-orange-semidark); !important; }
8228		f-article[data-temp='cold'] f-article-preamble { color: var(--f-cold-color) !important; }
8229		
8230		f-article[data-temp='normal'] f-article-header { border-top: 0px solid var(--f-article-background-inline-hover); }
8231		f-article[data-temp='hot'] f-article-header { border-top: 3px solid var(--n-orange-semidark); }
8232		f-article[data-temp='cold'] f-article-header { border-top: 3px solid var(--f-cold-color); }
8233		
8234		
8235		
8236	</style>
8237
8238
8239
8240
8241
8242
8243
8244
8245
8246
8247
8248
8249
8250
8251
8252
8253
8254
8255
8256
8257
8258
8259
8260
8261
8262
8263
8264
8265
8266
8267
8268
8269
8270
8271
8272
8273
8274
8275
8276
8277
8278
8279
8280
8281
8282
8283
8284
8285
8286
8287
8288
8289
8290
8291
8292
8293
8294
8295
8296
8297
8298
8299
8300
8301
8302
8303
8304
8305
8306
8307
8308
8309
8310
8311
8312
8313
8314
8315
8316
8317
8318
8319
8320
8321
8322
8323
8324
8325
8326
8327
8328
8329
8330
8331
8332
8333
8334
8335
8336
8337
8338
8339
8340
8341
8342
8343
8344
8345
8346
8347
8348 
8349
8350
8351
8352
8353
8354
8355
8356
8357
8358
8359
8360
8361
8362
8363
8364
8365
8366
8367
8368
8369
8370
8371
8372
8373
8374
8375
8376
8377
8378
8379
8380
8381
8382
8383
8384
8385
8386
8387
8388
8389
8390
8391
8392
8393
8394	
8395
8396
8397
8398
8399
8400
8401
8402
8403
8404
8405
8406
8407
8408
8409
8410
8411
8412
8413
8414
8415
8416
8417
8418
8419
8420
8421
8422
8423
8424
8425
8426
8427
8428
8429
8430
8431
8432
8433
8434
8435
8436
8437
8438
8439		
8440
8441
8442		
8443
8444
8445
8446
8447
8448
8449
8450
8451
8452
8453
8454
8455
8456
8457
8458
8459
8460
8461
8462
8463
8464
8465
8466
8467
8468
8469
8470
8471
8472
8473
8474
8475
8476
8477
8478
8479
8480
8481
8482
8483
8484
8485
8486
8487
8488	<style>
8489		
8490		f-article-body {
8491			transition: all .3s ease-in-out; display: block; margin: var(--f-article-padding) var(--f-article-padding) 10px var(--f-article-padding); position: relative;
8492			max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding));
8493			font-family: var(--f-suisse-regular); font-size: 15px; font-weight: normal; line-height: 22px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; 
8494		}
8495		f-article[data-placement='above'][data-feature='false'] f-article-body[data-part='1'] { margin-top: 0px; } 
8496		f-article-body[data-part='2'] { margin-top: 0; overflow: hidden; }
8497		f-article-body[data-part='2'][data-overlay='true'] { max-height: 200px; transition: all .3s ease-in-out;  }
8498		f-article-body[data-part='2'][data-overlay='during'] { max-height: 2000px; transition: all .7s ease-in-out;  }
8499		f-article-body[data-part='2'][data-overlay='false'] { max-height: none; transition: all .3s ease-in-out;  }
8500		
8501		f-article-body[data-part='2'][data-overlay='true']::after { transition: all .3s ease-in-out; 
8502			position: absolute; content: attr(data-readmore); bottom: 30%; left: 50%; transform: translate(-50%, 0%); padding: 8px 16px; margin: 0 auto; border-radius: 8px;  
8503			background-color: #333; color: white; text-align: center; font-size: 16px; font-family: var(--f-suisse-semibold); opacity: 1; z-index: 2;
8504		}
8505		f-article-body[data-part='2'][data-spoiler='true']::after {
8506			background-color: var(--f-hot-color);
8507		}
8508		f-article-body[data-part='2'][data-overlay='during']::after, 
8509		f-article-body[data-part='2'][data-overlay='false']::after { transition: all .3s ease-in-out; 
8510			position: absolute; content: attr(data-readmore); bottom: 10%; left: 50%; transform: translate(-50%, 0%); padding: 8px 30px; margin: 0 auto; border-radius: 6px; 
8511			background-color: #333; color: white; text-align: center; font-size: 18px; font-family: var(--f-suisse-semibold); opacity: 0;
8512		}	
8513		
8514		f-article-body[data-part='2'][data-overlay='true']::before { transition: all .3s ease-in-out; 
8515			position: absolute; content: ' ';  height: 100%; width: 100%; opacity: 1; z-index: 1;
8516			background: linear-gradient(
8517			180deg,
8518			hsla(0, 0%, 100%, 0.20) 15%,
8519			hsla(0, 0%, 100%, 0.35) 30%,
8520			hsla(0, 0%, 100%, 0.5) 40%,
8521			hsla(0, 0%, 100%, 0.65) 50%,
8522			hsla(0, 0%, 100%, 0.80) 60%,
8523			hsla(0, 0%, 100%, 0.95) 80%
8524			);
8525		}
8526		
8527		[data-darkmode='on'] f-article-body[data-part='2'][data-overlay='true']::before { 
8528			background: linear-gradient(
8529			180deg,
8530			hsla(0, 0%, 0%, 0.20) 15%,
8531			hsla(0, 0%, 0%, 0.35) 30%,
8532			hsla(0, 0%, 0%, 0.5) 40%,
8533			hsla(0, 0%, 0%, 0.65) 50%,
8534			hsla(0, 0%, 0%, 0.80) 60%,
8535			hsla(0, 0%, 0%, 0.95) 80%
8536			);
8537		}
8538		
8539		f-article-body[data-part='2'][data-overlay='during']::before, 
8540		f-article-body[data-part='2'][data-overlay='false']::before { transition: all .3s ease-in-out; 
8541			position: absolute; content: ' ';  height: 100%; width: 100%; opacity: 0; 
8542		}
8543
8544		f-article-body f-para { display: block; margin-top: 10px; position: relative; }
8545		f-article-body f-para img { display: block; width: 100%; height: auto; }
8546		
8547		f-article-body p { margin: 0 0 10px 0; }
8548		f-article-body em { font-family: var(--f-suisse-regular-italic); font-style: italic; font-weight: 300; }
8549		f-article-body b { font-weight: 300; color: var(--f-article-text-color); font-family: var(--f-suisse-semibold); }
8550		f-article-body a { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); }
8551		f-article-body a:hover { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); }
8552		
8553		f-article-body h3 { font-family: var(--f-suisse-bold); font-weight: 300; font-size: 17px; line-height: 20px; display: inline-block; padding: 10px 0px 0px 0px; margin: 0; }
8554		
8555		@media only screen and (max-width: 600px) {
8556			f-article-body h3 { font-size: 16px; line-height: 18px; }
8557		
8558		}
8559
8560		f-article-body h4 { font-family: var(--f-suisse-bold); font-weight: 300; font-size: 17px; line-height: 20px; display: inline-block; 
8561							padding: 12px 16px; margin: 10px 0 -10px 0; width: calc(100% - 32px); background-color: var(--f-article-background-inline); }
8562
8563		f-article-body i h4 { background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert);
8563 margin: -15px -12px -10px -20px; width: calc(100% + 8px); }
8564		
8565		@media only screen and (max-width: 600px) {
8566			f-article-body h4 { font-size: 16px; line-height: 18px; }
8567		
8568		}
8569		
8570		f-article-body i { color: var(--f-article-text-color); display: inline-block; margin: 10px 0px 10px 0px; padding: 15px 20px; width: calc(100% - 40px);
8571			font-style: normal; font-family: var(--f-suisse-regular); border-left: none; background-color: var(--f-article-background-inline); border-radius: 0px;
8572			border-left: 3px solid var(--f-hot-color); 
8573		}
8574			
8575		f-article-body i b { font-family: var(--f-suisse-semibold); font-weight: 300; font-style: normal; color: var(--f-article-text-color); }
8576		
8577
8578		/*
8579		f-article-body ul, f-article-body li, f-article-body ul li {
8580		   margin:0;
8581		   padding: 0;
8582		   text-indent: 0;
8583		   list-style-type: none;
8584		}
8585		
8586		f-article-body li { padding-left: 20px; position: relative;  }
8587		
8588		f-article-body li:before { content: ''; display: block; position: absolute; left: 0; top: 10px; width: 10px; height: 0px; border-width: 0px 0px 2px 0; border-style: solid; border-color: var(--f-article-text-color); transform-origin: bottom left; }
8589		
8590		*/
8591
8592		ul br, ol br {
8593			display: none;
8594		}
8595
8596		ul li br, ol li br {
8597			display: inline;
8598		}
8599
8600		ul, ol {
8601			padding-left: 16px; margin-bottom: 0rem;
8602		}
8603
8604		ol {
8605			counter-reset: item;
8606		}
8607
8608		ul li, ol li {
8609			position: relative; margin: 0.3em 0; list-style: none;
8610		}
8611
8612		ul li {
8613			padding-left: 0.8em;
8614		}
8615
8616		ol li {
8617			padding-left: 1.2em; counter-increment: item;
8618		}
8619
8620		ul li::before, ol li::before {
8621			position: absolute; left: 0; opacity: 0.6; font-family: var(--f-suisse-semibold); font-weight: 300;
8622		}
8623
8624		ul li::before {
8625			content: '-'; 
8626		}
8627
8628		ol li::before {
8629			content: counter(item) ".";
8630		}
8631
8632		/* TABLE I ARTIKEL */
8633
8634		f-table-wrapper { display: block; overflow-x: auto; background-color: var(--f-article-background-inline); font-size: 13px; line-height: 18px; }
8635
8636		f-table-wrapper br { display: none; }
8637		f-table-wrapper f-td br { display: inline; }
8638
8639		f-table { display: table; width: calc(100% - 2px); border-collapse: collapse;  }
8640
8641		f-tr-header { background-color: var(--f-article-background-inline-header); color: white;  }
8642
8643		f-tr-header, f-tr, f-tr-footer { display: table-row; }
8644
8645		f-td { display: table-cell; padding: 8px 12px; border: 1px solid #ccc; max-width: 250px; }
8646		f-tr-header f-td { font-family: var(--f-suisse-semibold); border-color: var(--f-article-background-inline-header); }
8647		f-tr-footer f-td { font-family: var(--f-suisse-semibold); background-color: #e0e0e0; }
8648		f-td.bold { font-family: SuisseSemiBold; }
8649
8650		f-td img { margin: -8px 0px -8px -12px; width: calc(100% + 24px) !important;}
8651
8652		@media (max-width: 940px) {
8653			f-table-wrapper { display: block; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
8654			f-table { min-width: 350px; }
8655		}
8656
8657		f-td ul, f-td ol { padding-left: 4px; }
8658
8659		.cta-button { margin: 8px auto 0; display: block; background-color: var(--f-hot-color); color: white; border-radius: 6px; padding: 4px 6px; min-width: 100px; text-align: center; transition: background-color 0.3s ease; }
8660		.cta-button:hover { background-color: #444; color: white; }
8661		
8662
8663		f-article-body img { width: 100%; display: block; }
8664		
8665		
8666		f-article-body-linksetc { display: block; margin: 0 var(--f-article-padding) var(--f-article-padding); 
8667			max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); }
8668		
8669		f-article-body-link { display: block; font-family: var(--f-suisse-semibold); max-width: var(--f-article-maxwidth); margin: 0 auto 10px; font-size: 15px; line-height: 22px; }
8670		f-article-body-link a { color: var(--f-article-link-color); font-weight: 300; border-bottom: 1px solid var(--f-article-border-color) !important;}
8671
8672		.article-body-link {font-family: var(--f-suisse-semibold); margin: 10px auto 10px; font-size: 15px; line-height: 22px; color: var(--f-article-link-color); font-weight: 300; border-bottom: 1px solid var(--f-article-border-color) !important; display: inline-block; -webkit-font-smoothing: auto;}
8673		
8674		f-viathanks {
8675			color: var(--f-article-text-color-shade-deluxe);
8676			font-size: 12px;
8677			line-height: 17px;
8678			-webkit-font-smoothing: subpixel-antialiased;
8679			max-width: var(--f-article-maxwidth);
8680			margin: 0 auto 10px;
8681			display: block;
8682		}
8683		
8684		
8685		f-viathanks a {
8686			font-family: var(--f-suisse-book) !important; font-weight: 300 !important; text-decoration: none; border-bottom: 0;
8687		}
8688		
8689		f-viathanks-cat {
8690			
8691		}
8692		
8693		f-viathanks-cat .thankssite {
8694			font-family: var(--f-suisse-book); font-weight: 300;
8695			color: var(--f-article-link-color);
8696		}
8697		
8698		f-viathanks-cat .thankscat { 
8699			color: var(--f-article-link-color);
8700			text-transform: lowercase;
8701		 }
8702		 
8703		 f-viathanks-cat .thankssite:hover, 
8704		 f-viathanks-cat .thankscat:hover { 
8705			color: var(--f-article-link-hover);
8706		 }
8707		
8708		
8709		
8710		f-viathanks f-viathanks-thanks { display: block; }
8711		f-viathanks f-viathanks-thanks b { font-family: var(--f-suisse-semibold) !important; font-weight: 300 !important; color: var(--f-article-link-color-shade) !important; }
8712		f-viathanks f-viathanks-tags a { font-family: var(--f-suisse-book) !important; font-weight: 300 !important;
8713			color: var(--f-article-link-color); text-transform: lowercase;
8714		}
8715		f-viathanks f-viathanks-tags a:hover { color: var(--f-article-link-hover); }
8716		f-viathanks f-viathanks-via, f-viathanks f-viathanks-thanks { display: block; }
8717		f-viathanks f-viathanks-via a:hover , f-viathanks f-viathanks-thanks a:hover  { color: var(--f-article-text-hover); }
8718		
8719	</style>
8720
8721
8722
8723
8724
8725
8726
8727
8728
8729
8730
8731
8732
8733
8734
8735
8736
8737
8738
8739
8740
8741
8742
8743
8744
8745
8746
8747
8748
8749
8750
8751
8752
8753
8754
8755
8756
8757
8758
8759
8760
8761
8762
8763
8764
8765
8766
8767
8768
8769
8770
8771
8772
8773
8774
8775
8776
8777
8778
8779
8780
8781
8782
8783
8784
8785
8786
8787
8788
8789
8790
8791
8792
8793
8794
8795
8796
8797
8798
8799
8800
8801
8802
8803
8804
8805
8806
8807
8808
8809
8810
8811
8812
8813
8814
8815
8816
8817
8818
8819
8820
8821
8822
8823
8824
8825
8826
8827 
8828
8829
8830
8831
8832
8833
8834
8835
8836
8837
8838
8839
8840
8841
8842
8843
8844
8845
8846
8847
8848
8849
8850
8851
8852
8853
8854
8855
8856
8857
8858
8859
8860
8861
8862
8863
8864
8865
8866
8867
8868
8869
8870
8871
8872
8873	
8874
8875
8876
8877
8878
8879
8880
8881
8882
8883
8884
8885
8886
8887
8888
8889
8890
8891
8892
8893
8894
8895
8896
8897
8898
8899
8900
8901
8902
8903
8904
8905
8906
8907
8908
8909
8910
8911
8912
8913
8914
8915
8916
8917
8918		
8919
8920
8921		
8922
8923
8924
8925
8926
8927
8928
8929
8930
8931
8932
8933
8934
8935
8936
8937
8938
8939
8940
8941
8942
8943
8944
8945
8946
8947
8948
8949
8950
8951
8952
8953
8954
8955
8956
8957
8958
8959
8960
8961
8962
8963
8964
8965
8966
8967
8968
8969
8970
8971
8972
8973
8974	<style>
8975		
8976		f-article-fullsize-container { display: block; }
8977		body[data-premium='true'] f-article-fullsize-container { margin: 20px auto 0; max-width: calc(2000px); }	
8978		body[data-premium='false'] f-article-fullsize-container { margin: 20px auto 0; max-width: calc(2500px - 640px); }	
8979		
8980		@media only screen and (max-width: 2500px) {
8981			body[data-premium='false'] f-article-fullsize-container { max-width: calc(100vw - 640px); }	
8982		}
8983		@media only screen and (max-width: 1640px) {
8984			body[data-premium='false'] f-article-fullsize-container { max-width: calc(100vw - 320px); }
8985			
8986		}
8987		@media only screen and (max-width: 1340px) {
8988			body[data-premium='false'] f-article-fullsize-container { max-width: calc(100vw); }
8989		
8990		}
8991		body[data-site='tjock'] f-article-fullsize-container { margin-top: 20px; }
8992		
8993		@media only screen and (max-width: 980px) {
8994			f-article-fullsize-container { margin-top: 20px; }	
8995		}
8996		
8997		
8998		body[data-premium='true'] .fullsizecontainer { margin: 20px auto 0; max-width: calc(2000px); }	
8999		body[data-premium='false'] .fullsizecontainer { margin: 20px auto 0; max-width: calc(2500px - 640px); }	
9000		
9001		@media only screen and (max-width: 2500px) {
9002			body[data-premium='false'] .fullsizecontainer { max-width: calc(100vw - 640px); }	
9003		}
9004		@media only screen and (max-width: 1640px) {
9005			body[data-premium='false'] .fullsizecontainer { max-width: calc(100vw - 320px); }
9006			
9007		}
9008		@media only screen and (max-width: 1340px) {
9009			body[data-premium='false'] .fullsizecontainer { max-width: calc(100vw); }
9010		
9011		}
9012		body.tjock .fullsizecontainer { margin-top: 20px; }	
9013		
9014		@media only screen and (max-width: 980px) {
9015			.fullsizecontainer { margin-top: 20px; }	
9016		}
9017		
9018		
9019		
9020		.fullSize { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
9021		.fullSizeHeader { position: relative; margin-top: -100px; }
9022		.fullSizeArticle { max-width: 980px; }
9023		
9024		@media only screen and (max-width: 1688px) {
9025			.fullSize { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
9026		}
9027		
9028		@media only screen and (max-width: 1280px) {
9029				.fullSizeHeader { margin-top: -60px; }
9030			}
9031		
9032		@media only screen and (max-width: 980px) {
9033			.fullSizeHeader { margin-top: -20px; }
9034			.fullSize { margin-bottom: 0; }
9035		}
9036		
9037		
9038		
9039		
9040		
9041		
9042	</style>
9043
9044
9045
9046
9047
9048
9049
9050
9051
9052
9053
9054
9055
9056
9057
9058
9059
9060
9061
9062
9063
9064
9065
9066
9067
9068
9069
9070
9071
9072
9073
9074
9075
9076
9077
9078
9079
9080
9081
9082
9083
9084
9085
9086
9087
9088
9089
9090
9091
9092
9093
9094
9095
9096
9097
9098
9099
9100
9101
9102
9103
9104
9105
9106
9107
9108
9109
9110
9111
9112
9113
9114
9115
9116
9117
9118
9119
9120
9121
9122
9123
9124
9125
9126
9127
9128
9129
9130
9131
9132
9133
9134
9135
9136
9137
9138
9139
9140
9141
9142
9143 
9144
9145
9146
9147
9148
9149
9150
9151
9152
9153
9154
9155
9156
9157
9158
9159
9160
9161
9162
9163
9164
9165
9166
9167
9168
9169
9170
9171
9172
9173
9174
9175
9176
9177
9178
9179
9180
9181
9182
9183
9184
9185
9186
9187
9188
9189	
9190
9191
9192
9193
9194
9195
9196
9197
9198
9199
9200
9201
9202
9203
9204
9205
9206
9207
9208
9209
9210
9211
9212
9213
9214
9215
9216
9217
9218
9219
9220
9221
9222
9223
9224
9225
9226
9227
9228
9229
9230
9231
9232
9233
9234		
9235
9236
9237		
9238
9239
9240
9241
9242
9243
9244
9245
9246
9247
9248
9249
9250
9251
9252
9253
9254
9255
9256
9257
9258
9259
9260
9261
9262
9263
9264
9265
9266
9267
9268
9269
9270
9271
9272
9273
9274
9275
9276
9277
9278
9279
9280
9281
9282
9283
9284
9285
9286
9287
9288
9289
9290
9291
9292
9293
9294	<style>
9295		
9296		
9297		
9298		f-article-image { display: flex; width: 100%; height: 100%; position: relative;  }
9299		f-article-image[data-position="secondary"] { 
9300			width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); height: auto; position: relative; display: flex; margin: var(--f-article-padding); }
9301
9302		f-article-image[data-position='primary'] { height: 0; overflow: hidden; background-color: #e7e7e7; }
9303		f-article[data-placement="above"] f-article-image[data-position='primary'] { background-color: #333; }
9304		f-article-image[data-position='primary'] img { position: absolute; top: 0; left: 0; object-fit: cover; }
9305			
9306		f-article-image img { width: 100%; height: 100%; position: relative; display: flex; }
9307		
9308		f-article-image-caption {
9309			display: block; position: absolute; padding: 8px 12px; left: 30px; bottom: 30px; max-height: calc(100% - 84px);
9310			font-family: var(--f-suisse-light); font-size: 18px; line-height: 20px; font-weight: 300;
9311			color: white;background-color: rgba(0,0,0,0.8);
9312		}
9313
9314		
9315
9316		f-article-image-caption a {
9317			color: rgb(100,170,240); font-family: var(--f-suisse-light);
9318		}
9319		f-article-image-caption a:hover {
9320			color: white; font-family: var(--f-suisse-light);
9321		}
9322
9323		f-article-image-cred {
9324			display: block; position: absolute; right: 0px; bottom: 0px; padding: 4px 6px;
9325			font-size: 9px; font-family: var(--f-suisse-regular); font-weight: normal; font-style: normal;
9326			color: white; text-shadow: 1px 0px 6px rgb(0 0 0 / 80%);
9327		}
9328		f-article-image-cred a { color: white; font-family: var(--f-suisse-regular); font-weight: normal;  }
9329		f-article-image-cred a:hover { color: var(--f-article-text-color-shade); }
9330		
9331		@media only screen and (min-width: 980px) {
9332			f-article[data-placement="above"] f-article-image[data-position="primary"] f-article-image-caption { top: 30px; bottom: unset; }
9333			f-article[data-placement="above"] f-article-image[data-position="primary"] f-article-image-cred { bottom: 80px; }
9334		}
9335		
9336		@media only screen and (max-width: 640px) {
9337			f-article-image-caption { padding: 6px 8px; color: white; bottom: 25px; left: 15px; font-size: 14px; line-height: 18px; max-width: calc(100% - 45px);  }
9338			f-article-image-cred { right: 0px; bottom: 0px; font-size: 10px; }
9339		}
9340		
9341		
9342		
9343		
9344		f-article-slide-container { display: block; margin: var(--f-article-padding); }
9345		
9346		f-article-slide-thumb.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active, 
9347		f-article-slide-thumb.splide--nav>.splide__track>.splide__list>.splide__slide.is-active { 
9348			opacity: 0.5; border: none !important; filter: grayscale(100%);  
9349		}
9350		
9351		.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, 
9352		.splide--nav>.splide__track>.splide__list>.splide__slide {
9353			border: none; 
9354		}
9355		
9356		f-article-slide-main.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, 
9357		f-article-slide-main.splide--nav>.splide__track>.splide__list>.splide__slide {
9358			transition: all 500ms cubic-bezier(0.25, 1, 0.5, 1) 0s !important;
9359		}
9360		
9361		f-article-slide-main-slide {
9362			transition: all 500ms cubic-bezier(0.25, 1, 0.5, 1) 0s !important;
9363		}
9364		
9365		.splide__arrows { position: relative; }
9366		.splide__arrow { top: -1px; bottom: 0px; margin: 11px; padding: 8px; width: 27px; height: 27px; 
9367			transform: none;  opacity: 1; background-color: rgba(0,0,0,0.2);
9368		 }
9369		.splide__arrow svg { fill: white; width: 11px; height: 11px;  }
9370		
9371		.splide__arrow--next { right: 0px !important; }
9372		.splide__arrow--prev { left: 0px !important;  }
9373		
9374		.splide__slide img { width: 100%; }
9375		
9376		f-article-slide-main, f-article-slide-thumb { max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); }
9377		f-article-slide-thumb { display: block; margin-bottom: 6px !important; }
9378		.splide__track f-fullscreen-enter { right: 30px; }
9379		
9380		
9381		
9382		
9383		f-fullscreen {
9384			display: none; top: 0; left: 0; background-color: black; width: 100%; height: 100%; 
9385			transition: background-size .5s ease-in-out; background-size: 100%;  background-repeat: no-repeat;background-position: center;
9386		}
9387		
9388		f-fullscreen:-webkit-full-screen { display: block; color: white; }	
9389		f-fullscreen:fullscreen { display: block; position: fixed; }
9390		
9391		f-fullscreen-enter { display: block; position: absolute; right: 0; padding: 8px; background-color: rgba(0,0,0,0.3); top: 0; border-radius: 20px; margin: 10px; cursor: pointer; }
9392		f-fullscreen-enter svg { display: block; width: 11px; height: 11px; }
9393		
9394		f-fullscreen-close { padding: 20px; position: fixed; top: 20px; right: 20px; border-radius: 30px; background-color: rgba(0,0,0,0.4); cursor: pointer; }
9395		f-fullscreen-close svg { width: 20px; height: 20px; display: block; }
9396		
9397		@media only screen and (max-width: 980px) {
9398			f-fullscreen-enter { display: none; }
9399		}
9400		
9401		
9402		
9403		
9404		f-flide { position: relative; display: grid; background-color: var(--f-article-background-inline); overflow: hidden;  }
9405		f-flide * { box-sizing: border-box; }
9406		f-flide f-article-image { cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0ibTE1LjUgMC45MzItNC4zIDQuMzggMTQuNSAxNC42LTE0LjUgMTQuNSA0LjMgNC40IDE0LjYtMTQuNiA0LjQtNC4zLTQuNC00LjQtMTQuNi0xNC42eiI+PC9wYXRoPjwvc3ZnPgo=") 12 12, pointer; }
9407		f-flide img { vertical-align: middle; }
9408		
9409		/* Fullscreen containern - säkerställ att den fyller hela skärmen */
9410		f-article-slide-container:fullscreen { width: 100vw !important; height: 100vh !important; margin: 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; }
9411		f-article-slide-container:-webkit-full-screen { width: 100vw !important; height: 100vh !important; margin: 0 !important; position: fixed !important; top: 0 !important; left: 0 !important; }
9412		
9413		/* Fullscreen f-flide - fyller containern */
9414		f-article-slide-container:fullscreen f-flide { width: 100% !important; height: 100% !important; }
9415		f-article-slide-container:-webkit-full-screen f-flide { width: 100% !important; height: 100% !important; }
9416		
9417		/* Fullscreen bilder - säkerställ att hela bilden syns på mindre skärmar */
9418		f-article-slide-container:fullscreen f-flide img { max-width: 100vw !important; max-height: calc(100vh - 85px) !important; width: auto !important; height: auto !important; margin: 0 auto; object-fit: contain !important; }
9419		f-article-slide-container:-webkit-full-screen f-flide img { max-width: 100vw !important; max-height: calc(100vh - 85px) !important; width: auto !important; height: auto !important; margin: 0 auto; object-fit: contain !important; }
9420		
9421		f-article-slide-container:fullscreen f-flide[data-hidethumbs="on"] img { max-width: 100vw !important; max-height: 100vh !important; width: auto !important; height: auto !important; object-fit: contain !important; }
9422		f-article-slide-container:-webkit-full-screen f-flide[data-hidethumbs="on"] img { max-width: 100vw !important; max-height: 100vh !important; width: auto !important; height: auto !important; object-fit: contain !important; }
9423		
9424		f-flide-item { display: block; height: 0px; opacity: 0; transition: opacity .0s; overflow: hidden;}
9425		f-flide-item[data-status="on"] { display: flex; height: auto; opacity: 1; transition: opacity .4s; width: 100%; }
9426		
9427		
9428		f-article-slide-container:fullscreen f-flide-item[data-status="off"] { display: none; height: 0 !important; max-height: 0 !important; min-height: 0 !important; flex: 0 0 0 !important; }
9429		f-article-slide-container:-webkit-full-screen f-flide-item[data-status="off"] { display: none; height: 0 !important; max-height: 0 !important; min-height: 0 !important; flex: 0 0 0 !important; }
9430		
9431		f-flide-thumbs-container {  background-color: var(--f-article-background-inline); width: 100%; display: block;  overflow-x: auto; overflow-y: hidden; transition: all 0.5s; }
9432		f-flide-thumbs-container[data-hidethumbs="on"] {  display: none; }
9433		f-flide-thumbs { display: block;  height: 68px; opacity: 1; background-color: var(--f-article-background-inline); display: block;  width: 100%; padding: 10px 0px 7px 10px; overflow-x: hidden;  }
9434		f-flide-thumb { display: block;  float: left; width: 65px; height: 65px; opacity: 1; cursor: pointer; margin-right: 10px; scroll-snap-align: center; border-bottom: 3px solid var(--f-article-background-inline); }
9435		f-flide-thumb[data-status="on"] {  border-bottom: 3px solid var(--f-hot-color); }
9436		f-flide-thumb img { object-fit: cover; height: 100%; width: 100%; opacity: 1; transition: all .3s !important; }
9437		
9438		f-flide-thumb[data-status="on"] img { object-fit: cover; height: 100%; width: 100%; opacity: .5; }
9439		
9440		f-flide-thumbs-container { scrollbar-color: var(--f-article-background-invert) var(--f-article-background-inline-hover); scrollbar-width: thin; }
9441		f-flide-thumbs-container::-webkit-scrollbar { width: 10px; height: 10px; }
9442		f-flide-thumbs-container::-webkit-scrollbar-thumb { background: var(--f-article-scrollbar-thumb); }
9443		f-flide-thumbs-container::-webkit-scrollbar-track {  background: var(--f-article-scrollbar-track); }
9444		f-flide-thumbs-container::-webkit-scrollbar-track-piece  {  background: pink); }
9445		
9446		f-flide-thumbs-container::-webkit-scrollbar-thumb:vertical { height: 30px; background: var(--f-article-background-inline-hover); }
9447		
9448		f-flide-thumbs-container[data-scroll="off"]::-webkit-scrollbar { width: 0px; height: 0px; }
9449		
9450		f-flide-prev, f-flide-next {
9451			display: block; cursor: pointer; position: absolute; bottom: 0px; width: auto; padding: 10px; user-select: none; background-color: rgba(0,0,0,0); transition: all .4s;
9452	
9453		}
9454		f-flide-prev { transform: scaleX(-1); width: 30%; height: 100%;     display: flex; justify-content: end; align-items: end;
9455			cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjEgMC40NjYwNTVMMTcuMjUgMi42NTYwNUwxMCA5Ljk1NjA1TDE3LjI1IDE3LjIwNjFMMTUuMSAxOS40MDYxTDcuOCAxMi4xMDYxTDUuNiA5Ljk1NjA1TDcuOCA3Ljc1NjA1TDE1LjEgMC40NTYwNTVWMC40NjYwNTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K") 12 12, pointer; }
9456		f-flide-next { right: 0; }
9457		f-flide-prev svg, f-flide-next svg { fill: white; width: 16px; height: 16px; padding: 0; margin: 0; }
9458		f-flide-prev svg {  }
9459		
9460		f-flide f-fullscreen-enter {  }
9461		
9462		f-flide-start-fullscreen {
9463			display: block; text-align: center; 
9464			float: left; height: 65px; width: 65px; background-color: var(--f-article-text-color-invert-shade); margin: 0px 10px 0px 0px;
9465		}
9466		@media (pointer: coarse) {
9467			f-flide-start-fullscreen {
9468				display: none;
9469			}
9470		}
9471		f-flide-start-fullscreen svg {
9472			width: 25px; height: 25px; padding: 20px;
9473		}
9474
9475		
9476
9477		f-inlinegallery-container {
9478			display: flex;
9479			flex-direction: column;
9480			width: 100%;
9481			margin: 20px auto;
9482			overflow: hidden;
9483			background: var(--f-article-background-inline);
9484		}
9485
9486		f-inlinegallery-main {
9487			position: relative;
9488			display: block;
9489			width: 100%;
9490			background: #f8f8f8;
9491		}
9492
9493		f-inlinegallery-main img {
9494			display: block;
9495			width: 100%;
9496			height: auto;
9497			object-fit: cover;
9498			cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0ibTE1LjUgMC45MzItNC4zIDQuMzggMTQuNSAxNC42LTE0LjUgMTQuNSA0LjMgNC40IDE0LjYtMTQuNiA0LjQtNC4zLTQuNC00LjQtMTQuNi0xNC42eiI+PC9wYXRoPjwvc3ZnPgo=") 12 12, pointer;
9499		}
9500
9501		f-inlinegallery-thumbs {
9502			display: flex;
9503			background: #f0f0f0;
9504			padding: 8px;
9505			gap: 8px;
9506			overflow-x: auto;
9507			scrollbar-width: thin;
9508			order: -1;
9509			border-bottom: 3px solid var(--f-article-background-inline);
9510		}
9511
9512		f-inlinegallery-thumb {
9513			flex-shrink: 0;
9514			width: 65px;
9515			height: 65px;
9516			overflow: hidden;
9517			cursor: pointer;
9518			transition: border-color 0.2s ease;
9519		}
9520
9521		f-inlinegallery-thumb.active {
9522			border-bottom: 3px solid var(--f-hot-color);
9523		}
9524
9525		f-inlinegallery-thumb img {
9526			width: 100%;
9527			height: 100%;
9528			object-fit: cover;
9529			display: block;
9530		}
9531
9532		f-inlinegallery-container:fullscreen {
9533			width: 100vw !important;
9534			height: 100vh !important;
9535			margin: 0 !important;
9536			position: fixed !important;
9537			top: 0 !important;
9538			left: 0 !important;
9539			background: #000;
9540		}
9541
9542		f-inlinegallery-container:-webkit-full-screen {
9543			width: 100vw !important;
9544			height: 100vh !important;
9545			margin: 0 !important;
9546			position: fixed !important;
9547			top: 0 !important;
9548			left: 0 !important;
9549			background: #000;
9550		}
9551
9552		f-inlinegallery-container:fullscreen f-inlinegallery-main,
9553		f-inlinegallery-container:-webkit-full-screen f-inlinegallery-main {
9554			flex: 1;
9555			display: flex;
9556			align-items: center;
9557			justify-content: center;
9558			min-height: 0;
9559			background: #000;
9560		}
9561
9562		f-inlinegallery-container:fullscreen f-inlinegallery-main img,
9563		f-inlinegallery-container:-webkit-full-screen f-inlinegallery-main img {
9564			max-width: 100vw !important;
9565			max-height: calc(100vh - 85px) !important;
9566			width: auto !important;
9567			height: auto !important;
9568			margin: 0 auto;
9569			object-fit: contain !important;
9570		}
9571
9572		f-inlinegallery-container:fullscreen f-inlinegallery-thumbs,
9573		f-inlinegallery-container:-webkit-full-screen f-inlinegallery-thumbs {
9574			flex: 0 0 auto;
9575			background: #000;
9576			border-bottom-color: #000;
9577		}
9578		
9579		
9580	</style>
9581
9582
9583
9584
9585
9586
9587
9588
9589
9590
9591
9592
9593
9594
9595
9596
9597
9598
9599
9600
9601
9602
9603
9604
9605
9606
9607
9608
9609
9610
9611
9612
9613
9614
9615
9616
9617
9618
9619
9620
9621
9622
9623
9624
9625
9626
9627
9628
9629
9630
9631
9632
9633
9634
9635
9636
9637
9638
9639
9640
9641
9642
9643
9644
9645
9646
9647
9648
9649
9650
9651
9652
9653
9654
9655
9656
9657
9658
9659
9660
9661
9662
9663
9664
9665
9666
9667
9668
9669
9670
9671
9672
9673
9674
9675
9676
9677 
9678
9679
9680
9681
9682
9683
9684
9685
9686
9687
9688
9689
9690
9691
9692
9693
9694
9695
9696
9697
9698
9699
9700
9701
9702
9703
9704
9705
9706
9707
9708
9709
9710
9711
9712
9713
9714
9715
9716
9717
9718
9719
9720
9721
9722
9723	
9724
9725
9726
9727
9728
9729
9730
9731
9732
9733
9734
9735	
9736	
9737
9738
9739
9740
9741
9742
9743
9744
9745
9746
9747
9748
9749
9750
9751
9752
9753
9754
9755
9756
9757
9758
9759
9760
9761
9762
9763
9764
9765
9766
9767
9768
9769
9770
9771
9772
9773
9774
9775
9776
9777
9778
9779
9780
9781
9782
9783
9784
9785
9786
9787
9788
9789
9790
9791
9792
9793
9794
9795
9796
9797
9798
9799
9800
9801
9802
9803
9804
9805
9806
9807
9808
9809
9810
9811
9812
9813
9814
9815
9816
9817
9818	
9819
9820
9821
9822
9823
9824
9825
9826
9827
9828
9829
9830	
9831
9832
9833
9834
9835
9836
9837
9838	
9839
9840
9841
9842
9843
9844
9845	
9846
9847
9848
9849
9850	
9851
9852
9853
9854
9855	
9856
9857
9858
9859
9860
9861	
9862
9863  
9864 
9865 
9866 
9867 
9868 
9869
9870
9871
9872
9873
9874
9875
9876
9877
9878
9879
9880
9881
9882
9883
9884
9885
9886<script>
9887	let fullscreenImageState = {
9888		element: null,
9889		imgWidth: 0,
9890		imgHeight: 0,
9891		fullWidthSize: '',
9892		fullHeightSize: '',
9893		isFullWidth: true,
9894		eventHandlers: null // För att kunna ta bort event listeners
9895	};
9896	
9897	// Funktion för att beräkna och sätta bakgrundsstorlek baserat på aktuell viewport
9898	function calculateBackgroundSizes(showImage = true) {
9899		if (!fullscreenImageState.element) return;
9900		
9901		const element = fullscreenImageState.element;
9902		
9903		// Kontrollera om vi är i fullscreen-läge (standard + webkit för Safari)
9904		const isFullscreen = document.fullscreenElement === element || 
9905		                     document.webkitFullscreenElement === element;
9906		
9907		// I fullscreen-läge, använd alltid skärmens storlek direkt
9908		let viewportWidth, viewportHeight;
9909		if (isFullscreen) {
9910			// Native fullscreen: använd skärmens storlek (screen.width/height ger alltid rätt värden)
9911			viewportWidth = screen.width;
9912			viewportHeight = screen.height;
9913		} else {
9914			// Inte i fullscreen: använd elementets faktiska storlek
9915			viewportWidth = element.offsetWidth || element.clientWidth || window.innerWidth || screen.width;
9916			viewportHeight = element.offsetHeight || element.clientHeight || window.innerHeight || screen.height;
9917		}
9918		
9919		// Beräkna skalor
9920		const scaleWidth = viewportWidth / fullscreenImageState.imgWidth;
9921		const scaleHeight = viewportHeight / fullscreenImageState.imgHeight;
9922		const scaleContain = Math.min(scaleWidth, scaleHeight);
9923		const scaleCover = Math.max(scaleWidth, scaleHeight);
9924		
9925		// Beräkna storlekar
9926		fullscreenImageState.fullWidthSize = (fullscreenImageState.imgWidth * scaleContain) + 'px ' + 
9927		                                      (fullscreenImageState.imgHeight * scaleContain) + 'px';
9928		fullscreenImageState.fullHeightSize = (fullscreenImageState.imgWidth * scaleCover) + 'px ' + 
9929		                                       (fullscreenImageState.imgHeight * scaleCover) + 'px';
9930		
9931		// Sätt storleken
9932		element.style.backgroundSize = fullscreenImageState.isFullWidth ? 
9933			fullscreenImageState.fullWidthSize : fullscreenImageState.fullHeightSize;
9934		
9935		// Visa bilden om det begärs
9936		if (showImage) {
9937			requestAnimationFrame(() => {
9938				element.style.transition = 'opacity 0.2s ease-in';
9939				element.style.opacity = '1';
9940			});
9941		}
9942	}
9943	
9944	function fullscreenImage(backUrl, imgWidth, imgHeight) {
9945		const element = document.querySelector('f-fullscreen');
9946		if (!element) return;
9947		
9948		// Ta bort tidigare event listeners om de finns (förhindra minnesläckor)
9949		if (fullscreenImageState.eventHandlers) {
9950			document.removeEventListener('fullscreenchange', fullscreenImageState.eventHandlers.fullscreenchange);
9951			document.removeEventListener('webkitfullscreenchange', fullscreenImageState.eventHandlers.webkitfullscreenchange);
9952		}
9953		
9954		// Spara state
9955		fullscreenImageState.element = element;
9956		fullscreenImageState.imgWidth = imgWidth;
9957		fullscreenImageState.imgHeight = imgHeight;
9958		fullscreenImageState.isFullWidth = true;
9959		
9960		// Sätt bakgrundsbild
9961		element.style.backgroundImage = 'url(' + backUrl + ')';
9962		element.style.backgroundPosition = 'center center';
9963		element.style.cursor = 'zoom-in';
9964		element.style.transition = 'none';
9965		element.style.opacity = '0';
9966		
9967		// Flagga för att förhindra dubbel anropning
9968		let sizesCalculated = false;
9969		
9970		// Funktion som körs när fullscreen är aktivt
9971		const setupFullscreen = () => {
9972			if (sizesCalculated) return; // Förhindra dubbel anropning
9973			sizesCalculated = true;
9974			
9975			requestAnimationFrame(() => {
9976				requestAnimationFrame(() => {
9977					calculateBackgroundSizes(true);
9978					// Återaktivera transition efter initial beräkning
9979					setTimeout(() => {
9980						element.style.transition = '';
9981					}, 50);
9982				});
9983			});
9984		};
9985		
9986		// Event handler för fullscreen-change (standard + webkit för Safari)
9987		const handleFullscreenChange = () => {
9988			const isActive = document.fullscreenElement === element || 
9989			                document.webkitFullscreenElement === element;
9990			
9991			if (isActive && !sizesCalculated) {
9992				setupFullscreen();
9993			}
9994		};
9995		
9996		// Spara handlers för senare borttagning
9997		fullscreenImageState.eventHandlers = {
9998			fullscreenchange: handleFullscreenChange,
9999			webkitfullscreenchange: handleFullscreenChange
10000		};
10001		
10002		// Lägg till event listeners (standard + webkit för Safari)
10003		document.addEventListener('fullscreenchange', handleFullscreenChange);
10004		document.addEventListener('webkitfullscreenchange', handleFullscreenChange);
10005		
10006		// Request fullscreen (standard + webkit för Safari)
10007		let fullscreenPromise;
10008		if (element.requestFullscreen) {
10009			fullscreenPromise = element.requestFullscreen();
10010		} else if (element.webkitRequestFullScreen) {
10011			fullscreenPromise = element.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
10012		}
10013		
10014		// Vänta på fullscreen-attivering
10015		if (fullscreenPromise && fullscreenPromise.then) {
10016			fullscreenPromise.then(() => {
10017				setTimeout(setupFullscreen, 100);
10018			}).catch(() => {
10019				// Om fullscreen misslyckas, beräkna ändå
10020				setupFullscreen();
10021			});
10022		} else {
10023			// För browsers som inte returnerar promise
10024			setTimeout(setupFullscreen, 100);
10025		}
10026		
10027		// Toggle zoom vid klick: contain ↔ cover
10028		element.onclick = function() {
10029			if (fullscreenImageState.isFullWidth) {
10030				element.style.backgroundSize = fullscreenImageState.fullHeightSize;
10031				element.style.cursor = 'zoom-out';
10032				fullscreenImageState.isFullWidth = false;
10033			} else {
10034				element.style.backgroundSize = fullscreenImageState.fullWidthSize;
10035				element.style.cursor = 'zoom-in';
10036				fullscreenImageState.isFullWidth = true;
10037			}
10038		};
10039	}
10040	
10041	// Exit-funktion (global för att kunna anropas från HTML)
10042	function exitFullscreen() {
10043		// Stäng fullscreen (standard + webkit för Safari)
10044		if (document.exitFullscreen) {
10045			document.exitFullscreen();
10046		} else if (document.webkitExitFullscreen) {
10047			document.webkitExitFullscreen();
10048		} else if (document.webkitCancelFullScreen) {
10049			document.webkitCancelFullScreen();
10050		}
10051		
10052		// Rensa event listeners när fullscreen stängs
10053		if (fullscreenImageState.eventHandlers) {
10054			document.removeEventListener('fullscreenchange', fullscreenImageState.eventHandlers.fullscreenchange);
10055			document.removeEventListener('webkitfullscreenchange', fullscreenImageState.eventHandlers.webkitfullscreenchange);
10056			fullscreenImageState.eventHandlers = null;
10057		}
10058	}
10059</script>
10059
10060
10061
10062
10063
10064
10065
10066
10067
10068
10069
10070
10071
10072
10073
10074
10075
10076
10077
10078
10079
10080
10081
10082
10083
10084
10085
10086
10087
10088	
10089
10090
10091
10092
10093
10094
10095
10096
10097
10098
10099
10100
10101
10102
10103
10104
10105
10106
10107
10108
10109
10110
10111
10112
10113
10114
10115
10116
10117
10118
10119
10120
10121
10122
10123
10124
10125
10126
10127
10128
10129
10130
10131
10132
10133		
10134
10135
10136		
10137
10138
10139
10140
10141
10142
10143
10144
10145
10146
10147
10148
10149
10150
10151
10152
10153
10154
10155
10156
10157
10158
10159
10160
10161
10162
10163
10164
10165
10166
10167
10168
10169
10170
10171
10172
10173
10174
10175
10176
10177
10178
10179
10180
10181
10182
10183
10184
10185
10186
10187
10188
10189
10190
10191
10192
10193
10194
10195
10196
10197
10198	<style>
10199		.videox  { position: relative; padding-bottom: 56.2%; height: 0; overflow: hidden; }
10200		.videohoger { padding-bottom: 177.96%; }
10201		.videox iframe, .videox object, .videox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
10202		.videox .youtube_container { position: relative; width: 100%; padding-bottom: 56.3%; background-position: center; background-size: Cover;background-position: center;
10203		background-size: cover; background-color: #222; text-align: center; cursor: pointer; }
10204		.videohoger .youtube_container { padding-bottom: 177.96%; }
10205		.videox .youtube { position: absolute; width: 100%; height:100%; overflow: hidden; }
10206		.videox .youtube img { width: 100%; margin-top: 0; margin-top: -9.375%; }
10207		.videox .youtube .vimeoThumb { width: 100%; margin-top: 0; }
10208		.videox .youtube_overlay { position: absolute; color: #fff; width: 100%;  }
10209		.videox .youtube_overlay img { width: 100%; }
10210		.videox .youtube_icon {
10211			position: absolute; text-align: center; width: 71px; height: 50px; margin: 0 auto; top: 50%; left: 50%; margin-top: -25px; margin-left: -35px;
10212		}
10213		.videox .youtube_icon img { width: 71px; height: 50px; }
10214		
10215		f-externalyoutube-container f-flide img { cursor: pointer; }
10216		f-externalyoutube-container .videox { padding-bottom: 0px; }
10217		f-externalyoutube-container f-flide-item[data-status="on"] { padding-bottom: 56.2%; }
10218		f-externalyoutube-container f-flide-item[data-status="off"] { padding-bottom: 0px; }
10219		f-externalyoutube-container f-flide-thumb { width: 115px; height: 65px; }
10220	</style>
10221
10222
10223
10224
10225
10226
10227
10228
10229
10230
10231
10232
10233
10234
10235
10236
10237
10238
10239
10240
10241
10242
10243
10244
10245
10246
10247
10248
10249
10250
10251
10252
10253
10254
10255
10256
10257
10258
10259
10260
10261
10262
10263
10264
10265
10266
10267
10268
10269
10270
10271
10272
10273
10274
10275
10276
10277
10278
10279
10280
10281
10282
10283
10284
10285
10286
10287
10288
10289
10290
10291
10292
10293
10294
10295
10296
10297
10298
10299
10300
10301
10302
10303
10304
10305
10306
10307
10308
10309
10310
10311
10312 
10313
10314
10315
10316
10317
10318
10319
10320
10321
10322
10323
10324
10325
10326
10327
10328
10329
10330
10331
10332
10333
10334
10335
10336
10337
10338
10339
10340
10341
10342
10343
10344
10345
10346
10347
10348
10349
10350
10351
10352
10353
10354
10355
10356
10357
10358	
10359
10360
10361
10362
10363
10364
10365
10366
10367
10368
10369
10370
10371
10372
10373
10374
10375
10376
10377
10378
10379
10380
10381
10382
10383
10384
10385
10386
10387
10388
10389
10390
10391
10392
10393
10394
10395
10396
10397
10398
10399
10400
10401
10402
10403		
10404
10405
10406		
10407
10408
10409
10410
10411
10412
10413
10414
10415
10416
10417
10418
10419
10420
10421
10422
10423
10424
10425
10426
10427
10428
10429
10430
10431
10432
10433
10434
10435
10436
10437
10438
10439
10440
10441
10442
10443
10444
10445
10446
10447
10448
10449
10450
10451
10452
10453
10454
10455
10456
10457
10458
10459
10460
10461
10462
10463
10464
10465
10466
10467
10468
10469
10470
10471	<style>
10472		/* Wiki-relaterad CSS har flyttats till css_embed.jsp */
10473	</style>
10474
10475
10476
10477
10478
10479
10480
10481
10482
10483
10484
10485
10486
10487
10488
10489
10490
10491
10492
10493
10494
10495
10496
10497
10498
10499
10500
10501
10502
10503
10504
10505
10506
10507
10508
10509
10510
10511
10512
10513
10514
10515
10516
10517
10518
10519
10520
10521
10522
10523
10524
10525
10526
10527
10528
10529
10530
10531
10532
10533
10534
10535
10536
10537
10538
10539
10540
10541
10542
10543
10544
10545
10546
10547
10548
10549
10550
10551
10552
10553
10554
10555
10556
10557
10558
10559
10560
10561
10562 
10563
10564
10565
10566
10567
10568
10569
10570
10571
10572
10573
10574
10575
10576
10577
10578
10579
10580
10581
10582
10583
10584
10585
10586
10587
10588
10589
10590
10591
10592
10593
10594
10595
10596
10597
10598
10599
10600
10601
10602
10603
10604
10605
10606
10607
10608	
10609
10610
10611
10612
10613
10614
10615
10616
10617
10618
10619
10620
10621
10622
10623
10624
10625
10626
10627
10628
10629
10630
10631
10632
10633
10634
10635
10636
10637
10638
10639
10640
10641
10642
10643
10644
10645
10646
10647
10648
10649
10650
10651
10652
10653		
10654
10655
10656		
10657
10658
10659
10660
10661
10662
10663
10664
10665
10666
10667
10668
10669
10670
10671
10672
10673
10674
10675
10676
10677
10678
10679
10680
10681
10682
10683
10684
10685
10686
10687
10688
10689
10690
10691
10692
10693
10694
10695
10696
10697
10698
10699
10700
10701
10702
10703
10704
10705
10706
10707
10708
10709
10710
10711
10712
10713
10714
10715
10716
10717
10718
10719
10720
10721
10722
10723
10724
10725
10726	<style>
10727		/* IMDb-relaterad CSS har flyttats till css_embed.jsp */
10728	</style>
10729
10730
10731
10732
10733
10734
10735
10736
10737
10738
10739
10740
10741
10742
10743
10744
10745
10746
10747
10748
10749
10750
10751
10752
10753
10754
10755
10756
10757
10758
10759
10760
10761
10762
10763
10764
10765
10766
10767
10768
10769
10770
10771
10772
10773
10774
10775
10776
10777
10778
10779
10780
10781
10782
10783
10784
10785
10786
10787
10788
10789
10790
10791
10792
10793
10794
10795
10796
10797
10798
10799
10800
10801
10802
10803
10804
10805
10806
10807
10808
10809
10810
10811
10812 
10813
10814
10815
10816
10817
10818
10819
10820
10821
10822
10823
10824
10825
10826
10827
10828
10829
10830
10831
10832
10833
10834
10835
10836
10837
10838
10839
10840
10841
10842
10843
10844
10845
10846
10847
10848
10849
10850
10851
10852
10853
10854
10855
10856
10857
10858	
10859
10860
10861
10862
10863
10864
10865
10866
10867
10868
10869
10870
10871
10872
10873
10874
10875
10876
10877
10878
10879
10880
10881
10882
10883
10884
10885
10886
10887
10888
10889
10890
10891
10892
10893
10894
10895
10896
10897
10898
10899
10900
10901
10902
10903		
10904
10905
10906		
10907
10908
10909
10910
10911
10912
10913
10914
10915
10916
10917
10918
10919
10920
10921
10922
10923
10924
10925
10926
10927
10928
10929
10930
10931
10932
10933
10934
10935
10936
10937
10938
10939
10940
10941
10942
10943
10944
10945
10946
10947
10948
10949
10950
10951
10952
10953
10954
10955
10956
10957
10958
10959
10960
10961
10962
10963
10964
10965
10966
10967
10968
10969
10970
10971
10972
10973
10974
10975
10976
10977
10978
10979	<style>
10980
10981		f-article-factbox {
10982			display: block; margin: var(--f-article-padding); font-family: var(--f-suisse-regular); font-size: 15px; font-weight: normal;
10983		}
10984		
10985		f-article-factbox-header {
10986			display: block; background-color: var(--f-article-background-inline); color: var(--f-article-text-color); -webkit-font-smoothing: antialiased;
10987			padding: var(--f-article-padding) var(--f-article-padding) 0 var(--f-article-padding); font-size: 16px; line-height: 16px;  font-family: var(--f-suisse-bold);
10988		}
10989
10990		f-article-factbox-vignette { font-family: var(--f-suisse-regular); color: var(--f-article-text-color-shade); }
10991		
10992		f-article-factbox-open {
10993			display: block; float: right; padding: 0px 20px; margin: 5px; border-radius: 3px; 
10994			background-color: var(--f-hot-color); color: white; cursor:pointer; line-height: 30px;
10995		}
10996		
10997		f-article-factbox-text {
10998			display: block; position: relative; overflow: hidden; background-color: var(--f-article-background-inline);
10999			font-size: 13px; line-height: 17px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; 
11000			padding: 8px var(--f-article-padding) var(--f-article-padding); 
11001		}
11002		
11003		f-article-factbox-text em { font-family: var(--f-suisse-regular-italic); font-style: italic; font-weight: 300; }
11004		f-article-factbox-text b { font-weight: 300; color: var(--f-article-text-color); font-family: var(--f-suisse-semibold); }
11005		f-article-factbox-text a { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); }
11006		f-article-factbox-text a:hover { font-weight: 300; color: var(--f-article-link-color); font-family: var(--f-suisse-semibold); }
11007		
11008		f-article-factbox-text[data-overlay='true'] { max-height: 50px; transition: all .3s ease-in-out;  }
11009		f-article-factbox-text[data-overlay='during'] { max-height: 2000px; transition: all .7s ease-in-out;  }
11010		f-article-factbox-text[data-overlay='false'] { max-height: none; transition: all .3s ease-in-out;  }
11011		
11012		f-article-factbox-text[data-overlay='true']::after { transition: all .3s ease-in-out; 
11013			position: absolute; content: "Visa"; bottom: 10%; left: 50%; transform: translate(-50%, 0%); padding: 6px 20px; margin: 0 auto 10px; border-radius: 6px;  
11014			background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert); text-align: center; font-size: 15px; font-family: var(--f-suisse-semibold); opacity: 1; z-index: 2;
11015		}
11016		f-article-factbox-text[data-overlay='during']::after, 
11017		f-article-factbox-text[data-overlay='false']::after { transition: all .3s ease-in-out; 
11018			position: absolute; content: "Visa"; bottom: 10%; left: 50%; transform: translate(-50%, 0%); padding: 6px 20px; margin: 0 auto 10px; border-radius: 6px; background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert); text-align: center; font-size: 18px; font-family: var(--f-suisse-semibold); opacity: 0;
11019		}
11020		
11021		f-article-factbox-text[data-overlay='true']::before { transition: all .3s ease-in-out; 
11022			position: absolute; content: ' ';  height: 100%; width: 100%; opacity: 1; z-index: 1; margin-left: -15px;
11023			background: linear-gradient(
11024			180deg,
11025			hsla(0, 0%, 95%, 0.20) 15%,
11026			hsla(0, 0%, 95%, 0.35) 30%,
11027			hsla(0, 0%, 95%, 0.5) 40%,
11028			hsla(0, 0%, 95%, 0.65) 50%,
11029			hsla(0, 0%, 95%, 0.80) 60%,
11030			hsla(0, 0%, 95%, 0.95) 80%
11031			);
11032		}
11033		
11034		[data-darkmode='on'] f-article-factbox-text[data-overlay='true']::before { 
11035			background: linear-gradient(
11036			180deg,
11037			hsla(0, 0%, 12%, 0.20) 15%,
11038			hsla(0, 0%, 12%, 0.35) 30%,
11039			hsla(0, 0%, 12%, 0.5) 40%,
11040			hsla(0, 0%, 12%, 0.65) 50%,
11041			hsla(0, 0%, 12%, 0.80) 60%,
11042			hsla(0, 0%, 12%, 0.95) 80%
11043			);
11044		}
11045		
11046		f-article-factbox-text[data-overlay='during']::before, 
11047		f-article-factbox-text[data-overlay='false']::before { transition: all .3s ease-in-out; 
11048			position: absolute; content: ' ';  height: 100%; width: 100%; opacity: 0; 
11049		}
11050		
11051	</style>
11052
11053
11054
11055
11056
11057
11058
11059
11060
11061
11062
11063
11064
11065
11066
11067
11068
11069
11070
11071
11072
11073
11074
11075
11076
11077
11078
11079
11080
11081
11082
11083
11084
11085
11086
11087
11088
11089
11090
11091
11092
11093
11094
11095
11096
11097
11098
11099
11100
11101
11102
11103
11104
11105
11106
11107
11108
11109
11110
11111
11112
11113
11114
11115
11116
11117
11118
11119
11120
11121
11122
11123
11124
11125
11126
11127
11128
11129
11130
11131
11132 
11133
11134
11135
11136
11137
11138
11139
11140
11141
11142
11143
11144
11145
11146
11147
11148
11149
11150
11151
11152
11153
11154
11155
11156
11157
11158
11159
11160
11161
11162
11163
11164
11165
11166
11167
11168
11169
11170
11171
11172
11173
11174
11175
11176
11177
11178	
11179
11180
11181
11182
11183
11184
11185
11186
11187
11188
11189
11190
11191
11192
11193
11194
11195
11196
11197
11198
11199
11200
11201
11202
11203
11204
11205
11206
11207
11208
11209
11210
11211
11212
11213
11214
11215
11216
11217
11218
11219
11220
11221
11222
11223		
11224
11225
11226		
11227
11228
11229
11230
11231
11232
11233
11234
11235
11236
11237
11238
11239
11240
11241
11242
11243
11244
11245
11246
11247
11248
11249
11250
11251
11252
11253
11254
11255
11256
11257
11258
11259
11260
11261
11262
11263
11264
11265
11266
11267
11268
11269
11270
11271
11272
11273
11274
11275
11276
11277
11278
11279
11280
11281
11282
11283
11284
11285
11286
11287
11288
11289
11290
11291
11292
11293
11294
11295
11296
11297
11298
11299
11300
11301
11302
11303	<style>
11304		
11305		f-question-container { display: block; margin: var(--f-article-padding); }
11306		f-question { display: flex; flex-direction: column; }
11307
11308		/* Header */
11309		f-question-header {
11310			display: flex; 
11311			padding: 12px var(--f-article-padding-thin); 
11312			background-color: rgb(50,50,50); color: white;
11313			font-family: var(--f-suisse-semibold); font-weight: 300; font-size: 17px; line-height: 20px; -webkit-font-smoothing: antialiased;
11314			border-radius: 6px 6px 0 0;
11315			margin-bottom: 2px;
11316		}
11317		f-question-header-right {
11318			font-family: var(--f-suisse-regular); font-size: 13px; flex-shrink: 0; margin-left: auto; white-space: nowrap; -webkit-font-smoothing: auto; opacity: 0.7;
11319		}
11320
11321		/* Resultat */
11322		f-question-result { display: flex; flex-direction: column; }
11323		f-question-resultbar {
11324			display: flex; align-items: center; gap: 10px;
11325			padding: 12px var(--f-article-padding-thin); margin: 0 0 2px;
11326			font-size: 15px; line-height: 18px; font-family: var(--f-suisse-regular); color: white;
11327		}
11328		f-question-resultbar-right { flex-shrink: 0; margin-left: auto; color: #fff; }
11329
11330		/* Svarsalternativ */
11331		f-question-answer {
11332			display: flex; align-items: center; position: relative; margin: 0 0 2px;
11333			font-size: 15px; line-height: 18px; font-family: var(--f-suisse-regular); color: var(--f-article-text-color);
11334			background-color: var(--f-article-background-inline); transition: background-color 100ms ease-in;
11335		}
11336		f-question-answer:hover { background-color: var(--f-article-background-inline-hover); }
11337
11338		f-question-answer input { position: absolute; visibility: hidden; }
11339
11340		f-question-answer label {
11341			display: flex; align-items: center; flex: 1;
11342			padding: 12px calc(var(--f-article-padding) + 38px) 12px var(--f-article-padding);
11343			color: var(--f-article-text-color); cursor: pointer; position: relative;
11344			transition: color 200ms ease-in; overflow: hidden;
11345		}
11346
11347		/* Checkbox-indikator (::after) */
11348		f-question-answer label:after {
11349			content: ''; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);
11350			width: 28px; height: 28px; cursor: pointer; transition: all 100ms ease-in;
11351			background-color: var(--f-article-background-inline-hover); background-repeat: no-repeat; background-position: 2px 3px;
11352			background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(210,210,210,1)' fill-rule='nonzero'/%3E%3C/svg%3E ");
11353		}
11354		f-question-answer:hover label:after {
11355			background-color: var(--f-hot-color);
11356			background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(255,255,255,1)' fill-rule='nonzero'/%3E%3C/svg%3E ");
11357		}
11358		[data-darkmode='on'] f-question-answer label:after {
11359			background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(30,30,30,1)' fill-rule='nonzero'/%3E%3C/svg%3E ");
11360		}
11361		f-question-answer input:checked ~ label:after {
11362			background-color: var(--f-hot-color);
11363			background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(255,255,255,1)' fill-rule='nonzero'/%3E%3C/svg%3E ");
11364		}
11365		[data-darkmode='on'] f-question-answer input:checked ~ label:after {
11366			background-color: var(--f-hot-color);
11367			background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='rgba(255,255,255,1)' fill-rule='nonzero'/%3E%3C/svg%3E ");
11368		}
11369
11370		/* Radio-alternativ (answerMode 1/3, utan input) */
11371		f-question-answer[data-index] {
11372			padding: 12px var(--f-article-padding-thin); gap: 8px; cursor: pointer;
11373		}
11374		f-question-answer[data-index]::before {
11375			content: ''; flex-shrink: 0; width: 18px; height: 18px;
11376			background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 16.8C14.6509 16.8 16.8 14.6509 16.8 12C16.8 9.34903 14.6509 7.2 12 7.2C9.34903 7.2 7.2 9.34903 7.2 12C7.2 14.6509 9.34903 16.8 12 16.8Z' fill='%23999999'/%3E%3C/svg%3E");
11377			background-size: 18px 18px; background-repeat: no-repeat; transition: all 100ms ease-in;
11378		}
11379		f-question-answer[data-index]:hover::before {
11380			background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 16.8C14.6509 16.8 16.8 14.6509 16.8 12C16.8 9.34903 14.6509 7.2 12 7.2C9.34903 7.2 7.2 9.34903 7.2 12C7.2 14.6509 9.34903 16.8 12 16.8Z' fill='%23F54401'/%3E%3C/svg%3E");
11381		}
11382		f-question-answer[data-index].selected::before {
11383			background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 16.8C14.6509 16.8 16.8 14.6509 
1138316.8 12C16.8 9.34903 14.6509 7.2 12 7.2C9.34903 7.2 7.2 9.34903 7.2 12C7.2 14.6509 9.34903 16.8 12 16.8Z' fill='%23F54401'/%3E%3C/svg%3E");
11384		}
11385
11386		/* Footer */
11387		f-question-footer {
11388			display: flex; align-items: center; flex-wrap: wrap; height: 46px;
11389			font-family: var(--f-suisse-regular); font-size: 15px; line-height: 18px;
11390			background-color: var(--f-article-background-inline);
11391			border-radius: 0 0 6px 6px;
11392		}
11393		f-question-footer-right { margin-left: auto; }
11394		f-question-footer input[type="submit"] {
11395			border: 0; padding: 0 12px; margin: 8px; border-radius: 6px;
11396			background-color: var(--f-article-button-background-active); cursor: pointer;
11397			font-family: var(--f-suisse-regular); font-size: 16px; line-height: 30px; color: white;
11398		}
11399		f-article[data-artsite='tjock'] f-question-footer input[type="submit"] {
11400			background-color: var(--f-hot-color-tjock);
11401		}
11402		f-question-footer input[type="submit"]:disabled {
11403			background-color: var(--f-article-button-background-inactive); cursor: default;
11404		}
11405		f-question-footer-text { padding: 6px 11px; margin-left: 8px; color: var(--f-article-text-color); font-size: 13px; }
11406		f-question-footer-link {
11407			padding: 6px 11px; cursor: pointer; font-size: 13px; margin-left: 8px;
11408			color: var(--f-article-text-color); background: rgba(0,0,0,0.08); border-radius: 6px;
11409		}
11410		f-question-footer-link:hover { background: rgba(0,0,0,0.16); }
11411		[data-darkmode='on'] f-question-footer-link { color: var(--f-article-text-color); background: rgba(255,255,255,0.16); }
11412		[data-darkmode='on'] f-question-footer-link:hover { background: rgba(255,255,255,0.24); }
11413
11414		@media only screen and (max-width: 480px) {
11415			f-question-header { font-size: 15px; line-height: 17px; }
11416			f-question-header-right { font-size: 12px; }
11417			f-question-answer { font-size: 13px; line-height: 15px; }
11418			f-question-resultbar { font-size: 13px; line-height: 15px; padding: 12px var(--f-article-padding); }
11419			f-question-resultbar-right { font-size: 12px; line-height: 18px; }
11420			f-question-footer { font-size: 13px; line-height: 15px; }
11421			f-question-footer input[type="submit"] { padding: 0 12px; font-size: 14px; line-height: 29px; }
11422			f-question-footer-link, f-question-footer-text { padding: 12px var(--f-article-padding); }
11423		}
11424		}
11425
11426	
11427	
11428	
11429			
11430		--%>
11431			
11432	</style>
11433
11434
11435
11436
11437
11438
11439
11440
11441
11442
11443
11444
11445
11446
11447
11448
11449
11450
11451
11452
11453
11454
11455
11456
11457
11458
11459
11460
11461
11462
11463
11464
11465
11466
11467
11468
11469
11470
11471
11472
11473
11474
11475
11476
11477
11478
11479
11480
11481
11482
11483
11484
11485
11486
11487
11488
11489
11490
11491
11492
11493
11494
11495
11496
11497
11498
11499
11500
11501
11502
11503
11504
11505
11506
11507
11508
11509 
11510
11511
11512
11513
11514
11515
11516
11517
11518
11519
11520
11521
11522
11523
11524
11525
11526
11527
11528
11529
11530
11531
11532
11533
11534
11535
11536
11537
11538
11539
11540
11541
11542
11543
11544
11545
11546
11547
11548
11549
11550
11551
11552
11553
11554
11555	
11556
11557
11558
11559
11560
11561
11562
11563
11564
11565
11566
11567
11568
11569
11570
11571
11572
11573
11574
11575
11576
11577
11578
11579
11580
11581
11582
11583
11584
11585
11586
11587
11588
11589
11590
11591
11592
11593
11594
11595
11596
11597
11598
11599
11600		
11601
11602
11603		
11604
11605
11606
11607
11608
11609
11610
11611
11612
11613
11614
11615
11616
11617
11618
11619
11620
11621
11622
11623
11624
11625
11626
11627
11628
11629
11630
11631
11632
11633
11634
11635
11636
11637
11638
11639
11640
11641
11642
11643
11644
11645
11646
11647
11648
11649
11650
11651
11652
11653
11654
11655
11656
11657
11658
11659
11660
11661
11662
11663
11664
11665
11666
11667
11668
11669
11670
11671
11672
11673
11674
11675
11676
11677
11678
11679
11680
11681
11682
11683
11684
11685
11686
11687	<style>
11688		/* Embed-relaterad CSS har flyttats till css_embed.jsp */
11689		f-embed[data-type="mux"] {
11690			display: block;
11691		}
11692	</style>
11693
11694
11695
11696
11697
11698
11699
11700
11701
11702
11703
11704
11705
11706
11707
11708
11709
11710
11711
11712
11713
11714
11715
11716
11717
11718
11719
11720
11721
11722
11723
11724
11725
11726
11727
11728
11729
11730
11731
11732
11733
11734
11735
11736
11737
11738
11739
11740
11741
11742
11743
11744
11745
11746
11747
11748
11749
11750
11751
11752
11753
11754
11755
11756
11757
11758
11759
11760
11761
11762 
11763
11764
11765
11766
11767
11768
11769
11770
11771
11772
11773
11774
11775
11776
11777
11778
11779
11780
11781
11782
11783
11784
11785
11786
11787
11788
11789
11790
11791
11792
11793
11794
11795
11796
11797
11798
11799
11800
11801
11802
11803
11804
11805
11806
11807
11808	
11809
11810
11811
11812
11813
11814
11815
11816
11817
11818
11819
11820
11821
11822
11823
11824
11825
11826
11827
11828
11829
11830
11831
11832
11833
11834
11835
11836
11837
11838
11839
11840
11841
11842
11843
11844
11845
11846
11847
11848
11849
11850
11851
11852
11853		
11854
11855
11856		
11857
11858
11859
11860
11861
11862
11863
11864
11865
11866
11867
11868
11869
11870
11871
11872
11873
11874
11875
11876
11877
11878
11879
11880
11881
11882
11883
11884
11885
11886
11887
11888
11889
11890
11891
11892
11893
11894
11895
11896
11897
11898
11899
11900
11901
11902
11903
11904
11905
11906
11907
11908
11909
11910
11911
11912
11913
11914
11915
11916
11917
11918
11919
11920
11921
11922
11923
11924
11925
11926
11927
11928
11929
11930
11931
11932
11933
11934
11935
11936
11937
11938
11939
11940
11941
11942
11943
11944	<style>
11945		f-externalyoutube-container { margin: var(--f-article-padding); display: block; }
11946		f-externalyoutube { display: block; margin: 0; }
11947		f-externalyoutube-track, f-externalyoutube-list, f-externalyoutube-item { display: block; }
11948		
11949		f-externalyoutubethumbs { display: block; margin-top: 6px; }
11950		f-externalyoutubethumbs-track, f-externalyoutubethumbs-list, f-externalyoutubethumbs-item { display: block; }
11951		f-externalyoutubethumbs-track { overflow: unset !important; }
11952		f-externalyoutubethumbs-item img { width: 100% }
11953		f-externalyoutubethumbs-item .splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, f-externalyoutubethumbs-item .splide--nav>.splide__track>.splide__list>.splide__slide { border: 0; }
11954		f-externalyoutubethumbs-item .splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, f-externalyoutubethumbs-item .splide--nav>.splide__track>.splide__list>.splide__slide.is-active { border: 0; opacity: 0.5; }
11955		f-externalyoutubethumbs-item.is-active { opacity: 0.5; transition: all .4s ease-in-out; border: none !important; }
11956		
11957	</style>
11958
11959
11960
11961
11962
11963
11964
11965
11966
11967
11968
11969
11970
11971
11972
11973
11974
11975
11976
11977
11978
11979
11980
11981
11982
11983
11984
11985
11986
11987
11988
11989
11990
11991
11992
11993
11994
11995
11996
11997
11998
11999
12000
12001
12002
12003
12004
12005
12006
12007
12008
12009
12010
12011
12012
12013
12014
12015
12016
12017
12018
12019
12020
12021
12022
12023 
12024
12025
12026
12027
12028
12029
12030
12031
12032
12033
12034
12035
12036
12037
12038
12039
12040
12041
12042
12043
12044
12045
12046
12047
12048
12049
12050
12051
12052
12053
12054
12055
12056
12057
12058
12059
12060
12061
12062
12063
12064
12065
12066
12067
12068
12069	
12070
12071
12072
12073
12074
12075
12076
12077
12078
12079
12080
12081
12082
12083
12084
12085
12086
12087
12088
12089
12090
12091
12092
12093
12094
12095
12096
12097
12098
12099
12100
12101
12102
12103
12104
12105
12106
12107
12108
12109
12110
12111
12112
12113
12114		
12115
12116
12117		
12118
12119
12120
12121
12122
12123
12124
12125
12126
12127
12128
12129
12130
12131
12132
12133
12134
12135
12136
12137
12138
12139
12140
12141
12142
12143
12144
12145
12146
12147
12148
12149
12150
12151
12152
12153
12154
12155
12156
12157
12158
12159
12160
12161
12162
12163
12164
12165
12166
12167
12168
12169
12170
12171
12172
12173
12174
12175
12176
12177
12178
12179
12180
12181
12182
12183
12184
12185
12186
12187
12188
12189
12190
12191
12192
12193
12194
12195
12196
12197
12198
12199
12200
12201
12202
12203
12204
12205
12206
12207
12208
12209
12210
12211
12212	<style>
12213		
12214		f-article-disqus-container {
12215			display: block; margin: var(--f-margins); max-width: 980px; width: 100%;
12216			background-color: var(--f-article-background);
12217		}
12218		f-article-disqus {
12219			display: block; max-height: 0; padding: 0; transition: max-height .4s ease-in-out; overflow: hidden; font-family: var(--f-suisse-regular);
12220			background-color: var(--f-article-background);
12221		}
12222		f-article-disqus[data-open="false"][data-loaded="false"] { padding: 0px; max-height: 0px; }
12223		f-article-disqus[data-open="true"][data-loaded="loading"] { padding: 0px; max-height: none; }
12224		f-article-disqus[data-open="true"][data-loaded="true"] { padding: 0px; max-height: none; min-height: 250px; }
12225
12226
12227
12228		f-article-disqus-rules {
12229			display: block; margin: 0; padding: 0 18px; 
12230			font-family: var(--f-suisse-regular); font-size: 15px;  line-height:40px; font-weight: 300; -webkit-font-smoothing: antialiased; text-align: center;  
12231			background-color: var(--f-article-background-inline); color: var(--f-article-text-color); 
12232		}
12233		f-article-disqus-rules a { 
12234			color: var(--f-article-link-color); text-decoration: none; text-decoration-color: var(--f-article-text-color-invert); 
12235			font-family: var(--f-suisse-semibold); font-weight: 300; 
12236		}
12237		f-article-disqus-container f-article-disqus-rules { margin-top: 0; }
12238		
12239		f-article-disqus-loading { width: 100%; }
12240		f-article-disqus-loading w8 { margin: 100px auto; }
12241		
12242		f-article-disqus[data-loaded=false] f-article-disqus-loading { display: block; }
12243		f-article-disqus[data-loaded=false] f-article-disqus-loaded { display: none; }
12244
12245		f-article-disqus[data-loaded=loading] f-article-disqus-loading { display: block; }
12246		f-article-disqus[data-loaded=loading] f-article-disqus-loaded { display: none; }
12247		
12248		f-article-disqus[data-loaded=true] f-article-disqus-loading { display: none; }
12249		f-article-disqus[data-loaded=true] f-article-disqus-loaded { display: block; }
12250
12251
12252
12253
12254
12255		#disqus_thread {
12256			padding: 5px var(--f-article-padding);
12257		}
12258
12259		/* FEATURED DISQUS COMMENT */
12260		f-disqus-featured { display: none; }
12261		f-disqus-featured[data-loaded="true"] {
12262			display: block;
12263			margin: 0 var(--f-article-padding) var(--f-article-padding);
12264			padding: 15px;
12265			background: var(--f-article-background-inline-pale);
12266			border-left: 3px solid var(--n-orange);
12267			cursor: pointer;
12268		}
12269		f-disqus-featured-label {
12270			display: block;
12271			font-family: var(--f-suisse-semibold);
12272			font-size: 11px;
12273			text-transform: uppercase;
12274			letter-spacing: 0.5px;
12275			color: var(--f-article-text-color-shade-deluxe);
12276			margin-bottom: 10px;
12277			-webkit-font-smoothing: antialiased;
12278		}
12279		f-disqus-featured f-disqus-post {
12280			display: flex;
12281			gap: 10px;
12282		}
12283		f-disqus-featured f-disqus-avatar {
12284			display: block;
12285			width: 36px;
12286			min-width: 36px;
12287		}
12288		f-disqus-featured f-disqus-avatar img {
12289			width: 100%;
12290			border-radius: 50%;
12291		}
12292		f-disqus-featured f-disqus-right {
12293			display: flex;
12294			flex-direction: column;
12295			gap: 4px;
12296		}
12297		f-disqus-featured f-disqus-nickname {
12298			font-family: var(--f-suisse-regular);
12299			font-size: 12px;
12300			color: var(--f-article-text-color-shade-deluxe);
12301			-webkit-font-smoothing: antialiased;
12302		}
12303		f-disqus-featured f-disqus-nickname strong {
12304			color: var(--f-article-text-color);
12305		}
12306		f-disqus-featured f-disqus-message {
12307			font-family: var(--f-suisse-regular);
12308			font-size: 14px;
12309			line-height: 20px;
12310			color: var(--f-article-text-color);
12311			-webkit-font-smoothing: antialiased;
12312		}
12313		f-disqus-featured f-disqus-message p {
12314			margin-block: 0;
12315		}
12316
12317	</style>
12318
12319
12320
12321
12322
12323
12324
12325
12326
12327
12328
12329
12330
12331
12332
12333
12334
12335
12336
12337
12338
12339
12340
12341
12342
12343
12344
12345
12346
12347
12348
12349
12350
12351
12352
12353
12354
12355
12356
12357
12358
12359
12360
12361
12362
12363
12364
12365
12366
12367
12368
12369
12370
12371
12372
12373
12374
12375
12376 
12377
12378
12379
12380
12381
12382
12383
12384
12385
12386
12387
12388
12389
12390
12391
12392
12393
12394
12395
12396
12397
12398
12399
12400
12401
12402
12403
12404
12405
12406
12407
12408
12409
12410
12411
12412
12413
12414
12415
12416
12417
12418
12419
12420
12421
12422	
12423
12424
12425
12426
12427
12428
12429
12430
12431
12432
12433
12434	
12435	
12436
12437
12438
12439
12440
12441
12442
12443
12444
12445
12446
12447
12448
12449
12450
12451
12452
12453
12454
12455
12456
12457
12458
12459
12460
12461
12462
12463
12464
12465
12466
12467
12468
12469
12470
12471
12472
12473
12474
12475
12476
12477
12478
12479
12480
12481
12482
12483
12484
12485
12486
12487
12488
12489
12490
12491
12492
12493
12494
12495
12496
12497
12498
12499
12500
12501
12502
12503
12504
12505
12506
12507
12508
12509
12510
12511
12512
12513
12514
12515
12516
12517	
12518
12519
12520
12521
12522
12523
12524
12525
12526
12527
12528
12529	
12530
12531
12532
12533
12534
12535
12536
12537	
12538
12539
12540
12541
12542
12543
12544	
12545
12546
12547
12548
12549	
12550
12551
12552
12553
12554	
12555
12556
12557
12558
12559
12560	
12561
12562  
12563 
12564 
12565 
12566 
12567 
12568
12569
12570
12571
12572
12573
12574
12575
12576
12577
12578
12579
12580
12581<script>
12582
12583	function loadDisqus(theDiv,theURL,scrolling) {
12584
12585		// Loading anim
12586		var bouncer = "<w8><w8a></w8a><w8b></w8b></w8>";
12587
12588		// Fixa selektorn genom att lägga till citattecken runt attributvärden om de saknas
12589		var fixedSelector = theDiv.replace(/\[data-id=([^\]]+)\]/g, '[data-id="$1"]');
12590		var targetElement = document.querySelector(fixedSelector);
12591		if (!targetElement) {
12592			console.error('loadDisqus: Element not found:', fixedSelector);
12593			return;
12594		}
12595
12596		// Start with closing all comments and set some attr
12597		document.querySelectorAll('f-article-disqus').forEach(function(el) {
12598			el.innerHTML = '';
12599			el.setAttribute('data-open', 'false');
12600			el.setAttribute('data-loaded', 'false');
12601		});
12602
12603		// Then we enlarge the correct element and load the bouncer
12604		targetElement.setAttribute('data-open', 'true');
12605		targetElement.setAttribute('data-loaded', 'loading');
12606		targetElement.innerHTML = bouncer;
12607
12608		if (scrolling != 'noscroll') {
12609			// Then we scroll to the element, if setting is not noscroll
12610			var elementTop = targetElement.getBoundingClientRect().top + window.pageYOffset;
12611			window.scrollTo({ top: elementTop - 3, behavior: 'smooth' });
12612			var menuContainer = document.querySelector('f-menu-container');
12613			if (menuContainer) menuContainer.setAttribute('data-show', 'no');
12614		}
12615
12616		// Then we load disqus via fetch
12617		fetch(theURL)
12618			.then(function(response) {
12619				if (!response.ok) throw new Error(response.status + ' ' + response.statusText);
12620				return response.text();
12621			})
12622			.then(function(html) {
12623				targetElement.innerHTML = '';
12624
12625				// Parse och infoga HTML
12626				var tempDiv = document.createElement('div');
12627				tempDiv.innerHTML = html;
12628				while (tempDiv.firstChild) {
12629					targetElement.appendChild(tempDiv.firstChild);
12630				}
12631
12632				// Hitta och kör alla script-taggar
12633				var scripts = targetElement.querySelectorAll('script');
12634				for (var i = 0; i < scripts.length; i++) {
12635					var script = scripts[i];
12636					var newScript = document.createElement('script');
12637					if (script.src) {
12638						newScript.src = script.src;
12639					} else {
12640						newScript.textContent = script.textContent;
12641					}
12642					script.parentNode.replaceChild(newScript, script);
12643				}
12644
12645				// Create a checker for Disqus status
12646				var checkDisqusStatusInterval = setInterval(checkDisqusStatus, 200);
12647				var readyCounter = 0;
12648
12649				function checkDisqusStatus() {
12650					if (window.disqusReady == true || readyCounter > 10) {
12651						targetElement.setAttribute('data-loaded', 'true');
12652						window.disqusReady = false;
12653						clearInterval(checkDisqusStatusInterval);
12654					}
12655					readyCounter++;
12656				}
12657			})
12658			.catch(function(error) {
12659				targetElement.innerHTML = "Oops, n\u00E5got gick fel! " + error.message;
12660			});
12661
12662		// Ping analytics about the event
12663		if (typeof plausible === 'function') {
12664			if (scrolling == 'noscroll') {
12665				plausible('CommentsOpen', {props: {Open: 'Startpage', URL: theURL}});
12666			} else {
12667				plausible('CommentsOpen', {props: {Open: 'Artpage', URL: theURL}});
12668			}
12669		}
12670
12671	};
12672
12673</script>
12673
12674
12675
12676
12677
12678
12679
12680
12681
12682
12683
12684
12685
12686
12687
12688
12689
12690
12691
12692
12693
12694
12695
12696
12697
12698
12699
12700
12701
12702
12703
12704
12705
12706	
12707
12708
12709
12710
12711
12712
12713
12714
12715
12716
12717
12718	
12719	
12720
12721
12722
12723
12724
12725
12726
12727
12728
12729
12730
12731
12732
12733
12734
12735
12736
12737
12738
12739
12740
12741
12742
12743
12744
12745
12746
12747
12748
12749
12750
12751
12752
12753
12754
12755
12756
12757
12758
12759
12760
12761
12762
12763
12764
12765
12766
12767
12768
12769
12770
12771
12772
12773
12774
12775
12776
12777
12778
12779
12780
12781
12782
12783
12784
12785
12786
12787
12788
12789
12790
12791
12792
12793
12794
12795
12796
12797
12798
12799
12800
12801	
12802
12803
12804
12805
12806
12807
12808
12809
12810
12811
12812
12813	
12814
12815
12816
12817
12818
12819
12820
12821	
12822
12823
12824
12825
12826
12827
12828	
12829
12830
12831
12832
12833	
12834
12835
12836
12837
12838	
12839
12840
12841
12842
12843
12844	
12845
12846  
12847 
12848 
12849 
12850 
12851 
12852
12853
12854
12855
12856
12857
12858
12859
12860
12861
12862
12863
12864
12865
12866
12867<script>
12868
12869	function loadFeaturedComments() {
12870		document.querySelectorAll('f-disqus-featured[data-loaded="false"]').forEach(function(el) {
12871			var artId = el.getAttribute('data-artid');
12872			if (!artId) return;
12873
12874			el.setAttribute('data-loaded', 'loading');
12875
12876			fetch('/snippets/disqus_fetcher.jsp?what=featured&artid=' + artId)
12877				.then(function(response) { return response.json(); })
12878				.then(function(data) {
12879					if (data && data.response && data.response.length > 0) {
12880						var post = data.response[0];
12881						var authorName = post.author.name;
12882						var authorAvatar = post.author.avatar.large ? post.author.avatar.large.cache : post.author.avatar.cache;
12883						var message = post.message;
12884
12885						el.innerHTML = '<f-disqus-featured-label>Utvald kommentar</f-disqus-featured-label>' +
12886							'<f-disqus-post>' +
12887								'<f-disqus-avatar><img src="' + authorAvatar + '" alt="' + authorName + '" /></f-disqus-avatar>' +
12888								'<f-disqus-right>' +
12889									'<f-disqus-nickname><strong>' + authorName + '</strong></f-disqus-nickname>' +
12890									'<f-disqus-message>' + message + '</f-disqus-message>' +
12891								'</f-disqus-right>' +
12892							'</f-disqus-post>';
12893
12894						el.setAttribute('data-loaded', 'true');
12895					} else {
12896						el.setAttribute('data-loaded', 'empty');
12897					}
12898				})
12899				.catch(function(error) {
12900					console.error('Featured comment error:', error);
12901					el.setAttribute('data-loaded', 'error');
12902				});
12903		});
12904	}
12905
12906	if (document.readyState === 'loading') {
12907		document.addEventListener('DOMContentLoaded', loadFeaturedComments);
12908	} else {
12909		loadFeaturedComments();
12910	}
12911
12912</script>
12912
12913
12914
12915
12916
12917
12918
12919
12920
12921
12922
12923
12924
12925
12926
12927
12928
12929
12930
12931
12932
12933
12934
12935
12936
12937
12938
12939
12940
12941
12942
12943	
12944
12945
12946
12947
12948
12949
12950
12951
12952
12953
12954
12955
12956
12957
12958
12959
12960
12961
12962
12963
12964
12965
12966
12967
12968
12969
12970
12971
12972
12973
12974
12975
12976
12977
12978
12979
12980
12981
12982
12983
12984
12985
12986
12987
12988		
12989
12990
12991		
12992
12993
12994
12995
12996
12997
12998
12999
13000
13001
13002
13003
13004
13005
13006
13007
13008
13009
13010
13011
13012
13013
13014
13015
13016
13017
13018
13019
13020
13021
13022
13023
13024
13025
13026
13027
13028
13029
13030
13031
13032
13033
13034
13035
13036
13037
13038
13039
13040
13041
13042
13043
13044
13045
13046
13047
13048
13049
13050
13051
13052
13053
13054
13055
13056
13057
13058
13059
13060
13061
13062
13063
13064
13065
13066
13067
13068
13069
13070
13071
13072
13073
13074
13075
13076
13077
13078
13079
13080
13081
13082
13083
13084
13085
13086
13087
13088
13089	<style>
13090		.pspy_widget {
13091			position: relative; margin: 0px 20px; padding: 20px; border-radius: 6px; width: calc(100% - 80px); height: auto;
13092			background-color: rgba(0,0,0,0.05);
13093			font-family: var(--f-suisse-regular); font-size: 14px; font-weight: 300; line-height: 17px; -webkit-font-smoothing: antialiased;
13094		}
13095		.pspy_widget * { margin: 0; }
13096		.pspy_widget a, .pspy_widget a:visited { font-weight: 300; text-decoration: none; color: black; }
13097		.pspy_widget:after { content:""; display:table; clear:both; }
13098		.pspy_widget p, .pspy_widget table { padding-bottom: 0;  }
13099		
13100		.pspy_widget .w_header { display: none; }
13101		.pspy_widget .w_body { overflow: hidden; height: 112px!important; }
13102		.pspy_widget .w_item {padding: 0; width:100%; background-color: transparent; }
13103		.pspy_widget .w_item:last-of-type { margin-bottom: 3em; }
13104		.pspy_widget .w_item:nth-child(3n+1){clear:left}
13105		.pspy_widget .w_full_width { width:100%; }
13106		.pspy_widget .w_basic_info { float:left; min-width: 300px; }
13107		.pspy_widget .w_footer {
13108			position: absolute; bottom: 10px; right: 12px; padding: 0; overflow: hidden; height: 14px;
13109		}
13110		.pspy_widget .w_footer img { height: 14px; }
13111		
13112		.pspy_widget .w_figure .w_img { width: 100px; height: 100px; border: 6px solid white; border-radius: 6px; }
13113		.pspy_widget .w_figure, .pspy_widget .w_info { display: table-cell; }
13114		.pspy_widget .w_figure { vertical-align: top; width: 112px; padding: 0; float: left; }
13115		
13116		.pspy_widget table { float: right; font-family: SuisseBold;font-size: 16px; color: #f7520c; margin-top: 7px; }
13117		.pspy_widget .w_name { font-size: 16px; font-weight: 300; margin: 0; font-family: var(--f-suisse-bold); color: #222!important; -webkit-font-smoothing: antialiased; }
13118		.pspy_widget .w_price { color: #f7520c; float: none; text-align: left; }
13119		.pspy_widget .w_price, .pspy_widget .w_price a { color: #f7520c; }
13120		.pspy_widget .w_price > span { color: #000; }
13121		.pspy_widget .w_grade, .pspy_widget .w_grade a { color: orangered; }
13122		
13123		.pspy_widget .w_store_count { color: rgb(63, 69, 73); }
13124		.pspy_widget .w_store_logo { height: 20px; margin-right: 15px; }
13125		.pspy_widget .w_store_name .w_store_title.w_no_logo { display: none; }
13126		.pspy_widget .w_store_name .w_store_title { font-family: SuisseRegular; color: black; margin-right: 10px; }
13127		.pspy_widget .w_store_name { min-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; }
13128		
13129		.pspy_widget .w_info { padding: 6px 14px; float: left; }
13130		.pspy_widget .w_in_stock { color: green; font-weight: normal; display: none; }
13131		.pspy_widget .w_incoming { color: #FFD400; display: none; }
13132		.pspy_widget .w_not_in_stock { color: #DD2729; display: none; }
13133		.pspy_widget .w_unfeatured, .pspy_widget .w_featured.download { color: lightgray; }
13134		.pspy_widget .w_unfeatured, .pspy_widget .w_featured{ position:relative; }
13135		.pspy_widget .w_unfeatured:before, .pspy_widget .w_featured:before {
13136			content:attr(title); color:#000; background:#eee; position:absolute; right:-9999px; opacity:0; white-space: nowrap; -webkit-transition:0.25s linear opacity; transition:0.25s linear opacity;
13137		}
13138		.pspy_widget .w_unfeatured:hover:before, .pspy_widget .w_featured:hover:before { right:1em; opacity:1; padding-left: .2em; }
13139		
13140		.pspy_widget .w_collaboration_tagline { color: #b0afaf; display: inline-block; font-size: 1.2em; }
13141		.pspy_widget .w_collaboration_tagline img, .pspy_widget .w_tagline { vertical-align: middle; }
13142		.pspy_widget .w_body{height:auto;padding-bottom:0;overflow-y:hidden}
13143		
13144		.pspy_widget .w_link { color: #05659c; }
13145		.pspy_widget .w_name .w_link { color: black; }
13146		.pspy_widget table .w_link  { color: orangered !important; font-size: 20px; }
13147		
13148		@media only screen and (max-width: 480px) {	
13149			.pspy_widget { width: calc(100% - 60px); margin: 0px 15px; padding: 15px; }
13150			.pspy_widget .w_info { padding: 0px; float: left; font-size: 13px; }
13151			.pspy_widget .w_name { font-size: 14px; }
13152			.pspy_widget table { padding-left: 0px; float: left; padding-top: 10px; }
13153			.pspy_widget .w_figure { float: right; width: 70px; }
13154			.pspy_widget .w_figure .w_img { width: 58px; height: 58px; }
13155			.pspy_widget .w_footer { height: 14px; margin-top: -14px; margin-right: 0px;}
13156			.pspy_widget .w_footer img { height: 14px; }
13157		}
13158		
13159		f-article-prisjakt { display: block; margin: var(--f-article-padding);  }
13160		[data-premium="true"] f-article-prisjakt { display: none; }
13161		
13162		f-article-prisjakt [id$="-advertiser-container"], 
13163		f-article-prisjakt [id$="-number"], 
13164		f-article-prisjakt [id$="-price-text"], 
13165		f-article-prisjakt [id$="-text-container"] 
13166		{ font-family: var(--f-suisse-regular) !important; font-weight: 300 !important;  } 
13167		
13168		f-article-prisjakt [id$="-ad-container"], 
13169		f-article-prisjakt [id$="-header"], 
13170		f-article-prisjakt [id$="-header-container"], 
13171		f-article-prisjakt [id$="-main-price"]
13172		{ font-family: var(--f-suisse-semibold) !important; font-weight: 300 !important; } 
13173		
13174		f-article-prisjakt [id$="-number"], 
13175		f-article-prisjakt [id$="-price-text"], 
13176		f-article-prisjakt [id$="-text-container"],
13177		f-article-prisjakt [id$="-ad-container"], 
13178		f-article-prisjakt [id$="-advertiser-container"], 
13179		f-article-prisjakt [id$="-price-container"], 
13180		f-article-prisjakt [id$="-ad"], 
13181		f-article-prisjakt [id$="-header"], 
13182		f-article-prisjakt [id$="-main-price"] {
13183			color: var(--f-article-text-color) !important; font-weight: 300 !important;
13184		}
13185		
13186		f-prisjakt [id$="-ad-container"] { background-color: transparent !important; }
13187		
13188		f-prisjakt [id$="-product-img"] { margin: 0 !important; border: 4px solid white; }
13189	</style>	
13190
13191
13192
13193
13194
13195
13196
13197
13198
13199
13200
13201
13202
13203
13204
13205
13206
13207
13208
13209
13210
13211
13212
13213
13214
13215
13216
13217
13218
13219
13220
13221
13222
13223
13224
13225
13226
13227
13228
13229
13230
13231
13232
13233
13234
13235
13236
13237
13238
13239
13240
13241
13242
13243
13244
13245 
13246
13247
13248
13249
13250
13251
13252
13253
13254
13255
13256
13257
13258
13259
13260
13261
13262
13263
13264
13265
13266
13267
13268
13269
13270
13271
13272
13273
13274
13275
13276
13277
13278
13279
13280
13281
13282
13283
13284
13285
13286
13287
13288
13289
13290
13291	
13292
13293
13294
13295
13296
13297
13298
13299
13300
13301
13302
13303
13304
13305
13306
13307
13308
13309
13310
13311
13312
13313
13314
13315
13316
13317
13318
13319
13320
13321
13322
13323
13324
13325
13326
13327
13328
13329
13330
13331
13332
13333
13334
13335
13336		
13337
13338
13339		
13340
13341
13342
13343
13344
13345
13346
13347
13348
13349
13350
13351
13352
13353
13354
13355
13356
13357
13358
13359
13360
13361
13362
13363
13364
13365
13366
13367
13368
13369
13370
13371
13372
13373
13374
13375
13376
13377
13378
13379
13380
13381
13382
13383
13384
13385
13386
13387
13388
13389
13390
13391
13392
13393
13394
13395
13396
13397
13398
13399
13400
13401
13402
13403
13404
13405
13406
13407
13408
13409
13410
13411
13412
13413
13414
13415
13416
13417
13418
13419
13420
13421
13422
13423
13424
13425
13426
13427
13428
13429
13430
13431
13432
13433
13434
13435
13436
13437
13438
13439
13440
13441	<style>
13442		
13443		f-artcollapsed {
13444			background-color: var(--f-article-background-inline);
13445			display: none;  grid-template-columns: 1fr auto; grid-template-rows: auto; grid-template-areas: "header tagline";
13446			margin: 20px auto; max-width: calc(980px - var(--f-article-padding) - var(--f-article-padding)); padding: var(--f-article-padding);
13447		}
13448		
13449		f-artcollapsed-header {
13450			display: grid; grid-area: header; font-family: var(--f-suisse-regular); font-size: 20px; line-height: 20px; font-weight: 300; color: var(--f-article-text-color-shade-deluxe);  -webkit-font-smoothing: antialiased; 
13451		}
13452		
13453		f-artcollapsed-headline b { font-family: var(--f-suisse-bold); font-weight: 300;  color: var(--f-article-text-color); }
13454		
13455		f-artcollapsed-tagline { display: block; grid-area: tagline; }
13456		
13457		f-artcollapsed-tagline f-bubble {
13458			float: right; margin: 0; padding: 0px 11px; min-width: 24px; cursor: pointer; background: #333; border: 1px solid #333;
13459			font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; text-align: center; color: #fff; text-decoration: none;text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em;
13460		}
13461		
13462		f-artcollapsed-tagline f-bubble::after { 
13463			content: ' '; background-color: none; display: block; position: absolute;
13464			border-left: 2px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #333;
13465			padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: -4px;
13466		}
13467		
13468		f-artcollapsed .temp {
13469			padding: 0px 11px; float: right; margin-left: 15px; cursor: default; background: #333; border: 1px solid transparent;
13470			font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; text-align: center; color: #fff;
13471			text-decoration: none; text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em;
13472		}
13473		
13474		@media only screen and (max-width: 480px) {
13475			f-artcollapsed-header { font-size: 16px; line-height: 16px; }
13476			f-artcollapsed .temp { padding: 0 6px; font-size: 18px;
13476 line-height: 26px; }
13477			f-artcollapsed-tagline f-bubble { padding: 0 6px 0 6px; font-size: 18px; line-height: 26px; min-width: calc(28px - 11px); }
13478			f-artcollapsed-tagline f-bubble::after { 
13479				border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; margin-top: 0px; margin-right: 0px; margin-left: -1px;
13480			}
13481		}
13482		
13483	</style>
13484
13485
13486
13487
13488
13489
13490
13491
13492
13493
13494
13495
13496
13497
13498
13499
13500
13501
13502
13503
13504
13505
13506
13507
13508
13509
13510
13511
13512
13513
13514
13515
13516
13517
13518
13519
13520
13521
13522
13523
13524
13525
13526
13527
13528
13529
13530
13531
13532
13533
13534
13535 
13536
13537
13538
13539
13540
13541
13542
13543
13544
13545
13546
13547
13548
13549
13550
13551
13552
13553
13554
13555
13556
13557
13558
13559
13560
13561
13562
13563
13564
13565
13566
13567
13568
13569
13570
13571
13572
13573
13574
13575
13576
13577
13578
13579
13580
13581	
13582
13583
13584
13585
13586
13587
13588
13589
13590
13591
13592
13593
13594
13595
13596
13597
13598
13599
13600
13601
13602
13603
13604
13605
13606
13607
13608
13609
13610
13611
13612
13613
13614
13615
13616
13617
13618
13619
13620
13621
13622
13623
13624
13625
13626		
13627
13628
13629		
13630
13631
13632
13633
13634
13635
13636
13637
13638
13639
13640
13641
13642
13643
13644
13645
13646
13647
13648
13649
13650
13651
13652
13653
13654
13655
13656
13657
13658
13659
13660
13661
13662
13663
13664
13665
13666
13667
13668
13669
13670
13671
13672
13673
13674
13675
13676
13677
13678
13679
13680
13681
13682
13683
13684
13685
13686
13687
13688
13689
13690
13691
13692
13693
13694
13695
13696
13697
13698
13699
13700
13701
13702
13703
13704
13705
13706
13707
13708
13709
13710
13711
13712
13713
13714
13715
13716
13717
13718
13719
13720
13721
13722
13723
13724
13725
13726
13727
13728
13729
13730
13731
13732
13733
13734
13735	<style>
13736		
13737		
13738
13739		f-article-footer { grid-area: footer; display: block; font-family: var(--f-suisse-regular); margin: 0 auto; padding: var(--f-article-padding);
13740			width: calc(var(--f-article-width) - var(--f-article-padding) - var(--f-article-padding));
13741			max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding) - var(--f-article-padding));
13742			height: 40px;
13743			background: var(--f-article-background-inline);
13744		}
13745
13746		f-article[data-artsite='tjock'] f-article-footer { background: var(--f-article-background); }
13747
13748		[data-darkmode='on'] f-article-footer { 
13749			border-top: 1px solid var(--f-article-background-inline-header);
13750		}
13751
13752		@media only screen and (max-width: 480px) {
13753			f-article-footer { height: 34px; }
13754		}
13755		@media only screen and (max-width: 370px) {
13756			f-article-footer { width: calc(100% - var(--f-article-padding) - var(--f-article-padding)); padding: var(--f-article-padding); height: 28px; }
13757		}
13758		
13759		
13760	
13761		f-article-footer-plus, f-article-footer-minus {
13762			display: flex; align-items: center; justify-content: center; float: right;
13763			height: 40px; width: 40px; margin-left: 4px; cursor: pointer; line-height: 0;
13764		}
13765		f-article-footer-plus { margin-left: 4px; }
13766		f-article-footer-minus { margin-left: 15px; }
13767		f-article-footer-plus svg, f-article-footer-minus svg { display: block; flex: 0 0 auto; height: 40px; width: 40px; }
13768		
13769		f-article[data-artsite='tjock'] f-article-footer-plus svg path.plusBackground { fill: var(--f-hot-color-tjock); }
13770		f-article[data-artsite='tjock'] f-article-footer-plus svg path.minusBackground { fill: var(--f-cold-color-tjock); }
13771		
13772		f-article[data-artsite='tjock'] f-article-footer-plus svg path.plusBackground { fill: var(--f-hot-color-tjock); }
13773		f-article[data-artsite='tjock'] f-article-footer-plus svg path.minusBackground { fill: var(--f-cold-color-tjock); }
13774		@media only screen and (max-width: 480px) {
13775			f-article-footer-plus, f-article-footer-minus, f-article-footer-plus svg, f-article-footer-minus svg { height: 34px; width: 34px; }
13776			f-article-footer-minus { margin-left: 10px; }
13777		}
13778		@media only screen and (max-width: 370px) {
13779			f-article-footer-plus, f-article-footer-minus, f-article-footer-plus svg, f-article-footer-minus svg { height: 28px; width: 28px; }
13780		}
13781		
13782	
13783		f-article-footer .temp, f-article-footer f-article-temp { 
13784			padding: 0px 11px; float: right; margin-left: 4px; cursor: default;
13785			background: #333; border: 1px solid transparent;
13786			font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; text-align: center; color: #fff;
13787			text-decoration: none; text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em;
13788			transition: width .3s ease-in-out;
13789		}
13790		
13791		/* f-article[data-artsite='tjock'] f-article-temp, 
13792		f-article[data-artsite='tjock'] .temp { font-family: var(--f-lato-light); letter-spacing: -0.05em; } */
13793		
13794		f-article[data-tempstatus='hot'] .temp { background-color: var(--f-hot-color); }
13795		f-article[data-tempstatus='cold'] .temp { background-color: var(--f-cold-color); }
13796		
13797		f-article-temp[data-tempstatus='normal'] { background-color: var(--f-normal-color); }
13798		f-article-temp[data-tempstatus='hot'] { background-color: var(--f-hot-color); }
13799		f-article-temp[data-tempstatus='cold'] { background-color: var(--f-cold-color); }
13800		
13801		f-article[data-artsite='tjock'] f-article-temp[data-tempstatus='hot'] { background-color: var(--f-hot-color-tjock); }
13802		f-article[data-artsite='tjock'] f-article-temp[data-tempstatus='cold'] { background-color: var(--f-cold-color-tjock); }
13803		
13804		f-article[data-artsite='tjock'] f-article-footer .temp { font-family: var(--f-lato-light); }
13805		
13806		@media only screen and (max-width: 480px) {
13807			f-article-footer .temp, f-article-footer f-article-temp { padding: 0 8px; font-size: 20px; line-height: 32px; -webkit-font-smoothing: auto; }
13808			
13809		}
13810		@media only screen and (max-width: 370px) {
13811			f-article-footer .temp, f-article-footer f-article-temp { padding: 0 6px; font-size: 18px;
13811 line-height: 26px; }
13812		}
13813		
13814		
13815		
13816		
13817		f-bubble {
13818			float: right; margin: 0; padding: 0px 11px; min-width: 24px; cursor: pointer; background: #333; border: 1px solid #333;
13819			font-family: var(--f-suisse-light); font-size: 24px; line-height: 38px; font-weight: 300; text-align: center; color: #fff;
13820			text-decoration: none; text-transform: none; -webkit-font-smoothing: auto; letter-spacing: -0.01em;
13821		}
13822		
13823		f-bubble::after { 
13824			content: ' '; background-color: none; display: block; position: absolute;
13825			padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: -4px;
13826			border-left: 2px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #333;
13827		}
13828		
13829		/* f-article[data-artsite='tjock'] f-article-footer f-bubble { font-family: var(--f-lato-light); } */
13830		
13831		
13832		@media only screen and (max-width: 480px) {
13833			f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 20px; line-height: 32px; min-width: calc(34px - 12px); }
13834			f-article-footer f-bubble::after { 
13835				margin-top: 0px; margin-right: 0px; margin-left: -2px;
13836				border-left: 2px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #333;
13837			}
13838			f-article-footer .arrow { margin-top: 9px; }
13839		}
13840		
13841		@media only screen and (max-width: 370px) {
13842			f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 18px; line-height: 26px; min-width: calc(28px - 11px); }
13843			
13844			f-article-footer f-bubble::after { 
13845				margin-top: 0px; margin-right: 0px; margin-left: -1px;
13846				border-left: 2px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333;
13847			}
13848		}
13849		
13850		
13851		
13852		f-article-footer-writerinfo {
13853			display: block; float: left; padding: 6px 0 0 10px;
13854			text-transform: uppercase; font-size: 12px; font-family: var(--f-suisse-regular); color: var(--f-article-text-color-shade-deluxe); line-height: 14px;
13855		}
13856		
13857		f-article-footer-writerinfo b {
13858			font-family: var(--f-suisse-bold); font-weight: 300; color: var(--f-article-text-color-shade); -webkit-font-smoothing: antialiased;
13859		}
13860		
13861		f-article-footer .writer_icon { width: 40px; height: 40px; float: left; margin-right: 4px; }
13862		
13863		@media only screen and (max-width: 480px) {
13864			f-article-footer .writer_icon { 	width: 34px; height: 34px; }
13865			f-article-footer-writerinfo { font-size: 10px; padding: 6px 0 0 4px; line-height: 12px; }
13866		}
13867		@media only screen and (max-width: 370px) {
13868			f-article-footer .writer_icon { width: 28px; height: 28px; }
13869			f-article-footer-writerinfo { font-size: 9px; padding: 4px 0 0 2px; line-height: 11px; }
13870		}
13871		
13872		
13873		
13874	
13875		
13876		f-share {
13877			display: block; float: right; cursor: pointer !important;
13878			padding: 9px 13px 11px 11px; height: 20px; width: 20px; margin-right: 15px;
13879			background-color: rgba(0,0,0,0.3);
13880		}
13881		
13882		f-share svg { width: 20px; height: 20px; stroke: white; }
13883		
13884		@media only screen and (max-width: 480px) {
13885			f-share { padding: 8px 5px 6px 10px; }	
13886			f-share svg { width: 15px; height: 15px; }
13887		}
13888		@media only screen and (max-width: 370px) {
13889			f-share { padding: 4px 0px 0px 6px; }	
13890			f-share svg { width: 13px; height: 13px; }
13891		}
13892		@media only screen and (max-width: 350px) {
13893			f-share { display: none !important; }	
13894		}
13895		
13896		
13897		
13898		
13899		
13900		
13901		
13902		
13903		
13904		@media (-webkit-min-device-pixel-ratio: 2) {
13905			f-article-footer .bubbla, f-article-footer .temp, f-article-footer f-article-temp { -webkit-font-smoothing: auto; }
13906		}
13907		
13908		f-article-error {
13909			transition: opacity .3s ease-out; display: none; max-width: 980px;  width: 100%; padding: 6px 0;
13910			background-color: var(--f-article-background-invert); color: var(--f-article-text-color-invert);
13911			font-family: var(--f-suisse-regular); font-size: 12px; text-align: center; margin: 0 auto;
13912			
13913		}
13914		f-article-error[data-show='true'] {
13915			opacity: 1; height: auto; 
13916			margin: -20px auto 20px; 
13917			padding: 0 6px;
13918		}
13919		
13920		f-article-mamma {
13921			display: block; max-width: 980px;  width: 100%; opacity: 0; height: 0; transition: opacity .3s ease-out;
13922			background-color: var(--f-article-background-invert); color: white;
13923			font-family: var(--f-suisse-regular); font-size: 12px; text-align: center;
13924		}
13925		
13926
13927
13928	</style>
13929
13930
13931
13932
13933
13934
13935
13936
13937
13938
13939
13940
13941
13942
13943
13944
13945
13946
13947
13948
13949
13950
13951
13952
13953
13954
13955
13956
13957
13958
13959
13960
13961
13962
13963
13964
13965
13966
13967
13968
13969
13970
13971
13972
13973
13974
13975
13976 
13977
13978
13979
13980
13981
13982
13983
13984
13985
13986
13987
13988
13989
13990
13991
13992
13993
13994
13995
13996
13997
13998
13999
14000
14001
14002
14003
14004
14005
14006
14007
14008
14009
14010
14011
14012
14013
14014
14015
14016
14017
14018
14019
14020
14021
14022	
14023
14024
14025
14026
14027
14028
14029
14030
14031
14032
14033
14034
14035
14036
14037
14038
14039
14040
14041
14042
14043
14044
14045
14046
14047
14048
14049
14050
14051
14052
14053
14054
14055
14056
14057
14058
14059
14060
14061
14062
14063
14064
14065
14066
14067		
14068
14069
14070		
14071
14072
14073
14074
14075
14076
14077
14078
14079
14080
14081
14082
14083
14084
14085
14086
14087
14088
14089
14090
14091
14092
14093
14094
14095
14096
14097
14098
14099
14100
14101
14102
14103
14104
14105	<style>
14106		
14107
14108		
14109		f-internallinks-new {
14110			margin: var(--f-article-padding) 0 0 0;
14111			display: grid;
14112			grid-auto-flow: column;
14113			gap: 0;
14114			height: auto;
14115			padding: 0 var(--f-article-padding) var(--f-article-padding) 0;
14116			width: calc(100% - var(--f-article-padding));
14117			overflow-y: hidden;
14118			overscroll-behavior-x: contain;
14119			scroll-snap-type: x mandatory;
14120			background-color: transparent;
14121			font-family: var(--f-suisse-regular); 
14122			height: calc(110px);  
14123			
14124			scrollbar-color: var(--f-article-scrollbar-thumb) var(--f-article-scrollbar-track);
14125			scrollbar-width: thin;
14126		}
14127
14128		f-internallinks-new[data-count="1"] {		grid-template-columns: 1fr; }
14129		f-internallinks-new[data-count="2"] {		grid-template-columns: 1fr 1fr; }
14130		f-internallinks-new[data-count="3"] {		grid-template-columns: 1fr 1fr 1fr; }
14131		
14132		f-internallinks-new[data-darkmode='on'] {
14133			background-color: transparent;
14134		}
14135		
14136		f-internallinks-new::-webkit-scrollbar {
14137			width: 10px;
14138			height: 10px;
14139		}
14140		
14141		f-internallinks-new::-webkit-scrollbar-thumb {
14142			background: var(--f-article-scrollbar-thumb);
14143		}
14144		
14145		f-internallinks-new[data-darkmode='on']::-webkit-scrollbar-thumb {
14146			background: rgb(70,70,70);
14147		}
14148		
14149		f-internallinks-new::-webkit-scrollbar-track {
14150			background: var(--f-article-scrollbar-track);
14151		}
14152		
14153		f-internallinks-new a {
14154			font-weight: 300; 
14155			color: inherit;
14156		}
14157		
14158		
14159		
14160
14161		
14162		
14163		
14164		
14165		f-internallink {
14166			display: grid;
14167			grid-template-columns: minmax(auto, 110px) 1fr;
14168			grid-template-rows: auto;
14169			gap: 0px;
14170			width: calc(100% - var(--f-article-padding));
14171			min-width: 300px;
14172			scroll-snap-align: start;
14173			padding-left: var(--f-article-padding);
14174			grid-template-areas: "internallinkmedia internallinkheader";
14175		}
14176		
14177		f-internallinks-new[data-rp="yes"] f-internallink {
14178			grid-template-columns: minmax(auto, 140px) 1fr;
14179		}
14180		
14181		@media only screen and (min-width: 980px) {
14182			f-internallinks-new[data-rp="no"][data-count="1"] f-internallink, 
14183			f-internallinks-new[data-rp="no"][data-count="2"] f-internallink {
14184				grid-template-columns: minmax(auto, 140px) 1fr;
14185			}
14186		}
14187
14188		
14189		@media only screen and (max-width: 480px) {
14190			f-internallink {
14191				//width: calc(100vw - var(--f-article-padding) - var(--f-article-padding));
14192				width: 300px;
14193			}
14194			
14195			f-internallinks-new[data-count='1'] f-internallink {
14196				width: calc(100% - var(--f-article-padding));
14197			}
14198			
14199			
14200		}
14201		
14202		
14203		
14204		
14205		f-internallink-header {
14206			display: flex; 
14207			grid-area: internallinkheader; 
14208			padding: 10px 12px;
14209			font-size: 13px; 
14210			line-height: 15px; 
14211			flex-direction: column;
14212		}
14213		
14214		f-internallink[data-basicsite="tjock"] f-internallink-header {
14215			/*
14216			font-family: var(--f-lato-regular);
14217			text-align: left;
14218			text-transform: uppercase;
14219			*/
14220		}
14221
14222		f-internallink f-internallink-headline {
14223			font-weight: 300; 
14224			font-family: var(--f-suisse-bold);
14225			-webkit-font-smoothing: antialiased;
14226		}
14227		
14228		f-internallink[data-basicsite="tjock"] f-internallink-headline {
14229			/*
14230			font-family: var(--f-lato-regular);
14231			*/
14232		}
14233
14234		
14235		f-internallinks-new[data-darkmode='on'] f-internallink f-internallink-headline {
14236			color: #e7e7e7; 
14237		}
14238
14239		f-internallinks-new[data-darkmode='on'] f-internallink f-internallink-header {
14240			color: #ccc; 
14241		}
14242		
14243		
14244		
14245		@media only screen and (min-width: 980px) {
14246			f-internallinks-new[data-rp="no"][data-count="1"] f-internallink-header { 
14247				font-size: 16px; 
14248				line-height: 19px; 
14249			}
14250			f-internallinks-new[data-rp="no"][data-count="2"] f-internallink-header { 
14251				font-size: 15px; 
14252				line-height: 17px; 
14253			}
14254		}
14255		
14256		f-internallinks-new[data-rp="yes"] f-internallink-header { 
14257			font-size: 14px; 
14258			line-height: 17px; 
14259		}
14260		
14261
14262		f-internallink-header {
14263			border-top: 3px solid rgb(200,200,200);
14264			color: var(--f-article-text-color-shade-deluxe);
14265		}
14266		[data-darkmode='on'] f-internallink-header {
14267			border-top: 3px solid rgb(90, 90, 90);
14268		}
14269		f-internallink[data-tempstatus='hot'] f-internallink-header, f-internallinks-new[data-darkmode='on'] f-internallink[data-tempstatus='hot'] f-internallink-header {
14270			border-top: 3px solid var(--n-orange-semidark);
14271			color: var(--n-orange-semidark);
14272		}
14273		f-internallink[data-tempstatus='cold'] f-internallink-header, f-internallinks-new[data-darkmode='on'] f-internallink[data-tempstatus='cold'] f-internallink-header {
14274			border-top: 3px solid var(--f-cold-color);
14275			color: var(--f-cold-color);
14276		}
14277		
14278		f-internallink-headline {
14279			color: var(--f-article-text-color);
14280		}
14281		
14282		
14283		
14284		
14285		
14286		
14287		
14288		
14289		
14290		f-internallink-media {
14291			display: grid;
14292			overflow: hidden;
14293			grid-area: internallinkmedia; 
14294			position: relative; 
14295		}
14296		
14297		f-internallink-mediawrapper {
14298			display: grid;
14299			position: relative; 
14300		}
14301		
14302		f-internallink-media img {
14303			width: 100%;
14304			object-fit: cover;
14305		}
14306		
14307		f-internallinks-new f-internallink-media, 
14308		f-internallinks-new f-internallink-media img {
14309			aspect-ratio: 9 / 9;
14310		}
14311		
14312		@media only screen and (min-width: 980px) {
14313			f-internallinks-new[data-rp="no"][data-count="1"] f-internallink-media, 
14314			f-internallinks-new[data-rp="no"][data-count="1"] f-internallink-media img {
14315				aspect-ratio: 9 / 7;
14316			}
14317			
14318			f-internallinks-new[data-rp="no"][data-count="2"] f-internallink-media, 
14319			f-internallinks-new[data-rp="no"][data-count="2"] f-internallink-media img {
14320				aspect-ratio: 9 / 7;
14321			}
14322		}
14323		
14324		f-internallinks-new[data-rp="yes"] f-internallink-media, 
14325		f-internallinks-new[data-rp="yes"] f-internallink-media img {
14326			aspect-ratio: 9 / 7;
14327		}
14328
14329		f-embed[data-type="internallinks"] {
14330			--f-embed-internallink-padding: 20px;
14331			display: block;
14332			margin: var(--f-embed-internallink-padding) 0;
14333			width: 100%;
14334		}
14335
14336		f-embed[data-type="internallinks"][data-placement="after-article"] {
14337			position: relative;
14338			margin: var(--f-embed-internallink-padding);
14339			width: calc(100% - var(--f-embed-internallink-padding) * 2);
14340		}
14341
14342		f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks {
14343			gap: 8px;
14344		}
14345
14346		f-embed[data-type="internallinks"][data-placement="after-article"][data-has-more="true"]::after {
14347			content: '';
14348			position: absolute;
14349			top: 0;
14350			right: 0;
14351			bottom: 0;
14352			width: 54px;
14353			pointer-events: none;
14354			background: linear-gradient(to right, rgba(255,255,255,0), var(--f-article-background) 88%);
14355		}
14356
14357		f-embed[data-type="internallinks"][data-placement="after-article"] .f-embed-internallink {
14358			flex: 0 0 calc((100% - var(--f-embed-internallink-padding) * 1.3) / 2.3);
14359		}
14360
14361		f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] .f-embed-internallink {
14362			flex-basis: 100%;
14363			min-width: 0;
14364		}
14365
14366		f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] .f-embed-internallink {
14367			flex: 1 1 0%;
14368			min-width: 0;
14369		}
14370
14371		f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] f-embed-internallinks,
14372		f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] f-embed-internallinks {
14373			overflow-x: hidden;
14374		}
14375
14376		f-embed-internallinks {
14377			display: flex;
14378			flex-direction: row;
14379			gap: var(--f-embed-internallink-padding);
14380			height: 75px;
14381			min-height: 75px;
14382			max-height: 75px;
14383			width: 100%;
14384			overflow-x: auto;
14385			overflow-y: hidden;
14386			scroll-snap-type: x proximity;
14387			scrollbar-width: none;
14388		}
14389
14390		f-embed-internallinks::-webkit-scrollbar {
14391			display: none;
14392		}
14393
14394		@media (hover: hover) and (pointer: fine) {
14395			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks {
14396				height: 88px;
14397				min-height: 88px;
14398				max-height: 88px;
14399				scrollbar-width: thin;
14400				scrollbar-color: var(--f-article-scrollbar-thumb) var(--f-article-scrollbar-track);
14401			}
14402
14403			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks::-webkit-scrollbar {
14404				display: block;
14405				height: 8px;
14406			}
14407
14408			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks::-webkit-scrollbar-thumb {
14409				background: var(--f-article-scrollbar-thumb);
14410			}
14411
14412			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks::-webkit-scrollbar-track {
14413				background: var(--f-article-scrollbar-track);
14414			}
14415
14416			f-embed[data-type="internallinks"][data-placement="after-article"][data-has-more="true"]::after {
14417				bottom: 13px;
14418			}
14419
14420			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] f-embed-internallinks,
14421			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] f-embed-internallinks {
14422				height: 75px;
14423				min-height: 75px;
14424				max-height: 75px;
14425				scrollbar-width: none;
14426			}
14427
14428			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] f-embed-internallinks::-webkit-scrollbar,
14429			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] f-embed-internallinks::-webkit-scrollbar {
14430				display: none;
14431			}
14432		}
14433
14434		.f-embed-internallink {
14435			display: grid;
14436			grid-template-columns: 120px minmax(0, 1fr);
14437			flex: 1 1 0%;
14438			min-width: 400px;
14439			height: 75px;
14440			overflow: hidden;
14441			scroll-snap-align: start;
14442			background: var(--f-article-background-inline);
14443			color: inherit;
14444			font-weight: 300;
14445			text-decoration: none;
14446		}
14447
14448		f-embed-internallink-media {
14449			display: block;
14450			width: 120px;
14451			height: 75px;
14452			overflow: hidden;
14453			position: relative;
14454			background: var(--f-article-background-invert);
14455		}
14456
14457		f-embed-internallink-media img {
14458			display: block;
14459			width: 100%;
14460			height: 100%;
14461			object-fit: cover;
14462		}
14463
14464		f-embed-internallink-tagline {
14465			display: flex;
14466			position: absolute;
14467			right: 8px;
14468			bottom: 8px;
14469			gap: 3px;
14470			align-items: center;
14471			font-family: var(--f-suisse-regular);
14472			font-size: 12px;
14473			line-height: 12px;
14474		}
14475
14476		f-embed-internallink-temp,
14477		f-embed-internallink-tagline f-bubble {
14478			display: block;
14479			min-width: 8px;
14480			padding: 4px 5px;
14481			background: #333;
14482			color: #fff;
14483			font-family: var(--f-suisse-regular);
14484			font-size: 12px;
14485			line-height: 12px;
14486			text-align: center;
14487		}
14488
14489		f-embed-internallink-temp[data-tempstatus='hot'] {
14490			background-color: var(--n-orange-semidark);
14491		}
14492
14493		f-embed-internallink-temp[data-tempstatus='cold'] {
14494			background-color: var(--n-blue);
14495		}
14496
14497		f-embed-internallink-body {
14498			box-sizing: border-box;
14499			display: flex;
14500			min-width: 0;
14501			height: 100%;
14502			padding: 8px var(--f-embed-internallink-padding);
14503			flex-direction: column;
14504			justify-content: center;
14505			font-family: var(--f-suisse-regular);
14506			color: var(--f-article-text-color-shade);
14507			overflow: hidden;
14508		}
14509
14510		f-embed-internallink-title {
14511			display: -webkit-box;
14512			overflow: hidden;
14513			-webkit-box-orient: vertical;
14514			-webkit-line-clamp: 2;
14515			font-family: var(--f-suisse-bold);
14516			font-size: 14px;
14517			line-height: 16px;
14518			max-height: 32px;
14519			flex-shrink: 0;
14520			color: var(--f-article-text-color);
14521			-webkit-font-smoothing: antialiased;
14522		}
14523
14524		f-embed-internallink-text {
14525			display: -webkit-box;
14526			overflow: hidden;
14527			-webkit-box-orient: vertical;
14528			-webkit-line-clamp: 1;
14529			font-size: 14px;
14530			line-height: 16px;
14531			max-height: 16px;
14532			flex-shrink: 0;
14533			color: var(--f-article-text-color-shade);
14534		}
14535
14536		.f-embed-internallink[data-tempstatus='hot'] f-embed-internallink-text {
14537			color: var(--n-orange-semidark);
14538		}
14539
14540		.f-embed-internallink[data-tempstatus='cold'] f-embed-internallink-text {
14541			color: var(--n-blue);
14542		}
14543
14544		@media only screen and (max-width: 900px) {
14545			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks {
14546				flex-direction: column;
14547				height: auto;
14548				min-height: 0;
14549				max-height: none;
14550				overflow: visible;
14551				scroll-snap-type: none;
14552				scrollbar-width: none;
14553			}
14554
14555			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks::-webkit-scrollbar {
14556				display: none;
14557			}
14558
14559			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] f-embed-internallinks,
14560			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] f-embed-internallinks {
14561				height: auto;
14562				min-height: 0;
14563				max-height: none;
14564				overflow: visible;
14565				scrollbar-width: none;
14566			}
14567
14568			f-embed[data-type="internallinks"][data-placement="after-article"] .f-embed-internallink,
14569			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] .f-embed-internallink,
14570			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] .f-embed-internallink {
14571				width: 100%;
14572				flex: 0 0 auto;
14573				min-width: 0;
14574				height: 75px;
14575			}
14576
14577			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-media {
14578				height: 75px;
14579			}
14580
14581			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-body {
14582				height: 75px;
14583				min-height: 75px;
14584			}
14585
14586			f-embed[data-type="internallinks"][data-placement="after-article"][data-has-more="true"]::after {
14587				display: none;
14588			}
14589		}
14590
14591		@media only screen and (max-width: 600px) {
14592			.f-embed-internallink {
14593				grid-template-columns: 120px minmax(0, 1fr);
14594				flex: 1 1 100%;
14595				min-width: 0;
14596				height: 75px;
14597			}
14598
14599			f-embed-internallinks {
14600				height: 75px;
14601				min-height: 75px;
14602				max-height: 75px;
14603			}
14604
14605			f-embed-internallink-media {
14606				width: 120px;
14607				height: 75px;
14608			}
14609
14610			f-embed-internallink-body {
14611				padding: 8px var(--f-embed-internallink-padding);
14612			}
14613
14614			f-embed-internallink-title,
14615			f-embed-internallink-text {
14616				font-size: 13px;
14617				line-height: 15px;
14618			}
14619
14620			f-embed-internallink-title {
14621				max-height: 30px;
14622			}
14623
14624			f-embed-internallink-text {
14625				max-height: 15px;
14626			}
14627
14628			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallinks {
14629				flex-direction: column;
14630				height: auto;
14631				min-height: 0;
14632				max-height: none;
14633				overflow: visible;
14634				scroll-snap-type: none;
14635			}
14636
14637			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] f-embed-internallinks,
14638			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] f-embed-internallinks {
14639				height: auto;
14640				min-height: 0;
14641				max-height: none;
14642				overflow: visible;
14643				scrollbar-width: none;
14644			}
14645
14646			f-embed[data-type="internallinks"][data-placement="after-article"] .f-embed-internallink {
14647				width: 100%;
14648				flex: 0 0 auto;
14649				height: 75px;
14650			}
14651
14652			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="1"] .f-embed-internallink,
14653			f-embed[data-type="internallinks"][data-placement="after-article"][data-count="2"] .f-embed-internallink {
14654				width: 100%;
14655				flex: 0 0 auto;
14656				min-width: 0;
14657				height: 75px;
14658			}
14659
14660			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-media {
14661				height: 75px;
14662			}
14663
14664			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-body {
14665				display: flex;
14666				height: 75px;
14667				min-height: 75px;
14668				padding: 8px var(--f-embed-internallink-padding);
14669				justify-content: center;
14670			}
14671
14672			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-title,
14673			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-text {
14674				font-size: 14px;
14675				line-height: 16px;
14676			}
14677
14678			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-title {
14679				-webkit-line-clamp: 2;
14680				max-height: 32px;
14681			}
14682
14683			f-embed[data-type="internallinks"][data-placement="after-article"] f-embed-internallink-text {
14684				-webkit-line-clamp: 1;
14685				max-height: 16px;
14686			}
14687
14688			f-embed[data-type="internallinks"][data-placement="after-article"][data-has-more="true"]::after {
14689				display: none;
14690			}
14691		}
14692		
14693		
14694		
14695		
14696		f-internallink-tagline {
14697			display: block;
14698			position: absolute;
14699			font-size: 12px;
14700			line-height: 12px;
14701			font-family: var(--f-suisse-regular);
14702			bottom: 10px;
14703			right: 10px;
14704		}
14705		
14706		f-internallink-tagline f-internallink-temp {
14707			display: block;
14708			background: #333;
14709			color: #fff;
14710			padding: 4px 5px;
14711			margin-left: 3px;
14712			float: right;
14713		}
14714		
14715		f-internallink-tagline f-internallink-temp[data-tempstatus='hot'] { background-color: var(--n-orange-semidark); }
14716		f-internallink-tagline f-internallink-temp[data-tempstatus='cold'] { background-color: var(--n-blue); }
14717		
14718		f-internallink-tagline f-bubble {
14719			float: right;
14720			margin: 0;
14721			padding: 4px 6px;
14722			min-width: 8px;
14723			cursor: pointer;
14724			background: #333;
14725			font-family: var(--f-suisse-regular);
14726			font-size: 12px;
14727			line-height: 12px;
14728			text-align: center;
14729			color: #fff;
14730			text-decoration: none;
14731			text-transform: none;
14732			border: none;
14733			-webkit-font-smoothing: antialiased;
14734		}
14735		
14736		
14737	</style>
14738
14739
14740
14741
14742
14743
14744
14745
14746
14747
14748
14749
14750
14751
14752
14753
14754
14755
14756
14757
14758
14759
14760
14761
14762
14763
14764
14765
14766
14767
14768
14769
14770
14771
14772
14773
14774
14775
14776
14777
14778
14779
14780
14781
14782
14783
14784
14785
14786
14787
14788
14789
14790
14791
14792
14793
14794
14795
14796
14797
14798
14799
14800
14801
14802
14803
14804
14805
14806
14807
14808
14809
14810
14811
14812
14813
14814
14815
14816
14817
14818
14819
14820
14821
14822
14823
14824
14825
14826
14827
14828
14829
14830
14831
14832
14833
14834
14835
14836
14837
14838
14839
14840
14841
14842
14843
14844
14845
14846
14847
14848
14849
14850
14851
14852
14853
14854
14855
14856 
14857
14858
14859
14860
14861
14862
14863
14864
14865
14866
14867
14868
14869
14870
14871
14872
14873
14874
14875
14876
14877
14878
14879
14880
14881
14882
14883
14884
14885
14886
14887
14888
14889
14890
14891
14892
14893
14894
14895
14896
14897
14898
14899
14900
14901
14902	
14903
14904
14905
14906
14907
14908
14909
14910
14911
14912
14913
14914
14915
14916
14917
14918
14919
14920
14921
14922
14923
14924
14925
14926
14927
14928
14929
14930
14931
14932
14933
14934
14935
14936
14937
14938
14939
14940
14941
14942
14943
14944
14945
14946
14947		
14948
14949
14950		
14951
14952
14953
14954
14955
14956
14957
14958
14959
14960
14961
14962
14963
14964
14965
14966
14967
14968
14969
14970
14971
14972
14973
14974
14975
14976
14977
14978
14979
14980
14981
14982
14983
14984
14985
14986
14987
14988
14989
14990
14991
14992
14993
14994
14995
14996
14997
14998
14999
15000
15001
15002
15003
15004
15005
15006
15007
15008
15009
15010
15011
15012
15013
15014
15015
15016
15017
15018
15019
15020
15021
15022
15023
15024
15025
15026
15027
15028
15029
15030
15031
15032
15033
15034
15035
15036
15037
15038
15039
15040
15041
15042
15043
15044
15045
15046
15047
15048
15049
15050
15051
15052
15053
15054
15055
15056
15057
15058
15059
15060	<style>
15061
15062		
15063		
15064		f-article[data-preview="true"] f-article-media {
15065			position: relative; 
15066			height: 200px; 
15067			
15068		}
15069		
15070		f-article[data-preview="true"] f-article-media:before {
15071			content: "";
15072			position: absolute;
15073			top: 0;
15074			left: 0;
15075			right: 0;
15076			bottom: 0;
15077			background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.7));
15078			z-index: 1;
15079			overflow: hidden;
15080		}
15081		
15082		f-article[data-preview="true"] f-article-image {
15083			height: 200px; 
15084		}
15085		
15086		f-article[data-preview="true"] f-article-image img {
15087			object-fit: cover;
15088		}
15089		
15090		
15091		f-article[data-preview="true"] f-article-media f-article-media-overlay {
15092			position: absolute;
15093	  		top: 50%;
15094	  		left: 50%;
15095	  		transform: translate(-50%, -50%);
15096	  		z-index: 2;
15097	  		color: white;
15098	  		font-size: 20px;
15099	  		line-height: 22px;
15100	  		font-weight: 300;
15101	  		font-family: SuisseRegular;
15102	  		width: calc(100% - 200px);
15103		}
15104		
15105		f-article[data-preview="true"] f-article-media-overlay-text {
15106			float: left; display: block; 
15107			text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
15108			max-width: calc(100% - 200px);
15109			
15110		}
15111		
15112		f-article[data-preview="true"] f-article-media-overlay-text b {
15113			font-weight: 300;
15114			font-family: SuisseSemiBold;
15115		}
15116		
15117		f-article[data-preview="true"] f-prenumera {
15118			display: block; 
15119			float: right;
15120			padding: 12px 18px;
15121			margin: auto;
15122			text-align: center;
15123			font-size: 18px;
15124			background-color: var(--f-hot-color);
15125			color: white;
15126		}
15127		
15128		f-article[data-preview="true"] f-article-media-overlay-price {
15129			color: #999;
15130		}
15131		
15132		@media screen and (max-width: 600px) {
15133			f-article[data-preview="true"] f-article-media f-article-media-overlay {
15134				width: calc(100% - 80px);
15135			}
15136			f-article[data-preview="true"] f-article-media-overlay-text {
15137				max-width: 100%; float: none; font-size: 16px; line-height: 18px; text-align: center;
15138			}
15139			f-article[data-preview="true"] f-prenumera { 
15140				float: none; 
15141				margin: 15px auto 0;
15142				max-width: 150px;
15143				font-size: 18px;
15144				padding: 10px 13px;
15145				max-width: 140px; 
15146			}
15147		}
15148
15149	</style>
15150
15151
15152
15153
15154
15155
15156
15157
15158
15159
15160
15161
15162
15163
15164
15165
15166
15167
15168
15169
15170
15171
15172
15173
15174
15175
15176
15177
15178
15179
15180
15181
15182
15183
15184
15185
15186
15187
15188
15189
15190
15191
15192
15193 
15194
15195
15196
15197
15198
15199
15200
15201
15202
15203
15204
15205
15206
15207
15208
15209
15210
15211
15212
15213
15214
15215
15216
15217
15218
15219
15220
15221
15222
15223
15224
15225
15226
15227
15228
15229
15230
15231
15232
15233
15234
15235
15236
15237
15238
15239	
15240
15241
15242
15243
15244
15245
15246
15247
15248
15249
15250
15251
15252
15253
15254
15255
15256
15257
15258
15259
15260
15261
15262
15263
15264
15265
15266
15267
15268
15269
15270
15271
15272
15273
15274
15275
15276
15277
15278
15279
15280
15281
15282
15283
15284		
15285
15286
15287		
15288
15289
15290
15291
15292
15293
15294
15295
15296
15297
15298
15299
15300
15301
15302
15303
15304
15305
15306
15307
15308
15309
15310
15311
15312
15313
15314
15315
15316
15317
15318
15319
15320
15321
15322
15323
15324
15325
15326
15327
15328
15329
15330
15331
15332
15333
15334
15335
15336
15337
15338
15339
15340
15341
15342
15343
15344
15345
15346
15347
15348
15349
15350
15351
15352
15353
15354
15355
15356
15357
15358
15359
15360
15361
15362
15363
15364
15365
15366
15367
15368
15369
15370
15371
15372
15373
15374
15375
15376
15377
15378
15379
15380
15381
15382
15383
15384
15385
15386
15387
15388
15389
15390
15391
15392
15393
15394
15395
15396
15397
15398
15399
15400
15401
15402
15403
15404
15405
15406
15407
15408
15409
15410
15411
15412
15413
15414
15415
15416
15417
15418
15419
15420
15421
15422
15423
15424
15425
15426
15427
15428
15429
15430
15431
15432
15433
15434
15435
15436
15437
15438
15439 
15440
15441	<style>
15442		f-veckansprylar-container {
15443			display: flex; background-color: var(--f-article-background); max-width: 980px; margin: var(--f-margins-margins); flex-direction: column;
15444		}
15445
15446		f-veckanspryl-embed, f-embed-veckanspryl {
15447			display: block; background-color: var(--f-article-background-inline); height: 100px; font-size: 15px; line-height: 18px;
15448		}
15449		f-veckansprylar-header {
15450			background-color: rgba(70,70,70); color: white; padding: 6px 12px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; font-family: SuisseSemiBold; 
15451		}
15452		f-veckansprylar-header a { font-weight: 300; color: white; }
15453		f-veckansprylar-header a:hover { font-weight: 300; color: #ccc; }
15454
15455		f-veckansprylar {
15456			display: flex; flex-direction: row; height: 100px;
15457		}
15458
15459		
15460
15461
15462
15463		
15464		f-veckanspryl {
15465			display: flex; flex-direction: row; flex: 1; 
15466		}
15467
15468		f-veckanspryl-embed f-veckanspryl, f-embed-veckanspryl f-veckanspryl { height: 100px;  }
15469
15470		f-veckanspryl {
15471			background-color: var(--f-article-background-inline);
15472		}
15473		f-veckanspryl:nth-child(even) {
15474			background-color: var(--f-article-background-inline);
15475		}
15476		f-veckanspryl-bild {
15477			height: 100%; aspect-ratio: 4 / 3; flex: 0 1 auto;
15478		}
15479		f-veckanspryl-bild img {
15480			height: 100%; aspect-ratio: 4 / 3; 
15481		}
15482		f-veckanspryl-content {
15483			padding-top: 10px; padding-right: 10px; flex: 1; position: relative; 
15484		}
15485		f-veckanspryl b {
15486			font-family: SuisseBold; font-weight: 300; 
15487		}
15488
15489		f-veckanspryl a {
15490			font-family: SuisseSemiBold; font-weight: 300; color: var(--f-article-text-color); 
15491		}
15492
15493		f-veckanspryl-headline {
15494			display: block; 
15495			font-family: SuisseBold; font-weight: 300; color: var(--f-article-text-color); 
15496		}
15497
15498		f-veckanspryl-headline a { color: var(--f-article-text-color); }
15499
15500		f-veckanspryl-preamble {
15501			display: block; 
15502			font-weight: 300; color: var(--f-article-text-color-shade-deluxe);
15503		}
15504
15505		f-veckanspryl-preamble a { font-family: SuisseLight !important;  color: var(--f-article-text-color-shade-deluxe); }
15506
15507
15508		
15509
15510		f-veckanspryl-vote {
15511			position: absolute; bottom: 10px; right: 10px; 
15512		}
15513
15514		f-veckanspryl f-article-footer-plus, f-veckanspryl f-article-footer-minus {
15515			width: 24px; height: 24px; 
15516		}
15517
15518		f-veckanspryl f-article-footer-plus svg, f-veckanspryl f-article-footer-minus svg {
15519			width: 24px; height: 24px; 
15520		}
15521
15522		f-veckanspryl f-bubble {
15523			line-height: 24px; 
15524		}
15525
15526		f-veckanspryl f-article-temp {
15527			padding: 0px 6px;
15528			float: right;
15529			margin-left: 4px;
15530			cursor: default;
15531			background: #333;
15532			border: 1px solid transparent;
15533			font-family: var(--f-suisse-light);
15534			font-size: 14px;
15535			line-height: 22px;
15536			text-align: center;
15537			color: #fff;
15538			text-decoration: none;
15539			text-transform: none;
15540			-webkit-font-smoothing: auto;
15541			letter-spacing: -0.01em;
15542			transition: width .3s ease-in-out; 
15543		}
15544
15545		f-veckanspryl w8temp { display: block; width: 16px; height: 16px; margin: 3px auto; background-color: white; border-radius: 100%;
15546animation: sk-scaleout 1.0s infinite ease-in-out; }
15547
15548
15549		@media only screen and (max-width: 700px) { 
15550			f-veckansprylar {
15551				flex-direction: column; height: 180px;font-size: 11px;
15552line-height: 13px;
15553			}
15554
15555			f-veckanspryl-bild img {
15556				height: 60px; 
15557			}
15558			
15559		}
15560
15561	</style>
15562
15563
15564
15565
15566
15567
15568
15569
15570
15571
15572
15573
15574
15575
15576
15577
15578
15579
15580
15581
15582
15583
15584
15585
15586
15587
15588
15589
15590
15591
15592
15593
15594
15595
15596
15597
15598
15599
15600
15601
15602
15603
15604
15605
15606
15607	
15608	
15609
15610
15611
15612
15613
15614
15615
15616
15617
15618
15619
15620
15621
15622
15623
15624
15625
15626
15627
15628
15629
15630
15631
15632
15633
15634
15635
15636
15637
15638
15639
15640
15641
15642
15643
15644
15645
15646
15647
15648
15649
15650
15651
15652
15653		
15654
15655
15656		
15657
15658
15659
15660
15661
15662
15663
15664
15665
15666
15667
15668
15669
15670
15671
15672
15673
15674
15675
15676
15677
15678
15679
15680
15681
15682
15683
15684
15685
15686
15687
15688
15689
15690
15691
15692
15693
15694
15695
15696
15697
15698
15699
15700
15701
15702
15703
15704
15705
15706
15707
15708
15709
15710
15711
15712
15713
15714
15715
15716
15717
15718
15719
15720
15721
15722
15723
15724
15725
15726
15727
15728
15729
15730
15731
15732
15733
15734
15735
15736
15737
15738
15739
15740
15741
15742
15743
15744
15745
15746
15747
15748
15749
15750
15751
15752
15753
15754
15755
15756
15757
15758
15759
15760
15761
15762
15763
15764
15765
15766
15767
15768
15769
15770
15771
15772
15773
15774
15775
15776
15777
15778
15779
15780
15781
15782
15783
15784
15785
15786
15787
15788
15789
15790
15791
15792
15793
15794
15795
15796
15797
15798
15799
15800
15801
15802
15803
15804
15805
15806
15807
15808 
15809
15810
15811
15812
15813
15814
15815
15816
15817
15818
15819
15820
15821
15822
15823
15824
15825
15826
15827
15828
15829
15830
15831
15832
15833
15834
15835
15836
15837
15838
15839
15840
15841
15842
15843
15844
15845
15846
15847
15848
15849
15850
15851
15852
15853
15854
15855	
15856
15857
15858
15859
15860
15861
15862
15863
15864
15865
15866
15867
15868
15869
15870
15871
15872
15873
15874
15875
15876
15877
15878
15879
15880
15881
15882
15883
15884
15885
15886
15887
15888
15889
15890
15891
15892
15893
15894
15895
15896
15897
15898
15899
15900		
15901
15902
15903		
15904
15905
15906
15907
15908
15909
15910
15911
15912
15913
15914
15915
15916
15917
15918
15919
15920
15921
15922
15923
15924
15925
15926
15927
15928
15929
15930
15931
15932
15933
15934
15935
15936
15937
15938
15939
15940
15941
15942
15943
15944
15945
15946
15947
15948
15949
15950
15951
15952
15953
15954
15955
15956
15957
15958
15959
15960
15961
15962
15963
15964
15965
15966
15967
15968
15969
15970
15971
15972
15973
15974
15975
15976
15977
15978
15979
15980
15981
15982
15983
15984
15985
15986
15987
15988
15989
15990
15991
15992
15993
15994
15995
15996
15997
15998
15999
16000
16001
16002
16003
16004
16005
16006
16007
16008
16009
16010
16011
16012
16013
16014
16015
16016
16017
16018	<style>
16019		f-prod-multi br { display: none; }
16020		f-prod-header br { display: none; }
16021
16022		f-prod-multi { display: flex; gap: 10px; margin: 28px auto; padding: 10px; overflow-x: auto; border-radius: 6px; background: var(--f-article-background-inline); box-sizing: border-box; }
16023
16024
16025		f-prod { display: flex; overflow: hidden; border-radius: 6px; container-type: inline-size; background-color: var(--f-article-background); }
16026
16027		f-prod-multi > f-prod { flex-grow: 1; flex-basis: 200px; min-width: 200px; flex-direction: column; }
16028
16029		@media only screen and (max-width: 700px) {
16030		f-prod-single f-prod { flex-direction: column; }
16031		}
16032		@media only screen and (min-width: 700px) {
16033		f-prod-single f-prod { align-items: center; }
16034		}
16035
16036		f-prod-image { display: block; flex: 0 0 auto; width: 100%; min-height: 0; overflow: hidden; aspect-ratio: 16 / 9; line-height: 0; }
16037		f-prod-multi[data-image-ratio="1:1"] f-prod-image,
16038		f-prod-single[data-image-ratio="1:1"] f-prod-image { aspect-ratio: 1 / 1; }
16039		f-prod-image img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }
16040
16041		@media only screen and (min-width: 700px) {
16042			f-prod-single f-prod-image {
16043			max-width: 200px;
16044			}
16045		}
16046
16047		f-prod-header { position: relative; display: block; margin: 10px 12px; color: var(--f-article-text-color-shade-deluxe); font-family: var(--f-suisse-light); font-weight: 300; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; }
16048		f-prod-header b { display: block; color: var(--f-article-text-color); font-family: var(--f-suisse-bold); font-weight: 300; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; }
16049		@media only screen and (max-width: 600px) {
16050			f-prod-header { font-size: 14px; }
16051			f-prod-header b { font-size: 15px; }
16052		}
16053
16054		@media only screen and (min-width: 700px) {
16055		f-prod-single f-prod-header { display: block; margin: 8px 20px; }
16056		}
16057
16058		f-prod-list { }
16059		f-prod-listitem { position: relative; display: block; margin: 0 12px; padding-left: 14px; font-size: 13px; line-height: 17px; }
16060		f-prod-listitem:before { position: absolute; left: 0; content: ">"; font-size: 11px; font-family: var(--f-suisse-bold); line-height: 17px; color: var(--f-hot-color); }
16061
16062		f-prod-bottom { display: flex; flex-direction: column; margin-top: auto; }
16063
16064		@media only screen and (min-width: 700px) {
16065			f-prod-single f-prod-bottom { flex-direction: row; margin-top: unset; margin-left: auto; }
16066		}
16067
16068		f-prod-prices { display: flex; text-align: center; margin: 8px 12px; flex-direction: column; }
16069		f-prod-price { text-align: center; font-size: 16px; font-family: var(--f-suisse-semibold); }
16070		@media only screen and (max-width: 600px) { f-prod-price { font-size: 15px; } }
16071		f-prod-preprice { text-align: center; color: #999; }
16072
16073		f-prod-save { position: absolute; top: -10px; right: 0; transform: translateY(-50%); color: #fff; background-color: #ff4500; border-radius: 6px; padding: 4px 8px; font-family: var(--f-suisse-medium); font-size: 12px; white-space: nowrap; }
16074
16075		f-prod-stars { 
16076			display: flex; 
16077			justify-content: center; 
16078			margin: 0px 12px 10px; 
16079			gap: 2px; 
16080		}
16081		
16082		f-prod-star { 
16083			color: #ddd; 
16084			font-size: 20px; 
16085		}
16086		
16087		f-prod-star.filled { 
16088			color: #444; 
16089		}
16090		
16091		f-prod-star.half {
16092			position: relative;
16093		}
16094		
16095		f-prod-star.half::before {
16096			content: "★";
16097			position: absolute;
16098			left: 0;
16099			color: #444;
16100			clip-path: inset(0 50% 0 0);
16101		}
16102		
16103		f-prod-star.half::after {
16104			content: "☆";
16105			color: #ddd;
16106		}
16107
16108		f-prod-cta { display: flex; background-color: #444; color: white; 
16109			padding: 4px 6px; border-radius: 6px; margin: 8px 12px; 
16110			text-align: center; font-family: var(--f-suisse-semibold); font-size: 13px; 
16111			min-width: 100px;
16112			align-items: center;
16113			justify-content: center;
16114		}
16115
16116</style>
16117<script>
16118	function buildFProd(prod) {
16119		const img = prod.dataset.img;
16120		const header = prod.dataset.header;
16121		const subheader = prod.dataset.subheader;
16122		const list = prod.dataset.list ? prod.dataset.list.split(';').filter(function (x) { return x.trim(); }) : [];
16123		const price = prod.dataset.price;
16124		const preprice = prod.dataset.preprice;
16125		const save = prod.dataset.save;
16126		const cta = prod.dataset.cta;
16127		const url = prod.dataset.url;
16128		const textcolor = prod.dataset.textcolor;
16129		const bgcolor = prod.dataset.bgcolor;
16130		const stars = prod.dataset.stars;
16131		const starscolor = prod.dataset.starscolor;
16132		const ctacolor = prod.dataset.ctacolor;
16133		const ctatextcolor = prod.dataset.ctatextcolor;
16134
16135		var html = '';
16136
16137		if (img) {
16138		html += '<f-prod-image><img src="' + img + '" /></f-prod-image>';
16139		}
16140
16141		if (header || subheader || save) {
16142		html += '<f-prod-header>';
16143		if (header) html += '<b>' + header + '</b>';
16144		if (subheader) html += '<br>' + subheader;
16145		if (save) {
16146			var saveStyle = '';
16147			if (textcolor || bgcolor) {
16148				saveStyle = ' style="';
16149				if (textcolor) saveStyle += 'color: ' + textcolor + ';';
16150				if (bgcolor) saveStyle += 'background-color: ' + bgcolor + ';';
16151				saveStyle += '"';
16152			}
16153			html += '<f-prod-save' + saveStyle + '>' + save + '</f-prod-save>';
16154		}
16155		html += '</f-prod-header>';
16156		}
16157
16158		if (stars) {
16159			var starsHtml = '<f-prod-stars>';
16160			var starColor = starscolor || '#ff4500';
16161			var starCount = parseInt(stars);
16162			
16163			for (var i = 1; i <= 5; i++) {
16164				var starClass = i <= starCount ? 'filled' : '';
16165				var starStyle = i <= starCount ? ' style="color: ' + starColor + ';"' : '';
16166				starsHtml += '<f-prod-star class="' + starClass + '"' + starStyle + '>&#9733;</f-prod-star>';
16167			}
16168			starsHtml += '</f-prod-stars>';
16169			html += starsHtml;
16170		}
16171
16172		if (list.length) {
16173		html += '<f-prod-list>';
16174		html += list.map(function (item) {
16175			return '<f-prod-listitem>' + item + '</f-prod-listitem>';
16176		}).join('');
16177		html += '</f-prod-list>';
16178		}
16179
16180		if (price || preprice || cta) {
16181		html += '<f-prod-bottom>';
16182		if (price || preprice) html += '<f-prod-prices>';
16183		if (price) html += '<f-prod-price>' + price + '</f-prod-price>';
16184		if (preprice) html += '<f-prod-preprice>' + preprice + '</f-prod-preprice>';
16185		if (price || preprice) html += '</f-prod-prices>';
16186		if (cta) {
16187			var ctaStyle = '';
16188			if (ctacolor || ctatextcolor) {
16189				ctaStyle = ' style="';
16190				if (ctacolor) ctaStyle += 'background-color: ' + ctacolor + ';';
16191				if (ctatextcolor) ctaStyle += 'color: ' + ctatextcolor + ';';
16192				ctaStyle += '"';
16193			}
16194			html += '<f-prod-cta' + ctaStyle + '>' + cta + '</f-prod-cta>';
16195		}
16196		html += '</f-prod-bottom>';
16197		}
16198
16199		prod.innerHTML = html;
16200
16201		if (url) {
16202		prod.addEventListener('click', function () {
16203			window.location.href = url;
16204		});
16205		prod.style.cursor = 'pointer';
16206		}
16207	}
16208
16209	document.addEventListener('DOMContentLoaded', function () {
16210		function initFProdElement(prod) {
16211			if (!prod || prod.dataset.fProdInitialized === 'true') {
16212				return;
16213			}
16214			buildFProd(prod);
16215			prod.dataset.fProdInitialized = 'true';
16216		}
16217
16218		document.querySelectorAll('f-prod').forEach(initFProdElement);
16219
16220		const fProdObserver = new MutationObserver(function (mutations) {
16221			mutations.forEach(function (mutation) {
16222				mutation.addedNodes.forEach(function (node) {
16223					if (!(node instanceof Element)) {
16224						return;
16225					}
16226					if (node.matches && node.matches('f-prod')) {
16227						initFProdElement(node);
16228					}
16229					if (node.querySelectorAll) {
16230						node.querySelectorAll('f-prod').forEach(initFProdElement);
16231					}
16232				});
16233			});
16234		});
16235
16236		fProdObserver.observe(document.body, { childList: true, subtree: true });
16237	});
16238	
16239</script>
16239
16240
16241
16242
16243
16244
16245
16246
16247
16248
16249
16250
16251
16252
16253
16254
16255
16256
16257
16258
16259
16260
16261
16262
16263
16264
16265
16266
16267
16268
16269
16270
16271
16272
16273
16274
16275
16276
16277
16278 
16279
16280
16281
16282
16283
16284
16285
16286
16287
16288
16289
16290
16291
16292
16293
16294
16295
16296
16297
16298
16299
16300
16301
16302
16303
16304
16305
16306
16307
16308
16309
16310
16311
16312
16313
16314
16315
16316
16317
16318
16319
16320
16321
16322
16323
16324
16325	
16326
16327	
16328
16329
16330
16331
16332
16333
16334
16335
16336
16337
16338
16339
16340
16341
16342
16343
16344
16345
16346
16347
16348
16349
16350
16351
16352
16353
16354
16355
16356
16357
16358
16359
16360
16361
16362
16363
16364
16365
16366
16367
16368
16369
16370
16371
16372		
16373
16374
16375		
16376
16377
16378
16379
16380
16381
16382
16383
16384
16385
16386
16387
16388
16389
16390
16391
16392
16393
16394
16395
16396
16397
16398
16399
16400
16401
16402
16403
16404
16405
16406
16407
16408
16409
16410
16411
16412
16413
16414
16415
16416
16417
16418
16419
16420
16421
16422
16423
16424
16425
16426
16427
16428
16429
16430
16431
16432
16433
16434
16435
16436
16437
16438
16439
16440
16441
16442
16443
16444
16445
16446
16447
16448
16449
16450
16451
16452
16453
16454
16455
16456
16457
16458
16459
16460
16461
16462
16463
16464
16465
16466
16467
16468
16469
16470
16471
16472
16473
16474
16475
16476
16477
16478
16479
16480
16481
16482
16483
16484
16485
16486
16487
16488
16489
16490
16491
16492
16493
16494
16495
16496
16497
16498
16499
16500
16501
16502
16503
16504
16505
16506
16507
16508
16509
16510
16511
16512
16513
16514
16515
16516
16517
16518
16519
16520	<style>
16521		.sponsPuffContainer { max-width: 980px; height: 300px; margin: 20px auto; overflow: hidden; }
16522		
16523		@media only screen and (max-width: 980px) {
16524			.sponsPuffContainer { max-width: 320px; height: 320px;}
16525		}
16526		
16527		.sponsPuff { background-color: rgba(250, 240, 220, 1); overflow: hidden;}
16528		.sponsPuff .line { background-color: #05659c; color: white; padding: 5px 8px; }
16529		.sponsPuff .image {  float: right; width: 470px; height: 274px; background-size: cover; }
16530		.sponsPuff .videox { float: right; width: 488px; height: 274px; background-size: cover; }
16531		.sponsPuff .text { padding: 20px; max-width: 400px; font-size: 30px; line-height: 30px; font-family: var(--f-suisse-light); -webkit-font-smoothing: antialiased; letter-spacing: 0; font-weight: 300; color: #666; }
16532		.sponsPuff .text b { font-family: var(--f-suisse-bold); -webkit-font-smoothing: antialiased; color: #222; font-weight: 300; }
16533		
16534		@media only screen and (max-width: 980px) {
16535			.sponsPuff { max-width: 320px; height: 320px; }
16536			.sponsPuff .image {  float: none; width: 320px; height: 150px; background-size: cover;}
16537			.sponsPuff .videox {  float: none; width: 320px; height: 180px; background-size: cover; padding-bottom: 0 !important;}
16538			.sponsPuff .text { padding: 15px; font-size: 18px; line-height: 18px; max-width: 280px; }
16539		}
16540	</style>	
16541
16542
16543
16544
16545
16546
16547
16548
16549 
16550
16551
16552
16553
16554
16555
16556
16557
16558
16559
16560
16561
16562
16563
16564
16565
16566
16567
16568
16569
16570
16571
16572
16573
16574
16575
16576
16577
16578
16579
16580
16581
16582
16583
16584
16585
16586
16587
16588
16589
16590
16591
16592
16593
16594
16595
16596	
16597	
16598		
16599
16600
16601
16602
16603
16604
16605
16606
16607
16608
16609
16610
16611
16612
16613
16614
16615
16616
16617
16618
16619
16620
16621
16622
16623
16624
16625
16626
16627
16628
16629
16630
16631
16632
16633
16634
16635
16636
16637
16638
16639
16640
16641
16642
16643		
16644
16645
16646		
16647
16648
16649
16650
16651
16652
16653
16654
16655
16656
16657
16658
16659
16660
16661
16662
16663
16664
16665
16666
16667
16668
16669
16670
16671
16672
16673
16674
16675
16676
16677
16678
16679
16680
16681
16682
16683
16684
16685
16686
16687
16688
16689
16690
16691
16692
16693
16694
16695
16696
16697
16698
16699
16700
16701
16702
16703
16704
16705
16706
16707
16708
16709
16710
16711
16712
16713
16714
16715
16716
16717
16718
16719
16720
16721
16722
16723
16724
16725
16726
16727
16728
16729
16730
16731
16732
16733
16734
16735
16736
16737
16738
16739
16740
16741
16742
16743
16744
16745
16746
16747
16748
16749
16750
16751
16752
16753
16754
16755
16756
16757
16758
16759
16760
16761
16762
16763
16764
16765
16766
16767
16768
16769
16770
16771
16772	<style>
16773		
16774		:root {
16775			--f-menu-nohover: rgb(220, 220, 220);
16776			--f-menu-hover: rgb(140,140,140);
16777			--f-menu-tjockhover: rgb(70, 70, 70);
16778			--f-menu-height: 50px;
16779		}
16780		
16781		@media only screen and (max-width: 480px) {
16782			:root {
16783				--f-menu-height: 44px;
16784			}
16785		}
16786		
16787		:root [data-site='tjock'] {
16788			--f-menu-nohover: rgb(70, 70, 70);
16789			--f-menu-hover:var(--f-hot-color);
16790			--f-menu-feberhover: rgb(220, 220, 220);
16791		}
16792		
16793		
16794		
16795		
16796
16797		f-menu-container {
16798			-webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
16799    		transform: translate3d(0, 0, 0); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; display: block; will-change: transform;
16800}
16801		f-menu-container[data-show=no] {
16802			transform: translate3d(0, calc(-1 * 50px), 0);
16803		}
16804
16805		@media only screen and (max-width: 600px) {
16806			f-menu-container[data-show=no] {
16807				transform: translate3d(0, calc(-1 * 44px), 0);
16808			}
16809		}
16810
16811		html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-container[data-show=no] {
16812			/* transform: none; Override the transform when the specific condition is met */
16813		}
16814
16815		html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container[data-show=no] {
16816			/* transform: none; Override the transform when the specific condition is met */
16817		}
16818
16819		
16820
16821		
16822
16823		
16824		f-menu { height: var(--f-menu-height); margin: 0 auto; background-color: rgb(30,30,30); max-width: 100%; 
16825			font-family: var(--f-suisse-medium); font-weight: 300; font-size: 14px; letter-spacing: 0; -webkit-font-smoothing: antialiased; overflow: hidden;
16826			border-bottom: 3px solid var(--f-hot-color); }
16827		f-menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
16828		
16829		
16830		
16831		f-menu a, f-menu-sub a { font-weight: 300; }
16832		
16833		f-menu-sub {
16834			display: none; height: 30px; width: 100%; color: white; font-family: var(--f-suisse-regular); overflow: hidden; margin: 0 auto;
16835			transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: translate3d(0, 0, 0); top: 53px
16836		}
16837
16838		f-menu-sub[data-show=no] {
16839			transform: translate3d(0, calc(-1 * 100px), 0);
16840		}
16841
16842		@media only screen and (max-width: 600px) {
16843			f-menu-sub {
16844				display: block;
16845				top: 47px; 
16846			}
16847		}
16848
16849		html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container {
16850			position: relative !important;
16851			top: 0;
16852		}
16853
16854		html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-container[data-sub2000=yes] {
16855			position: fixed !important;
16856			top: 0px; 
16857		}
16858
16859		html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container[data-sub2000=yes] {
16860			position: fixed !important;
16861			top: 53px; 
16862		}
16863
16864		
16865
16866		@media only screen and (max-width: 600px) {
16867			html.adnm-topscroll:not(.adnm-htmltag-menufixed) body > f-menu-sub-container[data-sub2000=yes] {
16868				top: 47px; 
16869			}
16870
16871		}
16872		
16873		@media only screen and (min-width: 2000px) {
16874			f-menu, f-menu-sub { max-width: 2000px; }
16875			
16876		}
16877		
16878		
16879		f-menu, f-menu-logo, f-menu-search, f-menu-start, f-menu-list, f-menu-thumbnails, f-menu-today, f-menu-yesterday, f-menu-tips, f-menu-tjock, f-menu-burger {
16880		display: block;   }
16881		
16882		
16883		f-menu-feberlogo { float: left; height: var(--f-menu-height); }
16884		f-menu-feberlogo svg { width: 78px; height: 14px; padding: 18px; margin-right: 0px; }
16885
16886		f-menu-start { float: left; height: var(--f-menu-height); }
16887		f-menu-start svg { width: 12px; height: 12px; padding: 19px 0px 19px 10px; transition: all .3s; }
16888		f-menu-start svg rect { fill: var(--f-menu-nohover); transition: all .3s; }
16889		f-menu-start:hover svg rect { fill: var(--f-menu-hover); transition: all .3s; }
16890
16891		f-menu-list { float: left; height: var(--f-menu-height); }
16892		f-menu-list svg { width: 12px; height: 12px; padding: 19px 10px; transition: all .3s; }
16893		f-menu-list svg rect { fill: var(--f-menu-nohover); transition: all .3s; }
16894		f-menu-list:hover svg rect { fill: var(--f-menu-hover); transition: all .3s; }
16895		
16896		f-menu-thumbnails { float: left; height: var(--f-menu-height); transition: all .3s; }
16897		f-menu-thumbnails svg { width: 12px; height: 12px; padding: 19px 10px 19px 0px; transition: all .3s; }
16898		f-menu-thumbnails svg rect { fill: var(--f-menu-nohover); transition: all .3s; }
16899		f-menu-thumbnails:hover svg rect { fill: var(--f-menu-hover); transition: all .3s; }
16900		
16901		f-menu-search {	float: left; transition: all .3s; height: var(--f-menu-height); transition: all .3s; }
16902		f-menu-search svg { width: 16px; height: 16px; padding: 17px 10px; fill: none; transition: all .3s; }
16903		f-menu-search circle, f-menu-search line { stroke: var(--f-menu-nohover); transition: all .3s; }
16904		f-menu-search:hover circle, f-menu-search:hover line { stroke: var(--f-menu-hover); transition: all .3s; }
16905		
16906		
16907		
16908		
16909		
16910		
16911		f-menu-today, f-menu-yesterday, f-menu-tips { padding: 17px 0px 17px 10px; float: left; color: var(--f-menu-nohover); transition: all .3s; }
16912		f-menu-yesterday, f-menu-tips { color: var(--f-menu-hover); }
16913		f-menu-today:hover, f-menu-yesterday:hover, f-menu-tips:hover { color: var(--f-menu-hover); }
16914		
16915		f-menu-tjocklogo { float: right; height: var(--f-menu-height); transition: all .3s;  }
16916		f-menu-tjocklogo svg { width: 55px; height: 12px; padding: 19px 0px 19px 10px; transition: all .3s;  }
16917		f-menu-tjocklogo svg path { fill: var(--f-menu-nohover); transition: all .3s;  }
16918		f-menu-tjocklogo:hover svg path { fill: var(--f-menu-hover); transition: all .3s;  }
16919		
16920		f-menu-droptrigger-burger {	float: right; transition: all .3s ease-in-out; cursor: pointer;  }
16921		f-menu-droptrigger-burger svg { width: 16px; height: 16px; padding: 17px; }
16922		f-menu-droptrigger-burger svg rect { fill: var(--f-menu-nohover); transition: all .3s;  }
16923		f-menu-droptrigger-burger:hover svg rect { fill: var(--f-menu-hover); transition: all .3s;  }
16924		
16925		
16926		@media only screen and (max-width: 600px) {
16927			f-menu { 							height: 44px; }
16928			f-menu-feberlogo svg { 				width: 67px; height: 12px; padding: 16px 15px; margin-right: 0px; }
16929			f-menu-start { 						display: none; }		
16930			f-menu-start svg { 					width: 10px; height: 10px; padding: 17px 0px 17px 8px; }
16931			f-menu-list svg { 					width: 10px; height: 10px; padding: 17px 8px; }
16932			f-menu-thumbnails svg { 			width: 10px; height: 10px; padding: 17px 8px 17px 0; }
16933			f-menu-search svg { 				width: 14px; height: 14px; padding: 15px 8px 15px 10px; }
16934			f-menu-today, f-menu-yesterday, f-menu-tips { 	padding: 16px 0px 16px 8px; font-size: 13px; line-height: 13px; }
16935			f-menu-tjocklogo svg { 				width: 46px; height: 10px; padding: 17px 8px; }
16936			f-menu-droptrigger-burger svg { 	width: 14px; height: 14px; padding: 15px 13px 15px 8px; }
16937		}
16938		
16939		@media only screen and (max-width: 450px) {
16940			f-menu-tips { display: none; }
16941		}
16942		
16943		@media only screen and (max-width: 380px) {
16944			f-menu-yesterday { display: none; }
16945		}
16946		
16947		@media only screen and (max-width: 330px) {
16948			f-menu-today { display: none; }
16949		}
16950		
16951		
16952		
16953		
16954		[data-menu='closed'] f-menu-background {
16955			display: none;  position: fixed; left: 0px; top: 0px; z-index: 1000; width: 100%; height: 100%;
16956			background-color: rgba(0,0,0,0); transition: all .2s;
16957		}
16958		
16959		[data-menu='open'] f-menu-background {
16960			display: block;  position: fixed; left: 0px; top: 0px; z-index: 1000; width: 100%; height: 100%;
16961			background-color: rgba(0,0,0,0.6); transition: all .2s;
16962		}
16963		
16964		
16965		
16966		
16967		f-menu-premium {				display: block; color: var(--f-menu-nohover); float: right; font-size: 12px; -webkit-font-smoothing: antialiased; }
16968		
16969		f-menu-premium a { color: var(--f-menu-nohover); transition: all .3s; }
16970		f-menu-premium a:hover { color: var(--f-menu-hover); }
16971		
16972		f-menu-premium-notloggedin, f-menu-premium-loggedin {
16973			display: grid; grid-template-columns: auto auto auto;
16974			grid-template-rows: auto;
16975			grid-template-areas: "text icon login";
16976		}
16977		[data-premium='true'] f-menu-premium-notloggedin { display: none; }
16978		[data-premium='false'] f-menu-premium-loggedin { display: none; }
16979		
16980		f-menu-premium-usericon { 		cursor: pointer; display: grid; grid-area: icon; }
16981		f-menu-premium-usericon svg { 	padding: 18px 10px 18px 10px; height: 14px !important; width: 14px !important; }
16982		f-menu-premium-usericon svg path { fill: var(--f-menu-nohover); transition: all .3s; }
16983		f-menu-premium-usericon:hover svg path { fill: var(--f-menu-hover); transition: all .3s; }
16984		
16985		f-menu-premium-text { color: var(--f-menu-nohover); padding: 18px 0px 18px 0px; transition: all .3s;
16986								display: grid; grid-area: text;
16987		  }
16988		f-menu-premium-text:hover {			color: var(--f-menu-hover); }
16989		
16990		f-menu-premium-login, f-menu-premium-logout {
16991			float: right; padding: 18px 10px 18px 0; color: var(--f-menu-nohover); display: grid; grid-area: login;
16992		}
16993		f-menu-premium-login:hover, f-menu-premium-logout:hover { color: var(--f-menu-hover); transition: all .3s; }
16994		
16995		@media only screen and (max-width: 600px) {
16996			f-menu-premium { 
16997				//float: left; 
16998				//width: 100%; 
16999				//background-color: rgba(255,255,255,0.04); 
17000			}
17001			f-menu-premium-text { line-height: 13px; padding: 9px 0px 9px 16px;  }
17002			f-menu-premium-notloggedin f-menu-premium-usericon { display: none; }
17003			f-menu-premium-usericon svg { padding: 8px; }
17004			f-menu-premium-login, f-menu-premium-logout { display: block; line-height: 13px; padding: 9px 16px 9px 0px; text-align: right; }
17005			f-menu-premium-notloggedin {
17006				grid-template-columns: auto 1fr;
17007				grid-template-areas: "text login";
17008			}
17009			
17010			f-menu-premium-loggedin {
17011				grid-template-columns: auto auto 1fr;
17012				grid-template-areas: "text icon login";
17013			}
17014		}
17015
17016
17017			
17018			
17019		f-menu-sponsored {		display: none; float: left; padding: 10px 16px; }
17020		
17021		f-menu-sub-vignette { 	display: block; float: left; margin-right: 15px;
17022								font-size: 11px;text-transform: uppercase; color: var(--f-menu-nohover);}
17023			
17024		f-menu-sub-status {				padding: 11px 14px; display: block; z-index: 91;  opacity: 1; transition: opacity .2s .3s; }
17025		.scroll f-menu-sub-status {		opacity: 0; transition: opacity .1s; }
17026			
17027			
17028			
17029		f-menu-contrast { display: block; float: right; transition: all .3s; cursor: pointer; height: 30px; background-color: rgb(29,29,29); }
17030		f-menu-contrast svg { width: 14px; height: 14px; padding: 8px; }
17031			
17032		f-menu-contrast circle {			stroke: var(--f-menu-nohover); transition: all .3s; 	}
17033		f-menu-contrast path {				fill: var(--f-menu-nohover); transition: all .3s; 		}
17034		f-menu-contrast:hover circle {		stroke: var(--f-menu-hover); transition: all .3s; 		}
17035		f-menu-contrast:hover path {		fill: var(--f-menu-hover); transition: all .3s; 		}
17036		
17037		[data-darkmode='on'] f-menu-contrast {				background-color: rgb(230,230,230); }
17038		[data-darkmode='on'] f-menu-contrast circle {		stroke: rgba(50,50,50); transition: all .3s; }
17039		[data-darkmode='on'] f-menu-contrast path {			fill: rgba(50,50,50); transition: all .3s; }
17040		[data-darkmode='on'] f-menu-contrast:hover circle {	stroke: rgba(90,90,90); transition: all .3s; }
17041		[data-darkmode='on'] f-menu-contrast:hover path {	fill: rgba(90,90,90); transition: all .3s; }
17042		
17043			
17044			
17045			
17046			
17047		f-menu-sub-social {			display: block; float: right; z-index: 91; padding: 0 4px; }
17048		f-menu-sub-social svg { 	float: left; cursor: pointer; width: 12px; height: 12px; padding: 9px 8px; margin: 0;  }
17049		f-menu-sub-social path {	fill: var(--f-menu-nohover); transition: all .3s; }
17050			
17051		f-menu-sub-social path.f-menu-social-facebook-blue { 	fill: var(--f-menu-nohover); transition: all .3s; }
17052		f-menu-sub-social path.f-menu-social-facebook-f { 		fill: rgb(51,51,51); transition: all .3s; }
17053		f-menu-sub-social .f-menu-social-facebook:hover path.f-menu-social-facebook-blue { 	fill: #1977F3; transition: all .3s; }
17054		f-menu-sub-social .f-menu-social-facebook:hover path.f-menu-social-facebook-f { 	fill: #FEFEFE; transition: all .3s; }
17055		 
17056		f-menu-sub-social .f-menu-instagram:hover path { fill: rgb(213,73,152); }
17057		
17058		f-menu-sub-social .f-menu-twitter:hover path { fill: rgb(8,160,233); }
17059		
17060		f-menu-sub-social .f-menu-youtube path.ytIconTriangle { fill: transparent; }
17061		f-menu-sub-social .f-menu-youtube:hover path.ytIconTriangle { fill: white; }
17062		f-menu-sub-social .f-menu-youtube:hover path.ytIconRectangle { fill: red; }
17063
17064		
17065		
17066		
17067		
17068		f-menu-dropdown-one, f-menu-dropdown-two, f-menu-dropdown-icons, f-menu-dropdown-logos {
17069			display: none; position: absolute; min-width: 150px; z-index: 1; box-shadow: rgba(0,0,0,0.3) -4px 2px 12px; right: 0px; opacity: 0; transition: all .3s;
17070		}
17071			
17072		f-menu-dropdown-one { 		top: 83px; background-color: #f9f9f9;  }
17073		f-menu-dropdown-two { 		top: 83px; background-color: #f9f9f9;  }
17074		f-menu-dropdown-icons { 	top: 53px;
17074 background-color: rgb(60,60,60); height: 30px; }
17075		f-menu-dropdown-logos { 	top: 388px; background-color: white; height: 60px; }
17076
17077		f-menu-dropdown-logo { width: 150px; height: 40px; display: flex; overflow: hidden; justify-content: center; align-items: center; } 
17078		
17079		[data-menu='open'] f-menu-dropdown-one { 	display: block; opacity: 1; right: 0px; }
17080		[data-menu='open'] f-menu-dropdown-two { 	display: block; opacity: 1; right: 150px; }
17081		[data-menu='open'] f-menu-dropdown-icons { 	display: block; opacity: 1; right: 0px; }
17082		[data-menu='open'] f-menu-dropdown-logos { 	display: block; opacity: 1; right: 150px; }
17083		
17084		f-menu-dropdown-item, f-menu-dropdown-item-simple { text-decoration: none; display: flex; transition: all .3s; }
17085		
17086		f-menu-dropdown-item-marked { display: flex; cursor: pointer; align-items: center; padding-right: 6px; padding-left: 4px; transition: all .3s }
17087		f-menu-dropdown-item-marked svg { display: block; transition: all .3s }
17088		f-menu-dropdown-item-marked:focus-visible { outline: 2px solid var(--f-hot-color); outline-offset: -2px; }
17089
17090		f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-marked circle  { fill: white; }
17091		f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-marked path  { fill: #666; stroke: #666; }
17092
17093		f-menu-dropdown-item:hover f-menu-dropdown-item-marked circle  { fill: white; }
17094		f-menu-dropdown-item:hover f-menu-dropdown-item-marked path  { fill: var(--f-hot-color); stroke: var(--f-hot-color); }
17095		f-menu-dropdown-item[data-slash="true"]:hover f-menu-dropdown-item-marked circle  { fill: white; }
17096		f-menu-dropdown-item[data-slash="true"]:hover f-menu-dropdown-item-marked path  { fill: var(--f-hot-color); stroke: var(--f-hot-color); }
17097
17098		
17099
17100		
17101		
17102		f-menu-dropdown-item-title { display: block; padding: 11px 0 11px 15px; font-size: 14px; line-height: 14px; color: #222; margin-right: auto; cursor: pointer; }
17103		[data-darkmode='on'] f-menu-dropdown-item-title { color: white; }
17104		f-menu-dropdown-item:hover f-menu-dropdown-item-title { color: white; }
17105		 
17106		f-menu-dropdown-item-simple f-menu-dropdown-item-title { display: block; padding: 12px 16px; color: white }
17107		
17108		f-menu-dropdown-item-thumb { display: none; width: 12px; cursor: pointer; align-items: center; }
17109		f-menu-dropdown-item-thumb svg { display: block; }
17110		f-menu-dropdown-item-thumb rect { fill:  #666; }
17111		
17112		f-menu-dropdown-one a, f-menu-dropdown-two a { color: #222; margin: 0; padding: 0; }
17113		
17114		/* Gör huvudlänken expandera för att fylla hela elementet */
17115		f-menu-dropdown-item > a:first-of-type {
17116			flex: 1;
17117			display: flex;
17118			align-items: center;
17119		}
17120		
17121		f-menu-dropdown-item:hover a, f-menu-dropdown-item:hover f-menu-dropdown-item-count, f-menu-dropdown-item:hover f-menu-dropdown-item-thumb rect  {
17122			color: #fff; fill: white; }
17123		
17124		f-menu-dropdown-item:nth-child(odd) { background: rgba(230,230,230); transition: all .3s; }
17125		f-menu-dropdown-item:nth-child(even) { background: rgba(255,255,255); transition: all .3s; }
17126		f-menu-dropdown-item:hover:nth-child(odd), f-menu-dropdown-item:hover:nth-child(even) { background: var(--f-hot-color); color: white; }
17127		
17128		[data-darkmode='on'] f-menu-dropdown-item:nth-child(odd) { background: rgba(70,70,70); color: white; transition: all .3s; }
17129		[data-darkmode='on'] f-menu-dropdown-item:nth-child(even) { background: rgba(60,60,60); color: white; transition: all .3s; }
17130		[data-darkmode='on'] f-menu-dropdown-item:hover:nth-child(odd), f-menu-dropdown-item:hover:nth-child(even) { background: var(--f-hot-color); color: white; }
17131		
17132		f-menu-dropdown-item-simple:nth-child(odd) { background: rgb(60,60,60); }
17133		f-menu-dropdown-item-simple:nth-child(even) { background: rgb(70,70,70); }
17134		f-menu-dropdown-item-simple:hover:nth-child(odd), f-menu-dropdown-item-simple:hover:nth-child(even) { background: var(--f-hot-color); color: white; }
17135
17136		f-menu-dropdown-item[data-slash="true"]:nth-child(odd) { background: #666 !important; }
17137		f-menu-dropdown-item[data-slash="true"]:nth-child(even) { background: #777 !important; }
17138        f-menu-dropdown-item[data-slash="true"]:hover { background: var(--f-hot-color) !important; }
17139        f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-title { color: white !important; }
17140		f-menu-dropdown-item[data-slash="true"] f-menu-dropdown-item-thumb rect  { fill: white; }
17141		
17142
17143
17144		@media only screen and (max-width: 600px) {
17145			f-menu-dropdown-one { 		top: 77px; }
17146			f-menu-dropdown-two { 		top: 77px; }
17147			f-menu-dropdown-icons { 	top: 47px; }
17148			f-menu-dropdown-logos { 	top: 381px; }
17149		}
17150
17151
17152		
17153
17154		
17155	</style>
17156
17157
17158
17159
17160
17161
17162
17163
17164
17165
17166
17167
17168
17169
17170
17171
17172
17173
17174
17175
17176
17177
17178
17179
17180
17181
17182
17183 
17184
17185
17186
17187
17188
17189
17190
17191
17192
17193
17194
17195
17196
17197
17198
17199
17200
17201
17202
17203
17204
17205
17206
17207
17208
17209
17210
17211
17212
17213
17214
17215
17216
17217
17218
17219
17220
17221
17222
17223
17224
17225
17226
17227
17228
17229		
17230		
17231		
17232
17233
17234
17235
17236
17237
17238
17239
17240
17241
17242
17243
17244
17245
17246
17247
17248
17249
17250
17251
17252
17253
17254
17255
17256
17257
17258
17259
17260
17261
17262
17263
17264
17265
17266
17267
17268
17269
17270
17271
17272
17273
17274
17275
17276		
17277
17278
17279		
17280
17281
17282
17283
17284
17285
17286
17287
17288
17289
17290
17291
17292
17293
17294
17295
17296
17297
17298
17299
17300
17301
17302
17303
17304
17305
17306
17307
17308
17309
17310
17311
17312
17313
17314
17315
17316
17317
17318
17319
17320
17321
17322
17323
17324
17325
17326
17327
17328
17329
17330
17331
17332
17333
17334
17335
17336
17337
17338
17339
17340
17341
17342
17343
17344
17345
17346
17347
17348
17349
17350
17351
17352
17353
17354
17355
17356
17357
17358
17359
17360
17361
17362
17363
17364
17365
17366
17367
17368
17369
17370
17371
17372
17373
17374
17375
17376
17377
17378
17379
17380
17381
17382
17383
17384
17385
17386
17387
17388
17389
17390
17391
17392
17393
17394
17395
17396
17397
17398
17399
17400
17401
17402
17403
17404
17405
17406
17407
17408
17409
17410
17411
17412
17413
17414
17415	<style>
17416		f-menu-live-container { display: block; }
17417		
17418		f-menu-live {
17419			font-family: var(--f-suisse-regular); font-size: 14px; line-height: 30px; color: white;
17420			display: block; margin: 0px auto 0px; 
17421		}
17422		
17423		f-menu-live { background-color: rgb(70, 70, 70); }
17424		f-menu-live[data-live='live'] { background-color: var(--f-hot-color); }
17425		f-menu-live:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
17426		
17427		f-menu-live a { color: white; font-weight: 300; }
17428		f-menu-live a:hover { color: rgba(255,255,255,0.8); }
17429		
17430		f-menu-live-alert { font-family: var(--f-suisse-bold); -webkit-font-smoothing: antialiased; float: left; padding: 0px 10px 0px 18px; }
17431		
17432		f-menu-live-time, f-menu-live-text, f-menu-live-tags { padding: 0px 10px 0px 0px; float: left; }
17433		
17434		f-menu-live-text { font-family: var(--f-suisse-regular); }
17435		
17436		.f-menu-live-killborder { margin-top: -3px; }
17437		.f-menu-live-bordertoplive { border-top: 1px solid rgb(235, 49, 0); }
17438		.f-menu-live-bordertopaktuellt { border-top: 1px solid rgb(50, 50, 50); }
17439
17440		@media only screen and (max-width: 600px) {
17441			f-menu-live { font-size: 12px; line-height: 26px; }
17442			f-menu-live-alert { padding: 0px 10px 0px 16px; }
17443			f-menu-live-tags { display: block; }
17444			.f-menu-live-killborder { margin-top: 0px; }
17445		}
17446		
17447		@media only screen and (min-width: 2000px) {
17448			f-menu-live { max-width: 980px; }
17449		}
17450
17451	</style>	
17452
17453
17454
17455
17456
17457
17458
17459
17460
17461
17462
17463
17464
17465
17466
17467
17468
17469 
17470
17471
17472
17473
17474
17475
17476
17477
17478
17479
17480
17481
17482
17483
17484
17485
17486
17487
17488
17489
17490
17491
17492
17493
17494
17495
17496
17497
17498
17499
17500
17501
17502
17503
17504
17505
17506
17507
17508
17509
17510
17511
17512
17513
17514
17515		
17516
17517
17518
17519
17520
17521
17522
17523
17524
17525
17526
17527
17528
17529
17530
17531
17532
17533
17534
17535
17536
17537
17538
17539
17540
17541
17542
17543
17544
17545
17546
17547
17548
17549
17550
17551
17552
17553
17554
17555
17556
17557
17558
17559
17560		
17561
17562
17563		
17564
17565
17566
17567
17568
17569
17570
17571
17572
17573
17574
17575
17576
17577
17578
17579
17580
17581
17582
17583
17584
17585
17586
17587
17588
17589
17590
17591
17592
17593
17594
17595
17596
17597
17598
17599
17600
17601
17602
17603
17604
17605
17606
17607
17608
17609
17610
17611
17612
17613
17614
17615
17616
17617
17618
17619
17620
17621
17622
17623
17624
17625
17626
17627
17628
17629
17630
17631
17632
17633
17634
17635
17636
17637
17638
17639
17640
17641
17642
17643
17644
17645
17646
17647
17648
17649
17650
17651
17652
17653
17654
17655
17656
17657
17658
17659
17660
17661
17662
17663
17664
17665
17666
17667
17668
17669
17670
17671
17672
17673
17674
17675
17676
17677
17678
17679
17680
17681
17682
17683
17684
17685
17686
17687
17688
17689
17690
17691
17692
17693
17694
17695
17696
17697
17698
17699
17700
17701
17702
17703	<style>
17704		f-deals { display: none; width: 100%; max-width: 980px; margin: var(--f-margins-margins); box-sizing: border-box; }
17705
17706		f-deals-head { display: block; font-family: SuisseRegular; font-weight: 300; color: #999; font-size: 12px; margin-bottom: 6px; }
17707
17708		f-deals-items { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; }
17709
17710		.f-deals-item {
17711			flex: 1;
17712			min-width: 0;
17713			display: block;
17714			text-decoration: none;
17715			color: inherit;
17716		}
17717
17718		@media (min-width: 800px) {
17719			.f-deals-item { flex: 0 0 calc(50% - 5px); }
17720			.f-deals-item:only-child { flex: 1 1 100%; }
17721		}
17722
17723		@media (max-width: 799px) {
17724			.f-deals-item:not(:first-child) { display: none; }
17725		}
17726
17727		f-deals-item-content {
17728			display: flex;
17729			flex-direction: row;
17730			height: 75px;
17731			min-height: 75px;
17732			max-height: 75px;
17733			overflow: hidden;
17734			background-color: rgb(45,45,45);
17735		}
17736
17737		f-deals-item-image {
17738			flex-shrink: 0;
17739			width: 140px;
17740			height: 75px;
17741			min-height: 75px;
17742			max-height: 75px;
17743			overflow: hidden;
17744			background-color: rgb(45,45,45);
17745		}
17746
17747		f-deals-item-image img {
17748			width: 100%;
17749			height: 100%;
17750			object-fit: cover;
17751		}
17752
17753		f-deals-item-gadget {
17754			flex: 1;
17755			display: flex;
17756			flex-direction: column;
17757			justify-content: center;
17758			padding: var(--f-article-padding);
17759		}
17760
17761		f-deals-item-gadget strong {
17762			display: block;
17763			font-size: 14px;
17764			line-height: 16px;
17765			font-family: 'SuisseSemiBold', SuisseSemiBold, 'Helvetica Neue', arial, sans-serif;
17766			font-weight: 600;
17767			color: #fff;
17768			-webkit-font-smoothing: antialiased;
17769		}
17770
17771		f-deals-item-price {
17772			font-family: SuisseRegular, 'Helvetica Neue', arial, sans-serif;
17773			font-weight: normal;
17774			color: var(--n-orange-semidark);
17775			font-size: 14px;
17776			line-height: 16px;
17777		}
17778
17779		f-deals-item-oldprice {
17780			color: rgba(255,255,255,0.4);
17781		}
17782
17783		@media only screen and (max-width: 980px) {
17784			f-deals-head { margin-left: 8px; }
17785		}
17786
17787	</style>
17788
17789
17790
17791
17792
17793
17794
17795
17796
17797
17798
17799
17800
17801 
17802
17803
17804
17805
17806
17807
17808
17809
17810
17811
17812
17813
17814
17815
17816
17817
17818
17819
17820
17821
17822
17823
17824
17825
17826
17827
17828
17829
17830
17831
17832
17833
17834
17835
17836
17837
17838
17839
17840
17841
17842
17843
17844
17845
17846
17847	
17848
17849
17850	
17851
17852
17853
17854
17855
17856
17857
17858
17859
17860
17861
17862	
17863	
17864
17865
17866
17867
17868
17869
17870
17871
17872
17873
17874
17875<style>
17876
17877	f-cta-container {
17878		display: flex; flex-direction: column; padding: 12px; margin: 20px auto;
17879		background: var(--f-article-background-inline); font-family: var(--f-suisse-semibold); font-weight: 300; 
17880	}
17881
17882	f-cta-row1 { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 8px; color: var(--f-article-text-color); }
17883	f-cta-row2 { display: flex; justify-content: flex-end; align-items: center; gap: 12px; }
17884
17885	f-cta-text { font-size: 15px; font-family: var(--f-suisse-semibold); font-weight: 300; padding: 4px; }
17886	f-cta-legal { font-size: 12px; font-family: var(--f-suisse-medium); font-weight: 300; color: rgba(0,0,0,0.4); white-space: nowrap; }
17887	f-cta-button { font-size: 15px; font-family: var(--f-suisse-semibold); font-weight: 300; 
17888		background-color: #333; color: white;
17889		padding: 6px 12px; border-radius: 6px; white-space: nowrap; display: inline-block;
17890	}
17891
17892	a > f-cta-container { color: inherit; }
17893
17894	/* Desktop: rad1 till vänster, rad2: legal + button till höger */
17895	@media (min-width: 600px) {
17896		f-cta-container { flex-direction: row; justify-content: space-between; align-items: center; }
17897		f-cta-row1 { margin: 0; }
17898		f-cta-row2 { gap: 12px; }
17899		f-cta-text { padding-left: 0 0 8px 0; }
17900	}
17901</style>
17902
17903<script>
17904	document.addEventListener('DOMContentLoaded', () => {
17905
17906		//console.log('f-cta script loaded');
17907
17908		const presetBG = {
17909			black: '#222',
17910			blue: 'var(--f-link-color)',
17911			orange: 'var(--f-hot-color)',
17912			automatos: 'rgba(217, 4, 41, 1)'
17913		};
17914	
17915		const presetText = {
17916			white: '#fff',
17917			black: 'var(--f-article-text-color)'
17918		};
17919	
17920		function processCTA(el) {
17921			if (el.dataset.processed) return; // Undvik att bearbeta flera gånger
17922			el.dataset.processed = "true";
17923		
17924			const text = el.getAttribute('text') || '';
17925			const button = el.getAttribute('button') || '';
17926			const legal = el.getAttribute('legal') || '';
17927			const url = el.getAttribute('url') || '#';
17928			const bgcolor = el.getAttribute('bgcolor') || '#333';
17929			const textcolor = el.getAttribute('textcolor') || 'white';
17930		
17931			const bg = presetBG[bgcolor.toLowerCase()] || bgcolor;
17932			const tc = presetText[textcolor.toLowerCase()] || textcolor;
17933		
17934			const link = document.createElement('a');
17935			link.setAttribute('href', url);
17936			link.setAttribute('target', '_blank');
17937			link.setAttribute('rel', 'noopener');
17938			link.style.textDecoration = 'none';
17939			link.style.display = 'block';
17940		
17941			const container = document.createElement('f-cta-container');
17942			const row1 = document.createElement('f-cta-row1');
17943			const row2 = document.createElement('f-cta-row2');
17944		
17945			const textEl = document.createElement('f-cta-text');
17946			textEl.textContent = text;
17947		
17948			const legalEl = document.createElement('f-cta-legal');
17949			legalEl.textContent = legal;
17950		
17951			const buttonEl = document.createElement('f-cta-button');
17952			buttonEl.textContent = button;
17953			buttonEl.style.backgroundColor = bg;
17954			buttonEl.style.color = tc;
17955		
17956			row1.appendChild(textEl);
17957			row2.appendChild(legalEl);
17958			row2.appendChild(buttonEl);
17959		
17960			container.appendChild(row1);
17961			container.appendChild(row2);
17962			link.appendChild(container);
17963		
17964			el.replaceWith(link);
17965		}
17966	
17967		// 1. Kör på redan existerande f-cta
17968		document.querySelectorAll('f-cta').forEach(processCTA);
17969	
17970		// 2. Observera DOM-förändringar
17971		const observer = new MutationObserver(mutations => {
17972			mutations.forEach(mutation => {
17973				mutation.addedNodes.forEach(node => {
17974					if (node.nodeType === 1 && node.tagName.toLowerCase() === 'f-cta') {
17975						processCTA(node);
17976					}
17977					// Om det finns <f-cta> längre ner i det nya nodträdet
17978					if (node.nodeType === 1) {
17979						node.querySelectorAll?.('f-cta')?.forEach(processCTA);
17980					}
17981				});
17982			});
17983		});
17984	
17985		observer.observe(document.body, { childList: true, subtree: true });
17986	});
17987</script>
17987
17988
17989
17990
17991
17992
17993
17994
17995
17996
17997
17998	
17999
18000
18001
18002
18003
18004
18005
18006
18007
18008
18009
18010	
18011	
18012
18013
18014
18015
18016
18017
18018
18019
18020
18021
18022
18023
18024
18025
18026<script>
18027	document.addEventListener('DOMContentLoaded', () => {
18028		let inlineGalleryCounter = 0;
18029		
18030		function processInlineGallery(el) {
18031			if (el.dataset.processed) return;
18032			el.dataset.processed = "true";
18033			
18034			const autoplay = el.getAttribute('data-autoplay') === 'true';
18035			const autoplaySpeedSeconds = parseFloat(el.getAttribute('data-autoplay-speed')) || 3; // Standard 3 sekunder
18036			const autoplaySpeed = Math.round(autoplaySpeedSeconds * 1000); // Konvertera till millisekunder
18037			const showThumbs = el.getAttribute('data-thumbs') !== 'false'; // Visa tumnaglar som standard
18038			
18039			// Hitta alla f-inlinegallery-img element
18040			const imgElements = el.querySelectorAll('f-inlinegallery-img');
18041			
18042			if (imgElements.length === 0) return;
18043			
18044			// Skapa container
18045			const container = document.createElement('f-inlinegallery-container');
18046			const galleryId = el.getAttribute('data-inlinegalleryid') || el.getAttribute('data-flideid') || 'inlinegallery-' + (++inlineGalleryCounter);
18047			container.setAttribute('data-inlinegalleryid', galleryId);
18048			
18049			// Skapa huvudbild-område
18050			const mainArea = document.createElement('f-inlinegallery-main');
18051
18052			const fullscreenEnter = document.createElement('f-fullscreen-enter');
18053			fullscreenEnter.innerHTML = '<svg id="svg-open-fullscreen" enable-background="new 0 0 451.111 451.111" height="12" viewBox="0 0 451.111 451.111" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m290 0 56.389 56.389-88.611 88.611 48.333 48.333 88.611-88.611 56.389 56.389v-161.111z" style="fill:#ffffff;" /><path d="m145 257.778-88.611 88.611-56.389-56.389v161.111h161.111l-56.389-56.389 88.611-88.611z" style="fill:#ffffff;" /><path d="m306.111 257.778-48.333 48.333 88.611 88.611-56.389 56.389h161.111v-161.111l-56.389 56.389z" style="fill:#ffffff;" /><path d="m161.111 0h-161.111v161.111l56.389-56.389 88.611 88.611 48.333-48.333-88.611-88.611z" style="fill:#ffffff;" /></svg>';
18054			fullscreenEnter.addEventListener('click', (e) => {
18055				e.stopPropagation();
18056				if (typeof startInlineGalleryFullScreen === 'function') {
18057					startInlineGalleryFullScreen(galleryId);
18058				}
18059			});
18060
18061			const fullscreenClose = document.createElement('f-fullscreen-close');
18062			fullscreenClose.style.display = 'none';
18063			fullscreenClose.innerHTML = '<svg id="svg-close-fullscreen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><polygon style="fill:#ffffff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32"></polygon><polygon style="fill:#ffffff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414"></polygon><polygon style="fill:#ffffff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586"></polygon><polygon style="fill:#ffffff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0"></polygon></svg>';
18064			fullscreenClose.addEventListener('click', (e) => {
18065				e.stopPropagation();
18066				if (typeof exitFullscreen === 'function') {
18067					exitFullscreen();
18068				}
18069			});
18070			
18071			// Skapa f-flide-prev/f-flide-next element (bara om fler än en bild)
18072			let flidePrev = null;
18073			let flideNext = null;
18074			if (imgElements.length > 1) {
18075				flidePrev = document.createElement('f-flide-prev');
18076				flidePrev.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>';
18077				flideNext = document.createElement('f-flide-next');
18078				flideNext.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>';
18079			}
18080			
18081			// Skapa tumnaglar (om aktiverat)
18082			let thumbsContainer = null;
18083			if (showThumbs) {
18084				thumbsContainer = document.createElement('f-inlinegallery-thumbs');
18085			}
18086			
18087			let currentIndex = 0;
18088			
18089			// Skapa bilddata från img-element
18090			const images = Array.from(imgElements).map((imgEl, index) => {
18091				const baseUrl = imgEl.getAttribute('data') || '';
18092				const caption = imgEl.getAttribute('data-caption') || '';
18093				
18094				// Extrahera bas-URL utan eventuella parametrar
18095				const cleanUrl = baseUrl.replace(/[?&].*$/, '');
18096				
18097				// Skapa URL:er för olika storlekar
18098				const mainUrl = cleanUrl.replace(/\.(jpg|jpeg|png)$/i, '_1280.$1');
18099				const thumbUrl = cleanUrl.replace(/\.(jpg|jpeg|png)$/i, '_100x100.$1');
18100				
18101				const cred = imgEl.getAttribute('data-cred') || '';
18102				const credUrl = imgEl.getAttribute('data-cred-url') || '';
18103				
18104				// Debug: logga värden
18105				console.log('Bild ' + (index + 1) + ': cred="' + cred + '", credUrl="' + credUrl + '"');
18106				
18107				return {
18108					main: mainUrl,
18109					thumb: thumbUrl,
18110					original: cleanUrl,
18111					caption: caption,
18112					cred: cred,
18113					credUrl: credUrl
18114				};
18115			});
18116			
18117			// Funktion för att uppdatera huvudbild
18118			function updateMainImage(index) {
18119				const fullscreenElement = document.fullscreenElement || document.webkitFullscreenElement;
18120				const imageUrl = fullscreenElement === container ? images[index].main.replace('_1280', '_1920') : images[index].main;
18121				const img = mainArea.querySelector('img');
18122				if (img) {
18123					img.src = imageUrl;
18124				} else {
18125					const newImg = document.createElement('img');
18126					newImg.src = imageUrl;
18127					newImg.alt = `Bild 1`;
18128					newImg.loading = 'lazy';
18129					mainArea.appendChild(newImg);
18130				}
18131				
18132				// Uppdatera bildtext
18133				let captionEl = mainArea.querySelector('f-article-image-caption');
18134				if (images[index].caption) {
18135					if (!captionEl) {
18136						captionEl = document.createElement('f-article-image-caption');
18137						mainArea.appendChild(captionEl);
18138					}
18139					captionEl.textContent = images[index].caption;
18140				} else if (captionEl) {
18141					captionEl.remove();
18142				}
18143				
18144				// Uppdatera fotokreditering
18145				let credEl = mainArea.querySelector('f-article-image-cred');
18146				if (images[index].cred) {
18147					if (!credEl) {
18148						credEl = document.createElement('f-article-image-cred');
18149						mainArea.appendChild(credEl);
18150					}
18151					
18152					// Debug: logga vad som ska visas
18153					console.log('Cred element: cred="' + images[index].cred + '", credUrl="' + images[index].credUrl + '"');
18154					
18155					if (images[index].credUrl) {
18156						// Skapa länk för fotokreditering
18157						const link = document.createElement('a');
18158						link.href = images[index].credUrl;
18159						link.target = '_blank';
18160						link.textContent = images[index].cred;
18161						link.rel = 'noopener';
18162						
18163						credEl.innerHTML = 'Foto: ';
18164						credEl.appendChild(link);
18165						console.log('Skapade länk för fotokreditering');
18166					} else {
18167						// Bara text utan länk
18168						credEl.innerHTML = 'Foto: ' + images[index].cred;
18169						console.log('Skapade text för fotokreditering:', 'Foto: ' + images[index].cred);
18170					}
18171				} else if (credEl) {
18172					credEl.remove();
18173				}
18174				
18175				// Uppdatera tumnaglar (om de finns)
18176				if (thumbsContainer) {
18177					thumbsContainer.querySelectorAll('.f-inlinegallery-thumb').forEach((thumb, i) => {
18178						thumb.classList.toggle('active', i === index);
18179					});
18180				}
18181				
18182				currentIndex = index;
18183			}
18184			
18185			// Skapa tumnaglar (om aktiverat)
18186			if (showThumbs && thumbsContainer) {
18187				images.forEach((image, index) => {
18188					const thumb = document.createElement('f-inlinegallery-thumb');
18189					thumb.className = index === 0 ? 'f-inlinegallery-thumb active' : 'f-inlinegallery-thumb';
18190					
18191					const thumbImg = document.createElement('img');
18192					thumbImg.src = image.thumb;
18193					thumbImg.alt = `Tumnagel 1`;
18194					thumbImg.loading = 'lazy';
18195					
18196					thumb.appendChild(thumbImg);
18197					
18198					thumb.addEventListener('click', () => updateMainImage(index));
18199					thumbsContainer.appendChild(thumb);
18200				});
18201			}
18202			
18203			function showPreviousImage() {
18204				const newIndex = currentIndex > 0 ? currentIndex - 1 : images.length - 1;
18205				updateMainImage(newIndex);
18206			}
18207
18208			function showNextImage() {
18209				const newIndex = currentIndex < images.length - 1 ? currentIndex + 1 : 0;
18210				updateMainImage(newIndex);
18211			}
18212
18213			container.inlineGalleryPrevious = showPreviousImage;
18214			container.inlineGalleryNext = showNextImage;
18215
18216			// Klick på vänstra tredjedelen backar, övrig yta går framåt
18217			mainArea.addEventListener('click', (e) => {
18218				const bounds = mainArea.getBoundingClientRect();
18219				const clickX = e.clientX - bounds.left;
18220
18221				if (clickX < bounds.width / 3) {
18222					showPreviousImage();
18223				} else {
18224					showNextImage();
18225				}
18226			});
18227			
18228			// Klick på f-flide-prev/f-flide-next för bildnavigation
18229			if (flidePrev) {
18230				flidePrev.addEventListener('click', (e) => {
18231					e.stopPropagation(); // Förhindra att mainArea också triggar
18232					showPreviousImage();
18233				});
18234			}
18235
18236			if (flideNext) {
18237				flideNext.addEventListener('click', (e) => {
18238					e.stopPropagation(); // Förhindra att mainArea också triggar
18239					showNextImage();
18240				});
18241			}
18242			
18243			// Gör huvudbild klickbar med cursor
18244			mainArea.style.cursor = 'pointer';
18245			
18246			// Tangentbordsnavigation (bara piltangenter)
18247			container.addEventListener('keydown', (e) => {
18248				if (e.key === 'ArrowRight') {
18249					showNextImage();
18250				} else if (e.key === 'ArrowLeft') {
18251					showPreviousImage();
18252				}
18253			});
18254			
18255			// Gör container fokuserbar för tangentbordsnavigation
18256			container.setAttribute('tabindex', '0');
18257			
18258			// Lägg till f-flide-prev/f-flide-next i mainArea
18259			if (flidePrev) {
18260				mainArea.appendChild(flidePrev);
18261			}
18262			if (flideNext) {
18263				mainArea.appendChild(flideNext);
18264			}
18265			mainArea.appendChild(fullscreenEnter);
18266			mainArea.appendChild(fullscreenClose);
18267			
18268			// Lägg till element i rätt ordning
18269			if (showThumbs && thumbsContainer) {
18270				container.appendChild(thumbsContainer); // Tumnaglar ovanför
18271			}
18272			container.appendChild(mainArea);
18273			
18274			// Initiera första bilden
18275			updateMainImage(0);
18276			
18277			// Autoplay-funktionalitet
18278			let autoplayInterval;
18279			if (autoplay && images.length > 1) {
18280				autoplayInterval = setInterval(() => {
18281					const newIndex = currentIndex < images.length - 1 ? currentIndex + 1 : 0;
18282					updateMainImage(newIndex);
18283				}, autoplaySpeed);
18284				
18285				// Pausa autoplay vid hover
18286				container.addEventListener('mouseenter', () => {
18287					if (autoplayInterval) clearInterval(autoplayInterval);
18288				});
18289				
18290				container.addEventListener('mouseleave', () => {
18291					if (autoplay && images.length > 1) {
18292						autoplayInterval = setInterval(() => {
18293							const newIndex = currentIndex < images.length - 1 ? currentIndex + 1 : 0;
18294							updateMainImage(newIndex);
18295						}, autoplaySpeed);
18296					}
18297				});
18298			}
18299			
18300			// Ersätt original-elementet
18301			el.replaceWith(container);
18302		}
18303		
18304		// Processa befintliga gallerin
18305		document.querySelectorAll('f-inlinegallery').forEach(processInlineGallery);
18306		
18307		// Observera nya gallerin och img-element
18308		const observer = new MutationObserver(mutations => {
18309			mutations.forEach(mutation => {
18310				mutation.addedNodes.forEach(node => {
18311					if (node.nodeType === 1) {
18312						// Hantera nya f-inlinegallery
18313						if (node.tagName.toLowerCase() === 'f-inlinegallery') {
18314							processInlineGallery(node);
18315						}
18316						// Hantera nya f-inlinegallery-img som läggs till i befintliga gallerin
18317						if (node.tagName.toLowerCase() === 'f-inlinegallery-img') {
18318							const gallery = node.closest('f-inlinegallery');
18319							if (gallery && !gallery.dataset.processed) {
18320								processInlineGallery(gallery);
18321							}
18322						}
18323						// Sök i nya noder efter gallerin
18324						node.querySelectorAll?.('f-inlinegallery')?.forEach(processInlineGallery);
18325					}
18326				});
18327			});
18328		});
18329		
18330		observer.observe(document.body, { childList: true, subtree: true });
18331	});
18332</script>
18332
18333
18334
18335
18336
18337
18338	
18339
18340
18341
18342
18343
18344
18345
18346
18347
18348
18349
18350	
18351	
18352
18353
18354
18355
18356
18357
18358
18359
18360
18361
18362
18363
18364
18365
18366
18367<style>
18368	f-productpoll, f-productpoll-container { display:block; width:100%; margin:28px auto; }
18369	f-productpoll-container { padding:0; overflow:hidden; border-radius:6px; background:var(--f-article-background-inline); box-sizing:border-box; }
18370	.f-productpoll-header { display:flex; align-items:center; gap:16px; padding:12px var(--f-article-padding-thin); margin:0 0 2px; border-radius:6px 6px 0 0; background:rgb(50,50,50); color:#fff; }
18371	.f-productpoll-title { margin:0; color:#fff; font-family:var(--f-suisse-semibold); font-weight:300; font-size:17px; line-height:20px; -webkit-font-smoothing:antialiased; }
18372	.f-productpoll-total { flex-shrink:0; margin-left:auto; padding:0; border:0; background:transparent; color:inherit; white-space:nowrap; font-family:var(--f-suisse-regular); font-size:13px; opacity:.7; -webkit-font-smoothing:auto; }
18373	.f-productpoll-total-action { padding:4px 8px; border-radius:6px; background:#666; color:#fff; cursor:pointer; opacity:1; font-size:12px; }
18374	.f-productpoll-total-hover { display:none; }
18375	.f-productpoll-total-action:not(.is-results):hover .f-productpoll-total-default { display:none; }
18376	.f-productpoll-total-action:not(.is-results):hover .f-productpoll-total-hover { display:inline; }
18377	.f-productpoll-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; padding:12px; align-items:stretch; }
18378	.f-productpoll-card { display:flex; align-self:stretch; flex-direction:column; min-width:0; overflow:hidden; border:0; border-radius:6px; outline:0; background:var(--f-article-background); color:var(--f-article-text-color); cursor:pointer; transition:transform .15s,box-shadow .15s; }
18379	.f-productpoll-card:hover,
18380	.f-productpoll-card:focus,
18381	.f-productpoll-card:focus-visible { border:0; outline:0; transform:translateY(-2px); box-shadow:0 4px 8px rgba(0,0,0,.14); }
18382	.f-productpoll-card[aria-disabled="true"] { pointer-events:none; opacity:.72; }
18383	.f-productpoll-card > img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
18384	.f-productpoll-card-copy { display:flex; flex:1; flex-direction:column; padding:10px; }
18385	.f-productpoll-card-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
18386	.f-productpoll-card-labels { display:flex; min-width:0; flex-direction:column; }
18387	.f-productpoll-card-title { display:block; font-family:var(--f-suisse-bold); font-weight:300; font-size:16px; line-height:1; color:var(--f-article-text-color); -webkit-font-smoothing:antialiased; }
18388	.f-productpoll-vote { flex-shrink:0; padding:10px 12px; border:0; border-radius:6px; background:var(--f-hot-color); color:#fff; font-family:var(--f-suisse-semibold); font-size:15px; line-height:1; }
18389	.f-productpoll-card-kicker { display:block; font-family:var(--f-suisse-light); font-weight:300; font-size:16px; line-height:1; color:var(--f-article-text-color-shade-deluxe); -webkit-font-smoothing:antialiased; }
18390	.f-productpoll-card-info { display:block; margin-top:7px; font-size:13px; line-height:1; color:var(--f-article-text-color-shade-deluxe); }
18391	.f-productpoll-link { display:block; align-self:flex-start; margin-top:auto; padding-top:9px; color:var(--f-hot-color); font-family:var(--f-suisse-semibold); font-size:13px; line-height:1.2; text-decoration:none; }
18392	.f-productpoll-link:hover { text-decoration:underline; }
18393	.f-productpoll-results { display:grid; gap:10px; padding:10px; }
18394	.f-productpoll-result { display:grid; grid-template-columns:96px minmax(0,1fr); gap:12px; align-items:center; padding:8px 12px 8px 8px; border-radius:6px; background:var(--f-article-background); color:var(--f-article-text-color); }
18395	.f-productpoll-result img { display:block; width:96px; aspect-ratio:16/9; border-radius:6px; object-fit:cover; }
18396	.f-productpoll-result-body { min-width:0; }
18397	.f-productpoll-result-title { display:flex; justify-content:space-between; gap:10px; margin-bottom:7px; font-family:SuisseSemiBold; font-size:15px; }
18398	.f-productpoll-voting .f-productpoll-result-body { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:12px; align-items:center; }
18399	.f-productpoll-voting .f-productpoll-result-title { grid-column:1; grid-row:1; margin-bottom:0; }
18400	.f-productpoll-voting .f-productpoll-result-title > :first-child { min-width:0; }
18401	.f-productpoll-voting .f-productpoll-bar { grid-column:1; grid-row:2; }
18402	.f-productpoll-voting .f-productpoll-vote { grid-column:2; grid-row:1 / 3; }
18403	.f-productpoll-result-metric { flex-shrink:0; min-width:64px; text-align:right; }
18404	.f-productpoll-result-votes { display:none; }
18405	.f-productpoll-result:hover .f-productpoll-result-percent { display:none; }
18406	.f-productpoll-result:hover .f-productpoll-result-votes { display:inline; }
18407	.f-productpoll-bar { height:9px; overflow:hidden; border-radius:20px; background:rgba(127,127,127,.2); }
18408	.f-productpoll-bar span { display:block; height:100%; width:var(--poll-width); background:#333; transition:width .35s ease; }
18409	.f-productpoll-result.is-selected .f-productpoll-bar span { background:var(--f-hot-color); }
18410	.f-productpoll-error { padding:12px; color:var(--f-hot-color); font-size:14px; }
18411	@media (max-width:600px) { .f-productpoll-header{padding:12px var(--f-article-padding);}.f-productpoll-title{font-size:15px;line-height:17px}.f-productpoll-total{font-size:12px}.f-productpoll-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.f-productpoll-card-copy{padding:8px}.f-productpoll-card-title{font-size:15px}.f-productpoll-card-kicker{font-size:14px}.f-productpoll-card-info{display:none}.f-productpoll-link{padding-top:7px}.f-productpoll-result{grid-template-columns:72px minmax(0,1fr)}.f-productpoll-result img{width:72px} }
18412</style>
18413<script>
18414(function() {
18415	'use strict';
18416	function imageUrl(url, size) {
18417		var clean = (url || '').replace(/([?&]).*$/, '');
18418		return clean.replace(/_(?:\d+x\d+|\d+)(?=\.[a-z0-9]+$)/i, '').replace(/(\.[a-z0-9]+)$/i, '_' + size + '$1');
18419	}
18420	function text(el, className, value) { if (!value) return; var node=document.createElement(el); node.className=className; node.textContent=value; return node; }
18421	function storageKey(id) { return 'product-poll-' + id; }
18422	function selectedOption(id) { try { return window.localStorage.getItem(storageKey(id)); } catch (e) { return null; } }
18423	function rememberOption(id, option) { try { window.localStorage.setItem(storageKey(id), option); } catch (e) {} }
18424	function forgetOption(id) { try { window.localStorage.removeItem(storageKey(id)); } catch (e) {} }
18425	function processPoll(source) {
18426		if (source.dataset.processed) return;
18427		source.dataset.processed='true';
18428		var pollId=source.getAttribute('data-id');
18429		var listLayout=source.getAttribute('data-layout')==='list';
18430		var items=Array.prototype.map.call(source.querySelectorAll('f-productpoll-item'),function(item){return{id:item.getAttribute('data-id'),image:item.getAttribute('data')||'',title:item.getAttribute('data-title')||'',kicker:item.getAttribute('data-kicker')||'',info:item.getAttribute('data-info')||'',url:item.getAttribute('data-url')||''};}).filter(function(item){return /^\d+$/.test(item.id)&&item.title&&item.image;});
18431		if (!/^\d+$/.test(pollId||'')||items.length<2) return;
18432		var container=document.createElement('f-productpoll-container');
18433		var header=document.createElement('div'); header.className='f-productpoll-header';
18434		var title=text('h2','f-productpoll-title',source.getAttribute('data-title')); if(title)header.appendChild(title);
18435		var totalLabel=document.createElement('button');totalLabel.type='button';totalLabel.disabled=true;totalLabel.className='f-productpoll-total';header.appendChild(totalLabel);container.appendChild(header);
18436		var chosen=selectedOption(pollId);
18437		var showingResults=false;
18438		var totalVotes=0;
18439		var lastResults={};items.forEach(function(item){lastResults[item.id]=0;});
18440		function optionIds(){return items.map(function(item){return item.id;}).join(',');}
18441		function totalText(){return totalVotes+(totalVotes>1?' r\u00f6ster':' r\u00f6st');}
18442		function updateTotalControl(){totalLabel.className='f-productpoll-total';totalLabel.disabled=!!chosen;totalLabel.textContent='';if(chosen){totalLabel.textContent=totalText();return;}totalLabel.classList.add('f-productpoll-total-action');if(showingResults){totalLabel.classList.add('is-results');totalLabel.textContent='R\u00f6sta';return;}var label=document.createElement('span');label.className='f-productpoll-total-default';label.textContent='Visa resultat';totalLabel.appendChild(label);var votes=document.createElement('span');votes.className='f-productpoll-total-hover';votes.textContent=totalText();totalLabel.appendChild(votes);}
18443		function showCards(){
18444			var old=container.querySelector('.f-productpoll-grid,.f-productpoll-results,.f-productpoll-error');if(old)old.remove();
18445			showingResults=false;updateTotalControl();
18446			if(listLayout){
18447				var votingTotal=items.reduce(function(sum,item){return sum+(Number(lastResults[item.id])||0);},0);
18448				var list=document.createElement('div');list.className='f-productpoll-results f-productpoll-voting';
18449				items.forEach(function(item){var votes=Number(lastResults[item.id])||0;var percent=votingTotal?Math.round(votes*100/votingTotal):0;var row=document.createElement('div');row.className='f-productpoll-result';var img=document.createElement('img');img.src=imageUrl(item.image,'980');img.alt=item.title;img.loading='lazy';row.appendChild(img);var body=document.createElement('div');body.className='f-productpoll-result-body';var heading=document.createElement('div');heading.className='f-productpoll-result-title';var label=item.url?document.createElement('a'):document.createElement('span');if(item.url){label.href=item.url;label.style.color='inherit';}label.textContent=item.title;heading.appendChild(label);body.appendChild(heading);var bar=document.createElement('div');bar.className='f-productpoll-bar';var fill=document.createElement('span');fill.style.setProperty('--poll-width',percent+'%');bar.appendChild(fill);body.appendChild(bar);var button=document.createElement('button');button.type='button';button.className='f-productpoll-vote';button.textContent='R\u00f6sta';button.setAttribute('aria-label','R\u00f6sta p\u00e5 '+item.title);button.addEventListener('click',function(){vote(item.id);});body.appendChild(button);row.appendChild(body);list.appendChild(row);});
18450				container.appendChild(list);return;
18451			}
18452			var grid=document.createElement('div'); grid.className='f-productpoll-grid';
18453			items.forEach(function(item){var card=document.createElement('div');card.className='f-productpoll-card';card.tabIndex=0;card.setAttribute('role','button');card.setAttribute('aria-label','Rösta på '+item.title);var img=document.createElement('img');img.src=imageUrl(item.image,'980');img.alt=item.title;img.loading='lazy';card.appendChild(img);var copy=document.createElement('div');copy.className='f-productpoll-card-copy';var heading=document.createElement('div');heading.className='f-productpoll-card-heading';var labels=document.createElement('div');labels.className='f-productpoll-card-labels';labels.appendChild(text('span','f-productpoll-card-title',item.title));var k=text('span','f-productpoll-card-kicker',item.kicker);if(k)labels.appendChild(k);heading.appendChild(labels);heading.appendChild(text('span','f-productpoll-vote','R\u00f6sta'));copy.appendChild(heading);var i=text('span','f-productpoll-card-info',item.info);if(i)copy.appendChild(i);if(item.url){var link=document.createElement('a');link.className='f-productpoll-link';link.href=item.url;link.textContent='L\u00e4s mer';link.addEventListener('click',function(event){event.stopPropagation();});copy.appendChild(link);}card.appendChild(copy);card.addEventListener('click',function(){if(card.getAttribute('aria-disabled')!=='true')vote(item.id);});card.addEventListener('keydown',function(event){if((event.key==='Enter'||event.key===' ')&&event.target===card){event.preventDefault();if(card.getAttribute('aria-disabled')!=='true')vote(item.id);}});grid.appendChild(card);});
18454			container.appendChild(grid);
18455		}
18456		function showResults(results){
18457			var old=container.querySelector('.f-productpoll-grid,.f-productpoll-results,.f-productpoll-error');if(old)old.remove();
18458			lastResults={};items.forEach(function(item){lastResults[item.id]=Number(results[item.id])||0;});
18459			showingResults=true;
18460			var total=items.reduce(function(sum,item){return sum+(Number(results[item.id])||0);},0);setTotal(total);var list=document.createElement('div');list.className='f-productpoll-results';
18461			items.forEach(function(item){var votes=Number(results[item.id])||0;var percent=total?Math.round(votes*100/total):0;var row=document.createElement('div');row.className='f-productpoll-result'+(String(chosen)===String(item.id)?' is-selected':'');var img=document.createElement('img');img.src=imageUrl(item.image,'980');img.alt='';img.loading='lazy';row.appendChild(img);var body=document.createElement('div');body.className='f-productpoll-result-body';var heading=document.createElement('div');heading.className='f-productpoll-result-title';var label=item.url?document.createElement('a'):document.createElement('span');if(item.url){label.href=item.url;label.style.color='inherit';}label.textContent=item.title;heading.appendChild(label);var metric=document.createElement('span');metric.className='f-productpoll-result-metric';var pct=document.createElement('span');pct.className='f-productpoll-result-percent';pct.textContent=percent+'%';metric.appendChild(pct);var count=document.createElement('span');count.className='f-productpoll-result-votes';count.textContent=votes+(votes===1?' r\u00f6st':' r\u00f6ster');metric.appendChild(count);heading.appendChild(metric);body.appendChild(heading);var bar=document.createElement('div');bar.className='f-productpoll-bar';var fill=document.createElement('span');fill.style.setProperty('--poll-width',percent+'%');bar.appendChild(fill);body.appendChild(bar);row.appendChild(body);list.appendChild(row);});container.appendChild(list);
18462		}
18463		function setTotal(total){totalVotes=total;updateTotalControl();}
18464		totalLabel.addEventListener('click',function(){if(chosen)return;if(showingResults)showCards();else showResults(lastResults);});
18465		function results(){var params='poll='+encodeURIComponent(pollId)+'&options='+encodeURIComponent(optionIds());return fetch('/dynamic/product_poll_results.jsp?'+params,{credentials:'omit',cache:'default'}).then(function(response){if(!response.ok)throw new Error('HTTP '+response.status);return response.json();});}
18466		function vote(option){var previousResults={};
18466items.forEach(function(item){previousResults[item.id]=Number(lastResults[item.id])||0;});var optimistic={};items.forEach(function(item){optimistic[item.id]=previousResults[item.id];});optimistic[option]=(optimistic[option]||0)+1;chosen=option;rememberOption(pollId,option);showResults(optimistic);var countUrl='/count?type='+encodeURIComponent('product-poll-'+pollId)+'&typeId='+encodeURIComponent(option)+'&_='+Date.now();fetch(countUrl,{credentials:'same-origin',cache:'no-store'}).then(function(response){if(!response.ok)throw new Error('HTTP '+response.status);}).catch(function(){forgetOption(pollId);chosen=null;lastResults=previousResults;setTotal(items.reduce(function(sum,item){return sum+(previousResults[item.id]||0);},0));showCards();var error=document.createElement('div');error.className='f-productpoll-error';error.textContent='R\u00f6sten kunde inte sparas \u2013 f\u00f6rs\u00f6k igen.';container.appendChild(error);});}
18467		source.replaceWith(container);
18468		results().then(function(data){var values=data.results||{};lastResults={};items.forEach(function(item){lastResults[item.id]=Number(values[item.id])||0;});var total=items.reduce(function(sum,item){return sum+lastResults[item.id];},0);setTotal(total);if(chosen&&items.some(function(item){return String(item.id)===String(chosen);}))showResults(lastResults);else showCards();}).catch(showCards);
18469	}
18470	function scan(root){if(root.matches&&root.matches('f-productpoll'))processPoll(root);if(root.querySelectorAll)root.querySelectorAll('f-productpoll').forEach(processPoll);}
18471	document.addEventListener('DOMContentLoaded',function(){scan(document);new MutationObserver(function(mutations){mutations.forEach(function(mutation){mutation.addedNodes.forEach(function(node){if(node.nodeType===1)scan(node);});});}).observe(document.body,{childList:true,subtree:true});});
18472})();
18473</script>
18473
18474
18475
18476	
18477
18478
18479
18480
18481
18482
18483
18484
18485
18486
18487
18488	
18489	
18490
18491
18492
18493
18494
18495
18496<style>
18497	f-proscons, f-proscons-container { display:block; width:100%; margin:28px auto; }
18498	f-proscons-container { display:grid; gap:2px; overflow:hidden; background:var(--f-article-background); }
18499	.f-proscons-row { display:grid; grid-template-columns:40px minmax(0,1fr); min-height:40px; background:rgb(50,50,50); color:#fff; }
18500	.f-proscons-text { display:flex; align-items:center; min-width:0; padding:8px 12px; color:#fff; font-family:var(--f-suisse-regular); font-size:16px; line-height:1.12; -webkit-font-smoothing:antialiased; }
18501	.f-proscons-mark, .f-proscons-mark svg { display:block; width:40px; height:40px; }
18502	@media (max-width:600px) {
18503		.f-proscons-row { grid-template-columns:40px minmax(0,1fr); min-height:40px; }
18504		.f-proscons-text { font-size:16px; }
18505		.f-proscons-mark, .f-proscons-mark svg { width:40px; height:40px; }
18506	}
18507</style>
18508<script>
18509(function() {
18510	'use strict';
18511	function processProsCons(source) {
18512		if (source.dataset.processed) return;
18513		source.dataset.processed = 'true';
18514		var container = document.createElement('f-proscons-container');
18515		Array.prototype.forEach.call(source.querySelectorAll('f-proscons-item'), function(item) {
18516			var value = item.getAttribute('data-text') || '';
18517			if (!value) return;
18518			var type = item.getAttribute('data-type') === 'minus' ? 'minus' : 'plus';
18519			var row = document.createElement('div');
18520			row.className = 'f-proscons-row is-' + type;
18521			var text = document.createElement('div');
18522			text.className = 'f-proscons-text';
18523			text.textContent = value;
18524			var mark = document.createElement('div');
18525			mark.className = 'f-proscons-mark';
18526			mark.innerHTML = type === 'minus' ?
18527				'<svg viewBox="0 0 650 650" fill="none" aria-hidden="true"><path d="M0 0H650V650H0V0Z" fill="var(--f-cold-color)" class="minusBackground"/><path d="M210 303H440V347H210V303Z" fill="white" class="minusline"/></svg>' :
18528				'<svg viewBox="0 0 650 650" fill="none" aria-hidden="true"><path d="M0 0H650V650H0V0Z" fill="var(--f-hot-color)" class="plusBackground"/><path d="M210 302H440V346H210V302Z" fill="white" class="pluslineone"/><path d="M303 439V209H347V439H303Z" fill="white" class="pluslinetwo"/></svg>';
18529			row.appendChild(mark);
18530			row.appendChild(text);
18531			container.appendChild(row);
18532		});
18533		source.replaceWith(container);
18534	}
18535	function scan(root) {
18536		if (root.matches && root.matches('f-proscons')) processProsCons(root);
18537		if (root.querySelectorAll) root.querySelectorAll('f-proscons').forEach(processProsCons);
18538	}
18539	document.addEventListener('DOMContentLoaded', function() {
18540		scan(document);
18541		new MutationObserver(function(mutations) {
18542			mutations.forEach(function(mutation) { mutation.addedNodes.forEach(function(node) { if (node.nodeType === 1) scan(node); }); });
18543		}).observe(document.body, { childList:true, subtree:true });
18544	});
18545})();
18546</script>
18546
18547
18548
18549
18550
18551
18552
18553
18554
18555
18556
18557
18558
18559	<style>
18560		.hidden { display: none!important; }
18561		.hiddenNonImportant { display: none; }
18562
18563
18564 
18565
18566
18567
18568
18569.art_container[data-show='no'] { display: none; }
18570.fullsizecontainer[data-show='no'] { display: none; }
18571f-article-fullsize-container[data-show='no'] { display: none; }
18572
18573
18574
18575.after:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
18576
18577.febericons { font-family: 'febericons'; cursor: pointer; }
18578.cursor { cursor: pointer; }
18579
18580
18581.feberhot, .feberhot a { bottom: auto; color: var(--f-hot-color) !important; }
18582.feberhotBG { background-color: var(--f-hot-color) !important; color: #fff !important; }
18583.febercold, .febercold a { color: var(--f-cold-color) !important; }
18584.febercoldBG { background-color: var(--f-cold-color) !important; color: #fff !important; }
18585.tjockhot, .tjockhot a { bottom: auto; color: rgb(220,26,0) !important; }
18586.tjockhotBG { background-color: rgb(220,26,0) !important; color: #fff !important; }
18587.tjockcold, .tjockcold a { color: rgb(0,163,220) !important; }
18588.tjockcoldBG { background-color: rgb(0,163,220) !important; color: #fff !important; }
18589
18590
18591
18592
18593
18594
18595
18596.fifty { width: 50% !important; } .onethird { width: 50%; } .twothird { width: 50%; }
18597@media only screen and (max-width: 640px) {
18598	.onethird, .twothird {
18599		width: 100%;
18600		margin: 0 0 20px 0 !important;
18601	}
18602}
18603a { color: var(--f-article-link-color); font-weight:600; text-decoration:none; }
18604a:hover { color: var(--f-article-link-hover); }
18605hr { border: none; height: 1px; background-color: #ddd; }
18606
18607
18608
18609
18610
18611.closemeplease { background-color: #fff; padding: 3px 6px 0px; font-size: 11px; }
18612.closemeplease a { font-weight: 400; }
18613
18614.header { margin:0 auto 20px; }
18615
18616.utfallande { margin: 0 !important; }
18617
18618.bg_light_grey { background-color:#ccc!important; }
18619.bg_grey { background-color:#666; }
18620.bg_dark_grey { background-color:#333; }
18621
18622
18623.light_grey { color:#ccc; }
18624.grey { color:#666; }
18625.white { color:#fff; }
18626.green { color:#9eb502; }
18627.black { color: #000; }
18628
18629
18630
18631.closeButton { float: right; margin-right: -20px; margin-top: 9px; opacity: 0.5; }
18632.closeButton a:hover { opacity: 1; }
18633
18634.left {
18635	float:left!important;
18636}
18637
18638.right {
18639	float:right!important;
18640}
18641
18642.thumbnails { padding: 0 0 20px 20px; margin-bottom: 0px; font-size: 0.75em; }
18643.thumbnails:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
18644
18645.thumbContainer { width: 15.15%; height: 80px; overflow: hidden; margin: 0 1.46% 1.46% 0; float: left; }
18646
18647
18648@media only screen and (max-width: 480px) {
18649	.thumbnails { padding: 0 0 15px 15px; }
18650	.thumbContainer { width: 30%; height: 80px; margin: 0 2% 2% 0;  }
18651}
18652
18653
18654.thumbnails img { width: 100%; } 
18655.thumbnails img:hover { opacity: 0.5; }
18656
18657.allImages, .imageShower { width: 100%; margin: 0; text-align: center; }
18658.allImages img, .imageShower img { width: 100%; margin: 0; padding: 0; }
18659
18660.imageWrapper { position: relative; height: 0; overflow: hidden; background-color: #fff; margin: 0 auto 20px auto; }
18661.imageWrapper a:hover { opacity: 1; }
18662.imageWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; }
18663
18664.allImages .caption, .imageShower .caption, .image .caption, .caption { font-size: 0.8462em; padding: 4px 20px 7px 20px; text-align: left; }
18665
18666
18667
18668.embeddat { }
18669.embeddat iframe,  .embeddat object, .embeddat embed { width: 100%; } 
18670.embeddat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
18671
18672
18673
18674
18675
18676
18677
18678.feberlogo { padding:0; line-height: 0; padding: 30px 30px 15px 30px; }
18679.feberlogo img { max-width: 180px; }
18680
18681.feberlogotjock { padding: 0 30px 30px 30px; margin: 0; }
18682.feberlogotjock img { max-width: 100px; }
18683
18684@media only screen and (max-width: 500px) {
18685	.feberlogo { padding:0; line-height: 0; padding: 15px 15px; width: 100%; }
18686	.feberlogo img { width: 100px; }
18687	
18688	.feberlogotjock { display: none; }
18689}
18690
18691
18692
18693#feberSearchToggler {
18694	position: fixed;
18695	z-index: 110;
18696	top: 0px;
18697	right: 0px;
18698}
18699
18700#feberSearch {
18701	position:fixed;
18702	height:40px;
18703	background-color:white;
18704	width:100%;
18705	top: 0px;
18706	left:0px;
18707	margin-top: 0px;
18708	z-index: 109;
18709	display: none;
18710}
18711
18712#feberSearch .sok { float: left; padding: 0px; overflow: hidden; background-color: #fff; width: 100%; } 
18713#feberSearch .sok input { float:right; font-size: 16px; padding: 11px 2%; border: 0; width: 96%; margin: 0; background-color: #fff; color: #999; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
18714#feberSearch .sok input:focus { background-color: #fff; color: #333; border: 0; outline: none; }
18715
18716#feberMenuToggler img, #feberMenuMobileToggler img, #feberSearchToggler img {
18717	width: 40px;
18718	height: 40px;
18719}
18720
18721@media only screen and (max-width: 980px) {
18722	.newheader_container .right_content { display: none; }
18723	#section .calc .views { display: none; }
18724	#section .calc .item { width: 20%; }
18725	#section .calc .sok { width: 20%; } 
18726}
18727
18728@media only screen and (max-width: 600px) {
18729	#section .calc .item { width: 25%; }
18730	#section .calc .recommended { width: 100%; }
18731}
18732
18733
18734
18735
18736/* Footer etc */
18737
18738.page_nav_container { max-width: 1280px; mwidth:100%; font-size:1.3846em; background-color:#fff; text-align:center; font-weight:700; margin:0 auto 20px; }
18739.page_nav { padding: 20px; }
18740.page_nav .right { font-size: 1.5556em; }
18741.page_nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
18742
18743@media only screen and (max-width: 767px) {
18744	.page_nav .left { display:none; }
18745	.page_nav_container { font-size: 1.8em; line-height: 30px; }
18746	.page_nav .right { float: none !important; }
18747}
18748
18749
18750#commentsContainer { background-color: var(--f-article-background); margin: 20px auto; max-width: 980px; }
18751#commentsContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
18752
18753#disqus_container { background-color: var(--f-article-background); float:none; text-align:left; padding-top: 6px; }
18754#disqus_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
18755
18756@media only screen and (max-width: 480px) {
18757	#disqus_container { font-size: 0.8462em; }
18758}
18759
18760#disqus_thread h3 {
18761	font-size:1em;
18762	letter-spacing:0;
18763}
18764
18765#disqus_thread {
18766	margin: 0 auto;
18767}
18768
18769
18770img,img a:hover,img a:active,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active,#header .tipsa a {
18771	border:0;
18772}
18773
18774
18775.dark_grey,.tagline b {
18776	color:#333;
18777}
18778
18779h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.tagline #headline a,.dustin .prodname a,#toolbar #headline a {
18780	color:#000;
18781}
18782
18783.menutech .menuextras .selected {
18784	color:#999;
18785}
18786
18787.page_nav a {
18788	font-weight:400;
18789}
18790
18791
18792
18793
18794
18795
18796  .spoiler { opacity: 0.15; position: relative; -webkit-filter: blur(10px);
18797  filter: blur(10px); }
18798.spoileroverlay { position: absolute; width: 100%; color: white; padding: 100px 0; max-width: 980px; text-align: center; cursor: pointer; z-index: 100;  }
18799
18800
18801
18802
18803
18804
18805.art_container .img-wrapper, .fullsizecontainer .img-wrapper { position: relative; padding-bottom: 50%; }
18806.art_container .img-img, .fullsizecontainer .img-img { position: absolute; width: 100%; height: 100%; }
18807.art_container .img-img img, .fullsizecontainer .img-img img { width: 100%; }
18808
18809
18810
18811		
18812			
18813.art_container .img-caption, .fullsizecontainer .img-caption { 
18814	position: absolute; background-color: rgba(0,0,0,0.8); padding: 8px 12px; color: white; display: block; bottom: 30px; left: 30px;
18815	font-family: var(--f-suisse-light); font-weight: 200; font-size: 20px; line-height: 22px; max-height: calc(100% - 84px);
18816}
18817
18818.art_container .img-cred, .fullsizecontainer .img-cred { 
18819	/*position: absolute; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.3); color: white; padding: 3px 7px; border-top-left-radius: 3px;
18820	font-family: var(--f-suisse-regular); font-size-adjust:0.488; font-weight:normal; font-style:normal; font-size: 11px; */
18821	
18822	position: absolute;
18823	left: 0px;
18824	bottom: 0px;
18825	color: white;
18826	padding: 4px 6px;
18827	font-family: SuisseRegular, sans-serif;
18828	font-size-adjust: 0.488;
18829	font-weight: normal;
18830	font-style: normal;
18831	font-size: 9px;
18832	text-shadow: 1px 0px 6px rgba(0,0,0,0.8);
18833}
18834
18835.art_container .img-cred a, .fullsizecontainer .img-cred a { color: white; font-weight: 300; }
18836.art_container .img-arrow, .fullsizecontainer .img-arrow { background-color: transparent; position: absolute; right: 0; padding: 15px 20px; }
18837
18838@media only screen and (max-width: 640px) {
18839	.art_container .img-caption, .fullsizecontainer .img-caption { 
18840		padding: 6px 8px; color: white; bottom: 25px; left: 15px; font-size: 14px; line-height: 16px; max-width: calc(100% - 54px); font-family: SuisseLight, Helvetica, Arial, sans-serif;  }
18841	.art_container .img-cred, .fullsizecontainer .img-cred { right: 0px; bottom: 0px; font-size: 10px; }
18842}
18843
18844@media only screen and (min-width: 980px) {
18845	.fullsizecontainer .img-caption { bottom: 150px;  }
18846	.fullsizecontainer .img-cred { bottom: 130px; }
18847
18848}
18849
18850
18851
18852
18853
18854
18855
18856
18857
18858
18859
18860/* NEW SIZING CSS */
18861
18862.mz_xxxx { margin: 20px; }
18863
18864@media only screen and (max-width: 768px) {
18865	.mz_xxxx { margin: 20px; }
18866}
18867
18868@media only screen and (max-width: 480px) {
18869	.mz_xxxx { margin: 15px; }
18870}
18871
18872
18873
18874
18875/* TAGLINE */
18876
18877footer.Tagline { font-size: 11px; color: #888; text-transform: uppercase; }
18878footer.Tagline:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
18879
18880footer.Tagline a { color: #888; font-weight: normal; }
18881footer.Tagline hr { height: 1px; background-color: #e7e7e7; margin: 5px 0 10px 0; border: 0; }
18882
18883footer.Tagline .bubbla, footer.Tagline .temp, footer.Tagline .tempUP, footer.Tagline .tempDOWN, .art_collapsed .bubbla {
18884	font-family: SuisseLight, HelveticaNeue-Light, "Roboto Thin", Arial, serif; 
18885	font-size: 24px; line-height: 24px; text-align: center; color: #fff; text-decoration: none; text-transform: none; -webkit-font-smoothing: antialiased;
18886}
18887
18888@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
18889		footer.Tagline .bubbla, footer.Tagline .temp, footer.Tagline .tempUP, footer.Tagline .tempDOWN, .art_collapsed .bubbla {
18890			-webkit-font-smoothing: antialiased; 
18891		}
18892}
18893
18894footer.Tagline.tjock .bubbla, footer.Tagline.tjock .temp, footer.Tagline.tjock .tempUP, footer.Tagline.tjock .tempDOWN, .art_collapsed.tjock .bubbla {
18895	font-family: LatoLight; font-weight: normal; text-transform: none;
18896}
18897
18898footer.Tagline .bubbla, .art_collapsed .bubbla { margin: 0;  cursor:pointer; padding: 8px 13px 8px 12px; background:#333; min-width: 24px; float: left; }
18899footer.Tagline .bubbla a, .art_collapsed .bubbla a { color: white; }
18900footer.Tagline .arrow, .art_collapsed .arrow { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #333; margin-top: 13px; float: left; }
18901
18902footer.Tagline .temp 			{ padding: 8px 12px; float: right; background:#333; }
18903footer.Tagline .tempUP 			{ padding: 6px 12px 10px; margin: 0px 4px; cursor:pointer; float: right; }
18904footer.Tagline.tjock .tempUP 	{ padding: 7px 12px 9px 12px; }
18905footer.Tagline .tempDOWN 		{ padding: 6px 14px 10px; cursor:pointer; float: right; }
18906
18907
18908
18909footer.Tagline .writer_icon { float: left; margin-right: 4px; width: 40px; height: 40px; }
18910
18911@media only screen and (max-width: 768px) {
18912	footer.Tagline .right { float: none !important; }
18913}
18914
18915@media only screen and (max-width: 480px) {
18916	footer.Tagline {  }
18917	
18918	footer.Tagline .bubbla, footer.Tagline .temp, footer.Tagline .tempUP, footer.Tagline .tempDOWN, .art_collapsed .bubbla { font-size: 20px; line-height: 20px; }
18919	footer.Tagline .bubbla 				{ padding: 8px 9px 5px 8px; margin: 0; }
18920	footer.Tagline.tjock .bubbla 		{ padding: 7px 9px 7px 8px; margin: 0; }
18921	footer.Tagline .arrow 				{ margin-top: 11px; }
18922	.art_collapsed .arrow, .art_collapsed .bubbla { display: none; }
18923	footer.Tagline .temp 				{ padding: 8px 10px 6px; }
18924	footer.Tagline.tjock .temp 			{ padding: 7px 10px 7px; }
18925	footer.Tagline .tempUP 				{ padding: 7px 11px 7px 11px; }
18926	footer.Tagline.tjock .tempUP 		{ padding: 7px 12px 9px 12px; }
18927	footer.Tagline .tempDOWN 			{ padding: 7px 13px 7px 13px; }
18928	footer.Tagline.tjock .tempDOWN 		{ padding: 6px 13px 8px 13px; }
18929	
18930	footer.Tagline .writer_icon 		{ width: 34px; height: 34px; }
18931}
18932
18933
18934
18935.art_container.tjock { margin-bottom: 20px; }
18936
18937.debug { text-align: center; color: white; margin-top: 10px; font-family: SuisseRegular; }
18938
18939.infiniteError {
18940	max-width: 940px;
18941	margin: 20px auto 200px;
18942	padding: 40px 20px;
18943	text-align: center;
18944	background-color: #4ebbe8;
18945	color: white;
18946	font-family: SuisseLight;
18947	font-size: 20px;
18948	line-height: 24px;
18949}
18950
18951.infiniteError a {
18952	color: white;
18953	font-family: SuisseBold;
18954	font-weight: 300;
18955}
18956
18957
18958
18959
18960
18961
18962
18963/* 3-2. DATE HEADER */
18964/* Base */ 				header.date { background-color: #111; color: #fff; margin: var(--f-margins-margins); padding: 15px 20px; max-width: 940px;
18965							font-family: SuisseLight, HelveticaNeue, "Roboto Thin", Arial, serif; font-size: 20px; line-height: 16px; font-style: normal; -webkit-font-smoothing: antialiased; }
18966/* First letter big */ 	header.date:first-letter { text-transform: uppercase; }
18967/* Icons */				header.date .icon { font-size: 20px; padding-top: 3px; }
18968						header.date.grande { font-size: 24px; line-height: 24px; }
18969						header.date.small { font-size: 13px; font-family: SuisseRegular, HelveticaNeue, "Roboto Thin", Arial, serif; line-height: 13px; padding: 6px 8px; max-width: calc(980px - 18px); }
18970						header.date.small .right { text-transform: uppercase; font-size: 11px; padding: 1px 0; }
18971						
18972
18973
18974
18975
18976.twitter-video-rendered { margin: 0 -8px !important;
18976 max-width: 996px !important; }
18977
18978
18979
18980
18981
18982.searchBox form { margin: 0;  }
18983					.searchBoxInput {
18984						margin: 0 0 0px 0;
18985						padding: 15px 20px;
18986						color: #222;
18987						width: calc(100% - 40px);
18988						font-family: 'Helvetica Neue';
18989						font-size: 20px;
18990						font-weight: inherit;
18991						line-height: 20px;
18992						border: 0px solid white;
18993						border-radius: 6px;
18994						background-color: rgba(255,255,255,1);
18995						transition: background-color 150ms linear;
18996						transition: color 150ms linear;
18997				  }
18998				  .searchBoxInput:focus {
18999					  outline: none;
19000					  color: #222;
19001					  background-color: rgba(255,255,255,1);
19002				  }
19003				  
19004				  .searchBox [type="submit"] {
19005					  border-radius: 0 6px 6px 0;
19006					  font-size: 20px;
19007					  line-height: 20px;
19008					  padding: 17px 20px;
19009					  width: calc(40px);
19010					  background-color: rgba(0, 0, 0,0.1);
19011					  color: black;
19012					  margin-left: -85px;
19013				  }
19014
19015				  
19016				  .searchBox [type="radio"] { display: none; }
19017					
19018					.searchBox [type="radio"]:checked + label, .searchBox [type="radio"]:not(:checked) + label {
19019						position: relative;
19020						padding-left: 25px;
19021						cursor: pointer;
19022						line-height: 16px;
19023						display: inline-block;
19024						color: white;
19025						margin-right: 10px;
19026						font-size: 15px;
19027						margin-top: 10px;
19028					}
19029					
19030					@media only screen and (max-width: 600px) {
19031						.searchBox [type="radio"]:checked + label, .searchBox [type="radio"]:not(:checked) + label {
19032							margin-top: 10px;
19033							width: 100%;
19034						}
19035					}
19036				
19037					.searchBox [type="radio"]:checked + label:before, .searchBox [type="radio"]:not(:checked) + label:before {
19038						content: '';
19039						position: absolute;
19040						left: 0;
19041						top: 0;
19042						width: 14px;
19043						height: 14px;
19044						border: 1px solid #ccc;
19045						border-radius: 100%;
19046						background: #fff;
19047					}
19048					
19049					.searchBox [type="radio"]:checked + label:after, .searchBox [type="radio"]:not(:checked) + label:after {
19050						content: '';
19051						width: 8px;
19052						height: 8px;
19053						background: #888;
19054						position: absolute;
19055						top: 4px;
19056						left: 4px;
19057						border-radius: 100%;
19058						-webkit-transition: all 0.3s ease;
19059						transition: all 0.3s ease;
19060					}
19061					
19062					.searchBox [type="radio"]:not(:checked) + label:after {
19063						opacity: 0;
19064						-webkit-transform: scale(0);
19065						transform: scale(0);
19066					}
19067					
19068					.searchBox [type="radio"]:checked + label:after {
19069						opacity: 1;
19070						-webkit-transform: scale(1);
19071						transform: scale(1);
19072					}
19073					.searchBox a { color: white;  }
19074
19075
19076			
19077			
19078			
19079			
19080			.ytIcon { width: 70px; 
19081				/*animation: ytIconScale 4s infinite ease-in-out;*/  }
19082			.ytIcon .ytIconRectangle { transition: all .3s ease-in-out; }
19083			.ytIcon:hover .ytIconRectangle { fill: #333; }
19084			
19085			@keyframes ytIconScale {
19086				0% { transform: scale(1);   }
19087				50% { transform: scale(0.9); }
19088				100% { transform: scale(1);  }
19089			}
19090
19091			.videotext {
19092				color: white; top: 50%; position: absolute; 
19093				margin-top: -8px; text-align: center; width: 100%;
19094			}
19095
19096
19097
19098	</style>
19099
19100	
19101	
19102		
19103		<style>
19104			
19105			
19106			
19107			.art_container .owl-container { margin: 0 auto; max-width: 1280px;  }
19108			.art_container .owl-carousel { display: inline; }
19109			.art_container .owl-carousel .puff5 { width: 100%; }
19110			.art_container .sub { margin: 0 auto; max-width: 1240px; }
19111			
19112			.owl-item img{ display: block; width: 100%; height: auto; }
19113			.sub .owl-item { max-width: 120px; }
19114			.sub .item { margin-right: 5%; max-width: 120px; text-align: center; }
19115			.sub { max-width: 940px; }
19116
19117		</style>
19118		
19119
19120
19121	
19122	
19123	
19124	
19125	
19126	<style>
19127		
19128		
19129		body {
19130		   counter-reset: item;
19131		 }
19132		
19133		.text ol { list-style: none; }
19134		.text ol li { margin-left: 40px;
19135			counter-increment: item;
19136			border-left: 1px solid #ccc;
19137			padding-left: 10px; }
19138		.text ol li:before { margin-right: 23px;
19139			content: counter(item);
19140			text-align: right;
19141			margin-left: -30px;
19142			font-size: 15px;
19143			font-family: SuisseBold; }
19144		
19145		.text ul { list-style: none; }
19146		.text ul li { margin-left: 40px;
19147			counter-increment: item;
19148			border-left: 1px solid #ccc;
19149			padding-left: 10px; }
19150		.text ul li:before { margin-right: 23px;
19151			content: "*";
19152			text-align: right;
19153			margin-left: -30px;
19154			font-size: 15px;
19155			font-family: SuisseBold; }
19156			
19157		
19158		
19159		
19160		.bookmark {
19161			background-color: rgba(0,0,0,0.05); margin-right: 3px; padding: 4px 6px 4px 6px;
19162		}
19163		
19164		.bookmark.right { width: auto !important; }
19165		
19166		@media only screen and (max-width: 800px) {
19167			.bookmark.right { width: auto !important; float: right !important; }
19168		}
19169		
19170		
19171		footer.Tagline .bookmark {
19172			background-color: rgba(0,0,0,0.05); margin-right: 3px; padding: 7px 10px 3px 10px; float: right; 
19173		}
19174		
19175		.bookmarksinfo {
19176			margin: -20px auto 40px; padding: 20px; max-width: 940px;background-color: #222; color: white;
19177		}
19178		
19179		.bildtext {
19180			padding: 10px 15px;
19181			background-color: var(--f-article-background-invert);
19182			/* margin-bottom: 20px; */
19183			font-size: 13px;
19184			margin-top: 0px;
19185			color: #e7e7e7;
19186			line-height: 17px;
19187		}
19188		
19189		.bildtext a {
19190			font-weight: 300; color: rgb(70, 140, 210);
19191		}
19192		
19193		.text h3 {
19194			font-family: SuisseBold, HelveticaNeue-Bold, "Helvetica Neue Bold", "Roboto Black", "Arial Bold", sans-serif;
19195			font-weight: 300; 
19196			font-size: 18px; 
19197			line-height: 21px; 
19198			display: inline-block; 
19199			padding: 20px 0px 5px 0px; 
19200			border-bottom: 1px solid #e7e7e7; 
19201			margin: 0 0 5px 0;
19202		}
19203		
19204		.text b.ingress {
19205			font-family: SuisseBold, HelveticaNeue-Bold, "Helvetica Neue Bold", "Roboto Black", "Arial Bold", sans-serif;
19206			font-weight: 300; 
19207			font-size: 16px; 
19208			line-height: 20px; 
19209			color: #333;
19210		}
19211		
19212		.art_container .body1 i, .art_container .body2 i {
19213			color: var(--f-article-text-color);
19214			display: inline-block;
19215			margin: 10px 0px 10px 0px;
19216			padding: 15px 20px;
19217			font-style: normal;
19218			border-left: none;
19219			background-color: var(--f-article-background-inline);
19220			width: calc(100% - 40px);
19221			border-radius: 6px;
19222		}
19223		
19224		article.fullSizeArticle .body1 { margin-top: 0px; } 
19225		
19226		.art_container .body1 i b, .art_container .body2 i b {
19227			font-family: var(--f-suisse-semibold);
19228			font-weight: 300; 
19229			font-style: normal;
19230			color: var(--f-article-text-color);
19231		}
19232		
19233		.art_container .body1 em, .art_container .body2 em {
19234			font-family: var(--f-suisse-regular-italic);
19235			font-style: italic;
19236			font-weight: 300;
19237		}
19238		
19239		
19240		.art_container .internallinksitem {
19241			margin: 5px 20px;
19242			color: #666;
19243		}
19244		
19245		@media only screen and (max-width: 480px) {
19246			.art_container .internallinksitem {
19247				margin: 5px 15px;
19248			}	
19249		}
19250		
19251		
19252		/* Annonstest */
19253		
19254		
19255		.art_collapsed { max-width: 980px !important; }
19256		.topp2015-1 { max-width: 980px !important; }
19257		.art_container { max-width: 980px; }
19258		.fullSizeArticle { max-width: 980px; }
19259		body section.pagenav { max-width: 980px !important; }
19260		.pagenav_premium { max-width: 940px !important; }
19261		
19262		
19263		
19264		header.date { max-width: 940px; }
19265		
19266		#commentsContainer { max-width: 980px; }
19267		#puffContainer, .puffContainer { max-width: 980px; }
19268		
19269		section.ArticleBasic { max-width: 980px; }
19270		
19271	
19272		
19273		
19274
19275
19276		.text p.link {
19277			color: var(--f-article-text-color-shade);
19278			max-width: var(--f-article-maxwidth);
19279			margin: 0 auto 10px;
19280			
19281		}
19282		.text p.link a {
19283			color: var(--f-article-link-color); font-weight: 300;
19284			border-bottom: 1px solid var(--f-article-border-color);
19285		}
19286		
19287		.text p.link a:hover {
19288			color: var(--f-article-link-hover);
19289			border-bottom: 1px solid var(--f-article-border-color);
19290		}
19291		
19292		
19293		
19294		
19295	</style>
19296		
19297
19298	
19299	
19300	
19301	
19302		
19303			
19304			
19305			<link rel="apple-touch-icon" sizes="180x180" href="/faviconsfeber/apple-touch-icon.png">
19306			<link rel="icon" type="image" sizes="512x512" href="/faviconsfeber/android-chrome-512x512.png">
19307			<link rel="icon" type="image" sizes="192x192" href="/faviconsfeber/android-chrome-192x192.png">
19308			<link rel="icon" type="image" sizes="32x32" href="/faviconsfeber/favicon-32x32.png">
19309			<link rel="icon" type="image" sizes="16x16" href="/faviconsfeber/favicon-16x16.png">
19310			
19311			
19312			<link rel="manifest" href="/faviconsfeber/site.webmanifest" />
19313			
19314			
19315			<link rel="mask-icon" href="/faviconsfeber/safari-pinned-tab.svg" color="#5bbad5">
19316			<link rel="shortcut icon" href="/faviconsfeber/favicon.ico">
19317			<meta name="apple-mobile-web-app-title" content="Feber">
19318			<meta name="application-name" content="Feber">
19319			<meta name="msapplication-TileColor" content="#222222">
19320			<meta name="msapplication-config" content="/faviconsfeber/browserconfig.xml">
19321			<meta name="theme-color" content="#222222">
19322
19323			<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-640x1136.png">
19324			<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-750x1334.png">
19325			<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" href="/faviconsfeber/apple-launch-1125x2436.png">
19326			<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)" href="/faviconsfeber/apple-launch-1242x2208.png">
19327			<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" href="/faviconsfeber/apple-launch-1242x2688.png">
19328			
19329			<!-- iPad Mini, Air (1536px x 2048px) -->
19330			<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-1536x2048.png">
19331			<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 768px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2048x1536.png">
19332			<!-- iPad Pro 10.5" (1668px x 2224px) -->
19333			<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-1668x2224.png">
19334			<link rel="apple-touch-startup-image" media="(device-width: 1112px) and (device-height: 834px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2224x1668.png">
19335			<!-- iPad Pro 11" (1668px x 2224px) -->
19336			<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-1668x2388.png">
19337			<link rel="apple-touch-startup-image" media="(device-width: 1194px) and (device-height: 834px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2388x1668.png">
19338			<!-- iPad Pro 12.9" (2048px x 2732px) -->
19339			<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2048x2732.png">
19340			<link rel="apple-touch-startup-image" media="(device-width: 1366px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" href="/faviconsfeber/apple-launch-2732x2048.png">
19341
19342			
19343		
19344	
19345	
19346	<meta name="viewport" content="width=device-width, initial-scale=1.0">
19347
19348	<meta name="apple-mobile-web-app-capable" content="yes" />
19349	<meta name="apple-mobile-web-app-status-bar-style" content="default" /> 
19350	
19351	
19352	
19353			<meta name="apple-mobile-web-app-title" content="Feber" />
19354		
19355	
19356	
19357	
19358
19359	<title>Feber</title>
19360	
19361	
19362	
19363	
19364	
19365
19366
19367
19368
19369
19370
19371
19372
19373
19374
19375
19376	
19377	
19378
19379
19380
19381
19382
19383
19384
19385
19386
19387
19388
19389
19390
19391
19392
19393
19394
19395
19396
19397
19398
19399
19400
19401
19402
19403
19404
19405
19406
19407
19408
19409
19410
19411
19412
19413
19414
19415
19416
19417
19418
19419
19420
19421
19422
19423
19424
19425
19426
19427
19428
19429
19430
19431
19432
19433
19434
19435
19436
19437
19438
19439
19440
19441
19442
19443
19444
19445
19446
19447
19448
19449
19450
19451
19452
19453
19454
19455
19456
19457
19458
19459	
19460
19461
19462
19463
19464
19465
19466
19467
19468
19469
19470
19471	
19472
19473
19474
19475
19476
19477
19478
19479	
19480
19481
19482<script>
19483
vendor: 15,125 bytes, lines 19484-19485
19484/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */
19485!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}S.fn=S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=S.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return S.each(this,e)},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},S.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(p(Object(e))?S.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:y}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var d=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,v,s,c,y,S="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),j=function(e,t){return e===t&&(l=!0),0},D={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",B=new RegExp(M+"+","g"),$=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="<a id='"+S+"'></a><select id='"+S+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0<se(t,C,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),y(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);var n=b.attrHandle[t.toLowerCase()],r=n&&D.call(b.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:d.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(j),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}
vendor: 4,356 bytes, line 19485
19485:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(B," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,v){var y="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===v?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=y!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(y){while(l){a=e;while(a=a[l])if(x?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if(1===a.nodeType&&++d&&a===e){i[h]=[k,s,d];break}}else if(p&&(d=s=(r=(i=(o=(a=e)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1]),!1===d)while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[k,d]),a===e))break;return(d-=v)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=P(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace($,"$1"));return s[S]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return J.test(e.nodeName)},input:function(e){return Q.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ve(function(){return[0]}),last:ve(function(e,t){return[t-1]}),eq:ve(function(e,t,n){return[n<0?n+t:n]}),even:ve(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ve(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ve(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ve(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=de(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=he(e);function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function be(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[k,p];
vendor: 10,068 bytes, line 19485
19485if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[S]||(e[S]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===k&&r[1]===p)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Ce(d,h,g,v,y,e){return v&&!v[S]&&(v=Ce(v)),y&&!y[S]&&(y=Ce(y,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?y||(e?d:l||v)?[]:t:f;if(g&&g(f,p,n,r),v){i=Te(p,u),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(p[u[o]]=!(f[u[o]]=a))}if(e){if(y||d){if(y){i=[],o=p.length;while(o--)(a=p[o])&&i.push(f[o]=a);y(null,p=[],i,r)}o=p.length;while(o--)(a=p[o])&&-1<(i=y?P(e,a):s[o])&&(e[i]=!(t[i]=a))}}else p=Te(p===t?p.splice(l,p.length):p),y?y(null,t,p,r):H.apply(t,p)})}function Ee(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i},a,!0),l=be(function(e){return-1<P(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[be(we(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace($,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&xe(e))}c.push(t)}return we(c)}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=x[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace($," ")}),a=a.slice(n.length)),b.filter)!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):x(e,s).slice(0)},f=se.compile=function(e,t){var n,v,y,m,x,r,i=[],o=[],a=A[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Ee(t[n]))[S]?i.push(a):o.push(a);(a=A(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==C||(T(o),n=!E);while(s=v[a++])if(s(o,t||C,n)){r.push(o);break}i&&(k=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=q.call(r));f=Te(f)}H.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&se.uniqueSort(r)}return i&&(k=h,w=p),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ye(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o)))return H.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ye(t.parentNode)||t),n},d.sortStable=S.split("").sort(j).join("")===S,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(R,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(C);S.find=d,S.expr=d.selectors,S.expr[":"]=S.expr.pseudos,S.uniqueSort=S.unique=d.uniqueSort,S.text=d.getText,S.isXMLDoc=d.isXML,S.contains=d.contains,S.escapeSelector=d.escape;var h=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&S(e).is(n))break;r.push(e)}return r},T=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},k=S.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var N=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1<i.call(n,e)!==r}):S.filter(n,e,r)}S.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?S.find.matchesSelector(r,e)?[r]:[]:S.find.matches(e,S.grep(t,function(e){return 1===e.nodeType}))},S.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(S(e).filter(function(){for(t=0;t<r;t++)if(S.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)S.find(e,i[t],n);return 1<r?S.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&k.test(e)?S(e):e||[],!1).length}});var D,q=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(S.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&S(e);if(!k.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&S.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?S.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(S(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(S.uniqueSort(S.merge(this.get(),S(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),S.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return h(e,"parentNode")},parentsUntil:function(e,t,n){return h(e,"parentNode",n)},next:function(e){return O(e,"nextSibling")},prev:function(e){return O(e,"previousSibling")},nextAll:function(e){return h(e,"nextSibling")},prevAll:function(e){return h(e,"previousSibling")},nextUntil:function(e,t,n){return h(e,"nextSibling",n)},prevUntil:function(e,t,n){return h(e,"previousSibling",n)},siblings:function(e){return T((e.parentNode||{}).firstChild,e)},children:function(e){return T(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(A(e,"template")&&(e=e.content||e),S.merge([],e.childNodes))}},function(r,i){S.fn[r]=function(e,t){var n=S.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=S.filter(t,n)),1<this.length&&(H[r]||S.uniqueSort(n),L.test(r)&&n.reverse()),this.pushStack(n)}});var P=/[^\x20\t\r\n\f]+/g;function R(e){return e}function M(e){throw e}function I(e,t,n,r){var i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}S.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},S.each(e.match(P)||[],function(e,t){n[t]=!0}),n):S.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){S.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return S.each(arguments,function(e,t){var n;while(-1<(n=S.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<S.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},S.extend({Deferred:function(e){var o=[["notify","progress",S.Callbacks("memory"),S.Callbacks("memory"),2],["resolve","done",S.Callbacks("once memory"),S.Callbacks("once memory"),0,"resolved"],["reject","fail",S.Callbacks("once memory"),S.Callbacks("once memory"),1,"rejected"]],i="pe
vendor: 8,547 bytes, line 19485
19485nding",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return S.Deferred(function(r){S.each(o,function(e,t){var n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,R,s),l(u,o,M,s)):(u++,t.call(e,l(u,o,R,s),l(u,o,M,s),l(u,o,R,o.notifyWith))):(a!==R&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){S.Deferred.exceptionHook&&S.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==M&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(S.Deferred.getStackHook&&(t.stackTrace=S.Deferred.getStackHook()),C.setTimeout(t))}}return S.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:R,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:R)),o[2][3].add(l(0,e,m(n)?n:M))}).promise()},promise:function(e){return null!=e?S.extend(e,a):a}},s={};return S.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=S.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(I(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then)))return o.then();while(t--)I(i[t],a(t),o.reject);return o.promise()}});var W=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;S.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&W.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},S.readyException=function(e){C.setTimeout(function(){throw e})};var F=S.Deferred();function B(){E.removeEventListener("DOMContentLoaded",B),C.removeEventListener("load",B),S.ready()}S.fn.ready=function(e){return F.then(e)["catch"](function(e){S.readyException(e)}),this},S.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--S.readyWait:S.isReady)||(S.isReady=!0)!==e&&0<--S.readyWait||F.resolveWith(E,[S])}}),S.ready.then=F.then,"complete"===E.readyState||"loading"!==E.readyState&&!E.documentElement.doScroll?C.setTimeout(S.ready):(E.addEventListener("DOMContentLoaded",B),C.addEventListener("load",B));var $=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===w(n))for(s in i=!0,n)$(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(S(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},_=/^-ms-/,z=/-([a-z])/g;function U(e,t){return t.toUpperCase()}function X(e){return e.replace(_,"ms-").replace(z,U)}var V=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function G(){this.expando=S.expando+G.uid++}G.uid=1,G.prototype={cache:function(e){var t=e[this.expando];return t||(t={},V(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[X(t)]=n;else for(r in t)i[X(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][X(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(X):(t=X(t))in r?[t]:t.match(P)||[]).length;while(n--)delete r[t[n]]}(void 0===t||S.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!S.isEmptyObject(t)}};var Y=new G,Q=new G,J=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,K=/[A-Z]/g;function Z(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(K,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:J.test(i)?JSON.parse(i):i)}catch(e){}Q.set(e,t,n)}else n=void 0;return n}S.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e)},data:function(e,t,n){return Q.access(e,t,n)},removeData:function(e,t){Q.remove(e,t)},_data:function(e,t,n){return Y.access(e,t,n)},_removeData:function(e,t){Y.remove(e,t)}}),S.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=Q.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5)),Z(o,r,i[r]));Y.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){Q.set(this,n)}):$(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=Q.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;this.each(function(){Q.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){Q.remove(this,e)})}}),S.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,S.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=S.queue(e,t),r=n.length,i=n.shift(),o=S._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){S.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:S.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n])})})}}),S.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?S.queue(this[0],t):void 0===n?this:this.each(function(){var e=S.queue(this,t,n);S._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&S.dequeue(this,t)})},dequeue:function(e){return this.each(function(){S.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=S.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=E.documentElement,ie=function(e){return S.contains(e.ownerDocument,e)},oe={composed:!0};re.getRootNode&&(ie=function(e){return S.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument});var ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===S.css(e,"display")};function se(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return S.css(e,t,"")},u=s(),l=n&&n[3]||(S.cssNumber[t]?"":"px"),c=e.nodeType&&(S.cssNumber[t]||"px"!==l&&+u)&&te.exec(S.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)S.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,S.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ue={};function le(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ue[s])||(o=a.body.appendChild(a.createElement(s)),u=S.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ue[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}S.fn.extend({show:function(){return le(this,!0)},hide:function(){return le(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?S(this).show():S(this).hide()})}});var ce,fe,pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone
vendor: 51,404 bytes, line 19485
19485=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="<textarea>x</textarea>",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="<option></option>",y.option=!!ce.lastChild;var ge={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n<r;n++)Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"))}ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td,y.option||(ge.optgroup=ge.option=[1,"<select multiple='multiple'>","</select>"]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===w(o))S.merge(p,o.nodeType?[o]:o);else if(me.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+S.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;S.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<S.inArray(o,r))i&&i.push(o);else if(l=ie(o),a=ve(f.appendChild(o),"script"),l&&ye(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}var be=/^([^.]*)(?:\.(.+)|)/;function we(){return!0}function Te(){return!1}function Ce(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ee(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ee(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Te;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return S().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=S.guid++)),e.each(function(){S.event.add(this,t,i,r,n)})}function Se(e,i,o){o?(Y.set(e,i,!1),S.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(S.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n&&n.value}else r.length&&(Y.set(this,i,{value:S.event.trigger(S.extend(r[0],S.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Y.get(e,i)&&S.event.add(e,i,we)}S.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.get(t);if(V(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&S.find.matchesSelector(re,i),n.guid||(n.guid=S.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof S&&S.event.triggered!==e.type?S.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(P)||[""]).length;while(l--)d=g=(s=be.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=S.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=S.event.special[d]||{},c=S.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&S.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),S.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.hasData(e)&&Y.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(P)||[""]).length;while(l--)if(d=g=(s=be.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=S.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||S.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)S.event.remove(e,d+t[l],n,r,!0);S.isEmptyObject(u)&&Y.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=S.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=S.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=S.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((S.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<S(i,this).index(l):S.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(S.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[S.expando]?e:new S.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click",we),!1},trigger:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click"),!0},_default:function(e){var t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Y.get(t,"click")||A(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},S.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},S.Event=function(e,t){if(!(this instanceof S.Event))return new S.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?we:Te,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&S.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[S.expando]=!0},S.Event.prototype={constructor:S.Event,isDefaultPrevented:Te,isPropagationStopped:Te,isImmediatePropagationStopped:Te,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=we,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=we,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=we,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},S.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},S.event.addProp),S.each({focus:"focusin",blur:"focusout"},function(e,t){S.event.special[e]={setup:function(){return Se(this,e,Ce),!1},trigger:function(){return Se(this,e),!0},_default:function(){return!0},delegateType:t}}),S.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){S.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||S.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),S.fn.extend({on:function(e,t,n,r){return Ee(this,e,t,n,r)},one:function(e,t,n,r){return Ee(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,S(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Te),this.each(function(){S.event.remove(this,e,n,t)})}});var ke=/<script|<style|<link/i,Ae=/checked\s*(?:[^=]|=\s*.checked.)/i,Ne=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)S.event.add(t,i,s[i][n]);Q.hasData(e)&&(o=Q.access(e),a=S.extend({},o),Q.set(t,a))}}function He(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!y.checkClone&&Ae.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),He(t,r,i,o)});if(f&&(t=(e=xe(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=S.map(ve(e,"script"),De)).length;c<f;c++)u=e,c!==p&&(u=S.clone(u,!0,!0),s&&S.merge(a,ve(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,S.map(a,qe),c=0;c<s;c++)u=a[c],he.test(u.type||"")&&!Y.access(u,"globalEval")&&S.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?S._evalUrl&&!u.noModule&&S._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):b(u.textContent.replace(Ne,""),u,l))}return n}function Oe(e,t,n){for(var r,i=t?S.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||S.cleanData(ve(r)),r.parentNode&&(n&&ie(r)&&ye(ve(r,"script")),r.parentNode.removeChild(r));return e}S.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||S.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ve(e),a=a||ve(c),r=0,i=o.length;r<i;r++)Le(o[r],a[r]);else Le(e,c);return 0<(a=ve(c,"script")).length&&ye(a,!f&&ve(e,"script")),c},cleanData:function(e){for(var t,n,r,i=S.event.special,o=0;void 0!==(n=e[o]);o++)if(V(n)){if(t=n[Y.expando]){if(t.events)for(r in t.events)i[r]?S.event.remove(n,r):S.removeEvent(n,r,t.handle);n[Y.expando]=void 0}n[Q.expando]&&(n[Q.expando]=void 0)}}}),S.fn.extend({detach:function(e){return Oe(this,e,!0)},remove:function(e){return Oe(this,e)},text:function(e){return $(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return He(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||je(this,e).appendChild(e)})},prepend:function(){return He(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=je(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(S.cleanData(ve(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return S.clone(this,e,t)})},html:function(e){return $(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!ke.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=S.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(S.cleanData(ve(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return He(this,arguments,function(e){var t=this.parentNode;S.inArray(this,n)<0&&(S.cleanData(ve(this)),t&&t.replaceChild(e,this))},n)}}),S.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){S.fn[e]=function(e){for(var t,n=[],r=S(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),S(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var Pe=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),Re=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e)},Me=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Ie=new RegExp(ne.join("|"),"i");function We(e,t,n){var r,i,o,a,s=e.style;return(n=n||Re(e))&&(""!==(a=n.getPropertyValue(t)||n[t])||ie(e)||(a=S.style(e,t)),!y.pixelBoxStyles()&&Pe.test(a)&&Ie.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o)),void 0!==a?a+"":a}function Fe(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);var e=C.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=E.createElement("div"),l=E.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",y.clearCloneStyle="content-box"===l.style.backgroundClip,S.extend(y,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=E.createElement("table"),t=E.createElement("tr"),n=E.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",re.appendChild(e).appendChild(t).appendChild(n),r=C.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,re.removeChild(e)),a}}))}();var Be=["Webkit","Moz","ms"],$e=E.createElement("div").style,_e={};function ze(e){var t=S.cssProps[e]||_e[e];return t||(e in $e?e:_e[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Be.length;while(n--)if((e=Be[n]+t)in $e)return e}(e)||e)}var Ue=/^(none|table(?!-c[ea]).+)/,Xe=/^--/,Ve={position:"absolute",visibility:"hidden",display:"block"},Ge={letterSpacing:"0",fontWeight:"400"};function Ye(e,t,n){var r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function Qe(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=S.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=S.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=S.css(e,"border"+ne[a]+"Width",!0,i))):(u+=S.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=S.css(e,"border"+ne[a]+"Width",!0,i):s+=S.css(e,"border"+ne[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function Je(e,t,n){var r=Re(e),i=(!y.boxSizingReliable()||n)&&"border-box"===S.css(e,"boxSizing",!1,r),o=i,a=We(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Pe.test(a)){if(!n)return a;a="auto"}return(!y.boxSizingReliable()&&i||!y.reliableTrDimensions()&&A(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===S.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===S.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Qe(e,t,n||(i?"border":"content"),o,r,a)+"px"}function Ke(e,t,n,r,i){return new Ke.prototype.init(e,t,n,r,i)}S.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=We(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=X(t),u=Xe.test(t),l=e.style;if(u||(t=ze(s)),a=S.cssHooks[t]||S.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=se(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(S.cssNumber[s]?"":"px")),y.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=X(t);return Xe.test(t)||(t=ze(s)),(a=S.cssHooks[t]||S.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=We(e,t,r)),"normal"===i&&t in Ge&&(i=Ge[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),S.each(["height","width"],function(e,u){S.cssHooks[u]={get:function(e,t,n){if(t)return!Ue.test(S.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Je(e,u,n):Me(e,Ve,function(){return Je(e,u,n)})},set:function(e,t,n){var r,i=Re(e),o=!y.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===S.css(e,"boxSizing",!1,i),s=n?Qe(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Qe(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=S.css(e,u)),Ye(0,t,s)}}}),S.cssHooks.marginLeft=Fe(y.reliableMarginLeft,function(e,t){if(t)return(parseFloat(We(e,"marginLeft"))||e.getBoundingClientRect().left-Me(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),S.each({margin:"",padding:"",border:"Width"},function(i,o){S.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+ne[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(S.cssHooks[i+o].set=Ye)}),S.fn.extend({css:function(e,t){return $(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Re(e),i=t.length;a<i;a++)o[t[a]]=S.css(e,t[a],!1,r);return o}return void 0!==n?S.style(e,t,n):S.css(e,t)},e,t,1<arguments.length)}}),((S.Tween=Ke).prototype={constructor:Ke,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||S.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(S.cssNumber[n]?"":"px")},cur:function(){var e=Ke.propHooks[this.prop];return e&&e.get?e.get(this):Ke.propHooks._default.get(this)},run:function(e){var t,n=Ke.propHooks[this.prop];return this.options.duration?this.pos=t=S.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ke.propHooks._default.set(this),this}}).init.prototype=Ke.prototype,(Ke.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=S.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){S.fx.step[e.prop]?S.fx.step[e.prop](e):1!==e.elem.nodeType||!S.cssHooks[e.prop]&&null==e.elem.style[ze(e.prop)]?e.elem[e.prop]=e.now:S.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=Ke.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},S.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},S.fx=Ke.prototype.init,S.fx.step={};var Ze,et,tt,nt,rt=/^(?:toggle|show|hide)$/,it=/queueHooks$/;function ot(){et&&(!1===E.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(ot):C.setTimeout(ot,S.fx.interval),S.fx.tick())}function at(){return C.setTimeout(function(){Ze=void 0}),Ze=Date.now()}function st(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=ne[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function ut(e,t,n){for(var r,i=(lt.tweeners[t]||[]).concat(lt.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function lt(o,e,t){var n,a,r=0,i=lt.prefilters.length,s=S.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=Ze||at(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:S.extend({},e),opts:S.extend(!0,{specialEasing:{},easing:S.easing._default},t),originalProperties:e,originalOptions:t,startTime:Ze||at(),duration:t.duration,tweens:[],createTween:function(e,t){var n=S.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=X(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=S.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=lt.prefilters[r].call(l,o,c,l.opts))return m(n.stop)&&(S._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return S.map(c,ut,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),S.fx.timer(S.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}S.Animation=S.extend(lt,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return se(n.elem,e,te.exec(t),n),n}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(P);for(var n,r=0,i=e.length;r<i;r++)n=e[r],lt.tweeners[n]=lt.tweeners[n]||[],lt.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ae(e),v=Y.get(e,"fxshow");for(r in n.queue||(null==(a=S._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,S.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],rt.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||S.style(e,r)}if((u=!S.isEmptyObject(t))||!S.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=Y.get(e,"display")),"none"===(c=S.css(e,"display"))&&(l?c=l:(le([e],!0),l=e.style.display||l,c=S.css(e,"display"),le([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===S.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=Y.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&le([e],!0),p.done(function(){for(r in g||le([e]),Y.remove(e,"fxshow"),d)S.style(e,r,d[r])})),u=ut(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?lt.prefilters.unshift(e):lt.prefilters.push(e)}}),S.speed=function(e,t,n){var r=e&&"object"==typeof e?S.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return S.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in S.fx.speeds?r.duration=S.fx.speeds[r.duration]:r.duration=S.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&S.dequeue(this,r.queue)},r},S.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ae).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=S.isEmptyObject(t),o=S.speed(e,n,r),a=function(){var e=lt(this,S.extend({},t),o);(i||Y.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=S.timers,r=Y.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&it.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||S.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=Y.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=S.timers,o=n?n.length:0;for(t.finish=!0,S.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),S.each(["toggle","show","hide"],function(e,r){var i=S.fn[r];S.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(st(r,!0),e,t,n)}}),S.each({slideDown:st("show"),slideUp:st("hide"),slideToggle:st("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){S.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),S.timers=[],S.fx.tick=function(){var e,t=0,n=S.timers;for(Ze=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||S.fx.stop(),Ze=void 0},S.fx.timer=function(e){S.timers.push(e),S.fx.start()},S.fx.interval=13,S.fx.start=function(){et||(et=!0,ot())},S.fx.stop=function(){et=null},S.fx.speeds={slow:600,fast:200,_default:400},S.fn.delay=function(r,e){return r=S.fx&&S.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n)}})},tt=E.createElement("input"),nt=E.createElement("select").appendChild(E.createElement("option")),tt.type="checkbox",y.checkOn=""!==tt.value,y.optSelected=nt.selected,(tt=E.createElement("input")).value="t",tt.type="radio",y.radioValue="t"===tt.value;var ct,ft=S.expr.attrHandle;S.fn.extend({attr:function(e,t){return $(this,S.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e)})}}),S.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()]||(S.expr.match.bool.test(t)?ct:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=S.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!y.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),ct={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){var a=ft[t]||S.find.attr;ft[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=ft[o],ft[o]=r,r=null!=a(e,t,n)?o:null,ft[o]=i),r}});var pt=/^(?:input|select|textarea|button)$/i,dt=/^(?:a|area)$/i;function ht(e){return(e.match(P)||[]).join(" ")}function gt(e){return e.getAttribute&&e.getAttribute("class")||""}function vt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(P)||[]}S.fn.extend({prop:function(e,t){return $(this,S.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e]})}}),S.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=S.find.attr(e,"tabindex");return t?parseInt(t,10):pt.test(e.nodeName)||dt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),y.optSelected||(S.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),S.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){S.propFix[this.toLowerCase()]=this}),S.fn.extend({addClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).addClass(t.call(this,e,gt(this)))});if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).removeClass(t.call(this,e,gt(this)))});if(!arguments.length)return this.attr("class","");if((e=vt(t)).length)while(n=this[u++])if(i=gt(n),r=1===n.nodeType&&" "+ht(i)+" "){a=0;while(o=e[a++])while(-1<r.indexOf(" "+o+" "))r=r.replace(" "+o+" "," ");i!==(s=ht(r))&&n.setAttribute("class",s)}return this},toggleClass:function(i,t){var o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?this.addClass(i):this.removeClass(i):m(i)?this.each(function(e){S(this).toggleClass(i.call(this,e,gt(this),t),t)}):this.each(function(){var e,t,n,r;if(a){t=0,n=S(this),r=vt(i);while(e=r[t++])n.hasClass(e)?n.removeClass(e):n.addClass(e)}else void 0!==i&&"boolean"!==o||((e=gt(this))&&Y.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===i?"":Y.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+ht(gt(n))+" ").indexOf(t))return!0;return!1}});var yt=/\r/g;S.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,S(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=S.map(t,function(e){return null==e?"":e+""})),(r=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=S.valHooks[t.type]||S.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(yt,""):null==e?"":e:void 0}}),S.extend({valHooks:{option:{get:function(e){var t=S.find.attr(e,"value");return null!=t?t:ht(S.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=S(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=S.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<S.inArray(S(e).val(),t)}},y.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),y.focusin="onfocusin"in C;var mt=/^(?:focusinfocus|focusoutblur)$/,xt=function(e){e.stopPropagation()};S.extend(S.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||E],d=v.call(e,"type")?e.type:e,h=v.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!mt.test(d+S.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[S.expando]?e:new S.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:S.makeArray(t,[e]),c=S.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,mt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||E)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&V(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!V(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),S.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,xt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,xt),S.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=S.extend(new S.Event,n,{type:e,isSimulated:!0});S.event.trigger(r,null,t)}}),S.fn.extend({trigger:function(e,t){return this.each(function(){S.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return S.event.trigger(e,t,n,!0)}}),y.focusin||S.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){S.event.simulate(r,e.target,S.event.fix(e))};S.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r))}}});var bt=C.location,wt={guid:Date.now()},Tt=/\?/;S.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new C.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||S.error("Invalid XML: "+(n?S.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var Ct=/\[\]$/,Et=/\r?\n/g,St=/^(?:submit|button|image|reset|file)$/i,kt=/^(?:input|select|textarea|keygen)/i;function At(n,e,r,i){var t;if(Array.isArray(e))S.each(e,function(e,t){r||Ct.test(n)?i(n,t):At(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==w(e))i(n,e);else for(t in e)At(n+"["+t+"]",e[t],r,i)}S.param=function(e,t){var n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e))S.each(e,function(){i(this.name,this.value)});else for(n in e)At(n,e[n],t,i);return r.join("&")},S.fn.extend({serialize:function(){return S.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=S.prop(this,"elements");return e?S.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!S(this).is(":disabled")&&kt.test(this.nodeName)&&!St.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=S(this).val();return null==n?null:Array.isArray(n)?S.map(n,function(e){return{name:t.name,value:e.replace(Et,"\r\n")}}):{name:t.name,value:n.replace(Et,"\r\n")}}).get()}});var Nt=/%20/g,jt=/#.*$/,Dt=/([?&])_=[^&]*/,qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Lt=/^(?:GET|HEAD)$/,Ht=/^\/\//,Ot={},Pt={},Rt="*/".concat("*"),Mt=E.createElement("a");function It(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(P)||[];if(m(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Wt(t,i,o,a){var s={},u=t===Pt;function l(e){var r;return s[e]=!0,S.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Ft(e,t){var n,r,i=S.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&S.extend(!0,e,r),e}Mt.href=bt.href,S.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:bt.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(bt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Rt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":S.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Ft(Ft(e,S.ajaxSettings),t):Ft(S.ajaxSettings,e)},ajaxPrefilter:It(Ot),ajaxTransport:It(Pt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=S.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?S(y):S.event,x=S.Deferred(),b=S.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=qt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||bt.href)+"").replace(Ht,bt.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(P)||[""],null==v.crossDomain){r=E.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Mt.protocol+"//"+Mt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=S.param(v.data,v.traditional)),Wt(Ot,v,t,T),h)return T;for(i in(g=S.event&&v.global)&&0==S.active++&&S.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Lt.test(v.type),f=v.url.replace(jt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Nt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(Tt.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(Dt,"$1"),o=(Tt.test(f)?"&":"?")+"_="+wt.guid+++o),v.url=f+o),v.ifModified&&(S.lastModified[f]&&T.setRequestHeader("If-Modified-Since",S.lastModified[f]),S.etag[f]&&T.setRequestHeader("If-None-Match",S.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+Rt+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Wt(Pt,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=C.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<S.inArray("script",v.dataTypes)&&S.inArray("json",v.dataTypes)<0&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(S.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(S.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--S.active||S.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return S.get(e,t,n,"json")},getScript:function(e,t){return S.get(e,void 0,t,"script")}}),S.each(["get","post"],function(e,i){S[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),S.ajax(S.extend({url:e,type:i,dataType:r,data:t,success:n},S.isPlainObject(e)&&e))}}),S.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),S._evalUrl=function(e,t,n){return S.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){S.globalEval(e,t,n)}})},S.fn.extend({wrapAll:function(e){var t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=S(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e){S(this).wrapInner(n.call(this,e))}):this.each(function(){var e=S(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=m(t);return this.each(function(e){S(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){S(this).replaceWith(this.childNodes)}),this}}),S.expr.pseudos.hidden=function(e){return!S.expr.pseudos.visible(e)},S.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},S.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest}catch(e){}};var Bt={0:200,1223:204},$t=S.ajaxSettings.xhr();y.cors=!!$t&&"withCredentials"in $t,y.ajax=$t=!!$t,S.ajaxTransport(function(i){var o,a;if(y.cors||$t&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Bt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),S.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),S.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return S.globalEval(e),e}}}),S.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),S.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=S("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=ht(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&S.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?S("<div>").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var Xt=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;S.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||S.guid++,i},S.holdReady=function(e){e?S.readyWait++:S.ready(!0)},S.isArray=Array.isArray,S.parseJSON=JSON.parse,S.nodeName=A,S.isFunction=m,S.isWindow=x,S.camelCase=X,S.type=w,S.now=Date.now,S.isNumeric=function(e){var t=S.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},S.trim=function(e){return null==e?"":(e+"").replace(Xt,"")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return S});var Vt=C.jQuery,Gt=C.$;return S.noConflict=function(e){return C.$===S&&(C.$=Gt),e&&C.jQuery===S&&(C.jQuery=Vt),S},"undefined"==typeof e&&(C.jQuery=C.$=S),S});
19485
19486
19487</script>
19487
19488
19489
19490
19491
19492
19493
19494
19495	
19496
19497
19498
19499
19500	
19501
19502
19503
19504
19505	
19506
19507
19508
19509
19510
19511	
19512
19513  
19514 
19515 
19516 
19517 
19518 
19519
19520
19521
19522
19523
19524
19525
19526
19527
19528
19529
19530
19531
19532
19533
19534
19535
19536
19537
19538
19539
19540
19541
19542
19543
19544
19545
19546
19547
19548
19549
19550
19551
19552
19553
19554
19555
19556
19557
19558
19559
19560
19561
19562
19563	
19564	
19565
19566
19567
19568
19569
19570
19571
19572
19573
19574
19575
19576	
19577	
19578
19579
19580
19581
19582
19583
19584
19585
19586
19587	
19587<script>
19588		function statCount(type, typeId, numHits) {
19589			window._pingQueue(type, typeId, numHits || 1);
19590		}
19591		
19592		
19593
19594	</script>
19594
19595
19596
19597
19598
19599
19600
19601
19602
19603
19604
19605
19606
19607
19608
19609
19610
19611
19612
19613
19614
19615
19616
19617
19618
19619
19620
19621
19622
19623
19624
19625
19626
19627
19628
19629
19630
19631
19632
19633
19634
19635
19636
19637
19638
19639
19640
19641
19642
19643
19644
19645
19646
19647
19648
19649
19650
19651
19652
19653
19654
19655
19656
19657
19658
19659
19660
19661
19662
19663
19664
19665
19666
19667
19668	
19669
19670
19671
19672
19673
19674
19675
19676
19677
19678
19679
19680	
19681
19682
19683
19684
19685
19686
19687
19688	
19689
19690
19691
19692
19693
19694
19695	
19696
19697
19698
19699
19700	
19701
19702
19703
19704
19705	
19706
19707
19708
19709
19710
19711	
19712
19713  
19714 
19715 
19716 
19717 
19718 
19719
19720
19721
19722
19723
19724
19725
19726
19727
19728
19729
19730
19731
19732
19733
19734
19735
19736
19737
19738
19739
19740
19741
19742
19743
19744
19745
19746
19747
19748
19749
19750
19751
19752
19753
19754
19755
19756
19757
19758
19759
19760
19761
19762
19763	
19764
19765
19766
19767
19768
19769
19770
19771
19772
19773
19774
19775	
19776	
19777
19778
19779
19780
19781
19782
19783<script>
19784(function () {
19785	'use strict';
19786
19787	var CONTENT_SELECTOR = [
19788		'f-article-headline',
19789		'f-article-preamble',
19790		'f-article-body',
19791		'f-snippet-headline',
19792		'f-snippet-content > p'
19793	].join(',');
19794	var SKIP_TAGS = { SCRIPT: true, STYLE: true, TEXTAREA: true, PRE: true, CODE: true, NOSCRIPT: true };
19795	// A single 0.xxx or 0,xxx group is a decimal value, not a thousands-formatted integer.
19796	var GROUPED_NUMBER = /(^|[^A-Za-z\u00c0-\u024f0-9])([+-]?(?!0[.,]\d{3}(?![.,\d]))\d{1,3}(?:[. ,\u00a0\u202f]\d{3})+(?:,\d+)?)(?![A-Za-z\u00c0-\u024f0-9]|[.,]\d)/g;
19797
19798	function closest(element, selector) {
19799		if (!element) return null;
19800		if (element.closest) return element.closest(selector);
19801		while (element) {
19802			if (element.matches && element.matches(selector)) return element;
19803			element = element.parentElement;
19804		}
19805		return null;
19806	}
19807
19808	function normalizeNumber(value) {
19809		var commaTail = value.match(/,(\d+)$/);
19810		var beforeComma = commaTail ? value.slice(0, -commaTail[0].length) : value;
19811		var isDecimalComma = commaTail && (commaTail[1].length !== 3 || /[. \u00a0\u202f]/.test(beforeComma));
19812		var decimal = isDecimalComma ? commaTail[0] : '';
19813		var integer = decimal ? value.slice(0, -decimal.length) : value;
19814		return integer.replace(/[. ,\u00a0\u202f]/g, ' ') + decimal;
19815	}
19816
19817	function replaceInTextNode(node) {
19818		if (!node.nodeValue || !/[. ,\u00a0\u202f]/.test(node.nodeValue)) return;
19819		if (!node.parentElement || closest(node.parentElement, 'nobr,[data-no-thousands]')) return;
19820
19821		var text = node.nodeValue;
19822		var fragment = document.createDocumentFragment();
19823		var cursor = 0;
19824		var changed = false;
19825		var match;
19826
19827		GROUPED_NUMBER.lastIndex = 0;
19828		while ((match = GROUPED_NUMBER.exec(text)) !== null) {
19829			var prefix = match[1];
19830			var number = match[2];
19831			var numberStart = match.index + prefix.length;
19832
19833			fragment.appendChild(document.createTextNode(text.slice(cursor, numberStart)));
19834			var nobr = document.createElement('nobr');
19835			nobr.className = 'feber-thousands';
19836			nobr.textContent = normalizeNumber(number);
19837			fragment.appendChild(nobr);
19838			cursor = numberStart + number.length;
19839			changed = true;
19840		}
19841
19842		if (!changed) return;
19843		fragment.appendChild(document.createTextNode(text.slice(cursor)));
19844		node.parentNode.replaceChild(fragment, node);
19845	}
19846
19847	function processContent(content) {
19848		if (!content || content.nodeType !== 1) return;
19849		var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT, {
19850			acceptNode: function (node) {
19851				var parent = node.parentElement;
19852				if (!parent || SKIP_TAGS[parent.tagName] || closest(parent, 'nobr,[data-no-thousands]')) {
19853					return NodeFilter.FILTER_REJECT;
19854				}
19855				return NodeFilter.FILTER_ACCEPT;
19856			}
19857		});
19858		var nodes = [];
19859		while (walker.nextNode()) nodes.push(walker.currentNode);
19860		for (var i = 0; i < nodes.length; i += 1) replaceInTextNode(nodes[i]);
19861	}
19862
19863	function process(root) {
19864		if (!root) return;
19865		if (root.nodeType === 3) {
19866			if (closest(root.parentElement, CONTENT_SELECTOR)) replaceInTextNode(root);
19867			return;
19868		}
19869		if (root.nodeType !== 1) return;
19870
19871		if (root.matches && root.matches(CONTENT_SELECTOR)) processContent(root);
19872		var contents = root.querySelectorAll ? root.querySelectorAll(CONTENT_SELECTOR) : [];
19873		for (var i = 0; i < contents.length; i += 1) processContent(contents[i]);
19874	}
19875
19876	function start() {
19877		process(document.body);
19878		if (!window.MutationObserver) return;
19879		var observer = new MutationObserver(function (mutations) {
19880			for (var i = 0; i < mutations.length; i += 1) {
19881				for (var j = 0; j < mutations[i].addedNodes.length; j += 1) {
19882					process(mutations[i].addedNodes[j]);
19883				}
19884			}
19885		});
19886		observer.observe(document.body, { childList: true, subtree: true });
19887	}
19888
19889	if (document.readyState === 'loading') {
19890		document.addEventListener('DOMContentLoaded', start);
19891	} else {
19892		start();
19893	}
19894})();
19895</script>
19895
19896
19897
19898
19899
19900
19901
19902
19903
19904
19905
19906
19907
19908
19909
19910
19911
19912
19913
19914
19915
19916
19917
19918
19919
19920
19921
19922
19923
19924
19925
19926
19927
19928
19929
19930
19931
19932
19933
19934
19935
19936
19937
19938
19939
19940
19941
19942
19943
19944
19945
19946
19947
19948
19949
19950
19951
19952
19953
19954
19955
19956
19957
19958
19959
19960
19961
19962
19963
19964
19965
19966
19967
19968
19969
19970
19971
19972	
19973
19974
19975
19976
19977
19978
19979
19980
19981
19982
19983
19984	
19985
19986
19987
19988
19989
19990
19991
19992	
19993
19994
19995
19996
19997
19998
19999	
20000
20001
20002
20003
20004	
20005
20006
20007
20008
20009	
20010
20011
20012
20013
20014
20015	
20016
20017  
20018 
20019 
20020 
20021 
20022 
20023
20024
20025
20026
20027
20028
20029
20030
20031
20032
20033
20034
20035
20036
20037
20038
20039
20040
20041
20042
20043
20044
20045
20046
20047
20048
20049
20050
20051
20052
20053
20054
20055
20056
20057
20058
20059
20060
20061
20062
20063
20064
20065
20066
20067	
20068	
20069	
20070
20071
20072
20073
20074
20075
20076
20077
20078
20079
20080
20081	
20082	
20083
20084
20085
20086
20087
20088
20089
20090
20091
20092
20093
20094
20095
20096
20097
20098
20099
20100
20101
20102
20103
20104
20105
20106
20107
20108
20109
20110
20111
20112
20113
20114
20115
20116
20117
20118
20119
20120
20121
20122
20123
20124
20125
20126
20127
20128
20129
20130
20131
20132
20133
20134
20135
20136
20137
20138
20139
20140
20141
20142
20143
20144
20145
20146
20147
20148
20149
20150
20151
20152
20153
20154
20155
20156
20157
20158
20159
20160
20161
20162
20163
20164	
20165
20166
20167
20168
20169
20170
20171
20172
20173
20174
20175
20176	
20177
20178
20179
20180
20181
20182
20183
20184	
20185
20186
20187
20188
20189
20190
20191	
20192
20193
20194
20195
20196	
20197
20198
20199
20200
20201	
20202
20203
20204
20205
20206
20207	
20208
20209  
20210 
20211 
20212 
20213 
20214 
20215
20216
20217
20218
20219
20220
20221
20222
20223
20224
20225
20226
20227
20228
20229
20230
20231
20232
20233
20234
20235
20236
20237
20238
20239
20240
20241
20242
20243
20244
vendor: 3,419 bytes, lines 20245-20254
20245<script> 
20246/**
20247 * Copyright (c) 2007 Ariel Flesler - aflesler ○ gmail • com | https://github.com/flesler
20248 * Licensed under MIT
20249 * @author Ariel Flesler
20250 * @version 2.1.3
20251 */
20252;(function(factory){'use strict';if(typeof define==='function'&&define.amd){define(['jquery'],factory)}else if(typeof module!=='undefined'&&module.exports){module.exports=factory(require('jquery'))}else{factory(jQuery)}})(function($){'use strict';var $scrollTo=$.scrollTo=function(target,duration,settings){return $(window).scrollTo(target,duration,settings)};$scrollTo.defaults={axis:'xy',duration:0,limit:true};function isWin(elem){return!elem.nodeName||$.inArray(elem.nodeName.toLowerCase(),['iframe','#document','html','body'])!==-1}function isFunction(obj){return typeof obj==='function'}$.fn.scrollTo=function(target,duration,settings){if(typeof duration==='object'){settings=duration;duration=0}if(typeof settings==='function'){settings={onAfter:settings}}if(target==='max'){target=9e9}settings=$.extend({},$scrollTo.defaults,settings);duration=duration||settings.duration;var queue=settings.queue&&settings.axis.length>1;if(queue){duration/=2}settings.offset=both(settings.offset);settings.over=both(settings.over);return this.each(function(){if(target===null){return}var win=isWin(this),elem=win?this.contentWindow||window:this,$elem=$(elem),targ=target,attr={},toff;switch(typeof targ){case 'number':case 'string':if(/^([+-]=?)?\d+(\.\d+)?(px|%)?$/.test(targ)){targ=both(targ);break}targ=win?$(targ):$(targ,elem);case 'object':if(targ.length===0){return}if(targ.is||targ.style){toff=(targ=$(targ)).offset()}}var offset=isFunction(settings.offset)&&settings.offset(elem,targ)||settings.offset;$.each(settings.axis.split(''),function(i,axis){var Pos=axis==='x'?'Left':'Top',pos=Pos.toLowerCase(),key='scroll'+Pos,prev=$elem[key](),max=$scrollTo.max(elem,axis);if(toff){attr[key]=toff[pos]+(win?0:prev-$elem.offset()[pos]);if(settings.margin){attr[key]-=parseInt(targ.css('margin'+Pos),10)||0;attr[key]-=parseInt(targ.css('border'+Pos+'Width'),10)||0}attr[key]+=offset[pos]||0;if(settings.over[pos]){attr[key]+=targ[axis==='x'?'width':'height']()*settings.over[pos]}}else{var val=targ[pos];attr[key]=val.slice&&val.slice(-1)==='%'?parseFloat(val)/100*max:val}if(settings.limit&&/^\d+$/.test(attr[key])){attr[key]=attr[key]<=0?0:Math.min(attr[key],max)}if(!i&&settings.axis.length>1){if(prev===attr[key]){attr={}}else if(queue){animate(settings.onAfterFirst);attr={}}}});animate(settings.onAfter);function animate(callback){var opts=$.extend({},settings,{queue:true,duration:duration,complete:callback&&function(){callback.call(elem,targ,settings)}});$elem.animate(attr,opts)}})};$scrollTo.max=function(elem,axis){var Dim=axis==='x'?'Width':'Height',scroll='scroll'+Dim;if(!isWin(elem)){return elem[scroll]-$(elem)[Dim.toLowerCase()]()}var size='client'+Dim,doc=elem.ownerDocument||elem.document,html=doc.documentElement,body=doc.body;return Math.max(html[scroll],body[scroll])-Math.min(html[size],body[size])};function both(val){return isFunction(val)||$.isPlainObject(val)?val:{top:val,left:val}}$.Tween.propHooks.scrollLeft=$.Tween.propHooks.scrollTop={get:function(t){return $(t.elem)[t.prop]()},set:function(t){var curr=this.get(t);if(t.options.interrupt&&t._last&&t._last!==curr){return $(t.elem).stop()}var next=Math.round(t.now);if(curr!==next){$(t.elem)[t.prop](next);t._last=this.get(t)}}};return $scrollTo});
20253
20254</script>
20254
20255
20256
20257
20258
20259
20260
20261
20262
20263
20264
20265
20266
20267
20268
20269
20270	
20271
20272
20273
20274
20275
20276
20277
20278
20279
20280
20281
20282	
20283	
20284
20285
20286
20287
20288
20289
20290
20291
20292
20293
20294
20295
20296
20297
20298
20299
20300
20301
20302
20303
20304
20305
20306
20307
20308
20309
20310
20311
20312
20313
20314
20315
20316
20317
20318
20319
20320
20321
20322
20323
20324
20325
20326
20327
20328
20329
20330
20331
20332
20333
20334
20335
20336
20337
20338
20339
20340
20341
20342
20343
20344
20345
20346
20347
20348
20349
20350
20351
20352
20353
20354
20355
20356
20357
20358
20359
20360
20361
20362
20363
20364
20365	
20366
20367
20368
20369
20370
20371
20372
20373
20374
20375
20376
20377	
20378
20379
20380
20381
20382
20383
20384
20385	
20386
20387
20388
20389
20390
20391
20392	
20393
20394
20395
20396
20397	
20398
20399
20400
20401
20402	
20403
20404
20405
20406
20407
20408	
20409
20410  
20411 
20412 
20413 
20414 
20415 
20416
20417
20418
20419
20420
20421
20422
20423
20424
20425
20426
20427
20428
20429
20430
20431
20432
20433
20434
20435
20436
20437
20438
20439
20440
20441
20442
20443
20444
20445
20446
20447
20448
20449
20450
20451<script> 
20452/*!
20453 * jQuery Cookie Plugin v1.4.1
20454 * https://github.com/carhartl/jquery-cookie
20455 *
20456 * Copyright 2006, 2014 Klaus Hartl
20457 * Released under the MIT license
20458 */
20459(function (factory) {
20460	if (typeof define === 'function' && define.amd) {
20461		// AMD (Register as an anonymous module)
20462		define(['jquery'], factory);
20463	} else if (typeof exports === 'object') {
20464		// Node/CommonJS
20465		module.exports = factory(require('jquery'));
20466	} else {
20467		// Browser globals
20468		factory(jQuery);
20469	}
20470}(function ($) {
20471
20472	var pluses = /\+/g;
20473
20474	function encode(s) {
20475		return config.raw ? s : encodeURIComponent(s);
20476	}
20477
20478	function decode(s) {
20479		return config.raw ? s : decodeURIComponent(s);
20480	}
20481
20482	function stringifyCookieValue(value) {
20483		return encode(config.json ? JSON.stringify(value) : String(value));
20484	}
20485
20486	function parseCookieValue(s) {
20487		if (s.indexOf('"') === 0) {
20488			// This is a quoted cookie as according to RFC2068, unescape...
20489			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
20490		}
20491
20492		try {
20493			// Replace server-side written pluses with spaces.
20494			// If we can't decode the cookie, ignore it, it's unusable.
20495			// If we can't parse the cookie, ignore it, it's unusable.
20496			s = decodeURIComponent(s.replace(pluses, ' '));
20497			return config.json ? JSON.parse(s) : s;
20498		} catch(e) {}
20499	}
20500
20501	function read(s, converter) {
20502		var value = config.raw ? s : parseCookieValue(s);
20503		return $.isFunction(converter) ? converter(value) : value;
20504	}
20505
20506	var config = $.cookie = function (key, value, options) {
20507
20508		// Write
20509
20510		if (arguments.length > 1 && !$.isFunction(value)) {
20511			options = $.extend({}, config.defaults, options);
20512
20513			if (typeof options.expires === 'number') {
20514				var days = options.expires, t = options.expires = new Date();
20515				t.setMilliseconds(t.getMilliseconds() + days * 864e+5);
20516			}
20517
20518			return (document.cookie = [
20519				encode(key), '=', stringifyCookieValue(value),
20520				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
20521				options.path    ? '; path=' + options.path : '',
20522				options.domain  ? '; domain=' + options.domain : '',
20523				options.secure  ? '; secure' : ''
20524			].join(''));
20525		}
20526
20527		// Read
20528
20529		var result = key ? undefined : {},
20530			// To prevent the for loop in the first place assign an empty array
20531			// in case there are no cookies at all. Also prevents odd result when
20532			// calling $.cookie().
20533			cookies = document.cookie ? document.cookie.split('; ') : [],
20534			i = 0,
20535			l = cookies.length;
20536
20537		for (; i < l; i++) {
20538			var parts = cookies[i].split('='),
20539				name = decode(parts.shift()),
20540				cookie = parts.join('=');
20541
20542			if (key === name) {
20543				// If second argument (value) is a function it's a converter...
20544				result = read(cookie, value);
20545				break;
20546			}
20547
20548			// Prevent storing a cookie that we couldn't decode.
20549			if (!key && (cookie = read(cookie)) !== undefined) {
20550				result[name] = cookie;
20551			}
20552		}
20553
20554		return result;
20555	};
20556
20557	config.defaults = {};
20558
20559	$.removeCookie = function (key, options) {
20560		// Must not alter options, thus extending a fresh object...
20561		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
20562		return !$.cookie(key);
20563	};
20564
20565}));
20566</script>
20566
20567
20568
20569
20570
20571
20572
20573
20574
20575
20576
20577	
20578
20579
20580
20581
20582
20583
20584
20585
20586
20587
20588
20589	
20590	
20591
20592
20593
20594
20595
20596
20597
20598
20599
20600
20601
20602
20603
20604
20605
20606
20607
20608
20609
20610
20611
20612
20613
20614
20615
20616
20617
20618
20619
20620
20621
20622
20623
20624
20625
20626
20627
20628
20629
20630
20631
20632
20633
20634
20635
20636
20637
20638
20639
20640
20641
20642
20643
20644
20645
20646
20647
20648
20649
20650
20651
20652
20653
20654
20655
20656
20657
20658
20659
20660
20661
20662
20663
20664
20665
20666
20667
20668
20669
20670
20671
20672	
20673
20674
20675
20676
20677
20678
20679
20680
20681
20682
20683
20684	
20685
20686
20687
20688
20689
20690
20691
20692	
20693
20694
20695
20696
20697
20698
20699	
20700
20701
20702
20703
20704	
20705
20706
20707
20708
20709	
20710
20711
20712
20713
20714
20715	
20716
20717  
20718 
20719 
20720 
20721 
20722 
20723
20724
20725
20726
20727
20728
20729
20730
20731
20732
20733
20734
20735
20736
20737
20738
20739
20740
20741
20742
20743
20744
20745
20746
20747
20748
20749
20750
20751
20752
20753
20754
vendor: 1,701 bytes, lines 20755-20759
20755<script> 
20756/*! js-cookie v3.0.1 | MIT */
20757!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}return function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"})}));
20758
20759</script>
20759
20760
20761
20762
20763
20764
20765
20766
20767
20768
20769
20770
20771
20772
20773	
20774	
20775
20776
20777
20778
20779
20780
20781
20782
20783
20784
20785
20786	
20787	
20788
20789
20790
20791
20792
20793
20794
20795
20796
20797
20798
20799
20800
20801
20802
20803
20804
20805
20806
20807
20808
20809
20810
20811
20812
20813
20814
20815
20816
20817
20818
20819
20820
20821
20822
20823
20824
20825
20826
20827
20828
20829
20830
20831
20832
20833
20834
20835
20836
20837
20838
20839
20840
20841
20842
20843
20844
20845
20846
20847
20848
20849
20850
20851
20852
20853
20854
20855
20856
20857
20858
20859
20860
20861
20862
20863
20864
20865
20866
20867
20868
20869	
20870
20871
20872
20873
20874
20875
20876
20877
20878
20879
20880
20881	
20882
20883
vendor: 4,106 bytes, lines 20884-20888
20884<script>
20885
20886/*! lazysizes - v5.3.2 */
20887
20888!function(e){var t=function(u,D,f){"use strict";var k,H;if(function(){var e;var t={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:true,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:true,ricTimeout:0,throttleDelay:125};H=u.lazySizesConfig||u.lazysizesConfig||{};for(e in t){if(!(e in H)){H[e]=t[e]}}}(),!D||!D.getElementsByClassName){return{init:function(){},cfg:H,noSupport:true}}var O=D.documentElement,i=u.HTMLPictureElement,P="addEventListener",$="getAttribute",q=u[P].bind(u),I=u.setTimeout,U=u.requestAnimationFrame||I,o=u.requestIdleCallback,j=/^picture$/i,r=["load","error","lazyincluded","_lazyloaded"],a={},G=Array.prototype.forEach,J=function(e,t){if(!a[t]){a[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")}return a[t].test(e[$]("class")||"")&&a[t]},K=function(e,t){if(!J(e,t)){e.setAttribute("class",(e[$]("class")||"").trim()+" "+t)}},Q=function(e,t){var a;if(a=J(e,t)){e.setAttribute("class",(e[$]("class")||"").replace(a," "))}},V=function(t,a,e){var i=e?P:"removeEventListener";if(e){V(t,a)}r.forEach(function(e){t[i](e,a)})},X=function(e,t,a,i,r){var n=D.createEvent("Event");if(!a){a={}}a.instance=k;n.initEvent(t,!i,!r);n.detail=a;e.dispatchEvent(n);return n},Y=function(e,t){var a;if(!i&&(a=u.picturefill||H.pf)){if(t&&t.src&&!e[$]("srcset")){e.setAttribute("srcset",t.src)}a({reevaluate:true,elements:[e]})}else if(t&&t.src){e.src=t.src}},Z=function(e,t){return(getComputedStyle(e,null)||{})[t]},s=function(e,t,a){a=a||e.offsetWidth;while(a<H.minSize&&t&&!e._lazysizesWidth){a=t.offsetWidth;t=t.parentNode}return a},ee=function(){var a,i;var t=[];var r=[];var n=t;var s=function(){var e=n;n=t.length?r:t;a=true;i=false;while(e.length){e.shift()()}a=false};var e=function(e,t){if(a&&!t){e.apply(this,arguments)}else{n.push(e);if(!i){i=true;(D.hidden?I:U)(s)}}};e._lsFlush=s;return e}(),te=function(a,e){return e?function(){ee(a)}:function(){var e=this;var t=arguments;ee(function(){a.apply(e,t)})}},ae=function(e){var a;var i=0;var r=H.throttleDelay;var n=H.ricTimeout;var t=function(){a=false;i=f.now();e()};var s=o&&n>49?function(){o(t,{timeout:n});if(n!==H.ricTimeout){n=H.ricTimeout}}:te(function(){I(t)},true);return function(e){var t;if(e=e===true){n=33}if(a){return}a=true;t=r-(f.now()-i);if(t<0){t=0}if(e||t<9){s()}else{I(s,t)}}},ie=function(e){var t,a;var i=99;var r=function(){t=null;e()};var n=function(){var e=f.now()-a;if(e<i){I(n,i-e)}else{(o||r)(r)}};return function(){a=f.now();if(!t){t=I(n,i)}}},e=function(){var v,m,c,h,e;var y,z,g,p,C,b,A;var n=/^img$/i;var d=/^iframe$/i;var E="onscroll"in u&&!/(gle|ing)bot/.test(navigator.userAgent);var _=0;var w=0;var M=0;var N=-1;var L=function(e){M--;if(!e||M<0||!e.target){M=0}};var x=function(e){if(A==null){A=Z(D.body,"visibility")=="hidden"}return A||!(Z(e.parentNode,"visibility")=="hidden"&&Z(e,"visibility")=="hidden")};var W=function(e,t){var a;var i=e;var r=x(e);g-=t;b+=t;p-=t;C+=t;while(r&&(i=i.offsetParent)&&i!=D.body&&i!=O){r=(Z(i,"opacity")||1)>0;if(r&&Z(i,"overflow")!="visible"){a=i.getBoundingClientRect();r=C>a.left&&p<a.right&&b>a.top-1&&g<a.bottom+1}}return r};var t=function(){var e,t,a,i,r,n,s,o,l,u,f,c;var d=k.elements;if((h=H.loadMode)&&M<8&&(e=d.length)){t=0;N++;for(;t<e;t++){if(!d[t]||d[t]._lazyRace){continue}if(!E||k.prematureUnveil&&k.prematureUnveil(d[t])){R(d[t]);continue}if(!(o=d[t][$]("data-expand"))||!(n=o*1)){n=w}if(!u){u=!H.expand||H.expand<1?O.clientHeight>500&&O.clientWidth>500?500:370:H.expand;k._defEx=u;f=u*H.expFactor;c=H.hFac;A=null;if(w<f&&M<1&&N>2&&h>2&&!D.hidden){w=f;N=0}else if(h>1&&N>1&&M<6){w=u}else{w=_}}if(l!==n){y=innerWidth+n*c;z=innerHeight+n;s=n*-1;l=n}a=d[t].getBoundingClientRect();if((b=a.bottom)>=s&&(g=a.top)<=z&&(C=a.right)>=s*c&&(p=a.left)<=y&&(b||C||p||g)&&(H.loadHidden||x(d[t]))&&(m&&M<3&&!o&&(h<3||N<4)||W(d[t],n))){R(d[t]);r=true;if(M>9){break}}else if(!r&&m&&!i&&M<4&&N<4&&h>
vendor: 3,805 bytes, lines 20888-20891
208882&&(v[0]||H.preloadAfterLoad)&&(v[0]||!o&&(b||C||p||g||d[t][$](H.sizesAttr)!="auto"))){i=v[0]||d[t]}}if(i&&!r){R(i)}}};var a=ae(t);var S=function(e){var t=e.target;if(t._lazyCache){delete t._lazyCache;return}L(e);K(t,H.loadedClass);Q(t,H.loadingClass);V(t,B);X(t,"lazyloaded")};var i=te(S);var B=function(e){i({target:e.target})};var T=function(e,t){var a=e.getAttribute("data-load-mode")||H.iframeLoadMode;if(a==0){e.contentWindow.location.replace(t)}else if(a==1){e.src=t}};var F=function(e){var t;var a=e[$](H.srcsetAttr);if(t=H.customMedia[e[$]("data-media")||e[$]("media")]){e.setAttribute("media",t)}if(a){e.setAttribute("srcset",a)}};var s=te(function(t,e,a,i,r){var n,s,o,l,u,f;if(!(u=X(t,"lazybeforeunveil",e)).defaultPrevented){if(i){if(a){K(t,H.autosizesClass)}else{t.setAttribute("sizes",i)}}s=t[$](H.srcsetAttr);n=t[$](H.srcAttr);if(r){o=t.parentNode;l=o&&j.test(o.nodeName||"")}f=e.firesLoad||"src"in t&&(s||n||l);u={target:t};K(t,H.loadingClass);if(f){clearTimeout(c);c=I(L,2500);V(t,B,true)}if(l){G.call(o.getElementsByTagName("source"),F)}if(s){t.setAttribute("srcset",s)}else if(n&&!l){if(d.test(t.nodeName)){T(t,n)}else{t.src=n}}if(r&&(s||l)){Y(t,{src:n})}}if(t._lazyRace){delete t._lazyRace}Q(t,H.lazyClass);ee(function(){var e=t.complete&&t.naturalWidth>1;if(!f||e){if(e){K(t,H.fastLoadedClass)}S(u);t._lazyCache=true;I(function(){if("_lazyCache"in t){delete t._lazyCache}},9)}if(t.loading=="lazy"){M--}},true)});var R=function(e){if(e._lazyRace){return}var t;var a=n.test(e.nodeName);var i=a&&(e[$](H.sizesAttr)||e[$]("sizes"));var r=i=="auto";if((r||!m)&&a&&(e[$]("src")||e.srcset)&&!e.complete&&!J(e,H.errorClass)&&J(e,H.lazyClass)){return}t=X(e,"lazyunveilread").detail;if(r){re.updateElem(e,true,e.offsetWidth)}e._lazyRace=true;M++;s(e,t,r,i,a)};var r=ie(function(){H.loadMode=3;a()});var o=function(){if(H.loadMode==3){H.loadMode=2}r()};var l=function(){if(m){return}if(f.now()-e<999){I(l,999);return}m=true;H.loadMode=3;a();q("scroll",o,true)};return{_:function(){e=f.now();k.elements=D.getElementsByClassName(H.lazyClass);v=D.getElementsByClassName(H.lazyClass+" "+H.preloadClass);q("scroll",a,true);q("resize",a,true);q("pageshow",function(e){if(e.persisted){var t=D.querySelectorAll("."+H.loadingClass);if(t.length&&t.forEach){U(function(){t.forEach(function(e){if(e.complete){R(e)}})})}}});if(u.MutationObserver){new MutationObserver(a).observe(O,{childList:true,subtree:true,attributes:true})}else{O[P]("DOMNodeInserted",a,true);O[P]("DOMAttrModified",a,true);setInterval(a,999)}q("hashchange",a,true);["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){D[P](e,a,true)});if(/d$|^c/.test(D.readyState)){l()}else{q("load",l);D[P]("DOMContentLoaded",a);I(l,2e4)}if(k.elements.length){t();ee._lsFlush()}else{a()}},checkElems:a,unveil:R,_aLSL:o}}(),re=function(){var a;var n=te(function(e,t,a,i){var r,n,s;e._lazysizesWidth=i;i+="px";e.setAttribute("sizes",i);if(j.test(t.nodeName||"")){r=t.getElementsByTagName("source");for(n=0,s=r.length;n<s;n++){r[n].setAttribute("sizes",i)}}if(!a.detail.dataAttr){Y(e,a.detail)}});var i=function(e,t,a){var i;var r=e.parentNode;if(r){a=s(e,r,a);i=X(e,"lazybeforesizes",{width:a,dataAttr:!!t});if(!i.defaultPrevented){a=i.detail.width;if(a&&a!==e._lazysizesWidth){n(e,r,i,a)}}}};var e=function(){var e;var t=a.length;if(t){e=0;for(;e<t;e++){i(a[e])}}};var t=ie(e);return{_:function(){a=D.getElementsByClassName(H.autosizesClass);q("resize",t)},checkElems:t,updateElem:i}}(),t=function(){if(!t.i&&D.getElementsByClassName){t.i=true;re._();e._()}};return I(function(){H.init&&t()}),k={cfg:H,autoSizer:re,loader:e,init:t,uP:Y,aC:K,rC:Q,hC:J,fire:X,gW:s,rAF:ee}}(e,e.document,Date);e.lazySizes=t,"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:{});
20889
20890
20891</script>
20891
20892
20893
20894
20895
20896
20897
20898
20899
20900	
20901
20902
20903
20904
20905
20906
20907	
20908
20909
20910
20911
20912	
20913
20914
20915
20916
20917	
20918
20919
20920
20921
20922
20923	
20924
20925  
20926 
20927 
20928 
20929 
20930 
20931
20932
20933
20934
20935
20936
20937
20938
20939
20940
20941
20942
20943
20944
20945
20946
20947
20948
20949
20950
20951
20952
20953
20954
20955
20956
20957
20958
20959
20960
20961
20962
20963
20964
20965
20966
20967
20968
20969
20970
20971
20972
20973
20974
20975	
20976	
20977
20978
20979
20980
20981
20982
20983
20984
20985
20986
20987
20988	
20989	
20990
20991
20992
20993
20994
20995
20996
20997
20998
20999
21000
21001
21002
21003
21004
21005
21006
21007
21008
21009
21010
21011
21012
21013
21014
21015
21016
21017
21018
21019
21020
21021
21022
21023
21024
21025
21026
21027
21028
21029
21030
21031
21032
21033
21034
21035
21036<script>
21037	/// FLIDE ÄR GALLERIFUNKTIONEN I ARTIKLAR
21038
21039	// Objekt för att spara slideIndex per flideID (förhindrar konflikter mellan flera flides)
21040	var flideIndices = {};
21041
21042	function flideScrollCheck(dasID) {
21043		const container = document.querySelector('f-flide-thumbs-container[data-flideid="' + dasID + '"]');
21044		const inside = document.querySelector('f-flide-thumbs[data-flideid="' + dasID + '"]');
21045		
21046		if (!container || !inside) return;
21047		
21048		const insideWidth = parseInt(inside.getAttribute('data-flidewidth'));
21049		if (!insideWidth) return;
21050		
21051		container.setAttribute('data-scroll', insideWidth > container.offsetWidth ? 'on' : 'off');
21052	}
21053
21054	function plusSlides(n, dasid) {
21055		flideIndices[dasid] = (flideIndices[dasid] || 1) + n;
21056		showSlides(flideIndices[dasid], dasid);
21057	}
21058
21059	function currentSlide(n, dasid) {
21060		showSlides(n, dasid);
21061	}
21062
21063	// Huvudfunktionen
21064	function showSlides(startNum, flideID) {
21065		var flides = document.querySelectorAll("f-flide[data-flideid='" + flideID + "'] f-flide-item");
21066		var thumbs = document.querySelectorAll("f-flide-thumbs[data-flideid='" + flideID + "'] f-flide-thumb");
21067		
21068		if (!flides || flides.length === 0) return;
21069		
21070		// Beräkna slideIndex
21071		var slideIndex;
21072		if (startNum === 'start') {
21073			slideIndex = 1;
21074		} else if (typeof startNum === 'number') {
21075			if (startNum > flides.length) slideIndex = 1;
21076			else if (startNum < 1) slideIndex = flides.length;
21077			else slideIndex = startNum;
21078		} else {
21079			slideIndex = flideIndices[flideID] || 1;
21080		}
21081		
21082		// Bounds check
21083		if (slideIndex < 1 || slideIndex > flides.length) slideIndex = 1;
21084		
21085		// Spara index
21086		flideIndices[flideID] = slideIndex;
21087		
21088		// Sätt status på alla flides
21089		for (var i = 0; i < flides.length; i++) {
21090			flides[i].setAttribute('data-status', i === slideIndex - 1 ? 'on' : 'off');
21091		}
21092		
21093		// Sätt status på thumbs (om de finns)
21094		if (thumbs && thumbs.length > 0) {
21095			for (var j = 0; j < thumbs.length; j++) {
21096				thumbs[j].setAttribute('data-status', j === slideIndex - 1 ? 'on' : 'off');
21097			}
21098			
21099			// Scrolla till aktiv thumb (utom vid första laddningen)
21100			if (startNum !== 'start' && thumbs[slideIndex - 1]) {
21101				thumbs[slideIndex - 1].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });
21102			}
21103		}
21104	}
21105
21106	// Objekt för att spåra vilka sliders som redan har event listeners
21107	var flideTouchInitialized = {};
21108
21109	function flideTouch(dasID, dasElement, dasMouse) {
21110		// Kontrollera om vi redan har initialiserat listeners för denna slider
21111		var initKey = dasID + '_' + dasElement;
21112		if (flideTouchInitialized[initKey]) {
21113			return; // Redan initialiserad, hoppa över
21114		}
21115		
21116		// Hitta slider-elementet
21117		const slider = document.querySelector("f-" + dasElement + "[data-flideid='" + dasID + "']");
21118		
21119		// Null-check
21120		if (!slider) {
21121			return;
21122		}
21123		
21124		// Markera som initialiserad
21125		flideTouchInitialized[initKey] = true;
21126
21127		// State-variabler
21128		let isDragging = false,
21129			startPos = 0,
21130			isStarted = false;
21131		
21132		// Förhindra default drag-beteende
21133		slider.addEventListener('dragstart', (e) => e.preventDefault());
21134		
21135		// Hämta position från event (touch eller mouse)
21136		function getPosition(event, axis) {
21137			const isMouse = event.type.includes('mouse');
21138			const touch = event.touches?.[0] || event.changedTouches?.[0];
21139			
21140			if (isMouse) {
21141				return axis === 'x' ? event.pageX : event.pageY;
21142			} else if (touch) {
21143				return axis === 'x' ? touch.clientX : touch.clientY;
21144			}
21145			return 0;
21146		}
21147		
21148		let startPosY = 0;
21149		
21150		function touchStart(event) {
21151			const posX = getPosition(event, 'x');
21152			const posY = getPosition(event, 'y');
21153			
21154			if (posX === 0) return;
21155			
21156			startPos = posX;
21157			startPosY = posY;
21158			isDragging = false;
21159			isStarted = true;
21160		}
21161		
21162		function touchMove(event) { 
21163			if (!isStarted) return;
21164			
21165			const posX = getPosition(event, 'x');
21166			const posY = getPosition(event, 'y');
21167			
21168			if (posX === 0) return;
21169			
21170			const deltaX = Math.abs(posX - startPos);
21171			const deltaY = Math.abs(posY - startPosY);
21172			
21173			if (!isDragging) {
21174				if (deltaX > deltaY && deltaX > 10) {
21175					isDragging = true;
21176					event.preventDefault();
21177				}
21178			} else {
21179				event.preventDefault();
21180			}
21181		}
21182		
21183		function touchEnd(event) {
21184			if (isStarted && isDragging) {
21185				const endPos = getPosition(event, 'x');
21186				if (endPos !== 0) {
21187					const deltaX = Math.abs(endPos - startPos);
21188					if (deltaX > 60) {
21189						plusSlides(startPos > endPos ? 1 : -1, dasID);
21190					}
21191				}
21192			}
21193			isDragging = false;
21194			isStarted = false;
21195		}
21196		
21197		// Touch events
21198		slider.addEventListener('touchstart', touchStart, { passive: true });
21199		slider.addEventListener('touchend', touchEnd, { passive: true });
21200		slider.addEventListener('touchmove', touchMove, { passive: false });
21201		
21202		// Mouse events för desktop
21203		if (dasMouse === true) {
21204			slider.addEventListener('mousedown', touchStart);
21205			slider.addEventListener('mouseup', touchEnd);
21206			slider.addEventListener('mousemove', touchMove);
21207			slider.addEventListener('mouseleave', touchEnd);
21208		}
21209	}
21210
21211	// Automatisk initialisering av flides
21212	var initializedFlides = new Set();
21213	var scanTimeout;
21214	
21215	function initFlide(flideID) {
21216		if (!flideID || initializedFlides.has(flideID)) return;
21217		
21218		const flide = document.querySelector('f-flide[data-flideid="' + flideID + '"]');
21219		if (!flide) return;
21220		
21221		const flides = flide.querySelectorAll('f-flide-item');
21222		if (flides.length === 0) {
21223			setTimeout(() => initFlide(flideID), 100);
21224			return;
21225		}
21226		
21227		initializedFlides.add(flideID);
21228		
21229		// Initialisera flide
21230		showSlides('start', flideID);
21231		flideScrollCheck(flideID);
21232		flideTouch(flideID, 'flide', false);
21233	}
21234	
21235	function scanForFlides() {
21236		document.querySelectorAll('f-flide[data-flideid]').forEach(el => {
21237			const flideID = el.getAttribute('data-flideid');
21238			if (flideID) {
21239				initFlide(flideID);
21240			}
21241		});
21242	}
21243	
21244	// Observer för dynamiskt innehåll - debounce för att undvika för många körningar
21245	const flideObserver = new MutationObserver(() => {
21246		clearTimeout(scanTimeout);
21247		scanTimeout = setTimeout(scanForFlides, 100);
21248	});
21249	
21250	// Starta observer
21251	function startObserver() {
21252		if (!document.body) {
21253			setTimeout(startObserver, 50);
21254			return;
21255		}
21256		flideObserver.observe(document.body, { childList: true, subtree: true });
21257		scanForFlides();
21258	}
21259	
21260	if (document.readyState === 'loading') {
21261		document.addEventListener('DOMContentLoaded', startObserver);
21262	} else {
21263		startObserver();
21264	}
21265</script>
21265
21266
21267
21268
21269
21270
21271
21272
21273
21274
21275
21276
21277
21278
21279
21280
21281
21282
21283
21284
21285
21286
21287
21288
21289
21290
21291
21292
21293
21294
21295
21296
21297
21298
21299
21300
21301
21302	
21303
21304
21305
21306
21307
21308
21309
21310
21311
21312
21313
21314	
21315
21316
21317
21318
21319
21320
21321
21322	
21323
21324
21325
21326
21327
21328
21329	
21330
21331
21332
21333
21334	
21335
21336
21337
21338
21339	
21340
21341
21342
21343
21344
21345	
21346
21347  
21348 
21349 
21350 
21351 
21352 
21353
21354
21355
21356
21357
21358
21359
21360
21361
21362
21363
21364
21365
21366
21367
21368
21369
21370
21371
21372
21373
21374
21375
21376
21377
21378
21379
21380
21381
21382
21383
21384
21385
21386
21387
21388
21389
21390
21391
21392
21393
21394
21395
21396
21397	
21398	
21399
21400
21401
21402
21403
21404
21405
21406
21407
21408
21409
21410	
21411	
21412
21413
21414
21415
21416
21417
21418
21419
21420
21421
21422
21423
21424
21425
21426
21427
21428
21429
21430
21431
21432
21433
21434
21435
21436
21437
21438
21439
21440
21441
21442
21443
21444
21445
21446
21447
21448
21449
21450
21451
21452
21453
21454
21455
21456
21457
21458
21459
21460
21461
21462
21463
21464
21465
21466
21467
21468
21469
21470
21471
21472
21473
21474
21475<script>
21476	function startInscreenReadPeak(beacon,counter) {
21477		console.log('startInscreenReadPeak ' + beacon + ' ' + counter);
21478		var divToCheck = document.querySelector('#rp' + counter);
21479		var hasBeenCalled = false;
21480		
21481		window.addEventListener('scroll', function(event) {
21482    
21483	        if (inScreen(divToCheck) && hasBeenCalled === false) {
21484	        	console.log('Is in screen: ' + divToCheck + ' rp' + counter + ' url: ' + beacon);
21485				hasBeenCalled = true;
21486				$('f-stat-catcher').html('<img src="' + beacon + '" />');
21487	        }
21488        }, false);
21489	}
21490</script>
21490
21491
21492
21493
21494
21495
21496
21497
21498
21499
21500
21501
21502
21503
21504
21505
21506
21507
21508
21509
21510
21511
21512	
21513
21514
21515
21516
21517
21518
21519
21520
21521
21522
21523
21524	
21525
21526
21527
21528
21529
21530
21531
21532	
21533
21534
21535
21536
21537
21538
21539	
21540
21541
21542
21543
21544	
21545
21546
21547
21548
21549	
21550
21551
21552
21553
21554
21555	
21556
21557  
21558 
21559 
21560 
21561 
21562 
21563
21564
21565
21566
21567
21568
21569
21570
21571
21572
21573
21574
21575
21576
21577
21578
21579
21580
21581
21582
21583
21584
21585
21586
21587
21588
21589
21590
21591
21592
21593
21594
21595
21596
21597
21598
21599
21600
21601
21602
21603
21604
21605
21606
21607	
21608
21609
21610
21611
21612
21613
21614
21615
21616
21617
21618
21619	
21620	
21621
21622
21623
21624
21625
21626
21627
21628
21629
21630
21631
21632
21633
21634
21635
21636
21637
21638
21639
21640
21641
21642
21643
21644
21645
21646
21647
21648
21649
21650
21651
21652
21653
21654
21655
21656
21657
21658
21659
21660
21661
21662
21663
21664
21665
21666
21667
21668
21669
21670
21671
21672
21673
21674
21675
21676
21677
21678
21679
21680
21681
21682
21683
21684
21685
21686
21687<script>
21688	function runReadPeak(dasID,loopTimes,tags) {
21689		{
21690			var handledConsent = false;
21691			var container = document.getElementById(dasID);
21692			if (!container) return;
21693			var ctype = container.getAttribute('data-ctype');
21694			var dynamicBuild = !!ctype;
21695			var isPre = (ctype === 'pre-article');
21696			var mob = window.innerWidth <= 600;
21697
21698			// Fyll i befintliga element (topscroll etc)
21699			function populateExistingAds(result) {
21700				if (!Array.isArray(result) || !result.length) {
21701					container.style.setProperty('display', 'none', 'important');
21702					return;
21703				}
21704
21705				var rpPos = null;
21706				if (typeof rpPlacementId === 'function') {
21707					var posMatch = (tags || '').match(/position:([^,]+)/);
21708					rpPos = posMatch ? posMatch[1] : tags;
21709				}
21710
21711				var shown = 0;
21712				for (var i = 0; i < loopTimes; i++) {
21713					var creative = result[i];
21714					var titleEl = document.getElementById(dasID + '-' + i + '-title');
21715					var textEl = document.getElementById(dasID + '-' + i + '-text');
21716					var imageEl = document.getElementById(dasID + '-' + i + '-pic');
21717					var linkEls = document.querySelectorAll('.' + dasID + '-' + i + '-link');
21718
21719					if (!creative) {
21720						var slot = document.getElementById(dasID + '-' + i);
21721						if (slot) slot.style.display = 'none';
21722						continue;
21723					}
21724
21725					var title = creative.title || 'Titel saknas';
21726					var advertiser = creative.advertiser || 'Annons\u00F6r saknas';
21727					var imageSrc = (creative.images && creative.images.length) ? creative.images[creative.images.length - 1].image : '';
21728					var target = creative.target || '#';
21729
21730					if (titleEl) titleEl.textContent = title;
21731					if (textEl) textEl.textContent = 'Annons fr\u00E5n ' + advertiser;
21732					linkEls.forEach(function(el) {
21733						el.href = target;
21734						if (rpPos !== null) {
21735							var pid = rpPlacementId(rpPos);
21736							el.addEventListener('click', function() {
21737								navigator.sendBeacon('/api/status', JSON.stringify([{t:'rpPuffClick',id:pid}]));
21738							});
21739						}
21740					});
21741
21742					if (imageEl) {
21743						(function(el, slotIndex) {
21744							el.onload = function() {
21745								if (rpPos !== null && typeof _pingQueue === 'function') {
21746									_pingQueue('rpPuffView', rpPlacementId(rpPos), 1);
21747								}
21748							};
21749							el.onerror = function() {
21750								var s = document.getElementById(dasID + '-' + slotIndex);
21751								if (s) s.style.display = 'none';
21752							};
21753							if (imageSrc) {
21754								el.src = '/p/rp/img?u=' + btoa(imageSrc).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,'');
21755							}
21756						})(imageEl, i);
21757					}
21758
21759					if (Array.isArray(creative.beacons)) {
21760						creative.beacons.forEach(function(u) { new Image(1,1).src = u; });
21761					}
21762					shown++;
21763				}
21764
21765				container.setAttribute('data-count', shown);
21766				if (!shown) container.style.setProperty('display', 'none', 'important');
21767			}
21768
21769			// Bygg allt dynamiskt med div + inline styles (puffar)
21770			function buildDynamicAds(result) {
21771				if (!Array.isArray(result) || !result.length) {
21772					container.style.setProperty('display', 'none', 'important');
21773					return;
21774				}
21775
21776				var rpPos = null;
21777				if (typeof rpPlacementId === 'function') {
21778					var posMatch = (tags || '').match(/position:([^,]+)/);
21779					rpPos = posMatch ? posMatch[1] : tags;
21780				}
21781
21782				var bgColor = isPre ? 'rgb(45,45,45)' : 'var(--f-article-background-inline)';
21783				var titleColor = isPre ? '#fff' : 'var(--f-article-text-color)';
21784				var containerMargin = isPre ? 'var(--f-margins-margins)' : 'var(--f-article-padding)';
21785				var containerWidth = isPre ? '100%' : 'calc(100% - var(--f-article-padding) * 2)';
21786				var containerMaxWidth = isPre ? '980px' : 'none';
21787
21788				container.style.cssText = 'display:flex;flex-direction:row;gap:var(--f-article-padding);height:75px;min-height:75px;max-height:75px;margin:' + containerMargin + ';width:' + containerWidth + ';max-width:' + containerMaxWidth + ';';
21789
21790				container.innerHTML = '';
21791				var shown = 0;
21792
21793				for (var i = 0; i < loopTimes; i++) {
21794					var creative = result[i];
21795					if (!creative) continue;
21796					if (mob && i > 0) continue;
21797
21798					var title = creative.title || 'Titel saknas';
21799					var advertiser = creative.advertiser || 'Annons\u00F6r saknas';
21800					var imageSrc = (creative.images && creative.images.length) ? creative.images[creative.images.length - 1].image : '';
21801					var target = creative.target || '#';
21802
21803					var slot = document.createElement('div');
21804					slot.style.cssText = 'flex:1;min-width:0;';
21805
21806					var link = document.createElement('a');
21807					link.href = target;
21808					link.target = '_blank';
21809					link.rel = 'nofollow';
21810					link.style.cssText = 'display:block;text-decoration:none;color:inherit;height:75px;';
21811					if (rpPos !== null) {
21812						(function(pos) {
21813							var pid = rpPlacementId(pos);
21814							link.addEventListener('click', function() {
21815								navigator.sendBeacon('/api/status', JSON.stringify([{t:'rpPuffClick',id:pid}]));
21816							});
21817						})(rpPos);
21818					}
21819
21820					var content = document.createElement('div');
21821					content.style.cssText = 'display:flex;flex-direction:row;height:75px;min-height:75px;max-height:75px;overflow:hidden;background-color:' + bgColor + ';';
21822
21823					var imgWrap = document.createElement('div');
21824					imgWrap.style.cssText = 'flex-shrink:0;width:140px;height:75px;min-height:75px;max-height:75px;overflow:hidden;background-color:' + bgColor + ';';
21825
21826					var img = document.createElement('img');
21827					img.alt = 'Tumnagel';
21828					img.style.cssText = 'width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.1s ease-in;';
21829
21830					(function(imgEl, slotEl, rpPosLocal) {
21831						imgEl.onload = function() {
21832							imgEl.style.opacity = '1';
21833							if (rpPosLocal !== null && typeof _pingQueue === 'function') {
21834								_pingQueue('rpPuffView', rpPlacementId(rpPosLocal), 1);
21835							}
21836						};
21837						imgEl.onerror = function() {
21838							slotEl.style.display = 'none';
21839						};
21840						if (imageSrc) {
21841							imgEl.src = '/p/rp/img?u=' + btoa(imageSrc).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,'');
21842						}
21843					})(img, slot, rpPos);
21844
21845					imgWrap.appendChild(img);
21846					content.appendChild(imgWrap);
21847
21848					var textWrap = document.createElement('div');
21849					textWrap.style.cssText = 'flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--f-article-padding);';
21850
21851					var titleEl = document.createElement('div');
21852					titleEl.style.cssText = 'font-size:14px;line-height:16px;font-family:SuisseSemiBold,\'Helvetica Neue\',arial,sans-serif;font-weight:600;margin-bottom:0;-webkit-font-smoothing:antialiased;color:' + titleColor + ';';
21853					titleEl.textContent = title;
21854
21855					var byline = document.createElement('div');
21856					byline.style.cssText = 'font-family:SuisseRegular,\'Helvetica Neue\',arial,sans-serif;font-weight:normal;color:var(--n-orange-semidark);margin-bottom:0;font-size:14px;line-height:16px;';
21857					byline.textContent = 'Annons fr\u00E5n ' + advertiser;
21858
21859					textWrap.appendChild(titleEl);
21860					textWrap.appendChild(byline);
21861					content.appendChild(textWrap);
21862					link.appendChild(content);
21863					slot.appendChild(link);
21864					container.appendChild(slot);
21865
21866					if (Array.isArray(creative.beacons)) {
21867						creative.beacons.forEach(function(u) { new Image(1,1).src = u; });
21868					}
21869
21870					shown++;
21871				}
21872
21873				if (!shown) {
21874					container.style.setProperty('display', 'none', 'important');
21875				}
21876			}
21877
21878			function fetchReadPeakAds(consentString) {
21879				var url = '/p/rp/json?l=621&j=1&n=' + encodeURIComponent(loopTimes) + '&tags=' + encodeURIComponent(tags || '') + '&gdpr_consent=' + encodeURIComponent(consentString || '');
21880				fetch(url)
21881					.then(function(response) { return response.json(); })
21882					.then(dynamicBuild ? buildDynamicAds : populateExistingAds)
21883					.catch(function(error) {
21884						console.warn('RP puff: error fetching', error);
21885						container.style.display = 'none';
21886					});
21887			}
21888
21889			function handleConsent(consentString) {
21890				if (handledConsent) { return; }
21891				handledConsent = true;
21892				fetchReadPeakAds(consentString);
21893			}
21894
21895			if (typeof window.__tcfapi === 'function') {
21896				var fallbackTimer = setTimeout(function() {
21897					if (!handledConsent) {
21898						handleConsent('');
21899					}
21900				}, 5000);
21901
21902				try {
21903					window.__tcfapi('addEventListener', 2, function(tcData, success) {
21904						if (!success || handledConsent) { return; }
21905						var consentString = (tcData && tcData.tcString) ? tcData.tcString : '';
21906						var eventStatus = tcData && tcData.eventStatus;
21907
21908						if (consentString || yinYang === 'Adblock' || eventStatus === 'tcloaded' || eventStatus === 'useractioncomplete') {
21909							clearTimeout(fallbackTimer);
21910							handleConsent(consentString);
21911						}
21912					});
21913				} catch (err) {
21914					handleConsent('');
21915				}
21916			} else {
21917				handleConsent('');
21918			}
21919		}
21920	}
21921
21922
21923</script>
21923
21924
21925
21926
21927
21928
21929
21930
21931
21932
21933
21934
21935
21936
21937
21938
21939
21940
21941	
21942
21943
21944
21945
21946
21947
21948
21949
21950
21951
21952
21953	
21954
21955
21956
21957
21958
21959
21960
21961	
21962
21963
21964
21965
21966
21967
21968	
21969
21970
21971
21972
21973	
21974
21975
21976
21977
21978	
21979
21980
21981
21982
21983
21984	
21985
21986  
21987 
21988 
21989 
21990 
21991 
21992
21993
21994
21995
21996
21997
21998
21999
22000
22001
22002
22003
22004
22005
22006
22007
22008
22009
22010
22011
22012
22013
22014
22015
22016
22017
22018
22019
22020
22021
22022
22023
22024
22025
22026
22027
22028
22029
22030
22031
22032
22033
22034
22035
22036	
22037
22038
22039
22040
22041
22042
22043
22044
22045
22046
22047
22048	
22049	
22050
22051
22052
22053
22054
22055
22056
22057
22058
22059
22060
22061
22062
22063
22064
22065
22066
22067
22068
22069
22070
22071
22072
22073
22074
22075
22076
22077
22078
22079
22080
22081
22082
22083
22084
22085
22086
22087
22088
22089
22090
22091
22092
22093
22094
22095
22096
22097
22098
22099
22100
22101
22102
22103
22104
22105
22106
22107
22108
22109
22110
22111
22112
22113<script>
22114function renderKvarter(elId, posTag) {
22115	console.log('[kvarter] renderKvarter elId=' + elId + ' posTag=' + posTag);
22116	var mob = window.innerWidth <= 600;
22117	function doFetch(consent) {
22118		console.log('[kvarter ' + posTag + '] doFetch, consent=' + (consent ? 'ja' : 'tom'));
22119		fetch('/p/rp/json?l=621&j=1&n=1&tags=' + encodeURIComponent('wide,position:' + posTag) + '&gdpr_consent=' + encodeURIComponent(consent || ''))
22120			.then(function(r) { return r.json(); })
22121			.then(function(data) {
22122				console.log('[kvarter ' + posTag + '] svar från RP:', Array.isArray(data) ? data.length + ' annonser' : 'ogiltigt svar');
22123				if (!Array.isArray(data) || !data.length) return;
22124				var c = data[0];
22125				var rawImg = (c.images && c.images.length) ? c.images[c.images.length-1].image : '';
22126				var el = document.getElementById(elId);
22127				if (!el) return;
22128				el.style.cssText = 'display:block;width:100%;max-width:980px;margin:var(--f-margins-margins);overflow:hidden;';
22129				var link = document.createElement('a');
22130				link.href = c.target || '#';
22131				link.target = '_blank';
22132				link.rel = 'nofollow';
22133				link.style.cssText = 'display:flex;flex-direction:row;text-decoration:none;color:inherit;background-color:rgb(55,55,55);overflow:hidden;font-family:var(--f-suisse-regular);-webkit-font-smoothing:antialiased;';
22134				var imgW = mob ? '200px' : '230px';
22135				var tFs = mob ? '15px' : '18px';
22136				var tLh = mob ? '18px' : '21px';
22137				link.innerHTML =
22138					'<div style="flex-shrink:0;width:' + imgW + ';min-height:120px;overflow:hidden">' +
22139						'<img style="width:100%;height:100%;object-fit:cover;display:block">' +
22140					'</div>' +
22141					'<div style="flex:1;display:flex;flex-direction:column;justify-content:start;padding:16px 20px;min-width:0">' +
22142						'<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-bold);font-weight:300;color:#fff">' + (c.title || '') + '</div>' +
22143						'<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-regular);color:var(--n-orange-semidark);margin-bottom:4px">Annons fr\u00e5n ' + (c.advertiser || '') + '</div>' +
22144						'<div style="font-size:13px;line-height:17px;color:rgb(190,190,190)">' + (c.text || '') + '</div>' +
22145						(c.cta ? '<div style="margin-top:8px;font-size:13px;line-height:17px;font-weight:300;color:var(--n-orange-semidark)">' + c.cta + '</div>' : '') +
22146					'</div>';
22147				link.addEventListener('click', function() {
22148					var pid = (typeof rpPlacementId === 'function') ? rpPlacementId(posTag) : 0;
22149					navigator.sendBeacon('/api/status', JSON.stringify([{t:'kvarterClick',id:pid}]));
22150				});
22151				el.appendChild(link);
22152				if (rawImg) {
22153					var img = el.querySelector('img');
22154					img.src = '/p/rp/img?u=' + btoa(rawImg).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,'');
22155					img.onload = function() {
22156						if (typeof _pingQueue === 'function') _pingQueue('kvarterView', (typeof rpPlacementId === 'function' ? rpPlacementId(posTag) : 0), 1);
22157					};
22158					img.onerror = function() { el.style.display = 'none'; };
22159				}
22160				if (Array.isArray(c.beacons)) c.beacons.forEach(function(u) { new Image(1,1).src = u; });
22161			})
22162			.catch(function(e) { console.warn(elId + ':', e); });
22163	}
22164	if (typeof window.__tcfapi === 'function') {
22165		var done = false;
22166		var fb = setTimeout(function() { if (!done) { done = true; doFetch(''); } }, 5000);
22167		try {
22168			window.__tcfapi('addEventListener', 2, function(td, ok) {
22169				if (!ok || done) return;
22170				var cs = (td && td.tcString) ? td.tcString : '';
22171				var es = td && td.eventStatus;
22172				if (cs || es === 'tcloaded' || es === 'useractioncomplete') {
22173					clearTimeout(fb); done = true; doFetch(cs);
22174				}
22175			});
22176		} catch(e) { doFetch(''); }
22177	} else { doFetch(''); }
22178}
22179</script>
22179
22180
22181
22182
22183
22184
22185
22186
22187
22188
22189
22190
22191
22192
22193
22194
22195
22196
22197
22198
22199	
22200
22201
22202
22203
22204
22205
22206
22207
22208
22209
22210
22211	
22212
22213
22214
22215
22216
22217
22218
22219	
22220
22221
22222
22223
22224
22225
22226	
22227
22228
22229
22230
22231	
22232
22233
22234
22235
22236	
22237
22238
22239
22240
22241
22242	
22243
22244  
22245 
22246 
22247 
22248 
22249 
22250
22251
22252
22253
22254
22255
22256
22257
22258
22259
22260
22261
22262
22263
22264
22265
22266
22267
22268
22269
22270
22271
22272
22273
22274
22275
22276
22277
22278
22279
22280
22281
22282
22283
22284
22285
22286
22287
22288
22289
22290
22291
22292
22293
22294	
22295	
22296
22297
22298
22299
22300
22301
22302
22303
22304
22305
22306
22307	
22308	
22309
22310
22311
22312
22313
22314
22315
22316
22317
22318
22319
22320
22321
22322
22323
22324
22325
22326
22327
22328
22329
22330
22331
22332
22333<script>
22334	function checkRefererDomains(domains) {
22335		const referer = document.referrer;
22336		
22337		if (referer) {
22338			const url = new URL(referer);
22339			
22340			for (const domain of domains) {
22341				if (url.hostname === domain || url.hostname.endsWith('.' + domain)) {
22342					console.log('Referrer is ' + domain);
22343					return true;
22344				}
22345			}
22346			//console.log('Referrer is NOT one of the domains');
22347			return false;
22348		} else {
22349			//console.log('No referrer');
22350			return false;
22351		}
22352	}
22353	
22354	
22355
22356</script>
22356
22357
22358
22359
22360
22361
22362
22363
22364
22365
22366
22367
22368
22369
22370
22371
22372
22373
22374
22375
22376
22377
22378
22379
22380
22381
22382
22383
22384
22385
22386
22387
22388
22389
22390
22391
22392
22393
22394
22395
22396
22397
22398
22399
22400
22401
22402
22403
22404
22405
22406
22407
22408
22409
22410
22411
22412
22413
22414
22415	
22416
22417
22418
22419
22420
22421
22422
22423
22424
22425
22426
22427	
22428
22429
22430
22431
22432
22433
22434
22435	
22436
22437
22438
22439
22440
22441
22442	
22443
22444
22445
22446
22447	
22448
22449
22450
22451
22452	
22453
22454
22455
22456
22457
22458	
22459
22460  
22461 
22462 
22463 
22464 
22465 
22466
22467
22468
22469
22470
22471
22472
22473
22474
22475
22476
22477
22478
22479
22480
22481
22482
22483
22484
22485
22486
22487
22488
22489
22490
22491
22492
22493
22494
22495
22496
22497
22498
22499
22500
22501
22502
22503
22504
22505
22506
22507
22508
22509
22510	
22511
22512
22513
22514
22515
22516
22517
22518
22519
22520
22521
22522	
22523	
22524
22525
22526
22527
22528
22529
22530
22531
22532
22533
22534
22535
22536
22537
22538
22539
22540
22541
22542
22543
22544
22545
22546
22547
22548
22549
22550<script>
22551	
22552	const FEBER_PLUS_ITEM_SRC = 'https://feber.se/plus';
22553	const FEBER_PLUS_SKU = 'sid:VRdEqelRaMi3BHkcbIOlR';
22554	const FEBER_SESAMY_RETURN_URL_KEY = 'feberSesamyReturnUrl';
22555
22556	function rememberFeberSesamyReturnUrl() {
22557		if (window.location.search.indexOf('ses=') === -1 && window.location.search.indexOf('u=') === -1) {
22558			return;
22559		}
22560
22561		try {
22562			window.sessionStorage.setItem(FEBER_SESAMY_RETURN_URL_KEY, window.location.href);
22563		} catch (error) {}
22564	}
22565
22566	function clearFeberSesamyReturnUrl() {
22567		try {
22568			window.sessionStorage.removeItem(FEBER_SESAMY_RETURN_URL_KEY);
22569		} catch (error) {}
22570	}
22571
22572	function restoreFeberSesamyReturnUrl(api) {
22573		let storedUrl = '';
22574
22575		try {
22576			storedUrl = window.sessionStorage.getItem(FEBER_SESAMY_RETURN_URL_KEY) || '';
22577		} catch (error) {}
22578
22579		if (!storedUrl) {
22580			return Promise.resolve();
22581		}
22582
22583		let returnUrl;
22584		try {
22585			returnUrl = new URL(storedUrl, window.location.href);
22586		} catch (error) {
22587			clearFeberSesamyReturnUrl();
22588			return Promise.resolve();
22589		}
22590
22591		if (returnUrl.origin !== window.location.origin ||
22592			returnUrl.href === window.location.href ||
22593			(returnUrl.search.indexOf('ses=') === -1 && returnUrl.search.indexOf('u=') === -1)) {
22594			clearFeberSesamyReturnUrl();
22595			return Promise.resolve();
22596		}
22597
22598		return getFeberSesamyUser(api)
22599			.then(user => {
22600				if (!user) {
22601					return;
22602				}
22603
22604				clearFeberSesamyReturnUrl();
22605				window.location.href = returnUrl.href;
22606			})
22607			.catch(() => {});
22608	}
22609
22610	function waitForSesamy() {
22611		return new Promise((resolve, reject) => {
22612			let timeoutId;
22613			let pollId;
22614
22615			function cleanup() {
22616				clearTimeout(timeoutId);
22617				clearInterval(pollId);
22618				window.removeEventListener('sesamyReady', tryResolve);
22619				window.removeEventListener('sesamyJsReady', tryResolve);
22620			}
22621
22622			function isReady(api) {
22623				return api && (typeof api.isReady !== 'function' || api.isReady());
22624			}
22625
22626			function tryResolve() {
22627				if (isReady(window.sesamy)) {
22628					cleanup();
22629					resolve(window.sesamy);
22630				}
22631			}
22632
22633			tryResolve();
22634			window.addEventListener('sesamyReady', tryResolve);
22635			window.addEventListener('sesamyJsReady', tryResolve);
22636			pollId = setInterval(tryResolve, 100);
22637			timeoutId = setTimeout(() => {
22638				cleanup();
22639				reject(new Error('Sesamy kunde inte initieras'));
22640			}, 8000);
22641		});
22642	}
22643
22644	function isFeberPlusEntitlement(entitlement, allowPassOnly) {
22645		if (!entitlement || entitlement.hasAccess === false) {
22646			return false;
22647		}
22648
22649		if (allowPassOnly && entitlement.productType === 'pass') {
22650			return true;
22651		}
22652
22653		const values = [
22654			entitlement.url,
22655			entitlement.itemSrc,
22656			entitlement.sku,
22657			entitlement.id,
22658			entitlement.productId,
22659			entitlement.productType
22660		].filter(Boolean);
22661
22662		return values.some(value => {
22663			const text = String(value);
22664			return text === FEBER_PLUS_ITEM_SRC ||
22665				text === FEBER_PLUS_SKU ||
22666				text.indexOf('/plus') !== -1 ||
22667				text.indexOf(FEBER_PLUS_SKU) !== -1;
22668		});
22669	}
22670
22671	function checkPlus() {
22672		return waitForSesamy()
22673			.then(api => {
22674				if (api && typeof api.getEntitlement === 'function') {
22675					return api.getEntitlement([FEBER_PLUS_ITEM_SRC])
22676						.then(result => isFeberPlusEntitlement(result, true));
22677				}
22678
22679				if (api && api.entitlements && typeof api.entitlements.hasAccess === 'function') {
22680					return api.entitlements.hasAccess(FEBER_PLUS_ITEM_SRC, [FEBER_PLUS_ITEM_SRC, FEBER_PLUS_SKU])
22681						.then(hasAccess => !!hasAccess)
22682						.catch(() => null);
22683				}
22684
22685				return null;
22686			})
22687			.then(result => {
22688				if (result !== null) {
22689					return result;
22690				}
22691
22692				if (window.sesamy && window.sesamy.entitlements && typeof window.sesamy.entitlements.list === 'function') {
22693					return window.sesamy.entitlements.list()
22694						.then(entitlements => Array.isArray(entitlements) && entitlements.some(entitlement => isFeberPlusEntitlement(entitlement, false)));
22695				}
22696
22697				return false;
22698			})
22699			.catch(error => {
22700				console.warn('checkPlus: kunde inte avgöra Feber+ status', error);
22701				return false;
22702			});
22703	}
22704
22705	function fallbackSesamyCheckoutUrl(optiondata) {
22706		return 'https://checkout2.sesamy.com/?sku=' + encodeURIComponent(FEBER_PLUS_SKU) + '&client-id=feber&redirect_uri=https://feber.se&option=' + encodeURIComponent(optiondata) + '&lang=sv';
22707	}
22708
22709	function navigateToSesamyCheckout(url, target) {
22710		if (target === '_blank') {
22711			window.open(url, '_blank', 'noopener');
22712			return;
22713		}
22714
22715		window.location.href = url;
22716	}
22717
22718	function openFeberCheckout(optiondata, target) {
22719		const itemSrc = FEBER_PLUS_SKU + ':' + optiondata;
22720		const sesamyPromise = typeof waitForSesamy === 'function' ? waitForSesamy() : Promise.resolve(window.sesamy);
22721
22722		sesamyPromise
22723			.then(api => {
22724				if (api && typeof api.openCheckout === 'function') {
22725					api.openCheckout({
22726						itemSrc: itemSrc,
22727						clientId: 'feber',
22728						redirectUri: 'https://feber.se',
22729						lang: 'sv'
22730					});
22731					return;
22732				}
22733
22734				if (api && typeof api.generateLink === 'function') {
22735					return api.generateLink({
22736						target: 'checkout',
22737						itemSrc: itemSrc,
22738						redirectUrl: 'https://feber.se',
22739						language: 'sv'
22740					}).then(url => {
22741						navigateToSesamyCheckout(url, target);
22742					});
22743				}
22744
22745				navigateToSesamyCheckout(fallbackSesamyCheckoutUrl(optiondata), target);
22746			})
22747			.catch(error => {
22748				console.warn('Kunde inte öppna Sesamy checkout', error);
22749				navigateToSesamyCheckout(fallbackSesamyCheckoutUrl(optiondata), target);
22750			});
22751	}
22752
22753	function cleanFeberSesamyName(value) {
22754		if (typeof value !== 'string') {
22755			return '';
22756		}
22757
22758		const name = value.trim().replace(/\s+/g, ' ');
22759		if (!name || name.indexOf('@') !== -1) {
22760			return '';
22761		}
22762
22763		return name;
22764	}
22765
22766	function getFeberSesamyDisplayName(user) {
22767		if (!user) {
22768			return '';
22769		}
22770
22771		const firstName = cleanFeberSesamyName(user.given_name || user.firstName || (user.contactInfo && user.contactInfo.name));
22772		const lastName = cleanFeberSesamyName(user.family_name || user.lastName || (user.contactInfo && user.contactInfo.surname));
22773		const combinedName = cleanFeberSesamyName([firstName, lastName].filter(Boolean).join(' '));
22774
22775		return combinedName ||
22776			cleanFeberSesamyName(user.fullName) ||
22777			cleanFeberSesamyName(user.name) ||
22778			cleanFeberSesamyName(user.nickname);
22779	}
22780
22781	function isFeberSesamyGeneratedAvatarUrl(url) {
22782		if (!url) {
22783			return false;
22784		}
22785
22786		try {
22787			const parsedUrl = new URL(url, window.location.href);
22788			return parsedUrl.hostname === 'imgproxy.prod.sesamy.cloud' && parsedUrl.pathname.indexOf('/avatar/initials/') !== -1;
22789		} catch (error) {
22790			return String(url).indexOf('/avatar/initials/') !== -1;
22791		}
22792	}
22793
22794	function getFeberSesamyPicture(user) {
22795		if (!user) {
22796			return '';
22797		}
22798
22799		const picture = user.picture || user.avatar || user.image || user.photoURL || '';
22800		return isFeberSesamyGeneratedAvatarUrl(picture) ? '' : picture;
22801	}
22802
22803	function getFeberSesamyInitials(name) {
22804		const words = cleanFeberSesamyName(name).split(' ').filter(Boolean);
22805		if (!words.length) {
22806			return '';
22807		}
22808
22809		if (words.length === 1) {
22810			return words[0].substring(0, 2).toUpperCase();
22811		}
22812
22813		return (words[0].charAt(0) + words[words.length - 1].charAt(0)).toUpperCase();
22814	}
22815
22816	function setFeberSesamyAvatar(avatar, name, picture) {
22817		if (!avatar) {
22818			return;
22819		}
22820
22821		while (avatar.firstChild) {
22822			avatar.removeChild(avatar.firstChild);
22823		}
22824
22825		if (picture) {
22826			const image = document.createElement('img');
22827			image.src = picture;
22828			image.alt = name || 'Inloggad';
22829			image.addEventListener('error', function () {
22830				setFeberSesamyAvatar(avatar, name, '');
22831			}, { once: true });
22832			avatar.appendChild(image);
22833			return;
22834		}
22835
22836		avatar.textContent = getFeberSesamyInitials(name);
22837	}
22838
22839	function getFeberSesamyUser(api) {
22840		if (api && api.auth && typeof api.auth.isAuthenticated === 'function' && typeof api.auth.getUser === 'function') {
22841			return api.auth.isAuthenticated()
22842				.then(isAuthenticated => isAuthenticated ? api.auth.getUser() : null);
22843		}
22844
22845		if (api && typeof api.getUserProfile === 'function') {
22846			return api.getUserProfile();
22847		}
22848
22849		return Promise.resolve(null);
22850	}
22851
22852	function markFeberSesamyLoginReady(login) {
22853		if (login) {
22854			login.setAttribute('data-feber-login-ready', 'true');
22855		}
22856	}
22857
22858	function updateFeberSesamyLoginElement(login, api) {
22859		if (!login) {
22860			return Promise.resolve();
22861		}
22862
22863		return getFeberSesamyUser(api)
22864			.then(user => {
22865				const name = getFeberSesamyDisplayName(user);
22866				const picture = getFeberSesamyPicture(user);
22867				const nameElements = login.querySelectorAll('f-sesamy-login-name, f-sesamy-login-menu-name');
22868				const avatar = login.querySelector('f-sesamy-login-avatar');
22869				const accountLink = login.querySelector('[data-sesamy-account]');
22870
22871				login.setAttribute('data-feber-has-name', name ? 'true' : 'false');
22872				nameElements.forEach(element => {
22873					element.textContent = name;
22874					element.style.display = name ? 'block' : 'none';
22875				});
22876				setFeberSesamyAvatar(avatar, name, picture);
22877
22878				if (accountLink && api && typeof api.generateLink === 'function') {
22879					accountLink.style.color = '#222';
22880					accountLink.style.opacity = '1';
22881					accountLink.style.pointerEvents = 'auto';
22882					api.generateLink({ target: 'account' }).then(url => {
22883						accountLink.href = url;
22884					}).catch(() => {});
22885				}
22886			})
22887			.catch(error => {
22888				console.warn('Kunde inte uppdatera Sesamy-login', error);
22889			})
22890			.then(() => {
22891				markFeberSesamyLoginReady(login);
22892			});
22893	}
22894
22895	function setupFeberSesamyLoginElement(login) {
22896		if (!login || login.getAttribute('data-feber-login-bound') === 'true') {
22897			return;
22898		}
22899
22900		login.setAttribute('data-feber-login-bound', 'true');
22901		login.addEventListener('click', function (event) {
22902			if (event.target && typeof event.target.closest === 'function' && event.target.closest('[data-sesamy-account], [data-sesamy-logout]')) {
22903				return;
22904			}
22905
22906			rememberFeberSesamyReturnUrl();
22907		}, true);
22908
22909		const accountLink = login.querySelector('[data-sesamy-account]');
22910		const logoutButton = login.querySelector('[data-sesamy-logout]');
22911
22912		if (accountLink) {
22913			accountLink.addEventListener('click', function (event) {
22914				event.preventDefault();
22915				waitForSesamy().then(api => {
22916					if (api && typeof api.generateLink === 'function') {
22917						return api.generateLink({ target: 'account' }).then(url => {
22918							window.location.href = url;
22919						});
22920					}
22921
22922					if (api && typeof api.openProfile === 'function') {
22923						api.openProfile();
22924					}
22925				}).catch(error => console.warn('Kunde inte öppna Sesamy-konto', error));
22926			});
22927		}
22928
22929		if (logoutButton) {
22930			logoutButton.addEventListener('click', function (event) {
22931				event.preventDefault();
22932				waitForSesamy().then(api => {
22933					if (api && api.auth && typeof api.auth.logout === 'function') {
22934						return api.auth.logout();
22935					}
22936
22937					if (api && typeof api.logout === 'function') {
22938						return api.logout(window.location.href);
22939					}
22940				}).then(() => {
22941					window.location.reload();
22942				}).catch(error => console.warn('Kunde inte logga ut från Sesamy', error));
22943			});
22944		}
22945	}
22946
22947	function initFeberSesamyLogin() {
22948		const logins = document.querySelectorAll('sesamy-login');
22949		if (!logins.length) {
22950			return;
22951		}
22952
22953		logins.forEach(setupFeberSesamyLoginElement);
22954
22955		waitForSesamy()
22956			.then(api => {
22957				logins.forEach(login => updateFeberSesamyLoginElement(login, api));
22958				restoreFeberSesamyReturnUrl(api);
22959			})
22960			.catch(() => {
22961				logins.forEach(markFeberSesamyLoginReady);
22962			});
22963	}
22964
22965	if (document.readyState === 'loading') {
22966		document.addEventListener('DOMContentLoaded', initFeberSesamyLogin);
22967	} else {
22968		initFeberSesamyLogin();
22969	}
22970
22971	window.addEventListener('sesamyReady', initFeberSesamyLogin);
22972	window.addEventListener('sesamyJsReady', initFeberSesamyLogin);
22973	
22974	
22975	
22976	
22977	function checkPren() {
22978		var loggedIn = Cookies.get("memberful");
22979		if (loggedIn === 'prenumerant') {
22980			return true;
22981		} else {
22982			return false;
22983		}
22984	}
22985	
22986	
22987
22988
22989</script>
22989
22990
22991<script>
22992	(function setupReadPeakPremiumCleaner() {
22993		let readPeakObserver = null;
22994		let shouldRemoveReadPeak = false;
22995
22996		function removeAllReadPeakBlocks() {
22997			if (!shouldRemoveReadPeak) {
22998				return;
22999			}
23000			const blocks = document.querySelectorAll('[data-ctype="internal"]');
23001			if (!blocks.length) {
23002				return;
23003			}
23004			blocks.forEach(block => {
23005				if (block && typeof block.remove === 'function') {
23006					block.remove();
23007				} else if (block && block.parentNode) {
23008					block.parentNode.removeChild(block);
23009				}
23010			});
23011		}
23012
23013		function ensureObserver() {
23014			if (readPeakObserver || typeof MutationObserver === 'undefined' || !document.body) {
23015				return;
23016			}
23017			readPeakObserver = new MutationObserver(() => removeAllReadPeakBlocks());
23018			readPeakObserver.observe(document.body, { childList: true, subtree: true });
23019		}
23020
23021		function enableReadPeakRemoval() {
23022			if (!shouldRemoveReadPeak) {
23023				return;
23024			}
23025			removeAllReadPeakBlocks();
23026			ensureObserver();
23027		}
23028
23029		function evaluateMembership(isPlus) {
23030			if (isPlus || (typeof checkPren === 'function' && checkPren())) {
23031				shouldRemoveReadPeak = true;
23032				enableReadPeakRemoval();
23033			}
23034		}
23035
23036		document.addEventListener('DOMContentLoaded', enableReadPeakRemoval);
23037
23038		if (typeof checkPlus === 'function') {
23039			checkPlus()
23040				.then(evaluateMembership)
23041				.catch(error => console.warn('checkPlus: kunde inte avgöra medlemskap', error));
23042		} else if (typeof checkPren === 'function' && checkPren()) {
23043			shouldRemoveReadPeak = true;
23044			enableReadPeakRemoval();
23045		}
23046	}());
23047</script>
23047
23048
23049
23050
23051
23052
23053
23054
23055
23056
23057
23058
23059
23060
23061
23062
23063
23064
23065
23066
23067
23068
23069
23070
23071
23072
23073
23074
23075
23076
23077
23078
23079
23080
23081
23082
23083
23084
23085
23086
23087
23088
23089
23090
23091
23092
23093
23094
23095
23096
23097
23098
23099
23100
23101
23102
23103
23104	
23105
23106
23107
23108
23109
23110
23111
23112
23113
23114
23115
23116	
23117
23118
23119
23120
23121
23122
23123
23124	
23125
23126
23127
23128
23129
23130
23131	
23132
23133
23134
23135
23136	
23137
23138
23139
23140
23141	
23142
23143
23144
23145
23146
23147	
23148
23149  
23150 
23151 
23152 
23153 
23154 
23155
23156
23157
23158
23159
23160
23161
23162
23163
23164
23165
23166
23167
23168
23169
23170
23171
23172
23173
23174
23175
23176
23177
23178
23179
23180
23181
23182
23183
23184
23185
23186
23187
23188
23189
23190
23191
23192
23193
23194
23195
23196
23197
23198
23199	
23200
23201
23202
23203
23204
23205
23206
23207
23208
23209
23210
23211	
23212	
23213
23214
23215
23216
23217
23218
23219
23220
23221
23222
23223
23224
23225
23226
23227
23228
23229
23230
23231
23232
23233
23234
23235
23236
23237
23238
23239
23240
23241
23242<script>
23243	
23244	function linkListener(articleId) {
23245		const article = document.querySelector('f-article[data-id="' + articleId + '"]');
23246		if (!article) {
23247			console.warn('Could not find f-article with data-id="' + articleId + '"');
23248			return;
23249		}
23250		
23251		const articleBodies = article.querySelectorAll('f-article-body');
23252		
23253		articleBodies.forEach(function(articleBody) {
23254			articleBody.addEventListener('click', function(event) {
23255				const clickedElement = event.target;
23256				if (clickedElement.tagName === 'A') {
23257					const info = clickedElement.dataset.info || clickedElement.href;
23258					const linkData = {
23259						url: clickedElement.href,
23260						info: info,
23261						articleId: articleId,
23262						articleBodyIndex: Array.from(articleBodies).indexOf(articleBody)
23263					};
23264					sendData(linkData);
23265				}
23266			});
23267		});
23268		
23269		const articleLink = article.querySelector('f-article-body-link');
23270		
23271		if (articleLink) {
23272			articleLink.addEventListener('click', function(event) {
23273				const clickedElement = event.target;
23274				if (clickedElement.tagName === 'A') {
23275					const info = clickedElement.dataset.info || clickedElement.href;
23276					const linkData = {
23277						url: clickedElement.href,
23278						info: info,
23279						articleId: articleId,
23280						articleBodyIndex: -1 // Du kan använda -1 eller något annat värde för att representera att det är en f-article-body-link
23281					};
23282					sendData(linkData);
23283				}
23284			});
23285		} else {
23286			console.warn('Could not find f-article-body-link within the f-article');
23287		}
23288	}
23289
23290	
23291	function sendData(data) {
23292		const url = data.url;
23293		const info = data.info;
23294		const articleId = data.articleId;
23295			
23296		// Skicka data till servern med hjälp av fetch() eller XMLHttpRequest() etc.
23297		console.log("Url: " + url + ", Info: " + info + ", Article ID: " + articleId);
23298		//sendStatData('artClicks',articleId);
23299		statCount('artClicks', articleId);
23300		plausible('Native', {props: {Info: info, ArtID: 'http://feber.se/' + articleId, LinkUrl: url}});		
23301	}
23302
23303</script>
23303
23304
23305
23306
23307
23308
23309
23310
23311
23312
23313
23314
23315
23316
23317
23318
23319
23320
23321
23322
23323
23324
23325
23326
23327
23328
23329
23330
23331
23332
23333
23334
23335
23336
23337
23338
23339
23340
23341
23342
23343
23344
23345
23346
23347
23348
23349
23350
23351
23352
23353
23354
23355
23356
23357	
23358
23359
23360
23361
23362
23363
23364
23365
23366
23367
23368
23369	
23370
23371
23372
23373
23374
23375
23376
23377	
23378
23379
23380
23381
23382
23383
23384	
23385
23386
23387
23388
23389	
23390
23391
23392
23393
23394	
23395
23396
23397
23398
23399
23400	
23401
23402  
23403 
23404 
23405 
23406 
23407 
23408
23409
23410
23411
23412
23413
23414
23415
23416
23417
23418
23419
23420
23421
23422
23423
23424
23425
23426
23427
23428
23429
23430
23431
23432
23433
23434
23435
23436
23437
23438
23439
23440
23441
23442
23443
23444
23445
23446
23447
23448
23449
23450
23451
23452	
23453
23454
23455
23456
23457
23458
23459
23460
23461
23462
23463
23464	
23465	
23466
23467
23468
23469
23470
23471
23472
23473
23474
23475
23476
23477
23478
23479
23480
23481
23482
23483
23484
23485
23486
23487
23488
23489
23490
23491
23492
23493
23494
23495
23496
23497
23498<script>
23499	function sendStatData(type, typeId) {
23500		const url = '/count?type=' + type + '&typeId=' + typeId;
23501		fetch(url)
23502			.then(response => {
23503				if (!response.ok) {
23504					throw new Error('Failed to send stat data for type "' + type + '" and typeId "' + typeId + '"');
23505				} else {
23506					console.log('Send stat data for type "' + type + '" and typeId "' + typeId + '"');
23507				}
23508			})
23509			.catch(error => {
23510				console.error(error);
23511			});
23512		}
23513</script>
23513
23514
23515
23516
23517
23518
23519
23520
23521
23522
23523
23524
23525
23526
23527
23528
23529
23530
23531
23532
23533
23534
23535
23536
23537
23538
23539
23540
23541
23542
23543
23544
23545
23546
23547
23548
23549
23550
23551
23552
23553
23554
23555
23556
23557
23558
23559
23560
23561
23562
23563
23564	
23565
23566
23567
23568
23569
23570
23571
23572
23573
23574
23575
23576	
23577
23578
23579
23580
23581
23582
23583
23584	
23585
23586
23587
23588
23589
23590
23591	
23592
23593
23594
23595
23596	
23597
23598
23599
23600
23601	
23602
23603
23604
23605
23606
23607	
23608
23609  
23610 
23611 
23612 
23613 
23614 
23615
23616
23617
23618
23619
23620
23621
23622
23623
23624
23625
23626
23627
23628
23629
23630
23631
23632
23633
23634
23635
23636
23637
23638
23639
23640
23641
23642
23643
23644
23645
23646
23647
23648
23649
23650
23651
23652
23653
23654
23655
23656
23657
23658
23659	
23660
23661
23662
23663
23664
23665
23666
23667
23668
23669
23670
23671	
23672	
23673
23674
23675
23676
23677
23678
23679
23680
23681
23682
23683
23684
23685
23686
23687
23688
23689
23690
23691
23692
23693
23694
23695
23696
23697
23698
23699
23700
23701
23702
23703
23704
23705
23706
23707
23708<script>
23709	
23710	function modifyBar(id) {
23711		// Hämta f-bar-container elementet med data-id=id
23712		const fBarContainer = document.querySelector('f-bar-container[data-id="' + id + '"]');
23713		
23714		// Hämta f-article elementet med data-id=id
23715		const fArticle = document.querySelector('f-article[data-id="' + id + '"]');
23716			
23717		if (!fBarContainer || !fArticle) {
23718			return;
23719		}
23720
23721		// Kolla om f-article har data-placement="above"
23722		if (fArticle.getAttribute('data-placement') === 'above') {
23723			// Ändra css på fBarContainer och fBar
23724			//fBarContainer.style.maxWidth = '2000px';
23725			const fBar = fBarContainer.querySelector('f-bar');
23726			//fBar.style.maxWidth = '2000px';
23727		}
23728	}
23729
23730</script>
23730
23731
23732
23733
23734
23735
23736
23737
23738
23739
23740
23741
23742
23743
23744
23745
23746
23747
23748
23749
23750
23751
23752
23753
23754
23755
23756
23757
23758
23759
23760
23761
23762
23763
23764
23765
23766
23767
23768
23769
23770
23771
23772
23773
23774
23775
23776
23777
23778	
23779
23780
23781
23782
23783
23784
23785
23786
23787
23788
23789
23790	
23791
23792
23793
23794
23795
23796
23797
23798	
23799
23800
23801
23802
23803
23804
23805	
23806
23807
23808
23809
23810	
23811
23812
23813
23814
23815	
23816
23817
23818
23819
23820
23821	
23822
23823  
23824 
23825 
23826 
23827 
23828 
23829
23830
23831
23832
23833
23834
23835
23836
23837
23838
23839
23840
23841
23842
23843
23844
23845
23846
23847
23848
23849
23850
23851
23852
23853
23854
23855
23856
23857
23858
23859
23860
23861
23862
23863
23864
23865
23866
23867
23868
23869
23870
23871
23872
23873	
23874
23875
23876
23877
23878
23879
23880
23881
23882
23883
23884
23885	
23886	
23887
23888
23889
23890
23891
23892
23893
23894
23895
23896
23897
23898
23899
23900<script>
23901	const articleTimers = new Map(); // Skapa en Map för att lagra timers för varje artikel
23902	const countedArticles = new Set(); // Skapa en Set för att lagra artikel-ID:n som redan har räknats som synliga
23903	const articleSecondsVisible = new Map(); // Skapa en Map för att lagra det totala antalet synliga sekunder för varje artikel
23904	
23905	function handleVisibility(entries, observer) {
23906		entries.forEach(entry => {
23907			const article = entry.target;
23908			const articleId = article.dataset.id;
23909			const articleAd = article.dataset.ad;
23910			const headlineElement = article.querySelector('f-article-headline');
23911			const headlineText = headlineElement.textContent.trim();
23912			
23913			if (entry.isIntersecting && !countedArticles.has(articleId)) {
23914				//console.log('Viewed: ' + headlineText + ' (Id# ' + articleId + ')');
23915				
23916				const enteringFromBottom = entry.isIntersecting && entry.boundingClientRect.bottom > entry.rootBounds.bottom;
23917				
23918				if (enteringFromBottom && !countedArticles.has(articleId)) {
23919					incrementViewedArticles();
23920				}
23921				
23922				if (articleAd == 'true') {
23923					//console.log('Native viewed');
23924					
23925					//statCount('viewedSpons', articleId);
23926					
23927					//$.cookie('pengar' + articleId, parseInt($.cookie('pengar' + articleId))+1, { expires: 7, path: '/' });
23928				} else {
23929					//statCount('viewedArticle', articleId);
23930				}
23931				
23932				countedArticles.add(articleId);
23933				articleSecondsVisible.set(articleId, 0);
23934				
23935				articleTimers.set(articleId, setInterval(() => {
23936					const currentSeconds = articleSecondsVisible.get(articleId);
23937					articleSecondsVisible.set(articleId, currentSeconds + 1);
23938					//console.log('Article ' + articleId + ' has been visible for ' + currentSeconds + ' second(s).');
23939				}, 1000));
23940	
23941			} else if (!entry.isIntersecting && countedArticles.has(articleId)) {
23942				const timer = articleTimers.get(articleId);
23943				if (timer) {
23944					//console.log('Article ' + articleId + ' is no longer visible.');
23945					clearInterval(timer); // Stoppa timer när artikeln inte längre är synlig
23946					articleTimers.delete(articleId); // Ta bort timer från Map
23947					countedArticles.delete(articleId); // Ta bort artikel-ID från countedArticles Set
23948					
23949					const totalSeconds = articleSecondsVisible.get(articleId);
23950					//console.log('Article ' + articleId + ' was visible for ' + totalSeconds + ' seconds.');
23951					if (articleAd == 'true') {
23952						//statCount('viewedSeconds', articleId, totalSeconds);
23953						//console.log('rapporterade ' + totalSeconds + ' sekunder')
23954					}
23955					articleSecondsVisible.delete(articleId); // Ta bort artikel-ID från articleSecondsVisible Map
23956	
23957				}
23958			}
23959			
23960			
23961		});
23962	}
23963	
23964	function observeArticles() {
23965		
23966		const options = {
23967		  root: null,
23968		  rootMargin: '0px',
23969		  threshold: 0 
23970		};
23971		
23972		const observer = new IntersectionObserver(handleVisibility, options);
23973		
23974		const articles = document.querySelectorAll('f-article');
23975		articles.forEach(article => {
23976			observer.observe(article);
23977		});
23978		
23979		//console.log('Observe of articles reloaded.');
23980	
23981	}
23982	
23983	function incrementViewedArticles() {
23984		localStorage.removeItem('viewedPosts');
23985		localStorage.removeItem('viewedArticles');
23986
23987		let viewedArticles = localStorage.getItem('streakArticles');
23988		if (viewedArticles === null) { viewedArticles = 0; }
23989		viewedArticles = parseInt(viewedArticles) + 1;
23990		localStorage.setItem('streakArticles', viewedArticles);
23991		//console.log('Read articles: ' + viewedArticles);
23992	}
23993	
23994	
23995</script>
23995
23996
23997
23998
23999
24000
24001
24002
24003
24004
24005
24006
24007
24008
24009
24010
24011
24012
24013
24014
24015
24016
24017
24018
24019
24020
24021
24022
24023
24024
24025
24026
24027
24028
24029
24030
24031
24032
24033
24034
24035
24036
24037
24038
24039
24040
24041
24042
24043
24044
24045
24046
24047
24048
24049
24050
24051
24052
24053
24054
24055
24056
24057
24058
24059
24060
24061
24062
24063
24064
24065	
24066
24067
24068
24069
24070
24071
24072
24073
24074
24075
24076
24077	
24078
24079
24080
24081
24082
24083
24084
24085	
24086
24087
24088
24089
24090
24091
24092	
24093
24094
24095
24096
24097	
24098
24099
24100
24101
24102	
24103
24104
24105
24106
24107
24108	
24109
24110  
24111 
24112 
24113 
24114 
24115 
24116
24117
24118
24119
24120
24121
24122
24123
24124
24125
24126
24127
24128
24129
24130
24131
24132
24133
24134
24135
24136
24137
24138
24139
24140
24141
24142
24143
24144
24145
24146
24147
24148
24149
24150
24151
24152
24153
24154
24155
24156
24157
24158
24159
24160	
24161
24162
24163
24164
24165
24166
24167
24168
24169
24170
24171
24172	
24173	
24174
24175
24176
24177
24178
24179
24180
24181
24182
24183
24184
24185
24186
24187
24188
24189<script>
24190	let activeFlideId = null;
24191	let activeInlineGalleryId = null;
24192	
24193	// Helper för fullscreen API (standard + webkit för Safari)
24194	function getFullscreenElement() {
24195		return document.fullscreenElement || document.webkitFullscreenElement;
24196	}
24197	
24198	function requestFullscreen(element) {
24199		if (element.requestFullscreen) {
24200			return element.requestFullscreen();
24201		} else if (element.webkitRequestFullScreen) {
24202			return element.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
24203		}
24204		return Promise.reject(new Error('Fullscreen not supported'));
24205	}
24206	
24207	function exitFullscreen() {
24208		if (document.exitFullscreen) {
24209			return document.exitFullscreen();
24210		} else if (document.webkitCancelFullScreen) {
24211			return document.webkitCancelFullScreen();
24212		}
24213		return Promise.reject(new Error('Exit fullscreen not supported'));
24214	}
24215	
24216	function isFullscreen() {
24217		return !!getFullscreenElement();
24218	}
24219	
24220	// Hjälpfunktion för att återställa/uppgradera bilder för en flide
24221	function toggleFlideImageSize(flideId, toLarge = false) {
24222		if (!flideId) return;
24223		const allContainers = document.querySelectorAll('f-article-slide-container');
24224		allContainers.forEach(c => {
24225			const images = c.querySelectorAll('f-flide[data-flideid="' + flideId + '"] img');
24226			images.forEach(img => {
24227				if (toLarge && img.src.includes('_1280')) {
24228					img.src = img.src.replace('_1280', '_1920');
24229				} else if (!toLarge && img.src.includes('_1920')) {
24230					img.src = img.src.replace('_1920', '_1280');
24231				}
24232			});
24233		});
24234	}
24235
24236	function toggleInlineGalleryImageSize(galleryId, toLarge = false) {
24237		if (!galleryId) return;
24238		const container = document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + galleryId + '"]');
24239		if (!container) return;
24240
24241		container.querySelectorAll('f-inlinegallery-main img').forEach(img => {
24242			if (toLarge && img.src.includes('_1280')) {
24243				img.src = img.src.replace('_1280', '_1920');
24244			} else if (!toLarge && img.src.includes('_1920')) {
24245				img.src = img.src.replace('_1920', '_1280');
24246			}
24247		});
24248	}
24249	
24250	function startFlideFullScreen(dasId) {
24251		// Om samma flide redan är i fullscreen, stäng ner den
24252		if (isFullscreen() && activeFlideId === dasId) {
24253			exitFullscreen().then(() => handleFullscreenChange());
24254			return;
24255		}
24256		
24257		// Om en annan flide är i fullscreen, stäng ner den först
24258		if (isFullscreen()) {
24259			toggleFlideImageSize(activeFlideId, false);
24260			toggleInlineGalleryImageSize(activeInlineGalleryId, false);
24261			exitFullscreen().finally(() => {
24262				handleFullscreenChange();
24263				setTimeout(() => openFlideFullscreen(dasId), 100);
24264			});
24265			return;
24266		}
24267		
24268		openFlideFullscreen(dasId);
24269	}
24270
24271	function startInlineGalleryFullScreen(galleryId) {
24272		if (isFullscreen() && activeInlineGalleryId === galleryId) {
24273			exitFullscreen().then(() => handleFullscreenChange());
24274			return;
24275		}
24276
24277		if (isFullscreen()) {
24278			toggleFlideImageSize(activeFlideId, false);
24279			toggleInlineGalleryImageSize(activeInlineGalleryId, false);
24280			exitFullscreen().finally(() => {
24281				handleFullscreenChange();
24282				setTimeout(() => openInlineGalleryFullscreen(galleryId), 100);
24283			});
24284			return;
24285		}
24286
24287		openInlineGalleryFullscreen(galleryId);
24288	}
24289	
24290	function openFlideFullscreen(dasId) {
24291		activeFlideId = dasId;
24292		activeInlineGalleryId = null;
24293		
24294		// Återställ darkmode på alla containrar
24295		document.querySelectorAll('f-article-slide-container').forEach(c => {
24296			c.setAttribute('data-darkmode', 'off');
24297		});
24298		
24299		const container = document.querySelector('f-flide-thumbs-container[data-flideid="' + dasId + '"]')?.closest('f-article-slide-container') ||
24300		                  document.querySelector('f-article-slide-container');
24301		if (!container) return;
24302		
24303		toggleFlideImageSize(dasId, true);
24304		
24305		// Sätt darkmode direkt på containern innan fullscreen aktiveras
24306		container.setAttribute('data-darkmode', 'on');
24307		
24308		// Använd native fullscreen
24309		requestFullscreen(container).then(() => handleFullscreenChange());
24310	}
24311
24312	function openInlineGalleryFullscreen(galleryId) {
24313		activeFlideId = null;
24314		activeInlineGalleryId = galleryId;
24315
24316		document.querySelectorAll('f-inlinegallery-container').forEach(c => {
24317			c.setAttribute('data-darkmode', 'off');
24318		});
24319
24320		const container = document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + galleryId + '"]');
24321		if (!container) return;
24322
24323		toggleInlineGalleryImageSize(galleryId, true);
24324		container.setAttribute('data-darkmode', 'on');
24325
24326		requestFullscreen(container).then(() => handleFullscreenChange());
24327	}
24328	
24329	// Keyboard navigation i fullscreen
24330	document.addEventListener('keydown', function(event) {
24331		if (!isFullscreen() || (!activeFlideId && !activeInlineGalleryId)) return;
24332
24333		if (activeInlineGalleryId) {
24334			const inlineGallery = document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + activeInlineGalleryId + '"]');
24335
24336			switch(event.code) {
24337				case 'ArrowLeft':
24338					if (inlineGallery && typeof inlineGallery.inlineGalleryPrevious === 'function') {
24339						inlineGallery.inlineGalleryPrevious();
24340					}
24341					break;
24342				case 'ArrowRight':
24343					if (inlineGallery && typeof inlineGallery.inlineGalleryNext === 'function') {
24344						inlineGallery.inlineGalleryNext();
24345					}
24346					break;
24347				case 'Escape':
24348					exitFullscreen().then(() => handleFullscreenChange());
24349					break;
24350			}
24351
24352			return;
24353		}
24354		
24355		const flide = document.querySelector('f-flide[data-flideid="' + activeFlideId + '"]');
24356		const thumbsContainer = document.querySelector('f-flide-thumbs-container[data-flideid="' + activeFlideId + '"]');
24357		
24358		switch(event.code) {
24359			case 'ArrowLeft':
24360				if (typeof plusSlides === 'function') {
24361					plusSlides(-1, activeFlideId);
24362				}
24363				break;
24364			case 'ArrowRight':
24365				if (typeof plusSlides === 'function') {
24366					plusSlides(1, activeFlideId);
24367				}
24368				break;
24369			case 'ArrowUp':
24370				if (flide) flide.setAttribute('data-hidethumbs', 'on');
24371				if (thumbsContainer) thumbsContainer.setAttribute('data-hidethumbs', 'on');
24372				break;
24373			case 'ArrowDown':
24374				if (flide) flide.setAttribute('data-hidethumbs', 'off');
24375				if (thumbsContainer) thumbsContainer.setAttribute('data-hidethumbs', 'off');
24376				break;
24377			case 'Escape':
24378				exitFullscreen().then(() => handleFullscreenChange());
24379				break;
24380		}
24381	});
24382	
24383	// Hantera fullscreen change events
24384	function handleFullscreenChange() {
24385		const isActive = isFullscreen();
24386		
24387		// Visa/dölj open/close containrar (ikonerna ligger nu i f-fullscreen-enter och f-fullscreen-close)
24388		// Hitta alla containrar för att hantera alla bildspel på sidan
24389		const openContainers = document.querySelectorAll('f-fullscreen-enter');
24390		const closeContainers = document.querySelectorAll('f-fullscreen-close');
24391		
24392		openContainers.forEach(container => {
24393			container.style.display = isActive ? 'none' : 'block';
24394		});
24395		
24396		closeContainers.forEach(container => {
24397			container.style.display = isActive ? 'block' : 'none';
24398		});
24399		
24400		const thumbsContainer = activeFlideId ? 
24401			document.querySelector('f-flide-thumbs-container[data-flideid="' + activeFlideId + '"]') : null;
24402		const slideContainer = document.querySelector('f-article-slide-container');
24403		const inlineGallery = activeInlineGalleryId ?
24404			document.querySelector('f-inlinegallery-container[data-inlinegalleryid="' + activeInlineGalleryId + '"]') : null;
24405		
24406		if (thumbsContainer) {
24407			thumbsContainer.setAttribute('data-darkmode', isActive ? 'on' : 'off');
24408		}
24409		
24410		if (slideContainer) {
24411			slideContainer.setAttribute('data-darkmode', isActive ? 'on' : 'off');
24412		}
24413
24414		if (inlineGallery) {
24415			inlineGallery.setAttribute('data-darkmode', isActive ? 'on' : 'off');
24416		}
24417		
24418		if (!isActive) {
24419			toggleFlideImageSize(activeFlideId, false);
24420			toggleInlineGalleryImageSize(activeInlineGalleryId, false);
24421			activeFlideId = null;
24422			activeInlineGalleryId = null;
24423		}
24424	}
24425	
24426	// Lägg till listeners för fullscreen events (standard + webkit för Safari)
24427	document.addEventListener('fullscreenchange', handleFullscreenChange);
24428	document.addEventListener('webkitfullscreenchange', handleFullscreenChange);
24429</script>
24429
24430
24431
24432
24433
24434
24435
24436
24437
24438
24439
24440
24441
24442
24443
24444
24445
24446
24447
24448
24449
24450
24451
24452
24453
24454
24455
24456
24457
24458
24459
24460
24461
24462
24463
24464
24465
24466
24467
24468
24469
24470
24471
24472
24473
24474
24475
24476
24477
24478
24479
24480
24481
24482
24483
24484
24485
24486
24487
24488
24489
24490
24491
24492
24493
24494
24495
24496
24497	
24498
24499
24500
24501
24502
24503
24504
24505
24506
24507
24508
24509	
24510
24511
24512
24513
24514
24515
24516
24517	
24518
24519
24520
24521
24522
24523
24524	
24525
24526
24527
24528
24529	
24530
24531
24532
24533
24534	
24535
24536
24537
24538
24539
24540	
24541
24542  
24543 
24544 
24545 
24546 
24547 
24548
24549
24550
24551
24552
24553
24554
24555
24556
24557
24558
24559
24560
24561
24562
24563
24564
24565
24566
24567
24568
24569
24570
24571
24572
24573
24574
24575
24576
24577
24578
24579
24580
24581
24582
24583
24584
24585
24586
24587
24588
24589
24590
24591
24592	
24593	
24594	
24595	
24596
24597
24598
24599
24600
24601
24602
24603
24604
24605
24606
24607	
24608	
24609
24610
24611
24612
24613
24614
24615
24616
24617
24618
24619
24620
24621
24622
24623
24624
24625
24626
24627
24628
24629
24630
24631
24632
24633
24634
24635
24636
24637
24638
24639
24640
24641
24642
24643
24644
24645
24646
24647
24648
24649
24650
24651
24652
24653
24654
24655
24656
24657
24658
24659
24660
24661
24662
24663
24664
24665
24666<script>
24667/**
24668 * Thumb voting med localStorage + batching via /thumb servlet.
24669 * - Dubbelrostningsskydd via localStorage
24670 * - Stod for att andra rost (+ till - eller - till +)
24671 * - Optimistisk UI: uppdaterar temperatur direkt
24672 * - Fire-and-forget fetch till /thumb som batchar i minnet
24673 */
24674function submitDeg(artid, val, siteName, tempid) {
24675	console.log('Vote started');
24676
24677	tempid = tempid || artid;
24678	val = parseInt(val);
24679
24680	var lsKey = 'thumb_' + artid;
24681	var stored = localStorage.getItem(lsKey);
24682
24683	if (stored !== null) {
24684		var oldVal = parseInt(stored);
24685		if (oldVal === val) {
24686			// Redan rostat samma riktning
24687			console.log('Already voted same direction');
24688			$('f-article-error[data-id=' + artid + ']').html('Du har redan r&ouml;stat!').slideDown();
24689			return;
24690		}
24691		// Byter rost: skicka old sa servern kan -1 pa gamla och +1 pa nya
24692		console.log('Changing vote from ' + oldVal + ' to ' + val);
24693		fetch('/thumb', {
24694			method: 'POST',
24695			headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
24696			body: 'art=' + artid + '&t=' + val + '&old=' + oldVal
24697		});
24698
24699		// Uppdatera localStorage
24700		localStorage.setItem(lsKey, '' + val);
24701
24702		// Optimistisk UI: ta bort gammal + lagg till ny (netto 2 steg)
24703		var printElement = $('f-article-temp[data-tempid=' + tempid + ']');
24704		var calcTemp = $(printElement).data("thumbscalc");
24705		if (val === 1) { calcTemp += 2; } else { calcTemp -= 2; }
24706		$(printElement).data("thumbscalc", calcTemp);
24707		var degree = "&deg;";
24708		if (siteName == 'tjock') {
24709			degree = "kg"; calcTemp = (80 + calcTemp);
24710		} else {
24711			calcTemp = ((370 + calcTemp) / 10).toFixed(1);
24712		}
24713		$(printElement).html(calcTemp + degree);
24714		return;
24715	}
24716
24717	// Ny rost
24718	localStorage.setItem(lsKey, '' + val);
24719	fetch('/thumb', {
24720		method: 'POST',
24721		headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
24722		body: 'art=' + artid + '&t=' + val
24723	});
24724
24725	// Optimistisk UI
24726	printDeg(artid, (val === 1 ? 'up' : 'down'), siteName, tempid);
24727}
24728
24729
24730function printDeg(artid, direction, siteName, tempid) {
24731
24732	tempid = tempid || artid;
24733
24734	setTimeout(function(){
24735		const printElement = $('f-article-temp[data-tempid=' + tempid + ']');
24736		let calcTemp = $(printElement).data("thumbscalc");
24737		let degree = "&deg;";
24738
24739		if (direction == 'up') {			calcTemp++;
24740		} else if (direction == 'down') {	calcTemp--;   }
24741
24742		// Spara tillbaka sa nasta klick far ratt varde
24743		$(printElement).data("thumbscalc", calcTemp);
24744
24745		if (siteName == 'tjock'){
24746			degree = "kg";	calcTemp = (80+calcTemp);
24747		} else {			calcTemp = ((370+calcTemp)/10);
24748							calcTemp = calcTemp.toFixed(1);
24749		}
24750		$(printElement).html(calcTemp + degree);
24751		$(printElement).width('auto');
24752		console.log('Voting done!!!');
24753	}, 300);
24754}
24755
24756
24757/**
24758 * Inline-version av submitDeg for puffar, embeds och andra kompakta ytor.
24759 * Samma rostlogik men visuell feedback direkt pa temp-elementet
24760 * istallet for f-article-error-bar.
24761 */
24762function submitDegInline(artid, val, tempid) {
24763
24764	tempid = tempid || artid;
24765	val = parseInt(val);
24766
24767	var el = document.querySelector('f-article-temp[data-tempid="' + tempid + '"]');
24768	if (!el) return;
24769
24770	var lsKey = 'thumb_' + artid;
24771	var stored = localStorage.getItem(lsKey);
24772
24773	if (stored !== null) {
24774		var oldVal = parseInt(stored);
24775		if (oldVal === val) {
24776			// Redan rostat samma riktning — flash pa temp-elementet
24777			el.style.transition = 'none';
24778			el.style.opacity = '0.3';
24779			setTimeout(function() {
24780				el.style.transition = 'opacity 0.3s';
24781				el.style.opacity = '1';
24782			}, 50);
24783			return;
24784		}
24785		// Byter rost
24786		fetch('/thumb', {
24787			method: 'POST',
24788			headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
24789			body: 'art=' + artid + '&t=' + val + '&old=' + oldVal
24790		});
24791		localStorage.setItem(lsKey, '' + val);
24792
24793		// Netto 2 steg (ta bort gammal + lagg till ny)
24794		var calcTemp = parseFloat(el.dataset.thumbscalc) || 0;
24795		calcTemp += (val === 1) ? 2 : -2;
24796		el.dataset.thumbscalc = calcTemp;
24797		el.innerHTML = ((370 + calcTemp) / 10).toFixed(1) + '&deg;';
24798		flashTemp(el, val);
24799		return;
24800	}
24801
24802	// Ny rost
24803	localStorage.setItem(lsKey, '' + val);
24804	fetch('/thumb', {
24805		method: 'POST',
24806		headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
24807		body: 'art=' + artid + '&t=' + val
24808	});
24809
24810	var calcTemp = parseFloat(el.dataset.thumbscalc) || 0;
24811	calcTemp += (val === 1) ? 1 : -1;
24812	el.dataset.thumbscalc = calcTemp;
24813	el.innerHTML = ((370 + calcTemp) / 10).toFixed(1) + '&deg;';
24814	flashTemp(el, val);
24815}
24816
24817function flashTemp(el, val) {
24818	var color = val === 1 ? 'var(--f-hot-color)' : 'var(--f-cold-color)';
24819	el.style.transition = 'none';
24820	el.style.background = color;
24821	setTimeout(function() {
24822		el.style.transition = 'background 0.5s';
24823		el.style.background = '#333';
24824	}, 200);
24825}
24826</script>
24826
24827
24828
24829
24830
24831
24832
24833
24834
24835
24836
24837
24838
24839
24840
24841
24842
24843
24844
24845
24846
24847
24848
24849
24850
24851
24852
24853	
24854
24855
24856
24857
24858
24859
24860
24861
24862
24863
24864
24865	
24866
24867
24868
24869
24870
24871
24872
24873	
24874
24875
24876
24877
24878
24879
24880	
24881
24882
24883
24884
24885	
24886
24887
24888
24889
24890	
24891
24892
24893
24894
24895
24896	
24897
24898  
24899 
24900 
24901 
24902 
24903 
24904
24905
24906
24907
24908
24909
24910
24911
24912
24913
24914
24915
24916
24917
24918
24919
24920
24921
24922
24923
24924
24925
24926
24927
24928
24929
24930
24931
24932
24933
24934
24935
24936
24937
24938
24939
24940
24941
24942
24943
24944
24945
24946
24947
24948	
24949	
24950
24951
24952
24953
24954
24955
24956
24957
24958
24959
24960
24961	
24962	
24963
24964
24965
24966
24967
24968
24969
24970
24971
24972
24973
24974
24975
24976
24977
24978
24979
24980
24981
24982
24983
24984
24985
24986
24987
24988
24989
24990
24991
24992
24993
24994
24995
24996
24997
24998
24999
25000
25001
25002
25003
25004
25005
25006
25007
25008
25009
25010
25011
25012
25013
25014
25015
25016
25017
25018
25019
25020
25021
25022
25023
25024
25025
25026
25027
25028
25029
25030
25031
25032
25033
25034
25035
25036
25037
25038
25039
25040
25041
25042
25043
25044	
25045
25046
25047
25048
25049
25050
25051
25052
25053
25054
25055
25056	
25057
25058
25059
25060
25061
25062
25063
25064	
25065
25066
25067
25068
25069
25070
25071	
25072
25073
25074
25075
25076	
25077
25078
25079
25080
25081	
25082
25083
25084
25085
25086
25087	
25088
25089  
25090 
25091 
25092 
25093 
25094 
25095
25096
25097
25098<script> 
25099
25100	let currentID;
25101	const players = {};
25102	
25103	function clickOnYT(event) {
25104		const	newContainer = event.currentTarget, 
25105				newID = newContainer.dataset.ytid, 
25106				ytSite = newContainer.dataset.ytsite;
25107		
25108		// Göm bild och ikon
25109		
25110		$(newContainer).find('f-youtube-player').show();
25111		
25112		// Se till att filmer som redan spelas att pausas och visa bild och ikon igen
25113		if ($('#player' + currentID).length && newID !== currentID){
25114			
25115			// Stoppa video
25116			$('#player' + currentID)[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');
25117			
25118			// Göm spelare, visa bild och ikon
25119			const currentElement = document.querySelector('f-youtube-container[data-ytid="' + currentID + '"]');
25120			$(currentElement).find('f-youtube-player').hide();
25121			$(currentElement).find('f-youtube-image, f-youtube-icon').show();
25122			
25123			// Dra igång eventlyssnare igen
25124			currentElement.addEventListener('click', clickOnYT);
25125		}
25126		
25127		if (players[newID]) {
25128			// Om spelaren redan är skapad, spela video och göm bild och ikon
25129			players[newID].playVideo();
25130			$(newContainer).find('f-youtube-image, f-youtube-icon').fadeOut(600);
25131			
25132		} else {
25133			$(newContainer).find('f-youtube-player').html('<w8a></w8a><w8b></w8b>');
25134			
25135			// Om spelaren inte finns, ladda iframe
25136			$(newContainer).find('f-youtube-player').html('<iframe id="player' + newID + '" type="text/html" width="640" height="390" src="https://www.youtube.com/embed/' + newID + '?enablejsapi=1&origin=https%3A%2F%2F' + ytSite + '.se&modestbranding=1&rel=0&playsinline=1" allowfullscreen allow="autoplay"  frameborder="0"></iframe>');
25137			
25138			// Och skapa sedan spelaren 
25139			newPlayer = new YT.Player('player' + newID, {
25140				height: '390',
25141				width: '640',
25142				videoId: newID,
25143				events: {
25144					'onReady': function() {
25145						// När spelaren finns, playa och ta bort bild och ikon
25146						newPlayer.playVideo();
25147						$(newContainer).find('f-youtube-image, f-youtube-icon').fadeOut(600);
25148						
25149						// Dra ner header om det är above 
25150						var fArticle = $('f-article[data-id="' + $(newContainer).data('parentartid') + '"]');
25151						var fArticleHeader = fArticle.find('f-article-header');
25152						if (fArticle.data('placement') === 'above' && $(window).width() > 980) {
25153							fArticle.find('f-article-header').css('margin-top', '0px');
25154						}
25155					},
25156					'onStateChange': function(event) {
25157						if (event.data === YT.PlayerState.PAUSED) {
25158							// Om spelaren pausas skicka info till plausible
25159							//plausible('VideoPause', {props: {Article: 'https://feber.se/' + $(newContainer).data('parentartid'), ID: 'https://youtu.be/' + newID}});
25160						}
25161					}
25162				}
25163			});
25164			// Lägg in playern i klump som håller reda på vilka som är skapade
25165			players[newID] = newPlayer;
25166		} 
25167		
25168		// Sätt vilken spelare som är aktiv
25169		currentID = newID;
25170		
25171		// Skicka data till plausible
25172		//plausible('Video', {props: {Action: 'Play', ID: 'https://youtu.be/' + newID}});
25173		plausible('VideoPlay', {props: {Article: 'https://feber.se/' + $(newContainer).data('parentartid'), ID: 'https://youtu.be/' + newID}});
25174		
25175		// Döda klick så att man bara kan klicka igång allt en gång
25176		document.querySelector('f-youtube-container[data-ytid="' + newID + '"]').removeEventListener('click', clickOnYT);
25177	}
25178
25179
25180</script>
25180
25181
25182<style>
25183	f-youtube-container { 
25184		display: block; text-align: center; cursor: pointer; position: relative; width: 100%; padding-bottom: 56.3%; 
25185		background-color: #222;
25186	}
25187	
25188	f-youtube-image img { width:100%; height: 100%; object-fit: cover; position: absolute; left: 0; }
25189	
25190	f-youtube-icon {
25191		position: absolute; text-align: center; width: 71px; height: 50px; margin: 0 auto; top: 50%; left: 50%;
25192		margin-top: -25px;margin-left: -35px; transition: transform 0.5s;
25193	}
25194	f-youtube-icon svg { width: 100%; height: 100%; }
25195	
25196	f-youtube-container:hover f-youtube-icon {
25197		animation: pulse 1.5s infinite;
25198	}
25199	
25200	@keyframes pulse {
25201		0% {
25202			transform: scale(1);
25203		}
25204		50% {
25205			transform: scale(1.1);
25206		}
25207		100% {
25208			transform: scale(1);
25209		}
25210	}
25211	
25212</style>
25213
25214
25215
25216
25217
25218
25219
25220
25221
25222
25223
25224
25225
25226
25227
25228
25229
25230
25231
25232
25233
25234
25235
25236
25237
25238
25239
25240
25241
25242
25243
25244
25245
25246
25247
25248
25249
25250
25251
25252
25253
25254
25255
25256
25257
25258
25259	
25260	
25261
25262
25263
25264
25265
25266
25267
25268
25269
25270
25271
25272
25273
25274
25275
25276
25277
25278
25279
25280
25281
25282
25283
25284
25285
25286
25287
25288
25289
25290
25291
25292
25293
25294
25295	
25296		<style>	
25297			f-menu-sub-container {
25298				-webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
25299				transform: translate3d(0, 0, 0); position: fixed; top: 53px; left: 0; width: 100%; z-index: 990; display: block; will-change: transform;
25300			}
25301	
25302
25303			f-menu-sub-container[data-show=no] {
25304				transform: translate3d(0, calc(-1 * 100px), 0);
25305			}
25306
25307			@media only screen and (max-width: 600px) {
25308
25309				f-menu-sub-container {
25310					top: 47px;
25311				}
25312				f-menu-sub-container[data-show=no] {
25313					transform: translate3d(0, calc(-1 * 100px), 0);
25314				}
25315			}
25316
25317			f-menu-sub {
25318				background-color: #222;
25319				display: flex;
25320				height: 40px;
25321				margin-bottom: 0px; 
25322				box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
25323				font-family: var(--f-suisse-medium);
25324				-webkit-font-smoothing: antialiased;
25325				overflow: visible;
25326				font-size: 13px;
25327				justify-content: space-between;
25328				align-items: center;
25329			}
25330			
25331			
25332			f-menu-sub-info { 
25333				padding: 2px 0 2px 18px;
25334				color: #ccc;
25335				flex-grow: 1;
25336				flex-shrink: 1;
25337				white-space: nowrap;
25338				overflow: hidden;
25339				text-overflow: ellipsis;
25340				margin-right: 5px; 
25341			}
25342			@media only screen and (max-width: 600px) {
25343				f-menu-sub-info { 
25344					padding: 2px 0 2px 14px;
25345				}
25346			}
25347			
25348			body[data-site="tjock"] f-menu-sub-info { 
25349				color: #333;
25350			}
25351			
25352			f-menu-sub-info a {
25353				color: rgb(220,220,220);
25354				border-bottom: 1px solid rgba(255,255,255,0.2);
25355			}
25356			
25357			f-menu-sub-info:hover a {
25358				color: rgba(220,220,220,0.8);
25359				border-bottom: 1px solid rgba(255,255,255,0.1);
25360			}
25361			
25362			f-menu-sub svg {
25363				height: 12px;
25364				width: 8px;
25365				margin-bottom: -2px;
25366			}
25367			
25368			f-menu-sub .streakpoly {
25369				fill: var(--f-hot-color);
25370			}
25371			
25372			f-menu-sesamy {
25373				align-items: center;
25374				display: flex;
25375				justify-content: flex-end;
25376				height: 100%;
25377				font-family: var(--f-suisse-medium);
25378			}
25379			
25380			sesamy-login {
25381				--background: rgba(255,255,255,0.1);
25382				--background-hover: rgba(255,255,255,0.2);
25383				--user-background: rgba(255,255,255,0);
25384				--user-background-hover: rgba(255,255,255,0.1);
25385				--color: #eee;
25386				--user-color: #ccc;
25387				--border-radius: 6px;
25388				--user-border-radius: 0px;
25389				--padding: 5px 10px;
25390				--user-padding: 0px 0px 0px 15px;
25391				--font-family: var(--f-suisse-medium);
25392				--user-font-family: var(--f-suisse-medium);
25393				--font-weight: 300;
25394				--user-font-weight: 300;
25395				--font-size: 13px;
25396				--user-font-size: 13px;
25397				--border: 0px solid rgba(255,255,255,0.4);
25398				--user-border: 1px solid #999;
25399				--avatar-size: 40px;
25400				--avatar-border-radius: 0;
25401				--avatar-background: #666;
25402				--avatar-border: 0;
25403				--sesamy-login-button-background-color: rgba(255,255,255,0.1);
25404				--sesamy-login-button-color: #eee;
25405				--sesamy-login-button-text-color: #eee;
25406				--sesamy-login-button-border-color: transparent;
25407				--sesamy-login-button-border-width: 0px;
25408				--sesamy-login-button-border-radius: 6px;
25409				--sesamy-login-button-text-size: 13px;
25410				--sesamy-login-button-font-weight: 300;
25411				--sesamy-font-family: var(--f-suisse-medium);
25412				--sesamy-login-avatar-bgcolor: #666;
25413				--sesamy-login-avatar-textcolor: #fff;
25414				--sesamy-login-popup-width: 150px;
25415				--sesamy-login-popup-border-radius: 0;
25416				line-height: 28px;
25417				white-space: nowrap;
25418			}
25419
25420			sesamy-login:not(:defined) > * {
25421				display: none !important;
25422			}
25423
25424			f-menu-sesamy sesamy-login {
25425				visibility: hidden;
25426			}
25427
25428			f-menu-sesamy sesamy-login[data-feber-login-ready="true"] {
25429				visibility: visible;
25430			}
25431
25432			f-sesamy-login-user {
25433				align-items: center;
25434				color: #ccc;
25435				cursor: pointer;
25436				display: flex;
25437				font-family: var(--f-suisse-medium);
25438				font-size: 13px;
25439				font-weight: 300;
25440				height: 40px;
25441				line-height: 40px;
25442				white-space: nowrap;
25443			}
25444
25445			f-sesamy-login-name {
25446				display: none;
25447				margin-right: 9px;
25448			}
25449
25450			sesamy-login[data-feber-has-name="true"] f-sesamy-login-name {
25451				display: block;
25452			}
25453
25454			f-sesamy-login-avatar {
25455				align-items: center;
25456				background: #666;
25457				border: 0;
25458				border-radius: 0;
25459				color: #fff;
25460				display: flex;
25461				font-family: var(--f-suisse-medium);
25462				font-size: 13px;
25463				font-weight: 300;
25464				height: 40px;
25465				justify-content: center;
25466				line-height: 40px;
25467				overflow: hidden;
25468				text-transform: uppercase;
25469				width: 40px;
25470			}
25471
25472			f-sesamy-login-avatar img {
25473				display: block;
25474				height: 100%;
25475				object-fit: cover;
25476				width: 100%;
25477			}
25478
25479			f-sesamy-login-menu {
25480				background: #fff;
25481				color: #222;
25482				display: block;
25483				font-family: var(--f-suisse-medium);
25484				font-size: 13px;
25485				font-weight: 300;
25486				line-height: 16px;
25487			}
25488
25489			f-sesamy-login-menu-name {
25490				border-bottom: 1px solid #e5e5e5;
25491				color: #222;
25492				display: none;
25493				overflow: hidden;
25494				padding: 10px 12px;
25495				text-overflow: ellipsis;
25496				white-space: nowrap;
25497			}
25498
25499			sesamy-login[data-feber-has-name="true"] f-sesamy-login-menu-name {
25500				display: block;
25501			}
25502
25503			f-sesamy-login-menu a,
25504			f-sesamy-login-menu button {
25505				background: transparent;
25506				border: 0;
25507				color: #222;
25508				cursor: pointer;
25509				display: block;
25510				font: inherit;
25511				padding: 10px 12px;
25512				text-align: left;
25513				text-decoration: none;
25514				width: 100%;
25515			}
25516
25517			f-sesamy-login-menu a:hover,
25518			f-sesamy-login-menu button:hover {
25519				background: rgba(0,0,0,0.05);
25520			}
25521
25522			body[data-premium="false"] sesamy-login { margin-right: 7px; }
25523			
25524			body[data-site="tjock"] sesamy-login { 
25525				--color: #333; 
25526				--user-color: #333;
25527				--background: rgba(255,255,255,1); 
25528				--background-hover: rgba(255,255,255,0.8);
25529				--sesamy-login-button-background-color: rgba(255,255,255,1);
25530				--sesamy-login-button-color: #333;
25531				--sesamy-login-button-text-color: #333;
25532				--sesamy-login-button-border-color: transparent;
25533			}
25534
25535			body[data-site="tjock"] f-sesamy-login-user {
25536				color: #333;
25537			}
25538			
25539			f-prenumera {
25540				display: none;
25541				margin-left: 7px;
25542				margin-right: 7px;
25543				background-color: rgba(255,255,255,0.1);
25544				color: #eee;
25545				padding: 0px 9px 0 10px;
25546				border-radius: 0px;
25547				float: right;
25548				cursor: pointer;
25549				font-size: 13px;
25550				line-height: 26px;
25551				border-radius: 6px;
25552				transition: all 300ms ease 0s;
25553				white-space: nowrap;
25554			}
25555			
25556			f-prenumera:hover {
25557				background-color: rgba(255,255,255,0.2);
25558			}
25559
25560			body[data-site="tjock"] f-prenumera { 
25561				color: #333;
25562				background-color: rgba(255,255,255,1); 
25563			}
25564			
25565			body[data-site="tjock"] f-prenumera:hover {
25566				background-color: rgba(255,255,255,0.8);
25567			}
25568
25569		</style>
25570
25571		
25572		<style>
25573			f-plus-offer-packages { 
25574				display: flex; flex-direction: column; gap: 20px; margin: px auto; 
25575			}
25576
25577			f-plus-offer-packages[data-direction="row"]  { 
25578				flex-direction: row; 
25579			}
25580
25581			@media screen and (max-width: 980px) {
25582				f-plus-offer-packages { flex-direction: column; }
25583				f-plus-offer-packages[data-direction="row"] { flex-direction: column; }
25584			}
25585			f-plus-offer-package { 
25586				display: flex; flex-direction: column; border: 1px solid rgb(220,220,220); border-radius: 8px; padding: 24px; flex: 1;
25587				width: calc(100% - 48px); max-width: 500px; margin: 0 auto; }
25588
25589			f-plus-offer-package-header { 
25590				display: flex; justify-content: space-between; 
25591				font-family: var(--f-suisse-bold); color: var(--f-article-text-color); font-size: 20px; line-height: 20px; }
25592
25593			f-plus-offer-package-desc {
25594				margin: 8px 0 20px; flex-grow: 1;
25595				font-size: 14px; font-weight: normal; line-height: 20px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased;
25596			}
25597
25598			f-plus-offer-package-desc b { font-family: var(--f-suisse-semibold); font-weight: 300; }
25599
25600			f-plus-offer-package-cta { 
25601				display: flex; justify-content: center; gap: 20px;
25602			}
25603
25604			f-plus-offer-package-cta a {
25605				background-color: rgb(220,220,220); color: var(--f-article-text-color); text-center: center;
25606				padding: 14px; justify-content: center; border-radius: 8px; width: 100%;
25607				font-size: 16px; line-height: 16px; font-family: var(--f-suisse-semibold); font-weight: 300; text-align: center;
25608				transition: all 0.3s;
25609			}
25610
25611			f-plus-offer-package-cta a:hover {
25612				background-color: rgba(41,41,41); color: white;
25613			}
25614
25615			f-plus-offer-package-cta a.hotbutton {
25616				background-color: var(--f-hot-color); color: white; 
25617			}
25618
25619			f-plus-offer-package-cta a.hotbutton:hover {
25620				background-color: rgba(41,41,41); color: white;
25621			}
25622		</style>
25623	
25624
25625
25626
25627
25628
25629
25630
25631
25632
25633
25634
25635		
25636
25637
25638		
25639
25640
25641
25642
25643
25644
25645
25646
25647
25648
25649
25650
25651
25652
25653
25654
25655
25656
25657
25658
25659
25660
25661
25662
25663
25664
25665
25666
25667
25668
25669
25670
25671
25672
25673
25674
25675
25676
25677
25678
25679
25680
25681
25682
25683
25684
25685
25686
25687
25688
25689
25690
25691
25692
25693
25694
25695
25696
25697
25698
25699
25700
25701
25702
25703
25704
25705
25706
25707
25708
25709
25710
25711
25712
25713
25714
25715
25716
25717
25718
25719
25720
25721
25722
25723
25724
25725
25726
25727
25728
25729
25730
25731
25732
25733
25734
25735
25736
25737
25738
25739
25740
25741
25742
25743
25744
25745
25746
25747
25748
25749
25750
25751
25752
25753
25754
25755
25756
25757
25758
25759
25760
25761
25762
25763
25764
25765
25766
25767
25768
25769
25770
25771
25772
25773
25774
25775
25776
25777
25778
25779
25780
25781
25782
25783
25784
25785
25786
25787
25788
25789
25790 
25791
25792
25793
25794
25795
25796
25797
25798
25799
25800
25801
25802
25803
25804
25805
25806
25807
25808
25809
25810
25811
25812
25813
25814
25815
25816
25817
25818
25819
25820
25821
25822
25823
25824
25825
25826
25827
25828
25829
25830
25831
25832
25833
25834
25835
25836	
25837
25838
25839
25840
25841
25842
25843
25844
25845
25846
25847
25848	
25849	
25850
25851
25852
25853
25854
25855
25856
25857
25858
25859
25860
25861
25862
25863
25864
25865
25866
25867
25868
25869
25870
25871<script>
25872	
25873	// Visa / gömma login logut-rutor
25874	
25875	checkPlus().then(isPlus => {
25876		if (isPlus) {
25877			//console.log('Feber+ Subscribe button hidden');
25878		} else {
25879			//console.log('Feber+ Subscribe button visible');
25880			$('f-prenumera').show();
25881		}
25882	}).catch(error => console.error(error));
25883
25884	document.addEventListener('DOMContentLoaded', function () {
25885		document.querySelectorAll('f-plus-embed').forEach(function (el) {
25886			var margin = el.getAttribute('data-margin') || '';
25887			var direction = el.getAttribute('data-direction') || '';
25888			var debug = el.getAttribute('data-debug') === 'true';
25889
25890			var url = '/snippets/f-plus.jsp?margin=' + encodeURIComponent(margin) +
25891					'&direction=' + encodeURIComponent(direction);
25892			if (debug) {
25893			url += '&u=' + Math.floor(Math.random() * 1000000000);
25894			}
25895
25896			fetch(url)
25897			.then(function (res) { return res.text(); })
25898			.then(function (html) {
25899				var temp = document.createElement('div');
25900				temp.innerHTML = html;
25901				el.replaceWith.apply(el, temp.childNodes);
25902			})
25903			.catch(function (err) {
25904				console.error('Fel vid inläsning av f-plus-snippet:', err);
25905			});
25906		});
25907	});
25908	
25909	
25910	// Modifiera article utifrån publiceringstid Plus Feber+
25911	
25912	function modifyArticle(id) {
25913		const article = document.querySelector('f-article[data-id="' + id + '"]');
25914		const articleheader = document.querySelector('f-article[data-id="' + id + '"] f-article-header');
25915
25916		articleheader.style.transition = 'none';
25917		
25918		// Ändra data-placement till "middle"
25919		article.setAttribute('data-placement', 'middle');
25920		
25921		// Lägg till data-preview="true" på <f-article>
25922		article.setAttribute('data-preview', 'true');
25923		
25924		// Ta bort element i <f-article> utom <f-article-header> och <f-article-media>
25925		var elementsToRemove = article.querySelectorAll(':scope > :not(f-article-header):not(f-article-media):not(f-article-media-overlay)');
25926		for (var i = 0; i < elementsToRemove.length; i++) {
25927			elementsToRemove[i].parentNode.removeChild(elementsToRemove[i]);
25928		}
25929		
25930		var mediaOverlay = document.querySelector('f-article-media-overlay');
25931		mediaOverlay.style.display = 'block';
25932		
25933		var panoramaElement = document.getElementById('panorama--1-1');
25934		if (panoramaElement) {
25935			//panoramaElement.remove();
25936		}
25937		
25938		//plausible('Plus', {props: {Action: 'ModifyArticle'}});
25939	}
25940	
25941</script>
25941
25942
25943
25944
25945
25946
25947
25948
25949
25950
25951
25952
25953
25954
25955
25956
25957
25958
25959
25960
25961
25962
25963
25964
25965
25966
25967
25968
25969
25970
25971
25972
25973
25974
25975
25976
25977
25978
25979
25980
25981
25982
25983
25984
25985
25986
25987
25988
25989
25990
25991
25992
25993
25994
25995
25996
25997
25998
25999
26000
26001
26002
26003	
26004
26005
26006
26007
26008
26009
26010
26011
26012
26013
26014
26015	
26016
26017
26018
26019
26020
26021
26022
26023	
26024
26025
26026
26027
26028
26029
26030	
26031
26032
26033
26034
26035	
26036
26037
26038
26039
26040	
26041
26042
26043
26044
26045
26046	
26047
26048  
26049 
26050 
26051 
26052 
26053 
26054
26055
26056
26057
26058
26059
26060
26061
26062
26063
26064
26065
26066
26067
26068
26069
26070
26071
26072
26073
26074
26075
26076
26077
26078
26079
26080
26081
26082
26083
26084
26085
26086
26087
26088
26089
26090
26091
26092
26093
26094
26095
26096
26097
26098
26099
26100	
26101
26102
26103
26104
26105
26106
26107
26108
26109
26110
26111
26112		
26113	
26114
26115
26116 
26117
26118
26119
26120	
26120<script>
26121
26122
26123		// Skapa ett objekt för att lagra artId som redan har körts
26124		const countedNatives = {};
26125
26126		function countNative(artId) {
26127			if (!countedNatives.hasOwnProperty(artId)) {
26128				window._pingQueue('nativeRead', artId);
26129				countedNatives[artId] = true;
26130			}
26131		}
26132
26133		function displayNative(articleList, lsKey, element, statType) {
26134			let nativeInfo = JSON.parse(localStorage.getItem(lsKey)) || {};
26135
26136			for (const artId in articleList) {
26137				if (!nativeInfo.hasOwnProperty(artId)) {
26138					nativeInfo[artId] = 0;
26139				}
26140
26141				if (nativeInfo[artId] < articleList[artId]) {
26142					console.log('Laddar native med id:', artId, 'pa placering', element);
26143					$(element).load('/load/art/' + artId + '/?c=article&u=', function () {
26144						const target = $(element).get(0);
26145						target.dataset.nativeId = artId;
26146						linkListener(artId);
26147
26148						// Räkna leverans i localStorage
26149						nativeInfo[artId]++;
26150						localStorage.setItem(lsKey, JSON.stringify(nativeInfo));
26151					});
26152
26153					return;
26154				}
26155			}
26156
26157			console.log('Inga natives kvar att visa');
26158		}
26159
26160		function displayNativeArray(articleList, lsKey, element, statType) {
26161			let nativeInfo = JSON.parse(localStorage.getItem(lsKey)) || {};
26162
26163			for (let i = 0; i < articleList.length; i++) {
26164				const { articleId, frequency } = articleList[i];
26165
26166				if (!nativeInfo.hasOwnProperty(articleId)) {
26167					nativeInfo[articleId] = 0;
26168				}
26169
26170				if (nativeInfo[articleId] < frequency) {
26171					console.log('Laddar native med id:', articleId);
26172					$(element).load('/load/art/' + articleId + '/?c=article&u=', function () {
26173						const target = $(element).get(0);
26174						target.dataset.nativeId = articleId;
26175						linkListener(articleId);
26176
26177						// Räkna leverans i localStorage
26178						const latestInfo = JSON.parse(localStorage.getItem(lsKey)) || {};
26179						const previousCount = Math.max(latestInfo[articleId] || 0, nativeInfo[articleId] || 0);
26180						const newCount = previousCount + 1;
26181						nativeInfo[articleId] = newCount;
26182						latestInfo[articleId] = newCount;
26183						localStorage.setItem(lsKey, JSON.stringify(latestInfo));
26184					});
26185
26186					return;
26187				}
26188			}
26189
26190			console.log('Inga natives kvar att visa');
26191		}
26192
26193	// Flexibel variant av displayNativeArray som kan hantera flera listor och/eller flera element
26194	function displayNativeArrayFlex(articleLists, lsKey, elements, statType) {
26195		// Konvertera inputs till arrayer om de är strängar eller redan arrayer
26196		let listsArray = [];
26197		if (typeof articleLists === 'string') {
26198			// Split på komma och trimma whitespace
26199			const listNames = articleLists.split(',').map(s => s.trim()).filter(Boolean);
26200			listsArray = listNames.map(name => {
26201				const value = window[name];
26202				if (Array.isArray(value)) {
26203					return value;
26204				}
26205				console.warn('displayNativeArrayFlex: kunde inte hitta native-listan', name);
26206				return [];
26207			});
26208		} else if (Array.isArray(articleLists)) {
26209			// Om det redan är en array, använd den direkt
26210			if (articleLists.length && Array.isArray(articleLists[0])) {
26211				listsArray = articleLists;
26212			} else {
26213				listsArray = [articleLists];
26214			}
26215		} else {
26216			console.warn('displayNativeArrayFlex: artikel-listor saknas eller har fel format', articleLists);
26217		}
26218
26219		let elementsArray = [];
26220		if (typeof elements === 'string') {
26221			// Split på komma och trimma whitespace
26222			elementsArray = elements.split(',').map(s => s.trim());
26223		} else if (Array.isArray(elements)) {
26224			elementsArray = elements;
26225		} else {
26226			elementsArray = [elements];
26227		}
26228
26229		//console.log('displayNativeArrayFlex - Listor:', listsArray.length, 'Element:', elementsArray.length);
26230
26231		// Flera ytor - rotera artiklar mellan ytorna
26232		//console.log('Flera ytor - roterar artiklar mellan', elementsArray.length, 'ytor');
26233		
26234		// Använd GLOBAL localStorage - läs från gamla + nya nycklar, skriv till ny global
26235		let nativeInfo = JSON.parse(localStorage.getItem(lsKey)) || {};
26236		
26237		// Kombinera alla listor till en
26238		const combinedList = listsArray.flat();
26239		//console.log('Kombinerad lista med', combinedList.length, 'artiklar');
26240
26241		// Bakåtkompatibilitet: Hämta även från gamla separata nycklar
26242		const oldKeys = Object.keys(localStorage).filter(key => key.startsWith('nativeImps'));
26243		oldKeys.forEach(oldKey => {
26244			const oldData = JSON.parse(localStorage.getItem(oldKey)) || {};
26245			// Slå samman gamla data med nya (högsta värdet vinner)
26246			Object.keys(oldData).forEach(artId => {
26247				if (!nativeInfo[artId] || nativeInfo[artId] < oldData[artId]) {
26248					nativeInfo[artId] = oldData[artId];
26249				}
26250			});
26251		});
26252		
26253		//console.log('nativeInfo efter sammanläggning:', nativeInfo);
26254
26255		// Spara den sammanlagda listan i den globala nyckeln så att inget tappas bort
26256		localStorage.setItem(lsKey, JSON.stringify(nativeInfo));
26257
26258		// Om det bara finns en yta, använd vanliga displayNativeArray
26259		if (elementsArray.length === 1) {
26260			//console.log('En yta - använder standard displayNativeArray');
26261			displayNativeArray(combinedList, lsKey, elementsArray[0], statType);
26262			return;
26263		}
26264		
26265		let articlesShown = 0;
26266
26267		// Loopa genom kombinerade listan och fördela på ytor
26268		for (let i = 0; i < combinedList.length && articlesShown < elementsArray.length; i++) {
26269			const { articleId, frequency } = combinedList[i];
26270
26271			if (!nativeInfo.hasOwnProperty(articleId)) {
26272				nativeInfo[articleId] = 0;
26273			}
26274
26275			if (nativeInfo[articleId] < frequency) {
26276				// Bestäm vilken yta denna artikel ska visas på (round-robin)
26277				const targetElement = elementsArray[articlesShown % elementsArray.length];
26278				
26279				//console.log('Visar artikel', articleId, 'på yta', targetElement);
26280				
26281				// Skapa en temporär lista med bara denna artikel
26282				const singleArticleList = [combinedList[i]];
26283				
26284				// Visa artikeln på denna yta - ANVÄND SAMMA lsKey för alla
26285				displayNativeArray(singleArticleList, lsKey, targetElement, statType);
26286				
26287				articlesShown++;
26288			}
26289		}
26290
26291		if (articlesShown === 0) {
26292			//console.log('Inga natives kvar att visa från kombinerad lista');
26293		}
26294	}
26295	
26296	</script>
26296
26297
26298	
26299	
26300	
26301
26302
26303
26304
26305
26306
26307
26308
26309
26310
26311
26312	
26313	
26314
26315
26316
26317
26318
26319
26320
26321
26322
26323
26324
26325
26326
26327
26328
26329
26330
26331
26332
26333
26334
26335
26336
26337
26338
26339
26340
26341
26342
26343
26344
26345
26346
26347
26348
26349
26350
26351
26352
26353
26354
26355
26356
26357
26358
26359
26360
26361
26362
26363
26364
26365
26366
26367
26368
26369
26370
26371
26372
26373
26374
26375
26376
26377
26378
26379
26380
26381
26382<script>
26383	
26384$(document).on('click', 'f-share', function(){
26385	const title = this.dataset.title;
26386	const url = this.dataset.url;
26387	
26388	if (navigator.share) {
26389		navigator.share({
26390			title: title,
26391			url: url
26392		})
26393		.then(function() {
26394			console.log('Delning lyckades');
26395		})
26396		.catch(function(error) {
26397			console.log('Delning misslyckades', error);
26398		});
26399	} else {
26400		const message = 'Dela ' + title + ' på din enhet: ' + url;
26401		const dummy = document.createElement('input');
26402		document.body.appendChild(dummy);
26403		dummy.setAttribute('value', message);
26404		dummy.select();
26405		document.execCommand('copy');
26406		document.body.removeChild(dummy);
26407		alert('Länken är kopierad och redo att delas!');
26408	}
26409});
26410
26411/*
26412if (navigator.share) { 
26413	navigator.share({
26414		title: this.dataset.title,
26415		url: this.dataset.url
26416	}).then(() => {
26417		
26418		console.log('Thanks for sharing!');
26419	})
26420	.catch(console.error);
26421	//gtag('event', 'shareButton', { 'event_category' : 'Click', 'event_label' : this.dataset.url });
26422}
26423*/
26424	
26425	
26426</script>
26426
26427
26428
26429
26430
26431
26432
26433
26434
26435
26436
26437
26438
26439
26440
26441	
26442
26443
26444
26445
26446
26447
26448
26449
26450
26451
26452
26453	
26454
26455
26456
26457
26458
26459
26460
26461	
26462
26463
26464
26465
26466
26467
26468	
26469
26470
26471
26472
26473	
26474
26475
26476
26477
26478	
26479
26480
26481
26482
26483
26484	
26485
26486  
26487 
26488 
26489 
26490 
26491 
26492
26493
26494
26495
26496
26497
26498
26499
26500
26501
26502
26503
26504
26505
26506
26507
26508
26509
26510
26511
26512
26513
26514
26515
26516
26517
26518
26519
26520
26521
26522
26523
26524
26525
26526
26527
26528
26529
26530
26531
26532
26533
26534
26535
26536	
26537	
26538
26539	
26540
26541
26542
26543
26544
26545
26546
26547
26548
26549
26550
26551	
26552	
26553
26554
26555
26556
26557
26558
26559
26560
26561
26562
26563
26564
26565
26566
26567
26568
26569
26570
26571
26572
26573
26574
26575
26576
26577
26578
26579
26580
26581
26582
26583
26584
26585
26586
26587
26588
26589
26590
26591
26592
26593
26594
26595
26596
26597
26598
26599
26600
26601
26602
26603
26604
26605
26606
26607
26608
26609
26610
26611
26612
26613
26614
26615
26616
26617
26618
26619
26620
26621
26622
26623
26624
26625
26626
26627
26628
26629
26630
26631
26632
26633
26634	
26635
26636
26637
26638
26639
26640
26641
26642
26643
26644
26645
26646	
26647
26648
26649
26650
26651
26652
26653
26654	
26655
26656
26657
26658
26659
26660
26661	
26662
26663
26664
26665
26666	
26667
26668
26669
26670
26671	
26672
26673
26674
26675
26676
26677	
26678
26679  
26680 
26681 
26682 
26683 
26684 
26685
26686
26687
26688
26689
26690
26691
26692
26693
26694
26695
26696
26697
26698
26699
26700
26701
26702
26703
26704
26705
26706
26707
26708
26709
26710
26711
26712
26713
26714
26715
26716
26717
26718
26719
26720
26721
26722
26723
26724
26725
26726
26727
26728<script> 
26729
26730/* common stuff used on the feber.se, first, last and always */
26731
26732var _gaq = _gaq || [];
26733
26734
26735// load comments 
26736function loadComments(theDiv,theURL) {
26737	
26738	var bouncer = "<div class='spinner'><div class='bounce1'></div><div class='bounce2'></div><div class='bounce3'></div></div>";
26739	
26740	if ($(theDiv).is(":hidden")) {
26741		$(".showDisqus").html("");
26742		$(theDiv).html(bouncer).load(theURL, function(){
26743			$(".showDisqus").slideUp("slow");
26744			$(theDiv).slideDown("slow", function(){
26745				$.scrollTo(theDiv, 800);
26746			}).delay(2000);
26747		});
26748		$('#menu6container').addClass("isHidden"); 
26749		$('#menu6subcontainer').addClass("isHidden"); 
26750		$('#Xmenusubcontainer').addClass("isHidden"); 
26751	} else {
26752		$(theDiv).html("");
26753		$(theDiv).slideUp();
26754	}	
26755	//gtag('event', 'Show', { 'event_category' : 'Comments', 'event_label' : theURL });
26756};
26757
26758// load comments but dont scroll
26759function loadCommentsNoscroll(theDiv,theURL) {
26760	if ($(theDiv).is(":hidden")) {
26761		$(".showDisqus").html("");
26762		$(theDiv).load(theURL, function(){
26763			$(".showDisqus").slideUp("slow");
26764			$(theDiv).slideDown("slow", function(){
26765		}).delay(2000);
26766		});
26767	} else {
26768		$(theDiv).html("");
26769		$(theDiv).slideUp();
26770	}	
26771	//gtag('event', 'Show', { 'event_category' : 'Comments', 'event_label' : theURL });
26772};
26773
26774// Function that loads content from URL
26775// javascript:loadURL('#theDiv','theContent');
26776
26777function loadURL(theDiv,theContent) {
26778	$(theDiv).load(theContent);
26779};
26780
26781
26782
26783
26784function dovideostuff(youtubeId) {
26785	window.activeYTID = youtubeId;
26786	window.doADstuff = 'no';
26787	$('#youtube_'+youtubeId).addClass('hidden');
26788	$('#youtube_overlay_'+youtubeId).addClass('hidden');
26789	loadVideo(window.activeYTID,'940','555');
26790	//gtag('event', 'Play', { 'event_category' : 'Video', 'event_label' : youtubeId });
26791};
26792
26793
26794
26795function sc_smartInpageEnd() {
26796	loadVideo(window.activeYTID,'940','555');
26797};
26798
26799function loadVideo(youtubeId,theWidth,theHeight) {
26800	// create youtube player
26801	 $('#menu6container').addClass("isHidden"); 
26802	 $('#menu6subcontainer').addClass("isHidden"); 
26803	 $('#Xmenusubcontainer').addClass("isHidden"); 
26804			
26805	$('#youtube_player_'+youtubeId).removeClass('hidden');
26806	
26807	var tag = document.createElement('script');
26808	tag.src = "https://www.youtube.com/iframe_api";
26809	var firstScriptTag = document.getElementsByTagName('script')[0];
26810	firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
26811	  
26812	var player;
26813	player = new YT.Player('youtube_player_'+youtubeId, {
26814	  width: theWidth,
26815	  height: theHeight,
26816	  videoId: youtubeId,
26817	  playerVars: { 'showinfo': 0, 'rel': 0 },
26818	  events: {
26819		'onReady': onPlayerReady,
26820		'onStateChange': onPlayerStateChange
26821	  }
26822	});
26823
26824	// autoplay video
26825	function onPlayerReady(event) {
26826		if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
26827			// event.target.playVideo();
26828		} else {
26829			event.target.playVideo();
26830		}
26831	}
26832	
26833	function onPlayerStateChange(event) {        
26834		
26835			
26836		if (event.data == YT.PlayerState.ENDED) {
26837			//gtag('event', 'Done', { 'event_category' : 'Video', 'event_label' : 'Success' });
26838			
26839			var url = event.target.getVideoUrl();
26840			var match = url.match(/[?&]v=([^&]+)/);
26841			var thisVideoId = match[1];
26842		
26843				var fnstring = "loadRelated"+thisVideoId;
26844				var fn = window[fnstring];
26845				if (typeof fn === "function") fn(); 
26846				
26847			
26848			if (window.doADstuff == 'yesDONTDOTHIS')
26849			{
26850				$('#youtubeADpost_'+window.activeYTID).removeClass('hidden');
26851				$('#youtube_player_'+window.activeYTID).addClass('hidden');
26852				SC_InPage().run();
26853			} else {
26854				
26855			}
26856			 
26857		}
26858	}
26859		
26860	
26861};
26862
26863function loadVideoMobile(youtubeId,theWidth,theHeight) {
26864	// create youtube player
26865	// $('#menu6container').addClass("isHidden"); 
26866	// $('#menu6subcontainer').addClass("isHidden"); 
26867			
26868	$('#youtube_player_'+youtubeId).removeClass('hidden');
26869	$('#youtube_'+youtubeId).addClass('hidden');
26870	$('#youtube_overlay_'+youtubeId).addClass('hidden');
26871	
26872	var tag = document.createElement('script');
26873	tag.src = "https://www.youtube.com/iframe_api";
26874	var firstScriptTag = document.getElementsByTagName('script')[0];
26875	firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
26876	  
26877	var player;
26878	player = new YT.Player('youtube_player_'+youtubeId, {
26879	  width: theWidth,
26880	  height: theHeight,
26881	  videoId: youtubeId,
26882	  playerVars: { 'showinfo': 0, 'rel': 0 },
26883	  events: {
26884		'onReady': onPlayerReady
26885	  }
26886	});
26887
26888	// autoplay video
26889	function onPlayerReady(event) {
26890		if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
26891			// event.target.playVideo();
26892		} else {
26893			event.target.playVideo();
26894		}
26895	}
26896	
26897};
26898
26899 
26900function loadVideoPromo(youtubeId,promoId,theWidth,theHeight) {
26901	// create youtube player
26902	
26903	window.activepromoYTID = youtubeId;
26904	
26905	$('#menu6container').addClass("isHidden"); 
26906	$('#menu6subcontainer').addClass("isHidden"); 
26907	$('#Xmenusubcontainer').addClass("isHidden"); 
26908			
26909	$('#youtube_player_'+youtubeId).addClass('hidden');
26910	$('#youtube_player_promo_'+youtubeId).removeClass('hidden');
26911	
26912	var tag = document.createElement('script');
26913	tag.src = "https://www.youtube.com/iframe_api";
26914	var firstScriptTag = document.getElementsByTagName('script')[0];
26915	firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
26916	  
26917	var player;
26918	player = new YT.Player('youtube_player_promo_'+youtubeId, {
26919	  width: theWidth,
26920	  height: theHeight,
26921	  videoId: promoId,
26922	  playerVars: { 'showinfo': 0, 'rel': 0 },
26923	  events: {
26924		'onReady': onPlayerReadyPromo,
26925		'onStateChange': onPlayerStateChangePromo
26926	  }
26927	});
26928
26929	
26930	// autoplay video
26931	function onPlayerReadyPromo(event) {
26932		if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
26933			// event.target.playVideo();
26934		} else {
26935			event.target.playVideo();
26936		}
26937	}
26938	
26939	function onPlayerStateChangePromo(event) {        
26940			
26941		if(event.data === 0) {
26942			//gtag('event', 'Promo', { 'event_category' : 'Video', 'event_label' : 'Seen'+promoId });
26943			$('#youtube_'+window.activepromoYTID).removeClass('hidden');
26944			$('#youtube_overlay_'+window.activepromoYTID).removeClass('hidden');
26945			$('#youtube_player_promo_'+window.activepromoYTID).addClass('hidden');
26946			
26947		}
26948	}	
26949	
26950};
26951
26952
26953
26954// Hämta tumnagel till Vimeo
26955function getVimeoThumbOld(vimeoVideoID,vimeoThumbID){
26956	$.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', {format: "json"}, function(data) {
26957		$(vimeoThumbID).attr('src', data[0].thumbnail_large);
26958	});
26959};
26960
26961function getVimeoThumb(vimeoVideoID,vimeoThumbID){
26962	$.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', {format: "json"}, function(data) {
26963		var str=data[0].thumbnail_large;
26964		var n=str.replace('640','1280');
26965		var img = document.createElement('img')
26966		img.src = n
26967			img.onload = function() {
26968				$(vimeoThumbID).attr('src', n);
26969			}
26970			img.onerror = function() {
26971				$(vimeoThumbID).attr('src', data[0].thumbnail_large);
26972			}
26973	});
26974};
26975
26976// Load Vimeo-video
26977
26978function loadVimeoVideo(youtubeId,theWidth,theHeight) {
26979				$("#youtube_"+youtubeId+"").html("<iframe src='//player.vimeo.com/video/"+youtubeId+"?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1' width='"+theWidth+"' height='"+theHeight+"' frameborder='0' webkitAllowFullScreen allowFullScreen></iframe>");
26980				$("#youtube_overlay_"+youtubeId+"").css("display", "none");
26981	
26982};
26983
26984// Hämta tumnagel till Vimeopuff
26985function getVimeoPuff(vimeoVideoID,vimeoPuffID){
26986	$.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', {format: "json"}, function(data) {
26987	$(vimeoPuffID).attr('style', 'background-image: url(' + data[0].thumbnail_large + ');');
26988});
26989};
26990
26991// Load Bambuser-video
26992
26993function loadBambuserVideo(youtubeId,theWidth,theHeight) {
26994				$("#youtube_"+youtubeId+"").html("<iframe src='http://embed.bambuser.com/channel/feber' width='"+theWidth+"' height='"+theHeight+"' frameborder='0' webkitAllowFullScreen allowFullScreen></iframe>");
26995				$("#youtube_overlay_"+youtubeId+"").css("display", "none");
26996	
26997};
26998
26999// show bodytext
27000
27001function showText(divid){
27002	$('#body-'+divid).css({'height' : 'auto' });
27003	$('#body-'+divid).css({'position' : 'static' });
27004	$('#text-'+divid).css({'position' : 'static' });
27005	$('#text-overlay-'+divid).css({'display' : 'none' });
27006 };
27007 
27008 function showTextPremium(divid){
27009	 
27010	var loggedIn = $.cookie("memberful");
27011	
27012	if (loggedIn == 'prenumerant') {
27013		$('#body-'+divid).css({'height' : 'auto' });
27014		$('#body-'+divid).css({'position' : 'static' });
27015		$('#text-'+divid).css({'position' : 'static' });
27016		$('#text-overlay-'+divid).css({'display' : 'none' });
27017	} else {
27018		window.location.href = 'https://premium.feber.se/join/';
27019	} 
27020 };
27021
27022
27023// This sets a cookie
27024function setCookie(theCookie,theValue) {
27025	var standingCookie = $.cookie(theCookie);
27026	
27027	if(theValue == null) {
27028		$.cookie(theCookie, null, { expires: 365, path: '/' });
27029	}
27030	else if(standingCookie == '' || standingCookie == null) {
27031		$.cookie(theCookie, theValue, { expires: 365, path: '/' });
27032	}
27033	else if(standingCookie.match(theValue)) {
27034		/* do nothing */
27035	}
27036	else {
27037		$.cookie(theCookie, standingCookie + "|" + theValue, { expires: 365, path: '/' });
27038	}
27039}
27040
27041// This removes a value from a cookie and checks for |-leftovers
27042function removeCookieValue(theCookie,theValue) {
27043	var standingCookie = $.cookie(theCookie);
27044	
27045	if(theValue.match(standingCookie) ) {
27046		
27047		$.cookie(theCookie, standingCookie.replace(theValue,''), { expires: 365, path: '/' });
27048		
27049		var standingCookie = $.cookie(theCookie);
27050		
27051		$.cookie(theCookie, standingCookie.replace('||','|'), { expires: 365, path: '/' });
27052		
27053		var standingCookie = $.cookie(theCookie);
27054		var firstChar = standingCookie.charAt(0);
27055		
27056		var the_length=standingCookie.length;
27057		var lastChar=standingCookie.charAt(the_length-1);
27058		
27059		if ("|"==firstChar) {
27060			$.cookie(theCookie, standingCookie.substr(1), { expires: 365, path: '/' });
27061		}
27062		
27063		if ("|"==lastChar) {
27064			$.cookie(theCookie, standingCookie.slice(0, -1), { expires: 365, path: '/' });
27065		}
27066	}
27067}
27068
27069// This hides content depending on the cookie hideSites
27070	function checkCookie() {
27071				
27072		var standingCookie=$.cookie('hideSites');
27073		
27074		if(standingCookie == '' || standingCookie == null) {
27075		}
27076		else {
27077			var mySplitResult = standingCookie.split("|");
27078			
27079			for(i = 0; i < mySplitResult.length; i++) {
27080				// alert("." + mySplitResult[i]);
27081				// alert(mySplitResult.length);
27082				
27083			$("." + mySplitResult[i]).css("display","none");
27084			$("." + mySplitResult[i] + "Related").css("display","none");
27085			$("." + mySplitResult[i] + "Off").css("display","block");
27086			$("." + mySplitResult[i] + "Reklam").css("display","none");
27087			$("#" + mySplitResult[i] + "OnButton").css("display","none");
27088			$("#" + mySplitResult[i] + "OffButton").css("display","block");
27089			// $("#" + mySplitResult[i] + "Menu").css("opacity","0.5");
27090		
27091			
27092		};
27093	};
27094};
27095
27096
27097
27098
27099
27100function slide(theDiv) {
27101	if ($(theDiv).is(":hidden")) {
27102		$(theDiv).slideDown("fast");
27103	} else {
27104		$(theDiv).slideUp();
27105	}
27106};
27107
27108
27109function fadeMenu(theDiv,theCookie,theCookieContent) {
27110	if ($(theDiv).is(":hidden")) {
27111		$(theDiv).fadeIn("fast");
27112	} else {
27113		$(theDiv).fadeOut("fast");
27114	}
27115	$.cookie(theCookie, theCookieContent, { expires: 365, path: '/' });
27116};
27117
27118
27119// load allpics 
27120function loadAllImages(theDiv,theURL) {
27121	if ($(theDiv).is(":hidden")) {
27122		$(theDiv).writeCapture().load(theURL, function(){
27123			kill();
27124			$(theDiv).slideDown("slow");
27125			$('img').jail({effect:"fadeIn", speed : "slow"});
27126		});
27127	} else {
27128		$(theDiv).slideUp();
27129	}	
27130};
27131
27132function loadOnePic(theDiv,theContent) {
27133	if ($(theDiv).is(":hidden")) {
27134		$(theDiv).writeCapture().load(theContent, function(){
27135			kill();
27136			$(theDiv).slideDown("slow");
27137			$('img').jail({effect:"fadeIn", speed : "slow"});
27138		});
27139	} else {
27140		$(theDiv).writeCapture().load(theContent, function(){
27141			kill();
27142			$(theDiv).slideDown("slow");
27143			$('img').jail({effect:"fadeIn", speed : "slow"});
27144		});
27145	}
27146}; 
27147
27148function kill() {
27149  /* Reset various Tailsweep vars. before "page reload" */ 
27150  window.tsAdsByPrio_top = undefined;
27151  window.tsAdsRendered_top_slot = undefined;
27152  window.tsAdsRendered_top = undefined;
27153  window.ts_currentSlot_top = undefined;
27154  window.ts_top_siteAdMap = undefined;  /* Denna rad är ny */                          
27155}; 
27156
27157
27158
27159
27160
27161
27162
27163
27164
27165/* för att visa och gömma divar 2007-03-27 /w */ 
27166
27167/*function toggleDiv(divid){
27168	if(document.getElementById(divid).style.display == 'none'){
27169	  document.getElementById(divid).style.display = 'block';
27170	}else{
27171	  document.getElementById(divid).style.display = 'none';
27172	}
27173 }
27174
27175function hideDiv(divid){
27176   document.getElementById(divid).style.display = 'none';
27177}
27178
27179function showDiv(divid){
27180   document.getElementById(divid).style.display = 'block';
27181}
27182
27183function unhideDiv(divid){
27184	document.getElementById(divid).style.display = 'block';
27185}
27186
27187function hiddenDiv(divid){
27188	document.getElementById(divid).style.visibility = 'hidden';
27189}
27190
27191function unhiddenDiv(divid){
27192	document.getElementById(divid).style.visibility = 'visible';
27193}
27194
27195
27196function showDiv6(divid){
27197	$(divid).css({'display' : 'block'});
27198}
27199
27200function hideDiv6(divid){
27201	$(divid).css({'display' : 'none'});
27202}
27203
27204function killContent(contentPart){
27205	setCookie('hideSites',contentPart);
27206	$("#" + contentPart + "OnButton").css({'display' : 'none'});
27207	$("#" + contentPart + "OffButton").css({'display' : 'block'});
27208	slide("." + contentPart);
27209	slide("." + contentPart + "Off");
27210	$("." + contentPart + "Reklam").css("display","none");
27211}
27212
27213function wakeContent(contentPart){
27214	removeCookieValue('hideSites',contentPart);
27215	$("#" + contentPart + "OnButton").css({'display' : 'block'});
27216	$("#" + contentPart + "OffButton").css({'display' : 'none'});
27217	slide("." + contentPart);
27218	slide("." + contentPart + "Off");
27219	$("." + contentPart + "Reklam").css("display","block");
27220}
27221
27222
27223$().ready(function() {
27224
27225
27226	function myMouseOver(elems,options) {
27227		$('.menuOptionHover',elems).stop();
27228		$('.menuOptionHover',elems).animate({'opacity':1},'fast');
27229	}
27230
27231	function myMouseOut(elems,options) {
27232		$('.menuOptionHover',elems).stop();
27233		$('.menuOptionHover',elems).animate({'opacity':0},'fast');
27234	}
27235
27236	
27237});
27238
27239
27240
27241
27242
27243
27244
27245function fadeLoggedin(){
27246	$.scrollTo( '#top', 400 );
27247	$("#medlemlank").css("color", "#999");
27248	$("#soklank").css("color", "#fff");
27249	$("#rsslank").css("color", "#fff");
27250	$('#soken').fadeOut(150, function () {
27251	$('#rss').fadeOut(150, function () {
27252	$('#loggedin').fadeIn(400);
27253});
27254});
27255};
27256
27257function fadeSearch(){
27258	$.scrollTo( '#top', 400 );
27259	$("#medlemlank").css("color", "#fff");
27260	$("#soklank").css("color", "#999");
27261	$("#rsslank").css("color", "#fff");
27262	$('#loggedin').fadeOut(150, function () {
27263	$('#rss').fadeOut(150, function () {
27264	$('#soken').fadeIn(400);
27265});
27266});
27267};
27268
27269function fadeRSS(){
27270	$.scrollTo( '#top', 400 );
27271	$("#medlemlank").css("color", "#fff");
27272	$("#soklank").css("color", "#fff");
27273	$("#rsslank").css("color", "#999");
27274	$('#loggedin').fadeOut(150, function () {
27275	$('#soken').fadeOut(150, function () {
27276	$('#rss').fadeIn(400);
27277});
27278});
27279};
27280
27281function fadeLoginForm(){
27282	$('#noMember').fadeOut(150, function () {
27283	$('#loginHeader').fadeIn(400);
27284});
27285};
27286
27287*/
27288
27289/*
27290		function onYouTubePlayerReady(playerId) {
27291			var yp = $('#'+playerId);
27292			yp[0].addEventListener('onStateChange', '(function(state) { yListner("'+playerId+'",state) })')
27293		}
27294		function yListner(player, state){
27295			if (0 == state && 1 == $('#commercial_original').length) {
27296					var aP = $('#'+player);
27297					var url = $('#commercial_original').text();
27298					swfobject.embedSWF($('#commercial_original').text(), 'rep_'+player, aP.attr('width'), aP.attr('height'), "8", null, null, { allowScriptAccess: "always" }, { id: 'rep_'+player });
27299			}
27300		}
27301*/
27302		
27303// Function that moves to the next article with j and k
27304
27305
27306
27307function scroll(direction) {
27308
27309	var scroll, i,
27310		positions = [],
27311		here = $(window).scrollTop(),
27312		collection = $('.scrollitem');
27313
27314	collection.each(function() {
27315		positions.push(parseInt($(this).offset()['top'],10));
27316	});
27317
27318	for(i = 0; i < positions.length; i++) {
27319		if (direction == 'next' && positions[i] > here) { 
27320			scroll = collection.get(i); 
27321			console.log('next2');
27322			break; 
27323 		}
27324		if (direction == 'prev' && i > 0 && positions[i] >= here) { 
27325			scroll = collection.get(i-1); 
27326			console.log('prev2');
27327			break; 
27328 	   	}
27329	}
27330
27331	if (scroll) {
27332		$.scrollTo(scroll, { duration: 500 });
27333	}
27334
27335	return false;
27336}
27337
27338
27339$(function() {
27340	$("#next,#prev").click(function() {        
27341		return scroll($(this).attr('id'));    
27342	});
27343});
27344
27345
27346$(window).keydown (function(event) {
27347	console.log('event ' + event);
27348	if ($('.nonavigation').is(":focus")) { }
27349	else if ($('.gsc-input').is(":focus")) { }
27350	else if ($('.st-default-search-input').is(":focus")) { }
27351	else if (event.metaKey || event.ctrlKey) { }
27352	else if (event.altKey) {
27353		switch (event.which) {
27354			case 40: // key is down
27355				scroll ('next');
27356				break;
27357			case 38: // key is up
27358				scroll ('prev');
27359				break;
27360		}
27361	}
27362	else if (event) {
27363		switch (event.which) {
27364			case 74:  // j
27365				scroll('next');
27366				console.log('next');
27367				break;
27368			case 75:  // k
27369				scroll('prev');
27370				console.log('prev');
27371				break;
27372
27373		}
27374	} else {
27375		switch (event.keyCode) {
27376			case 37: // key is left
27377		case 38: // key is up
27378				scroll ('prev');
27379				break;
27380			case 39: // key is right
27381		case 40: // key is down
27382				scroll ('next');
27383				break;
27384		}
27385	}
27386});
27387
27388
27389
27390
27391
27392
27393
27394/*
27395function killSpoiler(articleID) {
27396	$( '#art_content_' + articleID ).removeClass( 'spoiler' );
27397	$( '#spoileroverlay' + articleID ).addClass( 'hidden' );
27398};
27399*/
27400
27401// 1. function to hide the menu etc on different points
27402// 2. function to load preview-content from menu
27403// 3. functions that shows the stars to set cookies
27404// 4. function to change content and set cookie
27405// 5. function to change content depending on cookiecontent
27406// 6. function to show hidden articles
27407
27408
27409// Tempsaker
27410
27411/*
27412var thedate = Math.round(Number(new Date()/1000));
27413var loadcookie = $.cookie('lastload');
27414var thiscookie = $.cookie('thisvisit');
27415var lastcookie = $.cookie('lastvisit');
27416var diffdateload = thedate-loadcookie;
27417var diffdatethis = thedate-thiscookie;
27418*/
27419
27420
27421// 1. function to hide the menu etc on different points
27422
27423/*
27424init = { previousTop: 0 }
27425
27426$(window).scroll(init,function () {
27427	 var menuContainer = '#menu6container';
27428	 var menuSubContainer = '#menu6subcontainer';
27429	 var currentTop = $(window).scrollTop();
27430	 var startFade = 300;
27431
27432	 if (currentTop < init.previousTop) {
27433			$(menuContainer).removeClass("isHidden");
27434			 $(menuSubContainer).removeClass("isHidden"); 
27435			 $('#Xmenusubcontainer').removeClass("isHidden"); 
27436		
27437	 } else {
27438		if (currentTop > startFade) {
27439			 $(menuContainer).addClass("isHidden"); 
27440			 $(menuSubContainer).addClass("isHidden"); 
27441			 $('#Xmenusubcontainer').addClass("isHidden"); 
27442		}
27443   }
27444
27445	 init.previousTop = currentTop;
27446 });
27447
27448*/
27449
27450// 2. function to load preview-content from menu
27451
27452/*
27453function pre6load(section) {
27454	var section = section.toLowerCase();
27455	if (section == 'start') {
27456		var dasURL = '/load/?p=thumbhotsGrande&count=3';
27457	} else {
27458		var dasURL = '/'+section+'/load/?p=thumbnails&count=3';
27459	}
27460	$('#pre6').load(dasURL).fadeIn(100);
27461	
27462	//if ($(window).scrollTop() > 500) {
27463	//	$('.pre6containerfixed').fadeIn(100);
27464	//	$('#pre6fixed').load(dasURL).fadeIn(100);
27465	//}
27466	
27467};
27468
27469*/
27470
27471
27472// 3. functions that shows the stars to set cookies
27473
27474function showSetters() {
27475	$('#items .item .on').toggle();
27476};
27477
27478
27479// 4. function to change content and set cookie
27480
27481function changeSetters(theDiv) {
27482	$('#item-' + theDiv).toggleClass('off');
27483	$('#cat-item-' + theDiv).toggleClass('off');
27484	
27485	var standingCookie=$.cookie('hideSites');
27486	if(standingCookie == '' || standingCookie == null) {
27487		setCookie('hideSites',theDiv);
27488		$("." + theDiv).slideUp("fast");
27489		$("." + theDiv + "Off").slideDown("fast");
27490		$('.inArtHider' + theDiv).text('Visa ' + theDiv + '-artiklar');	
27491	} else if(standingCookie.match(theDiv)) {
27492		removeCookieValue('hideSites',theDiv);
27493		$("." + theDiv).slideDown("fast");
27494		$("." + theDiv + "Off").slideUp("fast");
27495		$('.inArtHider' + theDiv).text('Visa inte ' + theDiv + '-artiklar');
27496	} else {
27497		setCookie('hideSites',theDiv);
27498		$("." + theDiv).slideUp("fast");
27499		$("." + theDiv + "Off").slideDown("fast");
27500		$('.inArtHider' + theDiv).text('Visa ' + theDiv + '-artiklar');
27501	};
27502};
27503
27504
27505
27506// 5. function to change content depending on cookiecontent
27507
27508function checkSetters(artID) {
27509	var standingCookie=$.cookie('hideSites');
27510	if(standingCookie == '' || standingCookie == null) { } else {
27511		
27512		var mySplitResult = standingCookie.split("|");
27513		for(i = 0; i < mySplitResult.length; i++) {
27514			// alert("." + mySplitResult[i]);
27515			// alert(mySplitResult.length);
27516			$('#item-' + mySplitResult[i]).toggleClass('off');
27517			$('#cat-item-' + mySplitResult[i]).toggleClass('off');
27518			if(artID == '' || artID == null) {
27519				$("." + mySplitResult[i]).addClass( "hiddenNonImportant" );
27520				$("." + mySplitResult[i] + "Off").removeClass( "hiddenNonImportant" );
27521				$("." + mySplitResult[i] + "Reklam").css("display","none");
27522				$('.inArtHider' + mySplitResult[i]).text('Visa ' + mySplitResult[i] + '-artiklar');	
27523			}
27524		};
27525	};
27526};
27527
27528
27529
27530
27531// 6. function to show hidden articles
27532
27533/*
27534function showHiddenArt(theDiv) {
27535	slide("#article" + theDiv);
27536	slide("#art_collapsed_" + theDiv);
27537	slide("#fullsizecontainer" + theDiv);
27538	slide("#drop" + theDiv);
27539} 
27540
27541function showHiddenArtNew(theDiv) {
27542	slide("#article" + theDiv);
27543	slide("#art_collapsed_" + theDiv);
27544	slide("#fullsizecontainer" + theDiv);
27545	slide("#drop" + theDiv);
27546} 
27547*/
27548
27549
27550</script>
27550
27551
27552
27553
27554	
27555		
27556		
27557	
27558	
27559	
27560	
27560<script src="//www.youtube.com/player_api" async></script>
27560
27561		
27562	
27563
27564	
27565
27566	
27567	
27568	
27569	
27570	
27571	
27572
27573	
27574	
27574<script type="text/javascript">
27575	
27576		// Frågan!
27577
27578		function submitVote (questionId, articleId, elementId) {
27579			var holder = [];
27580			var request = new XMLHttpRequest();
27581			
27582			document.forms['questionForm' + questionId].option.forEach(function (element) {
27583				element.checked ? holder.push(element.value) : null;
27584			});
27585
27586			request.onreadystatechange = function () {
27587				if (request.readyState === 4) {
27588					if (request.status === 200) {
27589						document.getElementById(elementId).innerHTML = request.responseText;
27590						
27591						localStorage.setItem('feberVoted' + questionId, true);
27592					} else {
27593						document.getElementById(elementId).innerHTML = 'N&aring;got blev fel!' + request.responseText;
27594					}
27595				}
27596			}
27597			
27598			var updateNumber = Math.floor((Math.random() * 10000) + 1);
27599			
27600			request.open('GET','/art/' + articleId + '/rostapafragan/vote/?question=' + questionId + '&option=' + holder.join('') + '&redirect=https://feber.se/question/' + questionId + '/result/?option=' + holder.join('') + '&u=' + updateNumber );
27601			request.send();
27602		}
27603		
27604		
27605		// Mät länkklick i body1 och body2
27606		
27607		window.onclick = function (e) {
27608			// Hitta länkar
27609			if (e.target.localName == 'a') {
27610				// Kolla om de är i body
27611				if ($(e.target).parents('.body1').length || $(e.target).parents('.body2').length) {
27612					//Kolla om det är native eller inte 
27613					if ($(e.target).parents('.Promotion').length) {
27614						var actionName = 'nativeLinkBody';
27615					} else {
27616						var actionName = 'externalLinkBody';
27617					}
27618				}
27619				
27620				if ($(e.target).parents('.Promotion').length) {
27621					$('f-stat-catcher').load( '/count?type=' + actionName + '&typeId=' + e.target.getAttribute('href') );
27622				}
27623			}
27624		}
27625		
27626		
27627	</script>
27627
27628	
27629	
27630	
27631
27632	
27633	
27634	
27635
27636	
27637	
27638	
27639	
27640	
27641			<link type="application/rss+xml" rel="alternate" title="Feber" href="//feber.se/rss/"/>
27642			
27643		
27644
27645	
27646	
27647	
27648
27649	
27650	
27651	
27652			
27653					<meta name="description" content="Feber &auml;r din dagliga k&auml;lla till allt om teknik, bilar, prylar, spel, vetenskap och popul&auml;rkultur. V&auml;lkommen!" />
27654				
27655		
27656	
27657	
27658			<meta name="keywords" content="android, ios, iphone, ipad, mac, windows, bil, foto, mobil, pryl, spel,vetenskap, video, webb" />
27659		
27660	
27661	
27662	
27663	
27664	
27665	
27666	
27667	
27668	
27669	
27670
27671	
27672	
27673	
27674	
27675	
27675<script>
27676		
27677		function loadScript(url, callback){ // script för att ladda in scripts dynamiskt
27678
27679			var script = document.createElement("script")
27680			script.type = "text/javascript";
27681
27682			script.onload = function(){
27683				// callback();
27684			};
27685
27686			script.src = url;
27687			document.getElementsByTagName("head")[0].appendChild(script);
27688		}
27689
27690
27691var THRESHOLDYT = 700;
27692
27693function inScreen(elem) {
27694	var bounding = elem.getBoundingClientRect();
27695	return (
27696		bounding.top >= 0 &&
27697		bounding.left >= 0 &&
27698		bounding.bottom <= ((window.innerHeight || document.documentElement.clientHeight) + THRESHOLDYT)
27699	);
27700};
27701		  
27702		  
27703
27704		</script>
27704
27705		
27706	
27707
27708	
27709	
27710	
27711	<style>
27712		f-kvarter {
27713			width: 100%; max-width: calc(100% - 80px); margin: 0px auto; background-color: rgba(255,255,255,1); padding: 0px; display: grid; grid-template-columns: 1fr minmax(auto, 450px); grid-template-rows: auto auto auto 1fr; height: 220px;
27714			box-shadow: 0px 0px 30px rgba(0,0,0,0.5); text-align: left; 
27715			grid-template-areas:
27716				"header media"
27717				"body media"
27718				"textline media"
27719				"readmore media";
27720		}
27721
27722		
27723		f-kvarter-media { max-width: var(--f-article-width); min-height: 90px;
27724			background-color: var(--f-article-background);margin: 0 auto; display: flex; grid-area: media; width: 100%; position: relative; overflow: hidden; border-radius: 0px; }
27725		f-kvarter-media img { width: 100%; height: 100%; object-fit: cover; position: absolute; }
27726		
27727		f-kvarter-body { grid-area: body; display: -webkit-box; margin: 0 20px 8px 20px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-family: SuisseRegular, 'Helvetica Neue', arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 18px; color: #222; -webkit-font-smoothing: auto;
27728		}
27729		
27730
27731		
27732		f-kvarter f-kvarter-headline {
27733			border-top: none !important; padding: 20px 20px 0 20px; font-size: 18px; line-height: 20px; grid-area: header; display: grid; margin: 0 0 8px 0;  }
27734		
27735		f-kvarter f-kvarter-headline-headline {
27736			font-family: SuisseBold; -webkit-font-smoothing: antialiased; color: #222; font-weight: 300; }
27737		
27738		f-kvarter f-kvarter-headline-preamble {
27739			font-family: SuisseLight; -webkit-font-smoothing: auto; color: var(--f-hot-color); font-weight: 300; }
27740		
27741		
27742		
27743		
27744		f-kvarter-spons {
27745			position: absolute; right: 10px; bottom: 10px; background-color: var(--f-hot-color); color: white; padding: 4px 5px; }
27746			
27747		f-kvarter-readmore {
27748			grid-area: readmore; margin: 0 20px; 
27749			font-family: SuisseRegular, 'Helvetica Neue', arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 18px; 
27750		}
27751		f-kvarter-readmore a {
27752			color: var(--f-hot-color); 
27753		}
27754
27755		@media only screen and (max-width: 800px) {
27756			f-kvarter {
27757				max-width: calc(100% - 60px);
27758				height: 260px;
27759				grid-template-columns: auto;
27760				grid-template-rows: 1fr auto;
27761				grid-template-areas: 
27762					"media"
27763					"header";
27764				}
27765			f-kvarter-headline {
27766				font-size: 16px !important; line-height: 18px !important; padding: 15px 18px !important; 
27767			}
27768
27769			f-kvarter-readmore, f-kvarter-body {
27770				display: none; 
27771			}
27772		}
27773
27774	</style>
27775	
27776	
27776<script>
27777		function startInscreenReadPeak(beacon,counter) {
27778			console.log('startInscreenReadPeak ' + beacon + ' ' + counter);
27779			var divToCheck = document.querySelector('#rp' + counter);
27780			var hasBeenCalled = false;
27781			
27782			window.addEventListener('scroll', function(event) {
27783		
27784				if (inScreen(divToCheck) && hasBeenCalled === false) {
27785					console.log('Is in screen: ' + divToCheck + ' rp' + counter + ' url: ' + beacon);
27786					hasBeenCalled = true;
27787					//$('f-stat-catcher').load(beacon);
27788					$('f-stat-catcher').html('<img src="' + beacon + '" />');
27789				}
27790			}, false);
27791		}
27792	</script>
27792
27793	
27794	
27795
27796	
27797
27798	
27799<script>
27800
27801	let userStatus;
27802	let yinYang;
27803
27804	function setValue(value) {
27805		yinYang = value;
27806
27807		const storedYinYang = sessionStorage.getItem('yinYang');
27808		
27809		if (!storedYinYang || storedYinYang !== value) {
27810			sessionStorage.setItem('yinYang', value);
27811		}
27812
27813		if (yinYang === 'Plus') {
27814			//console.log('You are using Feber+, thank you!');
27815			localStorage.setItem('mehr', 'true');
27816		} else if (yinYang === 'User') {
27817			localStorage.setItem('benutzer', 'true');
27818		} else {
27819			localStorage.removeItem('mehr');
27820			localStorage.removeItem('benutzer');
27821		}
27822
27823		if (yinYang === 'Adblock' || yinYang === 'AdblockPlausible') {
27824			$('body').attr('data-block', 'true');
27825			console.log('You are using an adblocker, please whitelist us!');
27826		}
27827	}
27828
27829	
27830	// Checks if ad networks are reachable (not blocked by adblocker)
27831	// Kollar både Plausible och Google Ads — om någon blockeras → adblock
27832	function checkFirst() {
27833		return new Promise(function(resolve) {
27834			var plausible = fetch('https://plausible.io/api/event', {mode:'no-cors',method:'POST'}).then(function() { console.log('[checkFirst] plausible: OK'); return true; }).catch(function() { console.log('[checkFirst] plausible: BLOCKERAD'); return false; });
27835			var google = fetch('https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', {mode:'no-cors'}).then(function() { console.log('[checkFirst] google: OK'); return true; }).catch(function() { console.log('[checkFirst] google: BLOCKERAD'); return false; });
27836			Promise.all([plausible, google]).then(function(results) {
27837				console.log('[checkFirst] resultat: plausible=' + results[0] + ', google=' + results[1] + ' → ' + (results[0] && results[1] ? 'User' : 'Adblock'));
27838				resolve(results[0] && results[1]);
27839			});
27840		});
27841	}
27842	
27843	$(document).ready(() => checkPlus().then(isPlus => {
27844		//console.log('Start');
27845		if (isPlus) {
27846			setValue('Plus');
27847			window._adblocked = false;
27848			//console.log('Set Plus');
27849		} else {
27850			//console.log('2');
27851			if (checkPren()) {
27852				setValue('Premium');
27853				window._adblocked = false;
27854				//console.log('Set Premium');
27855			} else {
27856				//console.log('3');
27857				checkFirst().then((isLoaded) => {
27858					//console.log('4');
27859					window._adblocked = !isLoaded;
27860					if (!isLoaded) {
27861						setValue('Adblock');
27862						//console.log('Set Adblock');
27863					} else {
27864						//console.log('5');
27865						setValue('User');
27866						//console.log('Set User');
27867					}
27868				})
27869				.catch((error) => console.error(error));
27870				
27871			}
27872		}
27873	}).catch(error => console.error(error))); 
27874	
27875	
27876
27877</script>
27877
27878
27879
27880
27881
27882
27883
27884<script data-name="maxapi" data-domain="feber.se" data-version="3.2.520" data-cfasync="false">!function(e){"use strict";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var n,t,i,r=(n=function(e,n){e.exports=function(){var e=function(){},n={},t={},i={};function r(e,n){e=e.push?e:[e];var r,o,s,c=[],a=e.length,f=a;for(r=function(e,t){t.length&&c.push(e),--f||n(c)};a--;)o=e[a],(s=t[o])?r(o,s):(i[o]=i[o]||[]).push(r)}function o(e,n){if(e){var r=i[e];if(t[e]=n,r)for(;r.length;)r[0](e,n),r.splice(0,1)}}function s(n,t){n.call&&(n={success:n}),t.length?(n.error||e)(t):(n.success||e)(n)}function c(n,t,i,r){var o,s,a=document,f=i.async,u=(i.numRetries||0)+1,d=i.before||e,l=n.replace(/[\?|#].*$/,""),p=n.replace(/^(css|img)!/,"");r=r||0,/(^css!|\.css$)/.test(l)?((s=a.createElement("link")).rel="stylesheet",s.href=p,(o="hideFocus"in s)&&s.relList&&(o=0,s.rel="preload",s.as="style")):/(^img!|\.(png|gif|jpg|svg|webp)$)/.test(l)?(s=a.createElement("img")).src=p:((s=a.createElement("script")).src=n,s.async=void 0===f||f),s.onload=s.onerror=s.onbeforeload=function(e){var a=e.type[0];if(o)try{s.sheet.cssText.length||(a="e")}catch(e){18!=e.code&&(a="e")}if("e"==a){if((r+=1)<u)return c(n,t,i,r)}else if("preload"==s.rel&&"style"==s.as)return s.rel="stylesheet";t(n,a,e.defaultPrevented)},!1!==d(n,s)&&a.head.appendChild(s)}function a(e,n,t){var i,r,o=(e=e.push?e:[e]).length,s=o,a=[];for(i=function(e,t,i){if("e"==t&&a.push(e),"b"==t){if(!i)return;a.push(e)}--o||n(a)},r=0;r<s;r++)c(e[r],i,t)}function f(e,t,i){var r,c;if(t&&t.trim&&(r=t),c=(r?i:t)||{},r){if(r in n)throw"LoadJS";n[r]=!0}function f(n,t){a(e,(function(e){s(c,e),n&&s({success:n,error:t},e),o(r,e)}),c)}if(c.returnPromise)return new Promise(f);f()}return f.ready=function(e,n){return r(e,(function(e){s(n,e)})),f},f.done=function(e){o(e,[])},f.reset=function(){n={},t={},i={}},f.isDefined=function(e){return e in n},f}()},n(t={exports:{}},t.exports),t.exports),o=document.currentScript.dataset.domain,s=window.btoa(o).substring(0,5)+"."+o,c=function(){var e=new CustomEvent("contentBlocked",{});window.dispatchEvent(e);try{var n=JSON.stringify({b:!0}),t=new Blob([n],{type:"application/json"});navigator.sendBeacon("https://"+s+"/profile",t)}catch(e){}};if("undefined"!=typeof URLSearchParams){var a=new URLSearchParams(window.location.search);a.has("max_suffix")&&(i=a.get("max_suffix"))}r(["https://maxetise.net/prebid."+[o,i].filter((function(e){return e})).join(".")+".js"],"prebid",{numRetries:1,error:function(){c()}}),r(["https://securepubads.g.doubleclick.net/tag/js/gpt.js"],"gpt",{numRetries:1,error:function(){c()}});var f=window&&window.maxapi&&window.maxapi.cmd?window.maxapi.cmd:[];e.cmd=f,Object.defineProperty(e,"__esModule",{value:!0})}(this.maxapi=this.maxapi||{});</script>
27884
27885
27886
27887
27888
27889
27890
27891
27892
27893
27894
27895<style>
27896	.fc-consent-root .fc-dialog .fc-header h1, .fc-consent-root .fc-dialog .fc-header h2 {
27897		margin: 12px 0; font-family: SuisseBold; font-weight: 300 !important; font-size: 16px !important;
27898	}
27899</style>
27900
27901<script>
27902	// Generell funktion för att initiera Readpeak-puffar med text-visning när laddad
27903	function initReadpeakPuffs(config) {
27904		const {
27905			adId,
27906			articleId,
27907			tags,
27908			blockSelector,
27909			mobileBreakpoint = 600,
27910			position = null
27911		} = config;
27912
27913		function initReadpeakBlocks() {
27914			if (document.readyState === 'loading') {
27915				document.addEventListener('DOMContentLoaded', initReadpeakBlocks);
27916				return;
27917			}
27918
27919			checkPlus().then(isPlus => {
27920				if (isPlus || checkPren()) {
27921					const blocks = document.querySelectorAll(blockSelector);
27922					blocks.forEach(block => {
27923						if (block && typeof block.remove === 'function') {
27924							block.remove();
27925						} else if (block && block.parentNode) {
27926							block.parentNode.removeChild(block);
27927						}
27928					});
27929				} else {
27930					const adElement = document.querySelector(blockSelector + "[data-sid='" + articleId + "']");
27931					if (!adElement) {
27932						setTimeout(initReadpeakBlocks, 100);
27933						return;
27934					}
27935
27936					const handleReadPeak = (entries, observer) => {
27937						const entry = entries[0];
27938						if (entry.isIntersecting) {
27939							const elementPosition = adElement.getAttribute('data-position') || position;
27940							const tagsWithPosition = elementPosition ? tags + ',position:' + elementPosition : tags;
27941							var count = window.innerWidth < mobileBreakpoint ? 1 : 2;
27942							runReadPeak(adId, count, tagsWithPosition);
27943							observer.unobserve(adElement);
27944						}
27945					};
27946
27947					const observer = new IntersectionObserver(handleReadPeak, {
27948						root: null,
27949						rootMargin: '100px',
27950						threshold: 0.5
27951					});
27952					observer.observe(adElement);
27953
27954					// Fallback: om containern fortfarande är dold vid window load
27955					window.addEventListener('load', function() {
27956						setTimeout(function() {
27957							if (adElement.style.display === 'none' || !adElement.children.length) {
27958								observer.unobserve(adElement);
27959								handleReadPeak([{ isIntersecting: true }], observer);
27960							}
27961						}, 500);
27962					});
27963				}
27964			}).catch(error => console.error(error));
27965		}
27966
27967		initReadpeakBlocks();
27968	}
27969
27970	// Mappa placeringsnamn till numeriska ID:n för url_hit_counter
27971	// Wide/Maxetise: desktop1-5 = 1-5, mobile1-5 = 6-10
27972	// Puffs: before-article = 20, before-list = 21, in-article = 22, smallTop = 23
27973	// Test: 99
27974	function rpPlacementId(p) {
27975		if (!p) return 0;
27976		var m = {desktop1:1, desktop2:2, desktop3:3, desktop4:4, desktop5:5,
27977		         mobile1:6, mobile2:7, mobile3:8, mobile4:9, mobile5:10,
27978		         'before-article':20, 'before-list':21, 'in-article':22, smallTop:23,
27979		         kvarterstart:30, kvarterstartm:31, kvarterart:32, kvarterartm:33,
27980		         test:99};
27981		return m[p] || 0;
27982	}
27983
27984	// ReadPeak Wide: stor variant — byggs dynamiskt med div + inline styles
27985	// config.immediate = true skippar IntersectionObserver (för fallback-spawns i redan synliga slots)
27986	function initReadpeakWide(config) {
27987		const { adId, articleId, tags, position, immediate } = config;
27988
27989		function init() {
27990			if (document.readyState === 'loading') {
27991				document.addEventListener('DOMContentLoaded', init);
27992				return;
27993			}
27994
27995			checkPlus().then(isPlus => {
27996				if (isPlus || checkPren()) {
27997					const block = document.getElementById(adId);
27998					if (block) block.remove();
27999					return;
28000				}
28001
28002				const container = document.getElementById(adId);
28003				if (!container) {
28004					setTimeout(init, 100);
28005					return;
28006				}
28007
28008				const tagsWithPosition = position ? tags + ',position:' + position : tags;
28009				var mob = window.innerWidth <= 600;
28010
28011				function render(result) {
28012					if (!Array.isArray(result) || !result.length) {
28013						container.style.setProperty('display', 'none', 'important');
28014						return;
28015					}
28016
28017					var c = result[0];
28018					var rawImg = (c.images && c.images.length) ? c.images[c.images.length - 1].image : '';
28019					var imgW = mob ? '180px' : '230px';
28020					var tFs = mob ? '15px' : '18px';
28021					var tLh = mob ? '18px' : '21px';
28022					var bFs = mob ? '12px' : '13px';
28023					var bLh = mob ? '15px' : '17px';
28024
28025					container.style.cssText = 'display:block;width:100%;max-width:980px;overflow:hidden;';
28026
28027					var link = document.createElement('a');
28028					link.href = c.target || '#';
28029					link.target = '_blank';
28030					link.rel = 'nofollow';
28031					link.style.cssText = 'display:flex;flex-direction:row;text-decoration:none;color:inherit;background-color:rgb(45,45,45);overflow:hidden;font-family:var(--f-suisse-regular);-webkit-font-smoothing:antialiased;';
28032
28033					var pid = rpPlacementId(articleId);
28034					link.addEventListener('click', function() {
28035						navigator.sendBeacon('/api/status', JSON.stringify([{t:'rpWideClick',id:pid}]));
28036					});
28037
28038					link.innerHTML =
28039						'<div style="flex-shrink:0;width:' + imgW + ';min-height:120px;overflow:hidden">' +
28040							'<img style="width:100%;height:100%;object-fit:cover;display:block">' +
28041						'</div>' +
28042						'<div style="flex:1;display:flex;flex-direction:column;justify-content:start;padding:16px 20px;min-width:0">' +
28043							'<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-bold);font-weight:300;color:#fff">' + (c.title || '') + '</div>' +
28044							'<div style="font-size:' + tFs + ';line-height:' + tLh + ';font-family:var(--f-suisse-regular);color:var(--n-orange-semidark);margin-bottom:4px">Annons fr\u00e5n ' + (c.advertiser || '') + '</div>' +
28045							'<div style="font-size:' + bFs + ';line-height:' + bLh + ';color:rgb(190,190,190)">' + (c.text || '') + '</div>' +
28046							(c.cta ? '<div style="margin-top:8px;font-size:' + bFs + ';line-height:' + bLh + ';font-weight:300;color:var(--n-orange-semidark)">' + c.cta + '</div>' : '') +
28047						'</div>';
28048
28049					container.innerHTML = '';
28050					container.appendChild(link);
28051
28052					if (rawImg) {
28053						var img = container.querySelector('img');
28054						img.src = '/p/rp/img?u=' + btoa(rawImg).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,'');
28055						img.onload = function() {
28056							if (typeof _pingQueue === 'function') {
28057								_pingQueue('rpWideView', rpPlacementId(articleId), 1);
28058							}
28059						};
28060						img.onerror = function() {
28061							container.style.display = 'none';
28062						};
28063					}
28064
28065					if (Array.isArray(c.beacons)) {
28066						c.beacons.forEach(function(u) { new Image(1,1).src = u; });
28067					}
28068				}
28069
28070				function fetchAds(consentString) {
28071					var url = '/p/rp/json?l=621&j=1&n=1&tags=' + encodeURIComponent(tagsWithPosition || '') + '&gdpr_consent=' + encodeURIComponent(consentString || '');
28072					fetch(url)
28073						.then(function(r) { return r.json(); })
28074						.then(render)
28075						.catch(function() { container.style.display = 'none'; });
28076				}
28077
28078				function doFetch() {
28079					if (typeof window.__tcfapi === 'function') {
28080						var handled = false;
28081						var fallback = setTimeout(function() { if (!handled) { handled = true; fetchAds(''); } }, 5000);
28082						try {
28083							window.__tcfapi('addEventListener', 2, function(tcData, success) {
28084								if (!success || handled) return;
28085								var cs = (tcData && tcData.tcString) ? tcData.tcString : '';
28086								var es = tcData && tcData.eventStatus;
28087								if (cs || es === 'tcloaded' || es === 'useractioncomplete') {
28088									clearTimeout(fallback);
28089									handled = true;
28090									fetchAds(cs);
28091								}
28092							});
28093						} catch (e) { fetchAds(''); }
28094					} else {
28095						fetchAds('');
28096					}
28097				}
28098
28099				if (immediate) {
28100					doFetch();
28101				} else {
28102					new IntersectionObserver(function(entries, observer) {
28103						if (!entries[0].isIntersecting) return;
28104						observer.unobserve(container);
28105						doFetch();
28106					}, { root: null, rootMargin: '200px', threshold: 0.1 }).observe(container);
28107				}
28108
28109			}).catch(function(err) { console.warn('RP Wide: error', err); });
28110		}
28111
28112		init();
28113	}
28114
28115
28116</script>
28116
28117
28118<!-- Puff-styling hanteras med inline styles i runReadPeak -->
28119<style>
28120
28121
28122
28123	/* Wide-styling hanteras med inline styles i initReadpeakWide */
28124
28125	/* STYLING FÖR SNIPPETS */
28126
28127	:root {
28128		/* Root bakgrund och text (används av body, snippet m.fl.) */
28129		/*
28130		--f-snippet-background: rgb(55,55,55);
28131		--f-snippet-background-fade: rgb(65,65,65);
28132		--f-snippet-text: rgb(220,220,220);
28133		--f-snippet-text-muted: #ccc;
28134		*/
28135			--f-snippet-background: rgb(230,230,230);
28136			--f-snippet-background-fade: rgb(220,220,220);
28137			--f-snippet-text: var(--f-article-text-color);
28138			--f-snippet-text-muted: var(--f-article-text-color-shade-deluxe);
28139	} 
28140
28141	f-article[data-status='snippet'] { display: flex; flex-direction: column;}
28142
28143	f-article[data-status='snippet'] f-article-image[data-position='primary'] { padding-bottom: 35% !important; }
28144
28145	/* SNIPPET HEADER */
28146	f-article[data-status='snippet'] f-article-header { font-size: 18px; line-height: 20px; padding-bottom: 10px; }
28147
28148	@media only screen and (max-width: 800px) {
28149		f-article[data-status='snippet'] f-article-header { font-size: 16px; line-height: 18px; }
28150	}
28151	
28152	/* SNIPPET FOOTER */
28153	f-article[data-status='snippet'] f-article-footer { height: 34px; padding: var(--f-article-padding-thin); width: calc(var(--f-article-width) - var(--f-article-padding-thin) - var(--f-article-padding-thin)); max-width: calc(var(--f-article-maxwidth) - var(--f-article-padding-thin) - var(--f-article-padding-thin)); }
28154
28155	f-article[data-status='snippet'] f-article-footer-plus, f-article[data-status='snippet'] f-article-footer-minus, f-article[data-status='snippet'] f-article-footer-plus svg, f-article[data-status='snippet'] f-article-footer-minus svg { height: 34px; width: 34px; }
28156	f-article[data-status='snippet'] f-article-footer-minus { margin-left: 10px; }
28157
28158	f-article[data-status='snippet'] f-article-footer .temp, f-article[data-status='snippet'] f-article-footer f-article-temp { padding: 0 8px; font-size: 20px; line-height: 32px; -webkit-font-smoothing: auto; }
28159
28160	f-article[data-status='snippet'] f-article-footer f-bubble { padding: 0 6px 0 6px; font-size: 20px; line-height: 32px; min-width: calc(34px - 12px); }
28161	f-article[data-status='snippet'] f-article-footer f-bubble::after { 
28162		margin-top: 0px; margin-right: 0px; margin-left: -2px;
28163		border-left: 2px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #333;
28164	}
28165	f-article[data-status='snippet'] f-article-footer .arrow { margin-top: 9px; }
28166
28167	f-article[data-status='snippet'] f-article-footer .writer_icon { 	width: 34px; height: 34px; }
28168	f-article[data-status='snippet'] f-article-footer-writerinfo { font-size: 10px; padding: 6px 0 0 4px; line-height: 12px; }
28169
28170	@media only screen and (min-width: 600px) {
28171		f-article[data-status='snippet'][data-primarymedia='image'] { flex-direction: row; max-width: 980px; margin: var(--f-margins-margins); width: 100%; }
28172		
28173		f-article[data-status='snippet'][data-primarymedia='image'] f-article-wrapper { 
28174			box-shadow: none; margin: 0;
28175		}
28176		
28177		f-article[data-status='snippet'][data-primarymedia='image'] f-article-media-above { width: 240px; margin: 0; }
28178
28179		f-article[data-status='snippet'][data-primarymedia='image'] f-article-image[data-position='primary'] { height: 100%; padding-bottom: unset !important; }
28180
28181	}
28182	f-article[data-status='snippet'] f-article-header { background-color: var(--f-snippet-background) !important; }
28183	f-article[data-status='snippet'] f-article-headline b { color: var(--f-snippet-text) !important; }
28184	f-article[data-status='snippet'] f-article-preamble { color: var(--f-snippet-text-muted) !important; }
28185	f-article[data-status='snippet'][data-temp='hot'] f-article-preamble { color: var(--f-hot-color) !important; }
28186	f-article[data-status='snippet'][data-temp='cold'] f-article-preamble { color: var(--f-cold-color) !important; }
28187
28188	f-article[data-status='snippet'] f-article-content { background-color: var(--f-snippet-background) !important; }
28189	f-article[data-status='snippet'] f-article-footer { background-color: var(--f-snippet-background-fade) !important; }
28190	f-article[data-status='snippet'] f-article-footer-writerinfo { color: var(--f-snippet-text-muted) !important; }
28191	f-article[data-status='snippet'] f-article-footer-writerinfo b { color: var(--f-snippet-text) !important; }
28192	f-article[data-status='snippet'] f-article-body-link a {  }
28193</style>
28194
28195
28196
28197	
28198
28199	<!--
28199<script async src="/p/js/pa-M8305ExWVEQwQRQJuvI0X.js"></script>
28199-->
28200	
28200<script async src="https://plausible.io/js/pa-M8305ExWVEQwQRQJuvI0X.js"></script>
28200
28201
28202	
28203	
28203<script>
28204	window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
28205	plausible.init()
28206	</script>
28206
28207
28208
28209
28210
28211
28212
28213
28214
28215
28216	
28217	
28218			
28219			
28220			
28221		
28222	
28223	
28223<script type="application/ld+json">
28224		{
28225			"@context": "https://schema.org",
28226			"@type": "WebSite",
28227			"name": "Feber",
28228			"url": "https://feber.se",
28229			"potentialAction": {
28230				"@type": "SearchAction",
28231				"target": {
28232					"@type": "EntryPoint",
28233					"urlTemplate": "https://feber.se/sok/?q={search_term_string}"
28234				},
28235				"query-input": "required name=search_term_string"
28236			},
28237			"publisher": {
28238				"@type": "Organization",
28239				"name": "Feber",
28240				"logo": {
28241					"@type": "ImageObject",
28242					"url": "https://feber.se/faviconsfeber/android-chrome-512x512.png",
28243					"width": 512,
28244					"height": 512
28245				}
28246			}
28247		}
28248	</script>
28248
28249
28250<!-- Batch event collector -->
28251<script>
28252(function() {
28253	var _eq = [];
28254
28255	window._pingQueue = function(type, id, hits) {
28256		var ev = { t: type, id: Number(id) };
28257		if (hits && hits > 1) ev.h = Number(hits);
28258		_eq.push(ev);
28259	};
28260
28261	function _flush() {
28262		if (_eq.length === 0) return;
28263		var payload = JSON.stringify(_eq);
28264		_eq = [];
28265		if (navigator.sendBeacon) {
28266			navigator.sendBeacon('/api/status', payload);
28267		} else {
28268			var xhr = new XMLHttpRequest();
28269			xhr.open('POST', '/api/status', true);
28270			xhr.setRequestHeader('Content-Type', 'application/json');
28271			xhr.send(payload);
28272		}
28273	}
28274
28275	setInterval(_flush, 30000);
28276	document.addEventListener('visibilitychange', function() {
28277		if (document.visibilityState === 'hidden') _flush();
28278	});
28279	window.addEventListener('beforeunload', _flush);
28280})();
28281</script>
28281
28282
28283<!-- Visitor & visit tracking -->
28284<script>
28285(function() {
28286	var now = new Date();
28287	var today = now.toISOString().slice(0, 10);
28288	var sn = 'feber'; // "feber" eller "tjock"
28289
28290	// Unik per dag
28291	var dailyKey = 'f_ud_' + sn;
28292	var dailyVal = localStorage.getItem(dailyKey);
28293	if (dailyVal !== today) {
28294		localStorage.setItem(dailyKey, today);
28295		window._pingQueue(sn + 'UniqueDaily', 0);
28296	}
28297
28298	// Unik per vecka (nollställs söndag)
28299	var weeklyKey = 'f_uw_' + sn;
28300	var day = now.getDay(); // 0=sön
28301	var diff = now.getDate() - day;
28302	var sunday = new Date(now.getFullYear(), now.getMonth(), diff);
28303	var weekId = sunday.toISOString().slice(0, 10);
28304	var weeklyVal = localStorage.getItem(weeklyKey);
28305	if (weeklyVal !== weekId) {
28306		localStorage.setItem(weeklyKey, weekId);
28307		window._pingQueue(sn + 'UniqueWeekly', 0);
28308	}
28309
28310	// Besök (session)
28311	var visitKey = 'f_vs_' + sn;
28312	if (!sessionStorage.getItem(visitKey)) {
28313		sessionStorage.setItem(visitKey, '1');
28314		window._pingQueue(sn + 'Visit', 0);
28315	}
28316})();
28317</script>
28317
28318
28319<!-- Article view tracker -->
28320<script>
28321(function() {
28322	var timers = {};
28323	var viewed = {};
28324
28325	function reportTime(id, seconds) {
28326		if (seconds <= 0 || seconds > 900) return;
28327		window._pingQueue('articleViewSeconds', id, seconds);
28328		if (seconds > 15) {
28329			window._pingQueue('articleView15', id);
28330		} else if (seconds > 10) {
28331			window._pingQueue('articleView10', id);
28332		} else if (seconds > 5) {
28333			window._pingQueue('articleView5', id);
28334		} else if (seconds > 1) {
28335			window._pingQueue('articleView1', id);
28336		}
28337	}
28338
28339	var observer = new IntersectionObserver(function(entries) {
28340		for (var i = 0; i < entries.length; i++) {
28341			var entry = entries[i];
28342			var id = entry.target.getAttribute('data-id');
28343			if (!id) continue;
28344
28345			if (entry.isIntersecting) {
28346				if (!viewed[id]) {
28347					window._pingQueue('articleView', id);
28348					viewed[id] = true;
28349				}
28350				if (!timers[id]) {
28351					timers[id] = new Date();
28352				}
28353			} else {
28354				if (timers[id]) {
28355					var seconds = Math.round((new Date() - timers[id]) / 1000);
28356					reportTime(id, seconds);
28357					delete timers[id];
28358				}
28359			}
28360		}
28361	}, { threshold: 0 });
28362
28363	function trackArticle(el) {
28364		if (el.getAttribute('data-tracked')) return;
28365		if (!el.getAttribute('data-id')) return;
28366		el.setAttribute('data-tracked', '1');
28367		observer.observe(el);
28368	}
28369
28370	function scanArticles(root) {
28371		var articles = (root || document).querySelectorAll('f-article[data-id]');
28372		for (var i = 0; i < articles.length; i++) {
28373			trackArticle(articles[i]);
28374		}
28375	}
28376
28377	if (document.readyState === 'loading') {
28378		document.addEventListener('DOMContentLoaded', function() { scanArticles(); });
28379	} else {
28380		scanArticles();
28381	}
28382
28383	var mo = new MutationObserver(function(mutations) {
28384		for (var i = 0; i < mutations.length; i++) {
28385			var added = mutations[i].addedNodes;
28386			for (var j = 0; j < added.length; j++) {
28387				var node = added[j];
28388				if (node.nodeType !== 1) continue;
28389				if (node.tagName === 'F-ARTICLE' && node.getAttribute('data-id')) {
28390					trackArticle(node);
28391				}
28392				if (node.querySelectorAll) {
28393					scanArticles(node);
28394				}
28395			}
28396		}
28397	});
28398	mo.observe(document.documentElement, { childList: true, subtree: true });
28399
28400	window.addEventListener('beforeunload', function() {
28401		for (var id in timers) {
28402			if (timers.hasOwnProperty(id) && timers[id]) {
28403				var seconds = Math.round((new Date() - timers[id]) / 1000);
28404				reportTime(id, seconds);
28405			}
28406		}
28407	});
28408})();
28409</script>
28409
28410
28411<!-- Native article view tracker -->
28412<script>
28413(function() {
28414	var timers = {};
28415	var viewed = {};
28416
28417	function reportTime(id, seconds, isRead) {
28418		if (seconds <= 0 || seconds > 900) return;
28419		window._pingQueue('nativeViewedSeconds', id, seconds);
28420
28421		if (isRead) {
28422			window._pingQueue('nativeReadSeconds', id, seconds);
28423		} else {
28424			if (seconds > 15) {
28425				window._pingQueue('nativeFeedRead15', id);
28426				window._pingQueue('nativeFeedRead15Seconds', id, seconds);
28427			} else if (seconds > 10) {
28428				window._pingQueue('nativeFeedRead10', id);
28429				window._pingQueue('nativeFeedRead10Seconds', id, seconds);
28430			} else if (seconds > 5) {
28431				window._pingQueue('nativeFeedRead5', id);
28432				window._pingQueue('nativeFeedRead5Seconds', id, seconds);
28433			} else if (seconds > 1) {
28434				window._pingQueue('nativeFeedRead1', id);
28435				window._pingQueue('nativeFeedRead1Seconds', id, seconds);
28436			}
28437		}
28438	}
28439
28440	// Keep time before and after opening Läs mer separate, regardless of campaign KPI.
28441	window.nativeReadMoreOpened = function(id) {
28442		if (!timers[id]) return;
28443		var seconds = Math.round((new Date() - timers[id]) / 1000);
28444		reportTime(id, seconds, false);
28445		timers[id] = new Date();
28446	};
28447
28448	var observer = new IntersectionObserver(function(entries) {
28449		for (var i = 0; i < entries.length; i++) {
28450			var entry = entries[i];
28451			var id = entry.target.getAttribute('data-native-id');
28452			if (!id) continue;
28453
28454			if (entry.isIntersecting) {
28455				if (!viewed[id]) {
28456					window._pingQueue('nativeViewed', id);
28457					viewed[id] = true;
28458				}
28459				if (!timers[id]) {
28460					timers[id] = new Date();
28461				}
28462			} else {
28463				if (timers[id]) {
28464					var seconds = Math.round((new Date() - timers[id]) / 1000);
28465					var articleBody = entry.target.querySelector('f-article-body[data-part="2"]');
28466					var isRead = articleBody && articleBody.dataset.overlay !== 'true';
28467					reportTime(id, seconds, isRead);
28468					delete timers[id];
28469				}
28470			}
28471		}
28472	}, { threshold: 0 });
28473
28474	function trackNative(el) {
28475		if (el.getAttribute('data-native-tracked')) return;
28476		if (!el.getAttribute('data-native-id')) return;
28477		el.setAttribute('data-native-tracked', '1');
28478		observer.observe(el);
28479	}
28480
28481	function scanNatives(root) {
28482		var natives = (root || document).querySelectorAll('[data-native-id]');
28483		for (var i = 0; i < natives.length; i++) {
28484			trackNative(natives[i]);
28485		}
28486	}
28487
28488	if (document.readyState === 'loading') {
28489		document.addEventListener('DOMContentLoaded', function() { scanNatives(); });
28490	} else {
28491		scanNatives();
28492	}
28493
28494	var mo = new MutationObserver(function(mutations) {
28495		for (var i = 0; i < mutations.length; i++) {
28496			// Attribut-mutation: data-native-id sattes på ett befintligt element
28497			if (mutations[i].type === 'attributes' && mutations[i].attributeName === 'data-native-id') {
28498				trackNative(mutations[i].target);
28499				continue;
28500			}
28501			// childList-mutation: nya noder lades till
28502			var added = mutations[i].addedNodes;
28503			for (var j = 0; j < added.length; j++) {
28504				var node = added[j];
28505				if (node.nodeType !== 1) continue;
28506				if (node.getAttribute && node.getAttribute('data-native-id')) {
28507					trackNative(node);
28508				}
28509				if (node.querySelectorAll) {
28510					scanNatives(node);
28511				}
28512			}
28513		}
28514	});
28515	mo.observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-native-id'] });
28516
28517	window.addEventListener('beforeunload', function() {
28518		for (var id in timers) {
28519			if (timers.hasOwnProperty(id) && timers[id]) {
28520				var seconds = Math.round((new Date() - timers[id]) / 1000);
28521				var native = document.querySelector('[data-native-id="' + id + '"]');
28522				var articleBody = native && native.querySelector('f-article-body[data-part="2"]');
28523				reportTime(id, seconds, !!(articleBody && articleBody.dataset.overlay !== 'true'));
28524			}
28525		}
28526	});
28527
28528})();
28529</script>
28529
28530
28531</head>
28532
28533
28534
28535
28536
28537
28538
28539
28540
28541
28542
28543
28544
28545
28546
28547
28548
28549
28550
28551
28552
28553
28554<body class=" feber" data-site="feber">
28555	
28556	
28557
28558	
28559	
28559<script type="text/javascript">
28560
28561		function initPremiumStatus() {
28562			checkPlus().then(isPlus => {
28563				if (isPlus) {
28564					document.body.setAttribute('data-premium', 'true');
28565				} else if (checkPren()) {
28566					document.body.setAttribute('data-premium', 'true');
28567				} else {
28568					document.body.setAttribute('data-premium', 'false');
28569				}
28570			}).catch(error => console.error(error));
28571		}
28572
28573		if (document.readyState === 'loading') {
28574			document.addEventListener('DOMContentLoaded', initPremiumStatus);
28575		} else {
28576			initPremiumStatus();
28577		}
28578		
28579	</script>
28579
28580	
28581	
28582	<f-menu-background></f-menu-background>
28583	
28584	
28585	<f-fullscreen>
28586		<f-fullscreen-close onclick="exitFullscreen();">
28587			<svg id="nofullscreen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
28588				<polygon style="fill:#ffffff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32"/>
28589				<polygon style="fill:#ffffff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414"/>
28590				<polygon style="fill:#ffffff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586"/>
28591				<polygon style="fill:#ffffff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0"/>
28592			</svg>
28593		</f-fullscreen-close>
28594	 </f-fullscreen>
28595
28596
28597	
28597<script type="text/javascript">
28598		
28599		let timeforOutsider = false;
28600		let roomforOutsider = false;
28601		let outsiderRunned = false;
28602
28603		// Funktion to load outsider, but only when the time and place is correct
28604
28605		function initOutsider() {
28606			checkPlus().then(isPlus => {
28607				if (!isPlus) {
28608					if (!checkPren()) {
28609
28610					// Check loaded placements
28611					// This is to ensure that desktop0 and desktop1 is loaded before outsiders, because of performance
28612					// Can be overridden by timer below
28613
28614					let placementsLoaded = [];
28615
28616					window.addEventListener(
28617						"placementLoaded",
28618						function (e) {
28619
28620							// Function that checks the placements and push to placementsLoaded
28621							if (e.detail.placement === "desktop0" || e.detail.placement === "desktop1" || e.detail.placement === "desktop2") {
28622								placementsLoaded.push(e.detail.placement);
28623								//console.log('placement ' + e.detail.placement)
28624							}
28625
28626							// When two is loaded, carry on
28627							if (placementsLoaded.length == 2) {
28628
28629								// Is it two unique placements?
28630								const uniquePlacements = new Set(placementsLoaded);
28631								if (uniquePlacements.size == 2) {
28632									placementsLoaded.push("loaded");
28633									timeforOutsider = true;
28634									runOutsiders('placeloaded');
28635								}
28636								//console.log('placement2 ' + e.detail.placement)
28637							}
28638						},
28639						false
28640					);
28641
28642					// If desktop1 is below fold we just wait two seconds
28643					setTimeout(function() {
28644						timeforOutsider = true;
28645						runOutsiders('3sek');
28646					}, 500);
28647
28648
28649					// Check if there is enough space
28650					const element = document.querySelector('f-internallinks-new[data-special="topscroll"]');
28651					const winHeight = window.innerHeight;
28652
28653					
28654					if (element) {
28655						// If topscroll element exists
28656						if (winHeight > 950) {
28657							// If enough space for banner + topscroll
28658							roomforOutsider = true;
28659							runOutsiders('space-950');
28660						} else {
28661							// If not, wait for topscroll to exit
28662							const observer = new IntersectionObserver(
28663							(entries) => {
28664								entries.forEach((entry) => {
28665									if (!entry.isIntersecting) {
28666										const leavingFromTop = entry.boundingClientRect.bottom < entry.rootBounds.top;
28667										if (leavingFromTop) {
28668											roomforOutsider = true;
28669											runOutsiders('space-topscroll-exit');
28670											observer.unobserve(entry.target);
28671										}
28672									}
28673								});
28674							},
28675							{ threshold: 0 }
28676							);
28677							observer.observe(element);
28678						}
28679					} else {
28680						// If no topscroll, just check for height, but less
28681						if (window.innerHeight > 800) {
28682							roomforOutsider = true;
28683							runOutsiders('space-800');
28684						}
28685					}
28686				}
28687			}
28688		}).catch(error => console.error(error));
28689		}
28690
28691		function runOutsiders(where) {
28692			// 'where' is just to know what fired this
28693			// console.log('Running Outsider Room: ' + roomforOutsider + ' Time: ' + timeforOutsider + ' From: ' + where);
28694
28695			if (roomforOutsider && timeforOutsider && !outsiderRunned) {
28696				// set outsiderRunned to true to prevent double loading
28697				outsiderRunned = true;
28698				var outsiderEl = document.getElementById('outsider');
28699				var outsiderLeftEl = document.getElementById('outsiderLeft');
28700				if (outsiderEl) {
28701					outsiderEl.innerHTML = '<div class="maxetise" data-placement=\'[{ "mq":"screen and (min-width: 1340px)", "placement": "desktop6"}]\'></div>';
28702				}
28703				if (outsiderLeftEl) {
28704					outsiderLeftEl.innerHTML = '<div class="maxetise" data-placement=\'[{ "mq":"screen and (min-width: 1640px)", "placement": "desktop7"}]\'></div>';
28705				}
28706			}
28707		}
28708		
28709		if (document.readyState === 'loading') {
28710			document.addEventListener('DOMContentLoaded', initOutsider);
28711		} else {
28712			initOutsider();
28713		}
28714
28715	</script>
28715
28716
28717	
28718	
28719		<div id="maxetiseFull"></div>
28720
28721		
28721<script type="text/javascript">
28722			function initMaxetiseFull() {
28723				checkPlus().then(isPlus => {
28724					if (!isPlus) {
28725						if (!checkPren()) {
28726							// load placement 0
28727							var maxetiseFullEl = document.getElementById('maxetiseFull');
28728							if (maxetiseFullEl) {
28729								maxetiseFullEl.innerHTML = '<div class="maxetise" data-placement=\'[{ "mq":"screen and (max-width: 500px)", "placement": "mobile0"}, { "mq":"screen", "placement": "desktop0"}]\'></div>';
28730							}
28731						}
28732					}
28733				}).catch(error => console.error(error));
28734			}
28735			
28736			if (document.readyState === 'loading') {
28737				document.addEventListener('DOMContentLoaded', initMaxetiseFull);
28738			} else {
28739				initMaxetiseFull();
28740			}
28741		</script>
28741
28742
28743	
28744	
28745	
28746	<div id="outsider"></div><div id="outsiderLeft"></div>
28747		
28748	
28749	
28750	
28751
28752	
28753	
28754		<f-menu-container>
28755			<f-menu>
28756				
28757				
28758				<a href="https://feber.se/" aria-label="Till startsidan">
28759					<f-menu-feberlogo>
28760						<svg width="73" height="13" viewBox="0 0 1001 180" fill="none" xmlns="http://www.w3.org/2000/svg">
28761							<path d="M946.6 102.68C979.36 102.68 1000.42 80.3198 1000.42 52.4998C1000.42 23.6398 979.36 0.759766 946.6 0.759766C914.1 0.759766 893.82 23.6398 893.82 52.4998C893.82 80.3198 914.1 102.68 946.6 102.68ZM947.12 70.4398C934.38 70.4398 928.14 62.3798 928.14 51.9798C928.14 41.8398 934.38 32.4798 947.12 32.4798C959.34 32.4798 966.62 41.8398 966.62 51.9798C966.62 62.3798 959.34 70.4398 947.12 70.4398Z" fill="var(--f-hot-color)" id="logoring" style="" />
28762							<path d="M717 179.4H764.84V120.38H786.68C794.48 127.66 818.4 173.16 828.54 179.4H880.28C871.18 174.98 842.32 122.98 832.18 112.06V109.98C852.98 103.74 867.8 84.24 867.8 58.5C867.8 22.88 846.22 0 792.92 0H717V179.4ZM764.06 85.54V36.66H788.76C810.86 36.66 818.4 46.8 818.4 61.36C818.4 76.18 810.86 85.54 788.76 85.54H764.06Z" fill="var(--f-menu-nohover)"/>
28763							<path d="M539 179.4H677.58V141.18H586.58V107.12H677.58V70.2H586.58V37.7H677.58V0H539V179.4Z" fill="var(--f-menu-nohover)"/>
28764							<path d="M352 179.4H434.42C480.18 179.4 504.62 164.06 504.62 130.52C504.62 101.4 484.86 91.52 470.82 88.4V86.84C483.82 83.46 500.72 70.72 500.72 47.06C500.72 13 478.88 0 436.5 0H352V179.4ZM397.76 72.8V34.32H427.92C447.94 34.32 453.66 41.08 453.66 53.82C453.66 65.52 448.2 72.8 426.1 72.8H397.76ZM397.76 144.56V104.78H428.7C449.5 104.78 457.3 111.28 457.3 124.8C457.3 139.62 448.98 144.56 428.96 144.56H397.76Z" fill="var(--f-menu-nohover)"/>
28765							<path d="M174 179.4H312.58V141.18H221.58V107.12H312.58V70.2H221.58V37.7H312.58V0H174V179.4Z" fill="var(--f-menu-nohover)"/>
28766							<path d="M0 179.4H47.84V116.22H134.16V78.52H47.84V37.7H134.16V0H0V179.4Z" fill="var(--f-menu-nohover)"/>
28767							<path d="M959.844 103V65.0818H1000V38.7286H959.844V1H930.346V38.7286H890V65.0818H930.346V103H959.844Z" fill="var(--f-hot-color)" id="logoplus" style="opacity: 0;" />
28768						</svg>
28769						
28769<script>
28770							checkPlus().then(isPlus => {
28771								if (isPlus) {
28772									const logoring = document.getElementById("logoring");
28773									const logoplus = document.getElementById("logoplus");
28774									const animtime = 300;
28775									
28776									setTimeout(() => {
28777										logoring.animate({ opacity: 0 }, animtime, function () {
28778											logoplus.css("display", "block");
28779											logoplus.animate({ opacity: 1 }, animtime);
28780										});
28781									}, 1000);
28782								} 
28783							}).catch(error => console.error(error));
28784						</script>
28784
28785
28786					</f-menu-feberlogo>
28787				</a>
28788
28789				
28790
28791				
28792						
28793					
28794
28795				<style>
28796
28797					/* SKA FLYTTAS */ 
28798					f-menu { display: flex; }
28799
28800					f-menu-slash-container {
28801						display: grid; grid-auto-flow: column; float: left;
28802						gap: 10px; overflow-y: hidden;
28803						overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
28804					}
28805
28806					f-menu-slash {
28807						display: flex; cursor: pointer; color: #fff; 
28808						margin-bottom: 4px; font-size: 14px; line-height: 50px; 
28809						transition: color 0.3s ease; 
28810					}
28811
28812					f-menu-slash[data-status='on'] { color: white; }
28813
28814					f-menu-slash::before {
28815						content: "/"; display: block; color: #666;
28816						padding-right: 4px; transition: color 0.2s ease;
28817					}
28818
28819					f-menu-slash[data-status='on']::before { color: var(--f-hot-color); }
28820
28821					@media only screen and (max-width: 6px) { 
28822						body[data-site='feber'] { padding-top: 77px !important; }
28823						f-menu { flex-direction: column; height: 74px; }
28824						f-menu-slash-container { padding: 10px 16px; background-color: rgb(50,50,50); }
28825						f-menu-slash { font-size: 12px; line-height: 12px; }
28826						f-menu-slash::before { padding-right: 3px; }
28827						f-menu-feberlogo { height: 42px; }
28828					}
28829
28830					@media only screen and (max-width: 600px) { 
28831						f-menu-slash {
28832							line-height: 44px; 
28833							font-size: 12px; 
28834						}
28835						f-menu-slash::before {
28836							padding-right: 2px;
28837						}
28838
28839						f-menu-slash-container {
28840							gap: 5px;
28841						}
28842					}
28843
28844					f-menu-droptrigger-burger { margin-left: auto; position: relative; }
28845
28846					f-menu-droptrigger-burger::before {
28847						content: '';
28848						position: absolute;
28849						left: -29px;
28850						top: 0;
28851						height: 100%;
28852						width: 30px;
28853						background: linear-gradient(to right, rgba(0,0,0,0), rgb(30,30,30));
28854						pointer-events: none;
28855					}
28856
28857				</style>
28858				<f-menu-slash-container>
28859					<f-menu-slash data-section="teknik" data-status="off" data-url="/teknik/">
28860						Teknik
28861					</f-menu-slash>
28862					<f-menu-slash data-section="motor" data-status="off" data-url="/motor/">
28863						Motor
28864					</f-menu-slash>
28865					<f-menu-slash data-section="samhalle" data-status="off" data-url="/samhalle/">
28866						Samh&auml;lle
28867					</f-menu-slash>
28868					<f-menu-slash data-section="spel" data-status="off" data-url="/spel/">
28869						Spel
28870					</f-menu-slash>
28871					<f-menu-slash data-section="popkultur" data-status="off" data-url="/popkultur/">
28872						Popkultur
28873					</f-menu-slash>
28874					<f-menu-slash data-section="fritid" data-status="off" data-url="/fritid/">
28875						Fritid
28876					</f-menu-slash>
28877					<f-menu-slash data-section="tjock" data-status="off" data-url="https://tjock.se/">
28878						Tjock
28879					</f-menu-slash>
28880					<f-menu-slash data-section="tester" data-status="off" data-url="/tester/thumbnails/" style="color: #aaa;">
28881						Tester
28882					</f-menu-slash>
28883					<f-menu-slash data-section="polls" data-status="off" data-url="/polls/" style="margin-right: 30px; color: #aaa;">
28884						Dagens fr&aring;ga
28885					</f-menu-slash>
28886				</f-menu-slash-container>
28887
28888				
28888<script>
28889					// Anta att 'section' är definierad någonstans i din kod
28890					var section = 'none'; // eller 'motor', 'teknik', etc.
28891
28892					document.addEventListener('DOMContentLoaded', function() {
28893						var menuItems = document.querySelectorAll('f-menu-slash');
28894
28895						// Sätt initial status baserat på 'section'
28896						menuItems.forEach(function(item) {
28897							if (item.getAttribute('data-section') === section) {
28898								item.setAttribute('data-status', 'on');
28899							} else {
28900								item.setAttribute('data-status', 'off');
28901							}
28902						});
28903
28904						// Lägg till event listeners för musinteraktion
28905						menuItems.forEach(function(item) {
28906							item.addEventListener('mouseover', function() {
28907								menuItems.forEach(function(innerItem) {
28908									innerItem.setAttribute('data-status', 'off');
28909								});
28910								item.setAttribute('data-status', 'on');
28911							});
28912
28913							item.addEventListener('mouseout', function() {
28914								menuItems.forEach(function(innerItem) {
28915									if (innerItem.getAttribute('data-section') === section) {
28916										innerItem.setAttribute('data-status', 'on');
28917									} else {
28918										innerItem.setAttribute('data-status', 'off');
28919									}
28920								});
28921							});
28922
28923							// Lägg till klickhändelse för att navigera till URL
28924							item.addEventListener('click', function() {
28925								var url = item.getAttribute('data-url');
28926								if (url) {
28927									window.location.href = url;
28928								}
28929							});
28930						});
28931					});
28932				</script>
28932
28933					
28934
28935				
28936
28937				
28938				
28939				
28940					<f-menu-droptrigger-burger>
28941						
28942						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
28943							<g>
28944								<circle fill="var(--f-menu-nohover)"  cx="13.7" cy="50" r="13.7"/>
28945								<circle fill="var(--f-menu-nohover)" cx="50" cy="50" r="13.7"/>
28946								<circle fill="var(--f-menu-nohover)" cx="86.3" cy="50" r="13.7"/>
28947							</g>
28948						</svg> 
28949
28950						
28951						
28951<script>  
28952							// För att visa menyn  
28953							var menuTrigger = document.querySelector('f-menu-droptrigger-burger');
28954							if (menuTrigger) {
28955								menuTrigger.addEventListener('click', function(e) {
28956									//console.log('klick');
28957									var dataopen = document.body.getAttribute('data-menu');
28958									if (dataopen == 'open') {
28959										document.body.setAttribute('data-menu','closed');
28960									} else {
28961										document.body.setAttribute('data-menu','open');
28962									}
28963									e.preventDefault();
28964								});
28965							}
28966							
28967							// För att dölja menyn om man klickar utanför den
28968							var menuBackground = document.querySelector('f-menu-background');
28969							if (menuBackground) {
28970								menuBackground.addEventListener('click', function(e) {
28971									document.body.setAttribute('data-menu','closed');
28972									e.preventDefault();
28973								});
28974							}
28975						</script>
28975
28976							
28977					</f-menu-droptrigger-burger>
28978
28979
28980
28981				
28982				<f-menu-dropdown-icons>
28983					<!-- DARK MODE -->
28984					<f-menu-contrast onClick="darkmodeSet();">
28985						<svg id="contrast" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
28986							<circle cx="7" cy="7" r="6" stroke="var(--f-menu-nohover)" stroke-width="2"/>
28987							<path d="M7 1L11 2.5L13 6L12 10L9.5 12.5L7 13.5V1Z" fill="var(--f-menu-nohover)"/>
28988						</svg>
28989					</f-menu-contrast>
28990					
28991					
28992					<f-menu-sub-social>
28993						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" width="14" height="14" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 14222 14222" class="f-menu-social-facebook" onClick="parent.location='https://facebook.com/feberse'">
28994							<g id="Layer_x0020_1">
28995								<path class="f-menu-social-facebook-blue" d="M14222 7111c0,-3927 -3184,-7111 -7111,-7111 -3927,0 -7111,3184 -7111,7111 0,3549 2600,6491 6000,7025l0 -4969 -1806 0 0 -2056 1806 0 0 -1567c0,-1782 1062,-2767 2686,-2767 778,0 1592,139 1592,139l0 1750 -897 0c-883,0 -1159,548 -1159,1111l0 1334 1972 0 -315 2056 -1657 0 0 4969c3400,-533 6000,-3475 6000,-7025z" fill="#1977F3"/>
28996								<path class="f-menu-social-facebook-f" d="M9879 9167l315 -2056 -1972 0 0 -1334c0,-562 275,-1111 1159,-1111l897 0 0 -1750c0,0 -814,-139 -1592,-139 -1624,0 -2686,984 -2686,2767l0 1567 -1806 0 0 2056 1806 0 0 4969c362,57 733,86 1111,86 378,0 749,-30 1111,-86l0 -4969 1657 0z" fill="#FEFEFE" />
28997							</g>
28998						</svg>
28999						<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-menu-instagram" onClick="parent.location='https://instagram.com/feberse'">
29000							<path d="M8.68831 0H3.31148C1.48553 0 0 1.4856 0 3.31155V8.68838C0 10.5144 1.48553 11.9999 3.31148 11.9999H8.68831C10.5144 11.9999 11.9999 10.5143 11.9999 8.68838V3.31155C12 1.4856 10.5144 0 8.68831 0ZM10.9353 8.68838C10.9353 9.92733 9.92733 10.9352 8.68838 10.9352H3.31148C2.0726 10.9353 1.06469 9.92733 1.06469 8.68838V3.31155C1.06469 2.07267 2.0726 1.06469 3.31148 1.06469H8.68831C9.92726 1.06469 10.9352 2.07267 10.9352 3.31155V8.68838H10.9353Z" fill="#999999"/>
29001							<path d="M5.99992 2.90808C4.29492 2.90808 2.90784 4.29516 2.90784 6.00016C2.90784 7.70509 4.29492 9.09209 5.99992 9.09209C7.70491 9.09209 9.09199 7.70509 9.09199 6.00016C9.09199 4.29516 7.70491 2.90808 5.99992 2.90808ZM5.99992 8.02733C4.88206 8.02733 3.97253 7.11794 3.97253 6.00009C3.97253 4.88216 4.88199 3.9727 5.99992 3.9727C7.11784 3.9727 8.0273 4.88216 8.0273 6.00009C8.0273 7.11794 7.11777 8.02733 5.99992 8.02733Z" fill="#999999"/>
29002							<path d="M9.22169 2.00525C9.01656 2.00525 8.81505 2.0883 8.67018 2.2338C8.5246 2.3786 8.44092 2.58018 8.44092 2.78602C8.44092 2.99122 8.52467 3.19274 8.67018 3.33824C8.81498 3.48304 9.01656 3.5668 9.22169 3.5668C9.42753 3.5668 9.62841 3.48304 9.77391 3.33824C9.91942 3.19274 10.0025 2.99115 10.0025 2.78602C10.0025 2.58018 9.91942 2.3786 9.77391 2.2338C9.62912 2.0883 9.42753 2.00525 9.22169 2.00525Z" fill="#999999"/>
29003						</svg>
29004						<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-menu-twitter" onClick="parent.location='https://twitter.com/feber'">
29005							<g clip-path="url(#clip0)">
29006							<path d="M12 2.27925C11.5538 2.475 11.0782 2.60475 10.5825 2.66775C11.0925 2.36325 11.4818 1.88475 11.6648 1.308C11.1892 1.5915 10.6642 1.79175 10.1047 1.9035C9.65325 1.42275 9.00975 1.125 8.30775 1.125C6.94575 1.125 5.84925 2.2305 5.84925 3.58575C5.84925 3.78075 5.86575 3.96825 5.90625 4.14675C3.861 4.047 2.05125 3.06675 0.8355 1.5735C0.62325 1.94175 0.49875 2.36325 0.49875 2.817C0.49875 3.669 0.9375 4.42425 1.5915 4.8615C1.19625 4.854 0.8085 4.73925 0.48 4.5585C0.48 4.566 0.48 4.57575 0.48 4.5855C0.48 5.781 1.33275 6.774 2.451 7.00275C2.25075 7.0575 2.0325 7.08375 1.806 7.08375C1.6485 7.08375 1.4895 7.07475 1.34025 7.04175C1.659 8.016 2.5635 8.73225 3.639 8.7555C2.802 9.41025 1.73925 9.80475 0.58875 9.80475C0.387 9.80475 0.1935 9.79575 0 9.771C1.08975 10.4738 2.38125 10.875 3.774 10.875C8.301 10.875 10.776 7.125 10.776 3.8745C10.776 3.76575 10.7723 3.66075 10.767 3.5565C11.2552 3.21 11.6655 2.77725 12 2.27925Z" fill="#999999"/>
29007							</g>
29008							<defs>
29009							<clipPath id="clip0">
29010							<rect width="12" height="12" fill="white"/>
29011							</clipPath>
29012							</defs>
29013						</svg>
29014						<svg xmlns="http://www.w3.org/2000/svg" id="YouTube_Icon" x="0px" y="0px" viewBox="0 0 1024 721" class="f-menu-youtube" enable-background="new 0 0 1024 721" xml:space="preserve" onClick="parent.location='http://youtube.com/feberse/'">
29015							<path fill="white" class="ytIconTriangle" id="Triangle" d="M407,493l276-143L407,206V493z"></path>
29016							<g id="Lozenge">
29017								<g>
29018									<path fill="red" class="ytIconRectangle" d="M1013,156.3c0,0-10-70.4-40.6-101.4C933.6,14.2,890,14,870.1,11.6C727.1,1.3,512.7,1.3,512.7,1.3    h-0.4c0,0-214.4,0-357.4,10.3
29018C135,14,91.4,14.2,52.6,54.9C22,85.9,12,156.3,12,156.3S1.8,238.9,1.8,321.6v77.5    C1.8,481.8,12,564.4,12,564.4s10,70.4,40.6,101.4c38.9,40.7,89.9,39.4,112.6,43.7c81.7,7.8,347.3,10.3,347.3,10.3    s214.6-0.3,357.6-10.7c20-2.4,63.5-2.6,102.3-43.3c30.6-31,40.6-101.4,40.6-101.4s10.2-82.7,10.2-165.3v-77.5    C1023.2,238.9,1013,156.3,1013,156.3z M407,493V206l276,144L407,493z"></path>
29019								</g>
29020							</g>
29021						</svg>
29022					</f-menu-sub-social>
29023				</f-menu-dropdown-icons>
29024				
29025				<f-menu-dropdown-logos>
29026					
29027					<f-menu-dropdown-logo style="background-color: rgb(217, 4, 41); ">
29028
29029						<a href="https://automatos.se/?utm_source=feber.se&amp;utm_medium=menu" target="_blank">
29030							<img src="https://static.feber.se/article_images/61/28/57/612857.png" style="width: 110px;" />
29031						</a>
29032
29033					</f-menu-dropdown-logo>
29034
29035					<f-menu-dropdown-logo style="background-color: white; ">
29036
29037						<a href="https://tjock.se/" target="_blank">
29038							<svg width="132" height="18" viewBox="0 0 132 30" fill="none" xmlns="http://www.w3.org/2000/svg">
29039								<g clip-path="url(#clip0);">
29040								<rect width="1450" height="650" fill="white"></rect>
29041								<path d="M21.3974 3.56003V1.68715H0.327527V3.56003H9.84801V29H11.877V3.56003H21.3974Z" fill="var(--f-cold-color-tjock)"></path>
29042								<path d="M36.2025 19.9477V1.68715H33.081V19.9868C33.081 24.3178 30.8179 26.5418 27.7355 26.5418C24.8871 26.5418 23.1703 25.1762 21.4925 22.64L19.2685 24.5519C20.9853 27.3612 23.5995 29.3902 27.6965 29.3902C32.5738 29.3902 36.2025 26.2297 36.2025 19.9477Z" fill="#00698C"></path>
29043								<path d="M70.7234 15.3436V15.2655C70.7234 7.50088 64.6755 1.21893 56.2475 1.21893C47.8196 1.21893 41.6937 7.57892 41.6937 15.3436V15.4216C41.6937 23.1863 47.7415 29.4682 56.1695 29.4682C64.5975 29.4682 70.7234 23.1082 70.7234 15.3436ZM64.4414 15.4216C64.4414 20.1038 61.0858 23.9276 56.2475 23.9276C51.4093 23.9276 47.9757 20.0258 47.9757 15.3436V15.2655C47.9757 10.5833 51.3312 6.75953 56.1695 6.75953C61.0078 6.75953 64.4414 10.6614 64.4414 15.3436V15.4216Z" fill="#221F20"></path>
29044								<path d="M88.3444 29.5463C94.3923 29.5463 97.8649 26.932 100.44 23.3814L94.7434 19.3234C93.1047 21.3134 91.4269 22.64 88.5785 22.64C84.7547 22.64 82.0625 19.4405 82.0625 15.3436V15.2655C82.0625 11.2857 84.7547 8.04714 88.5785 8.04714C91.1928 8.04714 92.9876 9.29573 94.5483 11.2466L100.245 6.83757C97.8259 3.48199 94.2362 1.14089 88.6566 1.14089C80.3847 1.14089 74.2588 7.38383 74.2588 15.3436V15.4216C74.2588 23.5764 80.5407 29.5463 88.3444 29.5463Z" fill="#9D2B01"></path>
29045								<path d="M102.839 29H111.969V23.1863L114.31 20.3379L119.655 29H130.542L120.826 13.5487L130.346 1.68715H119.733L111.969 11.91V1.68715H102.839V29Z" fill="var(--f-hot-color-tjock)"></path>
29046								</g>
29047							</svg>
29048						</a>
29049
29050					</f-menu-dropdown-logo>
29051
29052				</f-menu-dropdown-logos>
29053				
29054																	
29055				<f-menu-dropdown-two>
29056					<f-menu-dropdown-item-simple data-name="Feber+" data-url="https://feber.se/plus/"></f-menu-dropdown-item-simple>
29057					<f-menu-dropdown-item-simple data-name="Annonsera" data-url="advertise"></f-menu-dropdown-item-simple>
29058					<f-menu-dropdown-item-simple data-name="Tipsa" data-url="https://feber.se/tipsa/"></f-menu-dropdown-item-simple>
29059					<f-menu-dropdown-item-simple data-name="Redaktionen" data-url="https://feber.se/det-har-ar-febers-redaktion/332304/"></f-menu-dropdown-item-simple>
29060					<f-menu-dropdown-item-simple data-name="RSS" data-url="rss"></f-menu-dropdown-item-simple>
29061					<f-menu-dropdown-item-simple data-name="Statistik" data-url="https://feber.se/statistik-for-feber/435274/"></f-menu-dropdown-item-simple>
29062					<f-menu-dropdown-item-simple data-name="Panelen" data-url="https://panel.feber.se/"></f-menu-dropdown-item-simple>
29063					<f-menu-dropdown-item-simple data-name="Integritet " data-url="none" onclick="window.__tcfapi('displayConsentUi', 2, function() {} );"></f-menu-dropdown-item-simple>
29064
29065					
29066					
29067					
29068
29069				</f-menu-dropdown-two>
29070				
29071				<f-menu-dropdown-one>
29072					<f-menu-dropdown-item data-name="Teknik" data-url="teknik" data-slash="true" data-catt="teknik,internet,mac,mobil,pc,pryl,vetenskap,video"></f-menu-dropdown-item>
29073					<f-menu-dropdown-item data-name="Internet" data-url="internet" data-catt="internet"></f-menu-dropdown-item>
29074					<f-menu-dropdown-item data-name="Mac" data-url="mac" data-catt="mac"></f-menu-dropdown-item>
29075					<f-menu-dropdown-item data-name="Mobil" data-url="mobil" data-catt="mobil"></f-menu-dropdown-item>
29076					<f-menu-dropdown-item data-name="PC" data-url="pc" data-catt="pc"></f-menu-dropdown-item>
29077					<f-menu-dropdown-item data-name="Pryl" data-url="pryl" data-catt="pryl"></f-menu-dropdown-item>
29078					<f-menu-dropdown-item data-name="Vetenskap" data-url="vetenskap" data-catt="vetenskap"></f-menu-dropdown-item>
29079
29080					<f-menu-dropdown-item data-name="Motor" data-url="motor" data-slas
29080h="true" data-catt="motor,bil,fordon"></f-menu-dropdown-item>
29081					<f-menu-dropdown-item data-name="Bil" data-url="bil" data-catt="bil"></f-menu-dropdown-item>
29082					<f-menu-dropdown-item data-name="Fordon" data-url="fordon" data-catt="fordon"></f-menu-dropdown-item>
29083
29084					<f-menu-dropdown-item data-name="Samh&auml;lle" data-url="samhalle" data-slash="true" data-catt="samhalle"></f-menu-dropdown-item>
29085
29086					<f-menu-dropdown-item data-name="Spel" data-url="spel" data-slash="true" data-catt="spel"></f-menu-dropdown-item>
29087
29088					<f-menu-dropdown-item data-name="Popkultur" data-url="popkultur" data-slash="true" data-catt="popkultur,film"></f-menu-dropdown-item>
29089					<f-menu-dropdown-item data-name="Film/TV" data-url="film" data-catt="film"></f-menu-dropdown-item>
29090					
29091					<f-menu-dropdown-item data-name="Fritid" data-url="fritid" data-slash="true" data-catt="fritid"></f-menu-dropdown-item>
29092
29093					<f-menu-dropdown-item data-name="Tjock" data-url="https://tjock.se/" data-slash="true" data-catt="garderoben,garaget,hemmet,kroppen,passet,sinnet,strupen"></f-menu-dropdown-item>
29094					
29095					
29096					
29097					
29098				</f-menu-dropdown-one>
29099			</f-menu>
29100		</f-menu-container>
29101
29102
29103		<f-menu-sub-container>
29104			<f-menu-sub>
29105
29106				
29107
29108
29109				
29110				<style>
29111					
29112					f-menu-sub-icons { display: flex; margin-left: 15px; gap: 8px; }
29113
29114					f-menu-sub a { color: var(--f-menu-nohover); transition: opacity 0.3s ease; }
29115					f-menu-sub a:hover { color: var(--f-menu-hover); }
29116
29117					f-menu-sub-list, f-menu-sub-thumbnails { 	display: block; height: 12px; }
29118					f-menu-sub-search { 						display: block; height: 14px; }
29119
29120					f-menu-sub svg {			width: 12px; height: 12px; margin-bottom: 0; } 
29121					f-menu-sub-search svg {		width: 14px; height: 14px; margin: -1px 0; }
29122
29123					f-menu-sub a:hover svg circle { fill: transparent !important; stroke: var(--f-menu-hover); }
29124					f-menu-sub svg [fill], f-menu-sub svg [stroke] { transition: all 0.3s ease; }
29125					f-menu-sub a:hover svg [fill] { fill: var(--f-menu-hover); }
29126					f-menu-sub a:hover svg [stroke] { stroke: var(--f-menu-hover); }
29127
29128					f-menu-sesamy { margin-left: auto; }
29129
29130					f-menu-sub-today, f-menu-sub-yesterday, f-menu-sub-tips { display: block; margin-left: 12px; color: var(--f-menu-nohover); transition: all 0.3s ease; }
29131					f-menu-sub a:hover f-menu-sub-today, f-menu-sub a:hover f-menu-sub-yesterday, f-menu-sub a:hover f-menu-sub-tips { color: var(--f-menu-hover); }
29132
29133					@media only screen and (max-width: 600px) {
29134						f-menu-sub-yesterday { display: none; }
29135					}
29136
29137				</style>
29138
29139				<f-menu-sub-icons>
29140					<a href="/list/" aria-label="Lista">
29141						<f-menu-sub-list>
29142								<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
29143								<rect width="300" height="75" fill="var(--f-menu-nohover)"></rect>
29144								<rect y="112.5" width="300" height="75" fill="var(--f-menu-nohover)"></rect>
29145								<rect y="225" width="300" height="75" fill="var(--f-menu-nohover)"></rect>
29146							</svg>
29147						</f-menu-sub-list>
29148					</a>
29149
29150					
29151					<a href="/thumbnails/" aria-label="Tumnaglar">
29152						<f-menu-sub-thumbnails>
29153							<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
29154								<rect width="75" height="75" fill="var(--f-menu-nohover)"></rect>
29155								<rect x="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
29156								<rect x="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
29157								<rect y="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
29158								<rect x="225" y="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
29159								<rect x="112.5" y="112.5" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
29160								<rect y="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
29161								<rect x="225" y="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
29162								<rect x="112.5" y="225" width="75" height="75" fill="var(--f-menu-nohover)"></rect>
29163							</svg>
29164						</f-menu-sub-thumbnails>
29165					</a>
29166
29167					
29168					
29169
29170					
29171					<f-menu-sub-search>
29172						<a href="#" onclick="event.preventDefault();
29172 var overlay = document.querySelector('f-search-overlay'); if (overlay) { overlay.classList.add('show'); var input = document.getElementById('searchOverlayInput'); if (input) { input.focus(); } } return false;" aria-label="Sök">
29173						<svg width="15" height="14" viewBox="0 0 15 14" xmlns="http://www.w3.org/2000/svg">
29174							<circle cx="5.28074" cy="5.28074" r="4.28074" stroke-width="2" stroke="var(--f-menu-nohover)" fill="transparent"></circle>
29175							<line x1="8.62822" y1="8.31416" x2="13.6069" y2="13.2929" stroke-width="2" stroke="var(--f-menu-nohover)"></line>
29176						</svg>
29177						</a>
29178					</f-menu-sub-search>
29179					
29180
29181					
29182
29183
29184
29185				</f-menu-sub-icons>
29186				
29187				
29188				<a href="/tipsa/" target="_blank">
29189					<f-menu-sub-tips>Tipsa!</f-menu-sub-tips>
29190				</a>
29191
29192				
29193				<a href="/today/" id="menuTodayLink" style="display:none;">
29194					<f-menu-sub-today id="menuTodayText"></f-menu-sub-today>
29195				</a>
29196
29197				<a href="/yesterday/" id="menuYesterdayLink" style="display:none;">
29198					<f-menu-sub-yesterday id="menuYesterdayText"></f-menu-sub-yesterday>
29199				</a>
29200
29201				
29201<script>
29202					(function() {
29203						function updateCounts(data) {
29204							if (!data || typeof data !== 'object') { return; }
29205
29206							const todayLink = document.getElementById('menuTodayLink');
29207							const yesterdayLink = document.getElementById('menuYesterdayLink');
29208							const todayText = document.getElementById('menuTodayText');
29209							const yesterdayText = document.getElementById('menuYesterdayText');
29210
29211							if (!todayLink || !yesterdayLink || !todayText || !yesterdayText) { return; }
29212
29213							const todayCount = parseInt(data.today, 10) || 0;
29214							const yesterdayCount = parseInt(data.yesterday, 10) || 0;
29215
29216							if (todayCount > 0) {
29217								todayText.textContent = todayCount + ' idag';
29218								todayLink.style.display = '';
29219							}
29220
29221							if (yesterdayCount > 0) {
29222								yesterdayText.textContent = yesterdayCount + ' ig\u00E5r';
29223								yesterdayLink.style.display = '';
29224							}
29225						}
29226
29227					function fetchCounts(retryCount) {
29228						fetch('/api/f-today-yesterday.jsp', { credentials: 'same-origin' })
29229							.then(function(response) {
29230								if (!response.ok) { throw new Error('Network response was not ok'); }
29231								return response.json();
29232							})
29233							.then(function(data) {
29234								updateCounts(data);
29235							})
29236							.catch(function(error) {
29237								console.warn('Kunde inte hämta antal artiklar för idag/igår:', error);
29238								if (retryCount > 0) {
29239									setTimeout(function() {
29240										fetchCounts(retryCount - 1);
29241									}, 2000);
29242								}
29243							});
29244						}
29245
29246						if (document.readyState === 'loading') {
29247						document.addEventListener('DOMContentLoaded', function() {
29248							fetchCounts(3);
29249						});
29250						} else {
29251						fetchCounts(3);
29252						}
29253					})();
29254				</script>
29254
29255
29256				
29257				
29258				
29259					
29260					
29261					
29262
29263					
29264					
29265					<f-menu-sesamy>
29266						<f-prenumera onclick="showPremiumContent();">Skaffa Feber<span style="color: var(--f-hot-color);">+</span></f-prenumera>
29267						<sesamy-login hide-logo style="--sesamy-login-avatar-bgcolor: #666; --sesamy-login-avatar-textcolor: #fff;">
29268							<f-sesamy-login-user slot="avatar" style="align-items: center; color: #ccc; cursor: pointer; display: flex; font-family: var(--f-suisse-medium); font-size: 13px; font-weight: 300; height: 40px; line-height: 40px; white-space: nowrap;">
29269								<f-sesamy-login-name style="display: none; margin-right: 9px;"></f-sesamy-login-name>
29270								<f-sesamy-login-avatar aria-hidden="true" style="align-items: center; background: #666; border: 0; border-radius: 0; color: #fff; display: flex; font-family: var(--f-suisse-medium); font-size: 13px; font-weight: 300; height: 40px; justify-content: center; line-height: 40px; overflow: hidden; text-transform: uppercase; width: 40px;"></f-sesamy-login-avatar>
29271							</f-sesamy-login-user>
29272							<f-sesamy-login-menu slot="popup-menu" style="background: #fff; color: #222; display: block; font-family: var(--f-suisse-medium); font-size: 13px; font-weight: 300; line-height: 16px;">
29273								<f-sesamy-login-menu-name style="border-bottom: 1px solid #e5e5e5; color: #222; display: none; overflow: hidden; padding: 10px 12px; text-overflow: ellipsis; white-space: nowrap;"></f-sesamy-login-menu-name>
29274								<a href="#" data-sesamy-account style="background: transparent; border: 0; color: #222; cursor: pointer; display: block; font: inherit; opacity: 1; padding: 10px 12px; pointer-events: auto; text-align: left; text-decoration: none; width: 100%;">Mitt konto</a>
29275								<button type="button" data-sesamy-logout style="background: transparent; border: 0; color: #222; cursor: pointer; display: block; font: inherit; opacity: 1; padding: 10px 12px; pointer-events: auto; text-align: left; text-decoration: none; width: 100%;">Logga ut</button>
29276							</f-sesamy-login-menu>
29277						</sesamy-login>
29278					</f-menu-sesamy>
29279				
29280						
29281				
29282				
29283			</f-menu-sub>
29284		</f-menu-sub-container>
29285
29286		
29287		<style>
29288
29289			f-menu-comments {
29290				background-color: rgb(45,45,45); 
29291				display: flex;
29292				height: 32px;
29293				margin-bottom: 0px;
29294				z-index: 1;
29295				/* box-shadow: 0px 10px 20px rgba(0,0,0,0.2); */
29296				font-family: var(--f-suisse-medium);
29297				-webkit-font-smoothing: antialiased;
29298				overflow: hidden;
29299				font-size: 13px;
29300				align-items: center;
29301				padding: 0;
29302				border-top: 0px #444 solid;
29303				flex-grow: 1; 
29304				color: var(--f-article-text-color); 
29305				max-width: 2000px; 
29306				margin: 0 auto; 
29307				height: 40px; 
29308			}
29309
29310			f-menu-comments a { font-weight: 300; color: rgb(230,230,230); border-bottom: 0px solid rgba(255,255,255,0.1);  }
29311			f-menu-comments a:hover { font-weight: 300; color: rgb(180,180,180); border-bottom: 0px solid rgba(255,255,255,0.3); }
29312			
29313			#commentBubble { display: none; width: 16px; height: 16px; margin-left: 6px; margin-right: 6px; float: left; }
29314			#commentBubble svg { width: 16px; height: 16px; }
29315
29316			#commentMenu {
29317				display: flex; flex-grow: 0; flex-shrink: 0;
29318			}
29319
29320			#commentHot { display: flex; flex-grow: 0; flex-shrink: 0; margin-left: 12px; }
29321			#commentLatest { display: none; flex-grow: 0; flex-shrink: 0; margin-right: 12px; }
29322
29323			#commentPrev, #commentNext { display: none; flex-grow: 0; flex-shrink: 0; color: #aaaaaa; float: right; margin-left: 5px; cursor: pointer; height: 10px; width: 10px; }
29324			#commentPrev { transform: scaleX(-1); }
29325			#commentNext { margin-right: 18px; }
29326			#commentPrev svg, #commentNext svg { width: 100%; height: 100%; }
29327
29328			#commentAvatar { width: 20px; height: 20px; margin-left: 16px; margin-right: 8px; flex-grow: 0; flex-shrink: 0; border-radius: 5px; overflow: hidden; }
29329			#commentAvatar img { width: 100%; height: 100%; }
29330
29331			#commentAuthor { margin-right: 5px; color: #888; flex-grow: 0; flex-shrink: 0; }
29332
29333			#commentText {
29334				flex-grow: 1; 
29335				overflow: hidden; 
29336				white-space: nowrap; 
29337				position: relative; 
29338			}
29339			#commentText::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 25px; background: linear-gradient(to left, rgb(45,45,45), transparent); }
29340
29341			@keyframes commentfadein {	from { opacity: 0; }	to { opacity: 1; }	}
29342			@keyframes commentfadeout {	from { opacity: 1; }	to { opacity: 0; }	}
29343
29344			#comment-container {
29345				display: flex;
29346				flex-grow: 1; /* Se till att elementet expanderar för att fylla tillgängligt utrymme */
29347				align-items: center;
29348				overflow: hidden; /* Förhindrar innehåll från att expandera utanför sin behållare */
29349			}
29350
29351			.comment-container { animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: running; }
29352
29353			.comment-container:hover { animation-play-state: paused; }
29354
29355			.fade-in { animation-name: commentfadein; }
29356
29357			.fade-out { animation-name: commentfadeout; }
29358
29359			@media only screen and (max-width: 600px) {
29360				f-menu-comments { font-size: 13px; height: 32px; }
29361				#commentBubble { width: 16px; height: 16px; margin-left: 6px; margin-right: 6px; float: left; }
29362				#commentAvatar { width: 24px; height: 24px; margin-right: 6px;  }
29363				#commentHot { margin-left: 14px; }
29364				#commentAuthor { display: none; }
29365			}
29366
29367			f-menu-sub {
29368				box-shadow: none; 
29369				background-color: rgb(30,30,30); 
29370			}
29371
29372
29373		</style>
29374
29375
29376
29377					
29378		<f-menu-comments>
29379
29380			<div id="commentHot">
29381				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="var(--n-orange-semidark)" style="height: 16px; margin-right: 2px;"><path d="M12 23C7.85786 23 4.5 19.6421 4.5 15.5C4.5 13.3462 5.40786 11.4045 6.86179 10.0366C8.20403 8.77375 11.5 6.49951 11 1.5C17 5.5 20 9.5 14 15.5C15 15.5 16.5 15.5 19 13.0296C19.2697 13.8032 19.5 14.6345 19.5 15.5C19.5 19.6421 16.1421 23 12 23Z"></path></svg>
29382				<a href="/comments/hot/">Hetaste</a>
29383			</div>
29384
29385			<div id="commentBubble">
29386				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="16px" version="1.1" viewBox="0 0 16 16" width="16px"><g fill="none" fill-rule="evenodd" id="Icons with numbers" stroke="none" stroke-width="1"><g fill="#999" id="Group" transform="translate(-720.000000, -192.000000)"><path d="M728,205 C727.092687,205 726.225692,204.86437 725.430064,204.617506 C724.617765,205.250987 723.248775,206.131104 721.912598,206.131104 C722.612692,205.468456 722.810743,204.184192 722.854217,203.228743 C721.703165,202.248586 721,200.938813 721,199.5 C721,196.462434 724.134007,194 728,194 C731.865993,194 735,196.462434 735,199.5 C735,202.537566 731.865993,205 728,205 Z M728,205" id="Oval 247"/></g></g></svg>
29387			</div>
29388
29389			<div id="commentLatest">
29390				<a href="/comments/latest/">Senaste</a>
29391			</div>
29392			
29393			<div id="comment-container" class="comment-container">
29394				<div id="commentAvatar"></div>
29395				
29396				<div id="commentAuthor"></div>
29397				<div id="commentText"></div>
29398			</div>
29399			
29400			<div id="commentPrev"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_306_6)"><path d="M16 8L0.249999 15.7942L0.25 0.205771L16 8Z" fill="#777"/></g></svg></div>
29401			<div id="commentNext"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_306_6)"><path d="M16 8L0.249999 15.7942L0.25 0.205771L16 8Z" fill="#777"/></g></svg></div>
29402		</f-menu-comments>
29403
29404		
29404<script>
29405
29406			function stripHtml(html) {
29407				if (!html || typeof html !== 'string') return '';
29408				let modifiedHtml = html.replace(/<br\s*\/?>/gi, ' ')
29409					.replace(/<\/p>/gi, ' ')
29410					.replace(/<p>/gi, '');
29411
29412				let doc = new DOMParser().parseFromString(modifiedHtml, 'text/html');
29413				return doc.body.textContent || "";
29414			}
29415
29416			function displayComment(comment) {
29417				if (!comment || !comment.author || !comment.message) {
29418					console.warn('Comment data is incomplete:', comment);
29419					return;
29420				}
29421
29422				let commentContainer = document.getElementById('comment-container');
29423				if (!commentContainer) return;
29424
29425				commentContainer.classList.add('fade-out');
29426
29427				setTimeout(() => {
29428					commentContainer.classList.remove('fade-out');
29429
29430					let avatarDiv = document.getElementById('commentAvatar');
29431					let authorDiv = document.getElementById('commentAuthor');
29432					let textDiv = document.getElementById('commentText');
29433
29434					if (!avatarDiv || !authorDiv || !textDiv) return;
29435
29436					avatarDiv.innerHTML = '';
29437					authorDiv.innerHTML = '';
29438					textDiv.innerHTML = '';
29439
29440					// Avatar med fallback
29441					if (comment.author.avatar && comment.author.avatar.cache) {
29442						let avatarImg = document.createElement('img');
29443						avatarImg.src = comment.author.avatar.cache;
29444						avatarImg.alt = comment.author.name || 'Avatar';
29445						avatarDiv.appendChild(avatarImg);
29446					}
29447
29448					// Författarnamn
29449					if (comment.author.name) {
29450						authorDiv.textContent = comment.author.name + ' /';
29451					}
29452
29453					// Kommentarstext (använd textContent för säkerhet)
29454					let cleanCommentText = stripHtml(comment.message);
29455					let commentLink = document.createElement('a');
29456					commentLink.href = '/comments/latest/';
29457					commentLink.textContent = cleanCommentText;
29458					textDiv.appendChild(commentLink);
29459
29460					commentContainer.classList.add('fade-in');
29461					setTimeout(() => {
29462						commentContainer.classList.remove('fade-in');
29463					}, 300);
29464				}, 400);
29465			}
29466
29467			let comments = [];
29468			let currentIndex = 0;
29469			let commentInterval = null;
29470
29471			function setupCommentInterval() {
29472				// Rensa befintligt intervall först
29473				if (commentInterval) {
29474					clearInterval(commentInterval);
29475					commentInterval = null;
29476				}
29477
29478				// Skapa nytt intervall endast om det finns kommentarer
29479				if (comments.length > 0) {
29480					commentInterval = setInterval(() => {
29481						currentIndex = (currentIndex + 1) % comments.length;
29482						displayComment(comments[currentIndex]);
29483					}, 5000);
29484				}
29485			}
29486
29487			function navigateComment(direction) {
29488				if (!comments || comments.length === 0) return;
29489				if (commentInterval) {
29490					clearInterval(commentInterval);
29491					commentInterval = null;
29492				}
29493				currentIndex = (currentIndex + direction + comments.length) % comments.length;
29494				displayComment(comments[currentIndex]);
29495			}
29496
29497			// Hämta kommentarer
29498			fetch('/snippets/disqus_fetcher.jsp?what=fivelatest')
29499				.then(response => {
29500					if (!response.ok) {
29501						throw new Error('HTTP ' + response.status);
29502					}
29503					return response.json();
29504				})
29505				.then(data => {
29506					if (!data || !Array.isArray(data.response) || data.response.length === 0) {
29507						console.warn('No comments available');
29508						return;
29509					}
29510
29511					comments = data.response;
29512					currentIndex = 0;
29513					displayComment(comments[currentIndex]);
29514					setupCommentInterval();
29515				})
29516				.catch(error => {
29517					console.error('Error fetching comments:', error);
29518				});
29519
29520			// Event listeners - läggs till direkt, men funktionerna kontrollerar om comments finns
29521			const commentPrev = document.getElementById('commentPrev');
29522			const commentNext = document.getElementById('commentNext');
29523			const commentContainer = document.getElementById('comment-container');
29524
29525			if (commentPrev) {
29526				commentPrev.addEventListener('click', () => navigateComment(-1));
29527			}
29528
29529			if (commentNext) {
29530				commentNext.addEventListener('click', () => navigateComment(1));
29531			}
29532
29533			if (commentContainer) {
29534				commentContainer.addEventListener('mouseover', () => {
29535					if (commentInterval) {
29536						clearInterval(commentInterval);
29537						commentInterval = null;
29538					}
29539				});
29540
29541				commentContainer.addEventListener('mouseout', () => {
29542					setupCommentInterval();
29543				});
29544			}
29545
29546
29547		</script>
29547
29548		
29549
29550
29551		
29552				
29553
29554
29555
29556
29557
29558
29559
29560
29561
29562
29563
29564	
29565	
29566
29567
29568
29569
29570
29571
29572
29573
29574
29575
29576
29577
29578
29579
29580
29581
29582
29583
29584
29585
29586
29587
29588
29589
29590
29591
29592
29593
29594
29595
29596
29597
29598
29599
29600
29601
29602
29603
29604
29605
29606
29607
29608
29609
29610
29611
29612
29613
29614
29615
29616
29617
29618
29619
29620
29621
29622
29623
29624
29625
29626
29627
29628
29629
29630
29631
29632
29633
29634
29635
29636
29637
29638
29639
29640
29641
29642
29643
29644
29645
29646
29647	
29648
29649
29650
29651
29652
29653
29654
29655
29656
29657
29658
29659	
29660
29661
29662
29663
29664
29665
29666
29667	
29668
29669
29670
29671
29672
29673
29674	
29675
29676
29677
29678
29679	
29680
29681
29682
29683
29684	
29685
29686
29687
29688
29689
29690	
29691
29692  
29693 
29694 
29695 
29696 
29697 
29698
29699
29700
29701
29702
29703
29704
29705
29706
29707
29708
29709
29710
29711
29712
29713
29714
29715
29716
29717
29718
29719
29720
29721
29722
29723
29724<script> 
29725	
29726	//Funktion för att gömma och visa huvudmenyn när man scrollar
29727	let prevTop = 0;
29728	let isScriptedScroll = false;
29729	let menuContainer = document.querySelector('f-menu-container');
29730	let menuSubContainer = document.querySelector('f-menu-sub-container');
29731
29732	// Debounce function (you can adjust the delay as needed)
29733	function debounce(func, wait) {
29734		let timeout;
29735		return function() {
29736			let context = this, args = arguments;
29737			let later = function() {
29738				timeout = null;
29739				func.apply(context, args);
29740			};
29741			clearTimeout(timeout);
29742			timeout = setTimeout(later, wait);
29743		};
29744	}
29745
29746	window.addEventListener('scroll', debounce(function () {
29747		if (!isScriptedScroll && menuContainer && menuSubContainer) {
29748			let curTop = window.pageYOffset || window.scrollY || document.documentElement.scrollTop;
29749			let staFade = 200;
29750
29751			// Check for scroll position > 2000px
29752            if (curTop > 2000) {
29753                menuContainer.setAttribute('data-sub2000', 'yes');
29754                menuSubContainer.setAttribute('data-sub2000', 'yes');
29755            } else {
29756                menuContainer.setAttribute('data-sub2000', 'no');
29757                menuSubContainer.setAttribute('data-sub2000', 'no');
29758            }
29759
29760			if (curTop < prevTop) {
29761				menuContainer.setAttribute('data-show', 'yes');
29762				menuSubContainer.setAttribute('data-show', 'yes');
29763			} else {
29764				if (curTop > staFade) {
29765					menuContainer.setAttribute('data-show', 'no');
29766					menuSubContainer.setAttribute('data-show', 'no');
29767				}
29768			}
29769			prevTop = curTop;
29770		}
29771	}, 10));
29772
29773	
29774	// Funktion för att gömma och visa innehåll beroende på om man är inloggad eller inte. 
29775	if (typeof Cookies !== 'undefined') {
29776		var loggedIn = Cookies.get("memberful");
29777		var loggedInId = Cookies.get("memberfulID");
29778		if (loggedIn == "prenumerant" && loggedInId) {
29779			var premiumLink = document.querySelector("f-menu-premium-loggedin f-menu-premium-text a");
29780			if (premiumLink) {
29781				premiumLink.appendChild(document.createTextNode(loggedInId));
29782			}
29783		}
29784	}
29785	 
29786	
29787	
29788	// Funktion för att sätta darkmode med contrastknappen
29789	function darkmodeSet() {
29790		var darkmode = localStorage.getItem('darkmode');
29791		if (darkmode == undefined || darkmode == 'off') {
29792			localStorage.setItem('darkmode', 'on');
29793			document.body.setAttribute( "data-darkmode", "on" );
29794			changeTweetDarkmode();
29795		} else if (darkmode == 'on') {
29796			localStorage.setItem('darkmode', 'off');
29797			document.body.setAttribute( "data-darkmode", "off" );
29798		}
29799		changeTweetDarkmode();
29800	}
29801	
29802	// Funktion för att sätta darkmode i body
29803	(function() {
29804		function initDarkmode() {
29805			var darkmode = localStorage.getItem('darkmode');
29806			if (darkmode == undefined || darkmode == 'off') {
29807				document.body.setAttribute( "data-darkmode", "off" );
29808			} else if (darkmode == 'on') {
29809				document.body.setAttribute( "data-darkmode", "on" );
29810			}
29811			changeTweetDarkmode();
29812		}
29813		if (document.readyState === 'loading') {
29814			document.addEventListener('DOMContentLoaded', initDarkmode);
29815		} else {
29816			initDarkmode();
29817		}
29818	})();
29819	
29820	//Funktion för att göra tweets mörka / ljusa 
29821	
29822	function changeTweetDarkmode() {
29823		//console.log('tweetthemechanger started');
29824		
29825		setTimeout(function() {
29826			//console.log('tweetthemechanger ready');
29827			var storedTheme = localStorage.getItem('darkmode');
29828			var tweets = document.querySelectorAll('[data-tweet-id]');
29829	
29830			tweets.forEach(function(tweet) {
29831				var src = tweet.getAttribute("src");
29832				if (storedTheme == "on") {
29833					tweet.setAttribute("src", src.replace("theme=light", "theme=dark"));
29834				} else {
29835					tweet.setAttribute("src", src.replace("theme=dark", "theme=light"));
29836				}
29837			});
29838		}, 1000);
29839		
29840	}
29841	
29842
29843	
29844	// Menyelement
29845	var thumbSvg = '<svg viewBox="0 0 12 12"><rect width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="9" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect y="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="9" y="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="4.5" y="4.5" width="3" height="3" fill="var(--f-menu-nohover)"/><rect y="9" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="9" y="9" width="3" height="3" fill="var(--f-menu-nohover)"/><rect x="4.5" y="9" width="3" height="3" fill="var(--f-menu-nohover)"/></svg>';
29846	var noshowX = '<svg width="11" height="12" viewBox="0 0 11 12" class="f-menu-x" fill="none" xmlns="http://www.w3.org/2000/svg" class="dropdown-item-xed"><path d="M1.5 2L9.5 10" stroke="#BBBBBB" stroke-width="3"/><path d="M9.5 2L1.5 10" stroke="#BBBBBB" stroke-width="3"/></svg>';
29847	var noshowV = '<svg width="13" height="11" viewBox="0 0 13 11" class="f-menu-v" fill="none" xmlns="http://www.w3.org/2000/svg" class="dropdown-item-marked"><path d="M1.53333 4.63109L4.85108 7.94885L11.5333 1.2666" stroke="#222" stroke-width="3"/></svg>';
29848	var newchecked = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><circle cx="12" cy="12" r="10" fill="#777"/><path d="M17.4571 9.45711L11 15.9142L6.79289 11.7071L8.20711 10.2929L11 13.0858L16.0429 8.04289L17.4571 9.45711Z" fill="#fff"/></svg>';
29849	var newunchecked = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><circle cx="12" cy="12" r="10" fill="#777"/><path d="M7 11V13H17V11H7Z" fill="#fff"/></svg>';
29850	var newpartial = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><circle cx="12" cy="12" r="10" fill="var(--f-hot-color)"/><path d="M7 11V13H17V11H7Z" fill="#fff"/></svg>';
29851	
29852	
29853	( function() {
29854	
29855		//Vi börjar med den tråkiga menyn
29856		var dropdownItemsSimple = document.querySelectorAll('f-menu-dropdown-item-simple');
29857		for (var i = 0; i < dropdownItemsSimple.length; i++) {
29858			var simpleitemName = dropdownItemsSimple[i].dataset.name;
29859			var simpleitemUrl = dropdownItemsSimple[i].dataset.url;
29860			
29861			// Kolla hur urlen ser ut och leverera in
29862			if (simpleitemUrl.includes('https')) {
29863				dropdownItemsSimple[i].insertAdjacentHTML('beforeend', '<a href="' + simpleitemUrl + '" aria-label="Till ' + simpleitemName + '"><f-menu-dropdown-item-title>' + simpleitemName + '</f-menu-dropdown-item-title></a>');
29864			} else if (simpleitemUrl.includes('none')) {
29865				dropdownItemsSimple[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-title>' + simpleitemName + '</f-menu-dropdown-item-title>');
29866			} else {
29867				dropdownItemsSimple[i].insertAdjacentHTML('beforeend', '<a href="/' + simpleitemUrl + '/"><f-menu-dropdown-item-title>' + simpleitemName + '</f-menu-dropdown-item-title></a>');
29868			}
29869			
29870		};
29871
29872		
29873		// Leta upp menyelement
29874		const dropdownItems = document.querySelectorAll('f-menu-dropdown-item');
29875		
29876		// GÃ¥ igenom menyelementen
29877		for (var i = 0; i < dropdownItems.length; i++) {
29878			const 	itemName = dropdownItems[i].dataset.name,
29879					itemUrl = dropdownItems[i].dataset.url;
29880			
29881			var isExternal = /^https?:\/\//i.test(itemUrl);
29882			var itemHref = isExternal ? itemUrl : '/' + itemUrl.replace(/^\/+|\/+$/g, '') + '/';
29883			var thumbHref = itemHref.replace(/\/$/, '') + '/thumbnails/';
29884
29885			// Sedan matar vi in titeln på menyelementet
29886			dropdownItems[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-title data-menu-href="' + itemHref + '">' + itemName + '</f-menu-dropdown-item-title>');
29887
29888			// Först in med tumnagellänk
29889			dropdownItems[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-thumb data-menu-href="' + thumbHref + '">' + thumbSvg + '</f-menu-dropdown-item-thumb>');
29890
29891		//Detta ritar ut krysset i menyn. Denna ändras till x och noshowX från artikelgömmarfunktionen
29892		dropdownItems[i].insertAdjacentHTML('beforeend', '<f-menu-dropdown-item-marked>' + newchecked + '</f-menu-dropdown-item-marked>');
29893		dropdownItems[i].setAttribute('data-checked', 'v');
29894		
29895		
29896	};
29897	
29898	document.addEventListener('click', function(event) {
29899		var linkTarget = event.target.closest ? event.target.closest('[data-menu-href]') : null;
29900		if (linkTarget) window.location.href = linkTarget.getAttribute('data-menu-href');
29901	});
29902
29903	changeVX();
29904		
29905	} )();
29906	
29907	
29908	// Change the V to the X
29909	function changeVX() {
29910		const checkmarks = document.querySelectorAll("f-menu-dropdown-item-marked");
29911		
29912		// Hämta gömd kategorier från det nya systemet (f-hidden-categories)
29913		var hiddenCategories = new Set();
29914		try {
29915			var raw = window.localStorage ? localStorage.getItem('f-hidden-categories') : null;
29916			if (raw) {
29917				var parsed = JSON.parse(raw);
29918				if (Array.isArray(parsed)) {
29919					parsed.forEach(function(cat) {
29920						hiddenCategories.add(String(cat || '').toLowerCase());
29921					});
29922				}
29923			}
29924		} catch (e) {
29925			// Ignorera fel
29926		}
29927		
29928		// Iterate over the elements and hide the ones with a "data-category" value in the given list of categories
29929		checkmarks.forEach(function(checkmark) {
29930			var parentElement = checkmark.parentElement;
29931			var parentAttribute = parentElement ? parentElement.getAttribute('data-url') : null;
29932			var parentCatt = parentElement ? parentElement.getAttribute('data-catt') : null;
29933
29934			var hiddenCount = 0;
29935			var categoryCount = 0;
29936
29937			// Kolla om kategorierna i data-catt är gömd
29938			if (parentCatt) {
29939				var cattArray = parentCatt.split(',').map(function(s) { return s.trim().toLowerCase(); }
29939).filter(Boolean);
29940				categoryCount = cattArray.length;
29941				hiddenCount = cattArray.filter(function(cat) { return hiddenCategories.has(cat); }).length;
29942			}
29943
29944			if (categoryCount > 0 && hiddenCount === categoryCount) {
29945				checkmark.innerHTML = newunchecked;
29946				if (parentElement) parentElement.setAttribute('data-checked', 'x');
29947				checkmark.setAttribute('aria-pressed', 'false');
29948				checkmark.setAttribute('aria-label', 'Visa ' + (parentElement.getAttribute('data-name') || parentAttribute));
29949			} else if (hiddenCount > 0) {
29950				checkmark.innerHTML = newpartial;
29951				if (parentElement) parentElement.setAttribute('data-checked', 'partial');
29952				checkmark.setAttribute('aria-pressed', 'mixed');
29953				checkmark.setAttribute('aria-label', 'Dölj alla i ' + (parentElement.getAttribute('data-name') || parentAttribute));
29954			} else {
29955				checkmark.innerHTML = newchecked;
29956				if (parentElement) parentElement.setAttribute('data-checked', 'v');
29957				checkmark.setAttribute('aria-pressed', 'true');
29958				checkmark.setAttribute('aria-label', 'Dölj ' + (parentElement.getAttribute('data-name') || parentAttribute));
29959			}
29960			checkmark.setAttribute('role', 'button');
29961			checkmark.setAttribute('tabindex', '0');
29962		});
29963	}
29964	
29965	// Exponera changeVX globalt så att den kan anropas från f-start-dev.jsp
29966	window.changeVX = changeVX;
29967	
29968	// Kategorifilter: låter användaren dölja artiklar baserat på data-caturl.
29969	// Valen sparas i localStorage och gäller både initial laddning och inline-flödet.
29970	// Detta måste finnas på alla sidor så att menyn fungerar korrekt.
29971	(function initCategoryFilter() {
29972		// Om kategorifiltreringen redan initierats (t.ex. på startsidan), hoppa över
29973		if (typeof window.toggleCategoryFilter === 'function' && typeof window.applyCategoryFilters === 'function') {
29974			return;
29975		}
29976		
29977		var STORAGE_KEY = 'f-hidden-categories';
29978		var OLD_STORAGE_KEYS = ['feberHiddenCategoriesV1', 'kategorier'];
29979		var hiddenSet = null;
29980
29981		// Migrera data från gammal nyckel till ny
29982		function migrateFromOldStorage() {
29983			try {
29984				if (!window.localStorage) {
29985					return;
29986				}
29987				var migrated = [];
29988				var currentData = localStorage.getItem(STORAGE_KEY);
29989				if (currentData) {
29990					try {
29991						var currentParsed = JSON.parse(currentData);
29992						if (Array.isArray(currentParsed)) migrated = migrated.concat(currentParsed);
29993					} catch (e) {
29994						// Ogiltig aktuell data ersätts av en tom eller migrerad lista.
29995					}
29996				}
29997				OLD_STORAGE_KEYS.forEach(function(oldKey) {
29998					var oldData = localStorage.getItem(oldKey);
29999					if (!oldData) return;
30000					try {
30001						var parsed = JSON.parse(oldData);
30002						if (Array.isArray(parsed)) migrated = migrated.concat(parsed);
30003					} catch (e) {
30004						// Ignorera trasig data från äldre versioner.
30005					}
30006				});
30007				var unique = Array.from(new Set(migrated.map(function(value) {
30008					return String(value || '').trim().toLowerCase();
30009				}).filter(Boolean)));
30010				localStorage.setItem(STORAGE_KEY, JSON.stringify(unique));
30011				OLD_STORAGE_KEYS.forEach(function(oldKey) { localStorage.removeItem(oldKey); });
30012			} catch (e) {
30013				// Ignorera fel vid migrering
30014			}
30015		}
30016
30017		function loadHidden() {
30018			if (hiddenSet !== null) {
30019				return hiddenSet;
30020			}
30021			// Migrera från gammal nyckel vid första laddningen
30022			migrateFromOldStorage();
30023			
30024			try {
30025				var raw = window.localStorage ? localStorage.getItem(STORAGE_KEY) : null;
30026				if (!raw) {
30027					hiddenSet = new Set();
30028					return hiddenSet;
30029				}
30030				var parsed = JSON.parse(raw);
30031				if (!Array.isArray(parsed)) {
30032					hiddenSet = new Set();
30033					return hiddenSet;
30034				}
30035				hiddenSet = new Set(parsed.map(function (v) {
30036					return String(v || '').toLowerCase();
30037				}));
30038			} catch (e) {
30039				hiddenSet = new Set();
30040			}
30041			return hiddenSet;
30042		}
30043
30044		function saveHidden() {
30045			try {
30046				if (!window.localStorage) {
30047					return;
30048				}
30049				var arr = Array.from(loadHidden());
30050				localStorage.setItem(STORAGE_KEY, JSON.stringify(arr));
30051			} catch (e) {
30052				// Ignorera storage-fel (t.ex. privat läge)
30053			}
30054		}
30055
30056		function shouldHideCat(catUrl) {
30057			if (!catUrl) {
30058				return false;
30059			}
30060			var lower = String(catUrl).toLowerCase();
30061			var hidden = loadHidden();
30062			if (!hidden || !hidden.size) {
30063				return false;
30064			}
30065			var match = false;
30066			hidden.forEach(function (key) {
30067				if (match) {
30068					return;
30069				}
30070				if (!key) {
30071					return;
30072				}
30073				if (lower === key || lower.indexOf(key + '/') === 0) {
30074					match = true;
30075				}
30076			});
30077			return match;
30078		}
30079
30080		function applyCategoryFilters() {
30081			var hiddenIds = new Set();
30082			var articles = document.querySelectorAll('f-article[data-id][data-caturl]');
30083			articles.forEach(function (article) {
30084				var catUrl = article.getAttribute('data-caturl');
30085				var artId = article.getAttribute('data-id');
30086				if (shouldHideCat(catUrl)) {
30087					article.style.display = 'none';
30088					if (artId) {
30089						hiddenIds.add(artId);
30090					}
30091				} else {
30092					article.style.display = '';
30093				}
30094			});
30095
30096			document.querySelectorAll('f-panorama[data-id]').forEach(function (pan) {
30097				pan.style.display = hiddenIds.has(pan.getAttribute('data-id')) ? 'none' : '';
30098			});
30099		}
30100
30101		function parseToggleKeys(raw) {
30102			if (!raw) {
30103				return [];
30104			}
30105			return String(raw)
30106				.split(/[,\|]/)
30107				.map(function (s) { return s.trim().toLowerCase(); })
30108				.filter(function (s) { return !!s; });
30109		}
30110
30111		function toggleCategoryGroup(keys) {
30112			if (!keys || !keys.length) {
30113				return;
30114			}
30115			var hidden = loadHidden();
30116			var allHidden = keys.every(function (k) { return hidden.has(k); });
30117
30118			if (allHidden) {
30119				keys.forEach(function (k) { hidden.delete(k); });
30120			} else {
30121				keys.forEach(function (k) { hidden.add(k); });
30122			}
30123
30124			saveHidden();
30125			// Nollställ cache så att loadHidden() läser från localStorage nästa gång
30126			hiddenSet = null;
30127			applyCategoryFilters();
30128			initToggleButtons();
30129			
30130		}
30131
30132		function initToggleButtons() {
30133			var hidden = loadHidden();
30134			var buttons = document.querySelectorAll('[data-category-toggle]');
30135			buttons.forEach(function (btn) {
30136				var keys = parseToggleKeys(btn.getAttribute('data-category-toggle'));
30137				if (!keys.length) {
30138					return;
30139				}
30140				var hiddenCount = keys.filter(function (k) { return hidden.has(k); }).length;
30141				var isOff = hiddenCount === keys.length;
30142				var isPartial = hiddenCount > 0 && !isOff;
30143				btn.classList.toggle('is-off', isOff);
30144				btn.classList.toggle('is-partial', isPartial);
30145				btn.setAttribute('aria-pressed', isPartial ? 'mixed' : (isOff ? 'false' : 'true'));
30146			});
30147			changeVX();
30148		}
30149
30150		document.addEventListener('click', function (event) {
30151			var target = event.target;
30152			if (!target) {
30153				return;
30154			}
30155			var btn = target.closest ? target.closest('[data-category-toggle]') : null;
30156			if (!btn) {
30157				return;
30158			}
30159			var keys = parseToggleKeys(btn.getAttribute('data-category-toggle'));
30160			if (!keys.length) {
30161				return;
30162			}
30163			event.preventDefault();
30164			toggleCategoryGroup(keys);
30165		});
30166
30167		window.applyCategoryFilters = applyCategoryFilters;
30168		window.toggleCategoryFilter = function (keyOrKeys) {
30169			if (Array.isArray(keyOrKeys)) {
30170				toggleCategoryGroup(keyOrKeys.map(function (k) { return String(k).toLowerCase(); }));
30171			} else {
30172				var keys = parseToggleKeys(keyOrKeys);
30173				toggleCategoryGroup(keys);
30174			}
30175		};
30176		window.getHiddenCategoryFilters = function () {
30177			return Array.from(loadHidden());
30178		};
30179		window.updateCategoryToggleState = function () {
30180			initToggleButtons();
30181		};
30182
30183		initToggleButtons();
30184
30185		// På sidor med artikelflöde appliceras filtreringen direkt.
30186		if (document.querySelectorAll('f-article[data-id][data-caturl]').length > 0) {
30187			applyCategoryFilters();
30188		}
30189	})();
30190	
30191	// Klickhanterare för f-menu-dropdown-item-marked (delegerad)
30192	document.addEventListener('click', function(e) {
30193		var target = e.target.closest ? e.target.closest('f-menu-dropdown-item-marked') : null;
30194		if (!target) return;
30195
30196		e.preventDefault();
30197		e.stopPropagation();
30198
30199		// Hämta förälder och data-catt från denna
30200		var parentElement = target.parentElement;
30201		var parentCatt = parentElement ? parentElement.getAttribute('data-catt') : null;
30202
30203		if (!parentCatt) {
30204			return;
30205		}
30206
30207		// Parsa data-catt (komma-separerad lista)
30208		var categories = parentCatt.split(',').map(function(s) {
30209			return s.trim().toLowerCase();
30210		}
30210).filter(Boolean);
30211
30212		if (categories.length === 0) {
30213			return;
30214		}
30215
30216		// Använd den gemensamma kategorifiltreringen.
30217		if (typeof window.toggleCategoryFilter === 'function') {
30218			window.toggleCategoryFilter(categories);
30219		}
30220	});
30221
30222	document.addEventListener('keydown', function(e) {
30223		var target = e.target.closest ? e.target.closest('f-menu-dropdown-item-marked') : null;
30224		if (!target || (e.key !== 'Enter' && e.key !== ' ')) return;
30225		e.preventDefault();
30226		target.click();
30227	});
30228
30229	
30230	
30231</script>
30231
30232
30233
30234
30235
30236
30237
30238
30239
30240
30241
30242
30243
30244
30245
30246
30247
30248
30249
30250
30251
30252
30253
30254			
30255
30256		
30257		
30258		
30259		
30260		
30261	
30262	
30263	
30264	
30265			
30266		
30267		
30268					
30269
30270				
30271
30272				
30273
30274				<!-- currentURI /today/ -->
30275				
30276				
30277						
30278				
30279
30280				
30281						
30282					
30283					
30284				
30285				
30286				
30287		
30288				
30289
30290				
30291				
30292										
30293				 
30294								
30295								
30296								
30297		
30298
30299		
30300		
30301		
30302		
30303		
30304
30305
30306
30307
30308
30309
30310		
30311	
30312<div id="readPeakPreArticle-start" data-ctype="pre-article" data-sid="start" data-position="before-list" style="display:flex;flex-direction:row;gap:var(--f-article-padding);height:75px;min-height:75px;max-height:75px;margin:var(--f-margins-margins);width:100%;max-width:980px;"></div>
30313
30314		
30315		
30316				
30316<script>
30317					initReadpeakPuffs({
30318						adId: 'readPeakPreArticle-start',
30319						articleId: 'start',
30320						tags: 'prearticle',
30321						blockSelector: '[data-ctype="pre-article"]',
30322						mobileBreakpoint: 600,
30323						position: 'before-list'
30324					});
30325				</script>
30325
30326			
30327		
30328
30329		
30330		
30330<script>
30331			(function() {
30332				var wideCounter = 0;
30333
30334				function spawnWide(targetEl, placement) {
30335					var id = 'rpWide-' + wideCounter++;
30336					var container = document.createElement('div');
30337					container.id = id;
30338
30339					targetEl.innerHTML = '';
30340					targetEl.appendChild(container);
30341					targetEl.style.display = 'block';
30342					targetEl.style.width = '100%';
30343					targetEl.style.margin = 'auto';
30344					targetEl.style.textAlign = 'left';
30345					targetEl.style.minHeight = '120px';
30346
30347					initReadpeakWide({
30348						adId: id,
30349						articleId: placement || 'fallback',
30350						tags: 'wide',
30351						position: 'maxetise-fallback',
30352						immediate: true
30353					});
30354				}
30355
30356				
30357
30358				// Spawna ReadPeak Wide för tomma Maxetise-placements
30359				window.addEventListener('placementLoaded', function(e) {
30360					if (!e.detail.isEmpty) return;
30361					var placement = e.detail.placement;
30362					var isDesktop = window.innerWidth > 800;
30363					if (isDesktop && !/^desktop[1-5]$/.test(placement)) return;
30364					if (!isDesktop && !/^mobile[1-5]$/.test(placement)) return;
30365					var el = document.getElementById(e.detail.id);
30366					if (el) {
30367						spawnWide(el, placement);
30368					}
30369				}, false);
30370			})();
30371		</script>
30371
30372
30373		 
30374	
30375	<style>
30376					
30377					f-panorama {
30378						display: block; overflow: hidden; z-index: 0 !important; max-width: 980px; margin: var(--f-margins-margins);
30379					}
30380					@media only screen and (min-width: 1340px) and (max-width: 1640px) {
30381						:root [data-premium='false'] {
30382							--f-margin-right: 320px;
30383							--f-margins: 0px 320px 0px auto;
30384							--f-margins: 0px 320px 0px auto;
30385							--f-margins-margins: 20px 320px 20px auto;
30386						}
30387					}
30388					
30389				</style>
30390
30391			<f-reading-list-builder id="f-reading-list-builder" data-visible="true" data-empty="true">
30392				<f-reading-list-list id="f-reading-list-list" data-visible="false">
30393					<f-reading-list-items id="f-reading-list-items"></f-reading-list-items>
30394					<button type="button" id="f-reading-list-clear">Rensa listan</button>
30395				</f-reading-list-list>
30396				<f-reading-list-copy>
30397					<strong id="f-reading-list-title">Skapa en l&auml;slista</strong>
30398					<small id="f-reading-list-help">Klicka p&aring; pluset p&aring; en artikel f&ouml;r att l&auml;gga till den.</small>
30399				</f-reading-list-copy>
30400				<button type="button" id="f-reading-list-dismiss" aria-label="D&ouml;lj information om l&auml;slistan">&times;</button>
30401				<button type="button" id="f-reading-list-toggle" aria-expanded="false">Visa lista</button>
30402				<button type="button" id="f-reading-list-start">B&ouml;rja l&auml;sa</button>
30403			</f-reading-list-builder>
30404
30405			
30405<script>
30406				document.addEventListener('DOMContentLoaded', function() {
30407					var storageKey = 'feberReadingQueueTest';
30408					var hintDismissedKey = 'feberReadingQueueHintDismissed';
30409					var builder = document.getElementById('f-reading-list-builder');
30410					var title = document.getElementById('f-reading-list-title');
30411					var help = document.getElementById('f-reading-list-help');
30412					var queueList = document.getElementById('f-reading-list-list');
30413					var queueItems = document.getElementById('f-reading-list-items');
30414					var queue = [];
30415					var buttons = [];
30416					var hintDismissed = false;
30417
30418					try {
30419						if (window.location.hash === '#f-reading-list-clear') {
30420							localStorage.removeItem(storageKey);
30421							localStorage.removeItem(hintDismissedKey);
30422							history.replaceState(null, '', window.location.pathname + window.location.search);
30423						}
30424						hintDismissed = localStorage.getItem(hintDismissedKey) === 'true';
30425						var saved = JSON.parse(localStorage.getItem(storageKey));
30426						if (saved && saved.version === 1 && Array.isArray(saved.articles)) queue = saved.articles;
30427					} catch (e) {
30428						localStorage.removeItem(storageKey);
30429					}
30430
30431					function saveAndDraw() {
30432						localStorage.setItem(storageKey, JSON.stringify({ version: 1, updatedAt: Date.now(), articles: queue }));
30433						builder.setAttribute('data-visible', 'true');
30434						builder.setAttribute('data-empty', queue.length ? 'false' : 'true');
30435						title.textContent = queue.length ? queue.length + (queue.length === 1 ? ' artikel i l\u00e4slistan' : ' artiklar i l\u00e4slistan') : 'Skapa en l\u00e4slista';
30436						help.textContent = queue.length ? 'Klicka p\u00e5 ett orange plus f\u00f6r att ta bort artikeln.' : 'Klicka p\u00e5 pluset p\u00e5 en artikel f\u00f6r att l\u00e4gga till den.';
30437						buttons.forEach(function(button) {
30438							var selected = queue.some(function(article) { return article.id === button.dataset.readingId; });
30439							button.setAttribute('aria-pressed', selected ? 'true' : 'false');
30440						});
30441
30442						queueItems.innerHTML = '';
30443						queue.forEach(function(article) {
30444							var item = document.createElement('f-reading-list-item');
30445							if (article.image) {
30446								var image = document.createElement('img');
30447								image.src = article.image;
30448								image.alt = '';
30449								item.appendChild(image);
30450							}
30451
30452							var copy = document.createElement('f-reading-list-item-copy');
30453							copy.setAttribute('data-tempstatus', article.tempStatus || 'normal');
30454							var title = document.createElement('strong');
30455							title.textContent = article.title;
30456							copy.appendChild(title);
30457							if (article.preamble) {
30458								var preamble = document.createElement('small');
30459								preamble.textContent = article.preamble;
30460								copy.appendChild(preamble);
30461							}
30462							item.appendChild(copy);
30463
30464							var removeButton = document.createElement('button');
30465							removeButton.type = 'button';
30466							removeButton.className = 'f-reading-list-remove';
30467							removeButton.innerHTML = '<svg viewBox="0 0 1195 1376" aria-hidden="true"><path d="M414.507 1176.27C437.947 1176.27 453.367 1161.45 452.751 1139.84L433.629 479.152C433.012 457.541 417.592 443.34 395.386 443.34C371.946 443.34 356.526 458.158 357.143 479.77L375.648 1139.84C376.264 1162.07 391.685 1176.27 414.507 1176.27ZM597.088 1176.27C620.528 1176.27 637.182 1161.45 637.182 1139.84V479.77C637.182 458.158 620.528 443.34 597.088 443.34C573.649 443.34 557.611 458.158 557.611 479.77V1139.84C557.611 1161.45 573.649 1176.27 597.088 1176.27ZM780.285 1176.27C802.493 1176.27 817.911 1162.07 818.53 1139.84L837.036 479.77C837.649 458.158 822.231 443.34 798.791 443.34C776.583 443.34 761.165 457.541 760.546 479.77L742.039 1139.84C741.427 1161.45 756.845 1176.27 780.285 1176.27ZM326.301 282.181H424.377V150.044C424.377 114.849 449.05 92.0023 486.059 92.0023H706.883C743.89 92.0023 768.568 114.849 768.568 150.044V282.181H866.641V143.869C866.641 54.3369 808.657 0 713.667 0H479.274C384.283 0 326.301 54.3369 326.301 143.869V282.181ZM46.262 331.578H1148.53C1173.82 331.578 1194.17 309.967 1194.17 284.651C1194.17 259.335 1173.82 238.341 1148.53 238.341H46.262C21.5889 238.341 0 259.335 0 284.651C0 310.585 21.5889 331.578 46.262 331.578ZM314.582 1375.09H880.208C968.416 1375.09 1027.63 1317.67 1031.95 1229.37L1075.13 319.846H975.818L934.491 1218.87C933.259 1255.92 906.737 1281.85 870.342 1281.85H323.217C288.058 1281.85 261.534 1255.3 259.684 1218.87L215.889 319.846H119.048L162.842 1229.99C167.16 1318.29 225.141 1375.09 314.582 1375.09Z"/></svg>';
30468							removeButton.setAttribute('aria-label', 'Ta bort ' + article.title + ' fr\u00e5n l\u00e4slistan');
30469							removeButton.addEventListener('click', function() {
30470								var index = queue.findIndex(function(queueArticle) { return queueArticle.id === article.i
30470d; });
30471								if (index !== -1) queue.splice(index, 1);
30472								saveAndDraw();
30473							});
30474							item.appendChild(removeButton);
30475
30476							queueItems.appendChild(item);
30477						});
30478
30479						if (!queue.length) {
30480							queueList.setAttribute('data-visible', 'false');
30481							var toggle = document.getElementById('f-reading-list-toggle');
30482							toggle.setAttribute('aria-expanded', 'false');
30483							toggle.textContent = 'Visa lista';
30484						}
30485					}
30486
30487					document.querySelectorAll('f-basic[data-id]').forEach(function(articleElement) {
30488						var link = articleElement.querySelector('f-basic-header') ? articleElement.querySelector('f-basic-header').closest('a') : articleElement.querySelector('a[href]');
30489						var headline = articleElement.querySelector('f-basic-headline');
30490						var preamble = articleElement.querySelector('f-basic-preamble');
30491						var image = articleElement.querySelector('f-basic-media img');
30492						if (!link || !headline) return;
30493
30494						var button = document.createElement('button');
30495						button.type = 'button';
30496						button.className = 'f-reading-list-add';
30497						button.dataset.readingId = articleElement.dataset.id;
30498						button.dataset.readingTitle = headline.textContent.trim();
30499						button.dataset.readingUrl = link.href;
30500						button.dataset.readingImage = image ? image.src : '';
30501						button.dataset.readingPreamble = preamble ? preamble.textContent.trim() : '';
30502						button.dataset.readingTempStatus = articleElement.dataset.tempstatus || 'normal';
30503						button.setAttribute('aria-label', 'L\u00e4gg till ' + button.dataset.readingTitle + ' i l\u00e4slistan');
30504						button.setAttribute('aria-pressed', 'false');
30505						button.innerHTML = '<span aria-hidden="true">+</span>';
30506						articleElement.appendChild(button);
30507						buttons.push(button);
30508
30509						var savedArticle = queue.find(function(article) { return article.id === button.dataset.readingId; });
30510						if (savedArticle) {
30511							savedArticle.preamble = button.dataset.readingPreamble;
30512							savedArticle.tempStatus = button.dataset.readingTempStatus;
30513						}
30514
30515						['pointerdown', 'pointerup', 'mousedown', 'mouseup', 'touchstart', 'touchend'].forEach(function(eventName) {
30516							button.addEventListener(eventName, function(event) {
30517								event.stopPropagation();
30518							});
30519						});
30520
30521						button.addEventListener('click', function(event) {
30522							event.preventDefault();
30523							event.stopPropagation();
30524							event.stopImmediatePropagation();
30525							var index = queue.findIndex(function(article) { return article.id === button.dataset.readingId; });
30526							if (index !== -1) {
30527								queue.splice(index, 1);
30528							} else {
30529								hintDismissed = false;
30530								localStorage.removeItem(hintDismissedKey);
30531								queue.push({
30532									id: button.dataset.readingId,
30533									title: button.dataset.readingTitle,
30534									url: button.dataset.readingUrl,
30535									image: button.dataset.readingImage,
30536									preamble: button.dataset.readingPreamble,
30537									tempStatus: button.dataset.readingTempStatus
30538								});
30539							}
30540							saveAndDraw();
30541						}, true);
30542					});
30543
30544					document.getElementById('f-reading-list-dismiss').addEventListener('click', function() {
30545						hintDismissed = true;
30546						localStorage.setItem(hintDismissedKey, 'true');
30547						builder.setAttribute('data-visible', 'false');
30548					});
30549
30550					document.getElementById('f-reading-list-clear').addEventListener('click', function() {
30551						queue = [];
30552						saveAndDraw();
30553					});
30554
30555					document.getElementById('f-reading-list-toggle').addEventListener('click', function() {
30556						var visible = queueList.getAttribute('data-visible') === 'true';
30557						queueList.setAttribute('data-visible', visible ? 'false' : 'true');
30558						this.setAttribute('aria-expanded', visible ? 'false' : 'true');
30559						this.textContent = visible ? 'Visa lista' : 'D\u00f6lj lista';
30560					});
30561
30562					document.getElementById('f-reading-list-start').addEventListener('click', function() {
30563						if (!queue.length) return;
30564						var url = new URL(queue[0].url, window.location.origin);
30565						url.hash = 'f-reading-list=' + encodeURIComponent(JSON.stringify({ version: 1, articles: queue }));
30566						window.location.href = url.toString();
30567					});
30568
30569					saveAndDraw();
30570					if (!queue.length && hintDismissed) builder.setAttribute('data-visible', 'false');
30571				});
30572			</script>
30572
30573
30574		<!-- User:  -->
30575		
30576		
30577
30578
30579
30580
30581
30582
30583
30584
30585
30586
30587
30588
30589
30590
30591
30592		
30593		
30594	
30595
30596
30597
30598
30599
30600
30601
30602
30603<!-- panidentity panorama1both -->
30604
30605<f-panorama id="panoramapanorama1both" class="maxpan" data-panidentity="panorama1both">
30606		
30607</f-panorama>
30608
30609
30610
30611		
30612
30613	
30614	
30615
30616			
30617
30618			
30618<script type="text/javascript">
30619		
30620			function initPanoramapanorama1both() {
30621				checkPlus().then(isPlus => {
30622
30623					const device = 'both';
30624					const panoramaEl = document.getElementById('panoramapanorama1both');
30625					
30626					if (!panoramaEl) return;
30627
30628					if (isPlus) { 
30629						panoramaEl.remove();
30630						console.log('remove1  + panorama1both');
30631					} else {
30632						const deviceWidth = window.innerWidth;
30633
30634						if (device == 'mobile' && deviceWidth > 800) {
30635							panoramaEl.style.display = 'none';
30636						} else if (device == 'desktop' && deviceWidth < 800) {
30637							panoramaEl.style.display = 'none';
30638						} else {
30639							// Definiera maxetise-div
30640							var newDiv = `<div class="maxetise max " data-placement='[{ "mq":"screen and (max-width: 800px)", "placement": "mobile1"}, { "mq":"screen", "placement": "desktop1"}]'></div>`;
30641						
30642							// Posta den i rätt panorama
30643							panoramaEl.innerHTML = newDiv;
30644						}
30645					}
30646				}).catch(error => console.error(error));
30647			}
30648			
30649			if (document.readyState === 'loading') {
30650				document.addEventListener('DOMContentLoaded', initPanoramapanorama1both);
30651			} else {
30652				initPanoramapanorama1both();
30653			}
30654			
30655			</script>
30655
30656			
30657		
30658	
30659
30660
30661
30662
30663
30664
30665
30666
30667
30668
30669
30670
30671
30672
30673
30674
30675		
30676	
30677
30678
30679
30680
30681
30682
30683
30684
30685
30686<f-bar-container data-id="">
30687	<f-bar>
30688		<f-bar-left>
30689			
30690			
30691					Dagens artiklar
30692				
30693				
30694			
30695				
30696		</f-bar-left>
30697		
30698	</f-bar>	
30699</f-bar-container>
30700
30701
30702				
30703				<f-basic-container-thumbs>
30704					<!-- start cacheKey = day-today-#sites@1,2,4,5,6,9,12,13,16,27,48,58,61,62,65,67,100,104,118,127,139,191,198,212,213,148,152,153,154,155,156,157,159#count@160#start@0#categories@#statuses@1# , date: Thu Sep 24 20:08:30 CEST 2026 -->
30705
30706
30707
30708
30709 
30710
30711
30712
30713
30714
30715
30716
30717		
30718		
30719	
30720
30721
30722
30723	
30724
30725
30726
30727
30728
30729
30730
30731
30732
30733		
30734	
30735
30736
30737
30738
30739
30740	
30741			
30742			
30743			
30744		
30745
30746
30747
30748
30749
30750
30751
30752
30753		
30754	
30755
30756
30757
30758
30759
30760
30761
30762 
30763
30764		
30765	
30766
30767
30768
30769
30770
30771
30772
30773<f-basic 	id="ArticleBasic_496539" 
30774			data-id="496539"
30775			data-temp="369"
30776			data-tempstatus=normal
30777			data-basicsite="feber"  
30778			
30779			
30780			class=" feber" 
30781			>
30782
30783	
30784	
30785
30786	
30787	<a href="https://feber.se/internet/kolla-in-det-viktigaste-fran-metas-utvecklakonferens/496539/">
30788		<f-basic-header>
30789			<f-basic-headline>
30790				 <b>Kolla in det viktigaste från Metas utvecklakonferens</b>
30791			</f-basic-headline>
30792			<f-basic-preamble>
30793				Meta Connect på 10 minuter
30794			</f-basic-preamble>
30795		</f-basic-header>
30796	</a>
30797	
30798	
30799	<f-basic-body>
30800		<a class="" data-artid="496539" data-title="Kolla in det viktigaste från Metas utvecklakonferens.  Meta Connect på 10 minuter | Feber / Internet" href="https://feber.se/internet/kolla-in-det-viktigaste-fran-metas-utvecklakonferens/496539/">
30801			Orkade du inte sitta uppe och kolla på gårdagens keynote från Metas utvecklarkonferens Meta Connect, som började klockan 01:00 på natten svensk tid, kan du här kolla in ett sammandrag från eventet.   Det är CNET som har plockat ut höjdpunkterna från den cirka en timme långa presentationen och klippt ihop de till en supercut som är lite under 10 minuter.   Under keynoten presenterade Meta bland annat sina kameralösa smarta glasögon Ray-Ban Meta Audio, tredje generationens Meta Ray-Ban (med kameror), VR-glasögonen Meta VR Glasses och den lilla AI-dosan Muse Charm. 
30802		</a>
30803	</f-basic-body>
30804	
30805	
30806	<f-basic-media>
30807		<f-basic-mediawrapper>
30808			<a class="" data-artid="496539" data-title="Kolla in det viktigaste från Metas utvecklakonferens.  Meta Connect på 10 minuter | Feber / Internet" href="https://feber.se/internet/kolla-in-det-viktigaste-fran-metas-utvecklakonferens/496539/"><img src="//i.ytimg.com/vi/mFrDMb42zAs/mqdefault.jpg" loading="lazy" alt="Tumnagel" /></a>
30809
30810			<f-basic-tagline data-tempstatus="">
30811					
30812				
30813
30814
30815
30816
30817
30818
30819
30820
30821
30822
30823
30824
30825
30826
30827		
30828				
30829			
30830	
30831<!-- Temptype degrees -->
30832
30833
30834
30835
30836
30837
30838
30839
30840
30841		
30842	
30843<!-- IDNAME 198 - Feber / Internet - Feber -->
30844
30845
30846	
30847	
30848	<div class="temp BG" id="ikon_thumbs_496539">
30849		
30850				36.9&deg;
30851			
30852	</div>
30853
30854
30855			
30856				
30857					
30858						
30859							<f-bubble id="commentCounter496539" class="disqus-comment-count" data-disqus-url="https://feber.se/496539/" data-sheeturl="/disqus/496539/?inline=true&showheader=true" onClick="loadComments('#showDisqus496539','/disqus/496539/?inline=true');">0</f-bubble>
30860						<!--<a href="http://feber.se/496539/#commentsContainer"></a>-->
30861					
30862				
30863			
30864			</f-basic-tagline>
30865
30866		</f-mediawrapper>
30867	
30868	</f-basic-media>
30869
30870</f-basic>
30871
30872
30873
30874
30875
30876
30877
30878
30879
30880
30881
30882
30883
30884
30885
30886	
30887	
30888
30889
30890
30891
30892
30893
30894
30895
30896
30897 
30898
30899
30900
30901
30902
30903
30904
30905		
30906		
30907	
30908
30909
30910
30911	
30912
30913
30914
30915
30916
30917
30918
30919
30920
30921		
30922	
30923
30924
30925
30926
30927
30928	
30929			
30930			
30931			
30932		
30933
30934
30935
30936
30937
30938
30939
30940
30941		
30942	
30943
30944
30945
30946
30947
30948
30949
30950 
30951
30952		
30953	
30954
30955
30956
30957
30958
30959
30960
30961<f-basic 	id="ArticleBasic_496524" 
30962			data-id="496524"
30963			data-temp="370"
30964			data-tempstatus=normal
30965			data-basicsite="feber"  
30966			
30967			
30968			class=" feber" 
30969			>
30970
30971	
30972	
30973
30974	
30975	<a href="https://feber.se/film/clown-panic-ar-inget-for-er-med-clownskrack/496524/">
30976		<f-basic-header>
30977			<f-basic-headline>
30978				 <b>Clown Panic är inget för er med clownskräck</b>
30979			</f-basic-headline>
30980			<f-basic-preamble>
30981				Ny dokumentär kommer på Disney+ nästa månad
30982			</f-basic-preamble>
30983		</f-basic-header>
30984	</a>
30985	
30986	
30987	<f-basic-body>
30988		<a class="" data-artid="496524" data-title="Clown Panic är inget för er med clownskräck.  Ny dokumentär kommer på Disney+ nästa månad | Feber / Film & TV" href="https://feber.se/film/clown-panic-ar-inget-for-er-med-clownskrack/496524/">
30989			Lagom till Halloween släpps dokumentären Clown Panic som handlar om en händelse i USA där barn sade sig ha sett en man utklädd till clown i delstaten South Carolinas skogar.  Dokumentären tar tittarna med på en resa där rapporterna om clowner eskalerar via både traditionella media och sociala medier vilket leder till clownhysteri.  Clown Panic börjar visas på Disney+ den 12 oktober. Ni hittar trailern för dokumentären nedan.
30990		</a>
30991	</f-basic-body>
30992	
30993	
30994	<f-basic-media>
30995		<f-basic-mediawrapper>
30996			<a class="" data-artid="496524" data-title="Clown Panic är inget för er med clownskräck.  Ny dokumentär kommer på Disney+ nästa månad | Feber / Film & TV" href="https://feber.se/film/clown-panic-ar-inget-for-er-med-clownskrack/496524/"><img src="https://static.feber.se/article_images/66/81/58/668158_440.jpg" loading="lazy" alt="Tumnagel" /></a>
30997
30998			<f-basic-tagline data-tempstatus="">
30999					
31000				
31001
31002
31003
31004
31005
31006
31007
31008
31009
31010
31011
31012
31013
31014
31015		
31016				
31017			
31018	
31019<!-- Temptype degrees -->
31020
31021
31022
31023
31024
31025
31026
31027
31028
31029		
31030	
31031<!-- IDNAME 58 - Feber / Film & TV - Feber -->
31032
31033
31034	
31035	
31036	<div class="temp BG" id="ikon_thumbs_496524">
31037		
31038				37.0&deg;
31039			
31040	</div>
31041
31042
31043			
31044				
31045					
31046						
31047							<f-bubble id="commentCounter496524" class="disqus-comment-count" data-disqus-url="https://feber.se/496524/" data-sheeturl="/disqus/496524/?inline=true&showheader=true" onClick="loadComments('#showDisqus496524','/disqus/496524/?inline=true');">0</f-bubble>
31048						<!--<a href="http://feber.se/496524/#commentsContainer"></a>-->
31049					
31050				
31051			
31052			</f-basic-tagline>
31053
31054		</f-mediawrapper>
31055	
31056	</f-basic-media>
31057
31058</f-basic>
31059
31060
31061
31062
31063
31064
31065
31066
31067
31068
31069
31070
31071
31072
31073
31074	
31075	
31076
31077
31078
31079
31080
31081
31082
31083
31084
31085 
31086
31087
31088
31089
31090
31091
31092
31093		
31094		
31095	
31096
31097
31098
31099	
31100
31101
31102
31103
31104
31105
31106
31107
31108
31109		
31110	
31111
31112
31113
31114
31115
31116	
31117			
31118			
31119			
31120		
31121
31122
31123
31124
31125
31126
31127
31128
31129		
31130	
31131
31132
31133
31134
31135
31136
31137
31138 
31139
31140		
31141	
31142
31143
31144
31145
31146
31147
31148
31149<f-basic 	id="ArticleBasic_496522" 
31150			data-id="496522"
31151			data-temp="353"
31152			data-tempstatus=normal
31153			data-basicsite="feber"  
31154			
31155			
31156			class=" feber" 
31157			>
31158
31159	
31160	
31161
31162	
31163	<a href="https://feber.se/bil/denzas-modeller-har-snart-premiar-i-sverige/496522/">
31164		<f-basic-header>
31165			<f-basic-headline>
31166				 <b>Denzas modeller har snart premiär i Sverige</b>
31167			</f-basic-headline>
31168			<f-basic-preamble>
31169				Visas upp på elbilsmässa
31170			</f-basic-preamble>
31171		</f-basic-header>
31172	</a>
31173	
31174	
31175	<f-basic-body>
31176		<a class="" data-artid="496522" data-title="Denzas modeller har snart premiär i Sverige.  Visas upp på elbilsmässa | Feber / Bil" href="https://feber.se/bil/denzas-modeller-har-snart-premiar-i-sverige/496522/">
31177			Mellan den 9 och 11 oktober anordnas elbilsmässan eCar Expo 2026 i Stockholm. Där har BYD:s premiumvarumärke Denza sin Sverige-premiär och flaggskeppet Z9GT kommer att ställas ut. Det är en shooting brake grand tourer byggd på plattformen e3. Man kan få modellen som laddhybrid eller med bara eldrift. Räckvidderna anges till 80 respektive 60 mil och den eldrivna ska klara 0-100 km/h på bara 2,7 sekunder. Man ska även kunna ladda denna med BYD:s supersnabba Flash Charging-teknik.  Z9GT lanseras här i Sverige senare i höst och när det börjar närma sig kommer vi att få prislappen och fler detaljer kring bilen.
31178		</a>
31179	</f-basic-body>
31180	
31181	
31182	<f-basic-media>
31183		<f-basic-mediawrapper>
31184			<a class="" data-artid="496522" data-title="Denzas modeller har snart premiär i Sverige.  Visas upp på elbilsmässa | Feber / Bil" href="https://feber.se/bil/denzas-modeller-har-snart-premiar-i-sverige/496522/"><img src="https://static.feber.se/article_images/66/81/56/668156_440.jpg" loading="lazy" alt="Tumnagel" /></a>
31185
31186			<f-basic-tagline data-tempstatus="">
31187					
31188				
31189
31190
31191
31192
31193
31194
31195
31196
31197
31198
31199
31200
31201
31202
31203		
31204				
31205			
31206	
31207<!-- Temptype degrees -->
31208
31209
31210
31211
31212
31213
31214
31215
31216
31217		
31218	
31219<!-- IDNAME 6 - Feber / Bil - Feber -->
31220
31221
31222	
31223	
31224	<div class="temp BG" id="ikon_thumbs_496522">
31225		
31226				35.3&deg;
31227			
31228	</div>
31229
31230
31231			
31232				
31233					
31234						
31235							<f-bubble id="commentCounter496522" class="disqus-comment-count" data-disqus-url="https://feber.se/496522/" data-sheeturl="/disqus/496522/?inline=true&showheader=true" onClick="loadComments('#showDisqus496522','/disqus/496522/?inline=true');">0</f-bubble>
31236						<!--<a href="http://feber.se/496522/#commentsContainer"></a>-->
31237					
31238				
31239			
31240			</f-basic-tagline>
31241
31242		</f-mediawrapper>
31243	
31244	</f-basic-media>
31245
31246</f-basic>
31247
31248
31249
31250
31251
31252
31253
31254
31255
31256
31257
31258
31259
31260
31261
31262	
31263	
31264
31265
31266
31267
31268
31269
31270
31271
31272
31273 
31274
31275
31276
31277
31278
31279
31280
31281		
31282		
31283	
31284
31285
31286
31287	
31288
31289
31290
31291
31292
31293
31294
31295
31296
31297		
31298	
31299
31300
31301
31302
31303
31304	
31305			
31306			
31307			
31308		
31309
31310
31311
31312
31313
31314
31315
31316
31317		
31318	
31319
31320
31321
31322
31323
31324
31325
31326 
31327
31328		
31329	
31330
31331
31332
31333
31334
31335
31336
31337<f-basic 	id="ArticleBasic_496543" 
31338			data-id="496543"
31339			data-temp="336"
31340			data-tempstatus=cold
31341			data-basicsite="feber"  
31342			
31343			
31344			class=" feber" 
31345			>
31346
31347	
31348	
31349
31350	
31351	<a href="https://feber.se/spel/rockstar-slapper-dyr-samlarbox-for-grand-theft-auto-vi/496543/">
31352		<f-basic-header>
31353			<f-basic-headline>
31354				 <b>Rockstar släpper dyr samlarbox för Grand Theft Auto VI</b>
31355			</f-basic-headline>
31356			<f-basic-preamble>
31357				Med mycket merch dock inget spel
31358			</f-basic-preamble>
31359		</f-basic-header>
31360	</a>
31361	
31362	
31363	<f-basic-body>
31364		<a class="" data-artid="496543" data-title="Rockstar släpper dyr samlarbox för Grand Theft Auto VI.  Med mycket merch dock inget spel | Feber / Spel" href="https://feber.se/spel/rockstar-slapper-dyr-samlarbox-for-grand-theft-auto-vi/496543/">
31365			Inför släppet av Grand Theft Auto VI i november har Rockstar Games nu visat upp en rejäl samlarbox för de mest hängivna fansen. Paketet, som går under namnet The Goodtime State – Vice City Collection, är fyllt med exklusiv merch och annat tjofräs. En sak som lådan dock inte innehåller är själva spelet.   Prislappen landar på hela 4 509 kronor (400 dollar i USA) och för det får man prylar inspirerade av den fiktiva delstaten Leonida och spelets neonindränkta estetik. Bland annat får man en staty av alligatorn Macca, ett par Oakley-solglasögon, en axelremsväska och en dubbelsidig plansch som även fungerar som en fysisk karta över spelvärlden.  Samlarboxen släpps den 19 november, samma dag som spelet släpps till PlayStation och Xbox.
31366		</a>
31367	</f-basic-body>
31368	
31369	
31370	<f-basic-media>
31371		<f-basic-mediawrapper>
31372			<a class="" data-artid="496543" data-title="Rockstar släpper dyr samlarbox för Grand Theft Auto VI.  Med mycket merch dock inget spel | Feber / Spel" href="https://feber.se/spel/rockstar-slapper-dyr-samlarbox-for-grand-theft-auto-vi/496543/"><img src="https://static.feber.se/article_images/66/81/99/668199_440.jpg" loading="lazy" alt="Tumnagel" /></a>
31373
31374			<f-basic-tagline data-tempstatus="">
31375					
31376				
31377
31378
31379
31380
31381
31382
31383
31384
31385
31386
31387
31388
31389
31390
31391		
31392				
31393			
31394	
31395<!-- Temptype degrees -->
31396
31397
31398
31399
31400
31401
31402
31403
31404
31405		
31406	
31407<!-- IDNAME 4 - Feber / Spel - Feber -->
31408
31409
31410	
31411	
31412	<div class="temp febercoldBG" id="ikon_thumbs_496543">
31413		
31414				33.6&deg;
31415			
31416	</div>
31417
31418
31419			
31420				
31421					
31422						
31423							<f-bubble id="commentCounter496543" class="disqus-comment-count" data-disqus-url="https://feber.se/496543/" data-sheeturl="/disqus/496543/?inline=true&showheader=true" onClick="loadComments('#showDisqus496543','/disqus/496543/?inline=true');">0</f-bubble>
31424						<!--<a href="http://feber.se/496543/#commentsContainer"></a>-->
31425					
31426				
31427			
31428			</f-basic-tagline>
31429
31430		</f-mediawrapper>
31431	
31432	</f-basic-media>
31433
31434</f-basic>
31435
31436
31437
31438
31439
31440
31441
31442
31443
31444
31445
31446
31447
31448
31449
31450	
31451	
31452
31453
31454
31455
31456
31457
31458
31459
31460
31461 
31462
31463
31464
31465
31466
31467
31468
31469		
31470		
31471	
31472
31473
31474
31475	
31476
31477
31478
31479
31480
31481
31482
31483
31484
31485		
31486	
31487
31488
31489
31490
31491
31492	
31493			
31494			
31495			
31496		
31497
31498
31499
31500
31501
31502
31503
31504
31505		
31506	
31507
31508
31509
31510
31511
31512
31513
31514 
31515
31516		
31517	
31518
31519
31520
31521
31522
31523
31524
31525<f-basic 	id="ArticleBasic_496504" 
31526			data-id="496504"
31527			data-temp="352"
31528			data-tempstatus=normal
31529			data-basicsite="feber"  
31530			
31531			
31532			class=" feber" 
31533			>
31534
31535	
31536	
31537
31538	
31539	<a href="https://feber.se/internet/youtube-lanserar-ai-styrda-flikar/496504/">
31540		<f-basic-header>
31541			<f-basic-headline>
31542				 <b>YouTube lanserar AI-styrda flikar</b>
31543			</f-basic-headline>
31544			<f-basic-preamble>
31545				Snart kan du bygga helt egna startsidor med hjälp av smidiga kommandon.
31546			</f-basic-preamble>
31547		</f-basic-header>
31548	</a>
31549	
31550	
31551	<f-basic-body>
31552		<a class="" data-artid="496504" data-title="YouTube lanserar AI-styrda flikar.  Snart kan du bygga helt egna startsidor med hjälp av smidiga kommandon. | Feber / Internet" href="https://feber.se/internet/youtube-lanserar-ai-styrda-flikar/496504/">
31553			YouTube planerar att ge sina användare en ny funktion som heter Custom Feeds som ska göra det lättare att bygga helt egna startsidor med hjälp av AI.  Genom kommandon som "lugna dokumentärer för kvällsmyset" eller "hjälp mig att hitta nya hemmafi
31553xare" skapas skräddarsydda flikar på startsidan som sedan uppdateras automatiskt med vad som anses vara passande innehåll.   På tal om AI och YouTube så kommer streamingtjänsten även ge folk som laddar upp videor rad nya AI-verktyg. Bland annat en redigeringsassistent för Shorts som kan klippa bort tysta pauser och synka musik till takten. Dessutom får kreatörer nu hjälp av AI för att analysera sina videoutkast så systemet kan ge feedback på allt från berättartempo till struktur innan videon ens har publicerats. En annan nyhet är möjligheten att A/B-testa olika versioner av samma video.
31554		</a>
31555	</f-basic-body>
31556	
31557	
31558	<f-basic-media>
31559		<f-basic-mediawrapper>
31560			<a class="" data-artid="496504" data-title="YouTube lanserar AI-styrda flikar.  Snart kan du bygga helt egna startsidor med hjälp av smidiga kommandon. | Feber / Internet" href="https://feber.se/internet/youtube-lanserar-ai-styrda-flikar/496504/"><img src="https://static.feber.se/article_images/66/81/64/668164_440.jpg" loading="lazy" alt="Tumnagel" /></a>
31561
31562			<f-basic-tagline data-tempstatus="">
31563					
31564				
31565
31566
31567
31568
31569
31570
31571
31572
31573
31574
31575
31576
31577
31578
31579		
31580				
31581			
31582	
31583<!-- Temptype degrees -->
31584
31585
31586
31587
31588
31589
31590
31591
31592
31593		
31594	
31595<!-- IDNAME 198 - Feber / Internet - Feber -->
31596
31597
31598	
31599	
31600	<div class="temp BG" id="ikon_thumbs_496504">
31601		
31602				35.2&deg;
31603			
31604	</div>
31605
31606
31607			
31608				
31609					
31610						
31611							<f-bubble id="commentCounter496504" class="disqus-comment-count" data-disqus-url="https://feber.se/496504/" data-sheeturl="/disqus/496504/?inline=true&showheader=true" onClick="loadComments('#showDisqus496504','/disqus/496504/?inline=true');">0</f-bubble>
31612						<!--<a href="http://feber.se/496504/#commentsContainer"></a>-->
31613					
31614				
31615			
31616			</f-basic-tagline>
31617
31618		</f-mediawrapper>
31619	
31620	</f-basic-media>
31621
31622</f-basic>
31623
31624
31625
31626
31627
31628
31629
31630
31631
31632
31633
31634
31635
31636
31637
31638	
31639	
31640
31641
31642
31643
31644
31645
31646
31647
31648
31649 
31650
31651
31652
31653
31654
31655
31656
31657		
31658		
31659	
31660
31661
31662
31663	
31664
31665
31666
31667
31668
31669
31670
31671
31672
31673		
31674	
31675
31676
31677
31678
31679
31680	
31681			
31682			
31683			
31684		
31685
31686
31687
31688
31689
31690
31691
31692
31693		
31694	
31695
31696
31697
31698
31699
31700
31701
31702 
31703
31704		
31705	
31706
31707
31708
31709
31710
31711
31712
31713<f-basic 	id="ArticleBasic_496518" 
31714			data-id="496518"
31715			data-temp="363"
31716			data-tempstatus=normal
31717			data-basicsite="feber"  
31718			
31719			
31720			class=" feber" 
31721			>
31722
31723	
31724	
31725
31726	
31727	<a href="https://feber.se/bil/hypnotisk-version-av-renault-rafale/496518/">
31728		<f-basic-header>
31729			<f-basic-headline>
31730				 <b>Hypnotisk version av Renault Rafale</b>
31731			</f-basic-headline>
31732			<f-basic-preamble>
31733				Dyraste suven
31734			</f-basic-preamble>
31735		</f-basic-header>
31736	</a>
31737	
31738	
31739	<f-basic-body>
31740		<a class="" data-artid="496518" data-title="Hypnotisk version av Renault Rafale.  Dyraste suven | Feber / Bil" href="https://feber.se/bil/hypnotisk-version-av-renault-rafale/496518/">
31741			Rafale är en sån där SUV-coupé som Renault säljer. Nu presenteras den i den exklusiva versionen Rafale Hypnotic. Endast 1500 av denna kommer att tas fram för den europeiska marknaden, och versionen blir den dyraste suven som Renault erbjuder.  Det man får är en matt lack som kallas för Forest Shade, ett chassi som Alpine har trixat med och drivlinan E-Tech 4×4 som är en laddhybrid med fyrhjulsdrift och sammanlagt 300 hästar. Här kombineras en turbomatad bensintrea på 1,2 liter med inte mindre än tre elmotorer. Batteripacket som är på 22 kWh ska ge el-räckvidd på upp till tio mil.  Versionen utgår från utrustningsnivån Atelier Alpine och får dessutom svart grill och mörkare emblem överallt. Även strålkastarna är tonade och i hjulhusen sitter 21-tumsfälgar. På insidan får man Alcantara och sömmar som går i blått, vitt och rött. Stolarna har upplysta Alpine-emblem.  På prislappen står det 63.550 euro. Bilen kommer att visas upp på mässan i Paris som drar igång den 12 oktober.
31742		</a>
31743	</f-basic-body>
31744	
31745	
31746	<f-basic-media>
31747		<f-basic-mediawrapper>
31748			<a class="" data-artid="496518" data-title="Hypnotisk version av Renault Rafale.  Dyraste suven | Feber / Bil" href="https://feber.se/bil/hypnotisk-version-av-renault-rafale/496518/"><img src="https://static.feber.se/article_images/66/81/00/668100_440.jpg" loading="lazy" alt="Tumnagel" /></a>
31749
31750			<f-basic-tagline data-tempstatus="">
31751					
31752				
31753
31754
31755
31756
31757
31758
31759
31760
31761
31762
31763
31764
31765
31766
31767		
31768				
31769			
31770	
31771<!-- Temptype degrees -->
31772
31773
31774
31775
31776
31777
31778
31779
31780
31781		
31782	
31783<!-- IDNAME 6 - Feber / Bil - Feber -->
31784
31785
31786	
31787	
31788	<div class="temp BG" id="ikon_thumbs_496518">
31789		
31790				36.3&deg;
31791			
31792	</div>
31793
31794
31795			
31796				
31797					
31798						
31799							<f-bubble id="commentCounter496518" class="disqus-comment-count" data-disqus-url="https://feber.se/496518/" data-sheeturl="/disqus/496518/?inline=true&showheader=true" onClick="loadComments('#showDisqus496518','/disqus/496518/?inline=true');">0</f-bubble>
31800						<!--<a href="http://feber.se/496518/#commentsContainer"></a>-->
31801					
31802				
31803			
31804			</f-basic-tagline>
31805
31806		</f-mediawrapper>
31807	
31808	</f-basic-media>
31809
31810</f-basic>
31811
31812
31813
31814
31815
31816
31817
31818
31819
31820
31821
31822
31823
31824
31825
31826	
31827	
31828
31829
31830
31831
31832
31833
31834
31835
31836
31837 
31838
31839
31840
31841
31842
31843
31844
31845		
31846		
31847	
31848
31849
31850
31851	
31852
31853
31854
31855
31856
31857
31858
31859
31860
31861		
31862	
31863
31864
31865
31866
31867
31868	
31869			
31870			
31871			
31872		
31873
31874
31875
31876
31877
31878
31879
31880
31881		
31882	
31883
31884
31885
31886
31887
31888
31889
31890 
31891
31892		
31893	
31894
31895
31896
31897
31898
31899
31900
31901<f-basic 	id="ArticleBasic_496532" 
31902			data-id="496532"
31903			data-temp="308"
31904			data-tempstatus=cold
31905			data-basicsite="feber"  
31906			
31907			
31908			class=" feber" 
31909			>
31910
31911	
31912	
31913
31914	
31915	<a href="https://feber.se/internet/ai-agent-fran-openai-hackade-australiensisk-halsodatabas/496532/">
31916		<f-basic-header>
31917			<f-basic-headline>
31918				 <b>AI-agent från OpenAI hackade australiensisk hälsodatabas</b>
31919			</f-basic-headline>
31920			<f-basic-preamble>
31921				Första kända attacken av en AI-agent mot en myndighet
31922			</f-basic-preamble>
31923		</f-basic-header>
31924	</a>
31925	
31926	
31927	<f-basic-body>
31928		<a class="" data-artid="496532" data-title="AI-agent från OpenAI hackade australiensisk hälsodatabas.  Första kända attacken av en AI-agent mot en myndighet | Feber / Internet" href="https://feber.se/internet/ai-agent-fran-openai-hackade-australiensisk-halsodatabas/496532/">
31929			Australiens premiärminister Anthony Albanese uppger att en AI-agent från OpenAI hackade hälsodatabasen Medicare tidigare i år. Det här ser med andra ord ut att vara ytterligare ett tillfälle då AI-agenter gjort eller försökt göra intrång i system på egen hand, något som up
31929pmärksammades när OpenAI i juli uppgav att en av deras AI-agenter hackat AI-plattformen Hugging Face.     Sedan händelsen med Hugging Face har flera andra AI-företag uppgett att deras AI-agenter genomfört eller försökt genomföra attacker mot olika system. Attacken mot Medicare ska ha skett i juni, innan attacken mot Hugging Face uppmärksammades, men OpenAI ska inte ha informerat australiensiska myndigheter om intrånget förrän i september.   Förutom Medicare ska OpenAI-agenten ha gett sig på tre andra tjänster i landet, Australian Institute of Health and Welfare, Victorian Department of Health samt New South Wales Bureau of Crime Statistics and Research. Albanese uttryckte sitt missnöje med händelsen och sa i ett uttalande:  "This situation is obviously unacceptable. Today, I spoke with the CEO of OpenAI, Sam Altman, to express Australia’s extreme concern about this incident and I also expressed my disappointment that it took the company way too long to inform the government what had occurred."  Anledningen till att AI-agenten hackade tjänsterna uppges bero på att den var på jakt efter information. När den inte kunde komma åt den informationen via publika kanaler ska den istället ha hackat tjänsterna för att ta del av informationen den ansåg att den behövde. Vilken typ av information det handlar om framgår inte, men den tros inte ha kommit åt någon personlig hälsodata. 
31930		</a>
31931	</f-basic-body>
31932	
31933	
31934	<f-basic-media>
31935		<f-basic-mediawrapper>
31936			<a class="" data-artid="496532" data-title="AI-agent från OpenAI hackade australiensisk hälsodatabas.  Första kända attacken av en AI-agent mot en myndighet | Feber / Internet" href="https://feber.se/internet/ai-agent-fran-openai-hackade-australiensisk-halsodatabas/496532/"><img src="https://static.feber.se/article_images/66/81/65/668165_440.jpg" loading="lazy" alt="Tumnagel" /></a>
31937
31938			<f-basic-tagline data-tempstatus="">
31939					
31940				
31941
31942
31943
31944
31945
31946
31947
31948
31949
31950
31951
31952
31953
31954
31955		
31956				
31957			
31958	
31959<!-- Temptype degrees -->
31960
31961
31962
31963
31964
31965
31966
31967
31968
31969		
31970	
31971<!-- IDNAME 198 - Feber / Internet - Feber -->
31972
31973
31974	
31975	
31976	<div class="temp febercoldBG" id="ikon_thumbs_496532">
31977		
31978				30.8&deg;
31979			
31980	</div>
31981
31982
31983			
31984				
31985					
31986						
31987							<f-bubble id="commentCounter496532" class="disqus-comment-count" data-disqus-url="https://feber.se/496532/" data-sheeturl="/disqus/496532/?inline=true&showheader=true" onClick="loadComments('#showDisqus496532','/disqus/496532/?inline=true');">0</f-bubble>
31988						<!--<a href="http://feber.se/496532/#commentsContainer"></a>-->
31989					
31990				
31991			
31992			</f-basic-tagline>
31993
31994		</f-mediawrapper>
31995	
31996	</f-basic-media>
31997
31998</f-basic>
31999
32000
32001
32002
32003
32004
32005
32006
32007
32008
32009
32010
32011
32012
32013
32014	
32015	
32016
32017
32018
32019
32020
32021
32022
32023
32024
32025 
32026
32027
32028
32029
32030
32031
32032
32033		
32034		
32035	
32036
32037
32038
32039	
32040
32041
32042
32043
32044
32045
32046
32047
32048
32049		
32050	
32051
32052
32053
32054
32055
32056	
32057			
32058			
32059			
32060		
32061
32062
32063
32064
32065
32066
32067
32068
32069		
32070	
32071
32072
32073
32074
32075
32076
32077
32078 
32079
32080		
32081	
32082
32083
32084
32085
32086
32087
32088
32089<f-basic 	id="ArticleBasic_496534" 
32090			data-id="496534"
32091			data-temp="338"
32092			data-tempstatus=cold
32093			data-basicsite="feber"  
32094			
32095			
32096			class=" feber" 
32097			>
32098
32099	
32100	
32101
32102	
32103	<a href="https://feber.se/mobil/tredje-generationens-ray-ban-meta-har-rullat-ut/496534/">
32104		<f-basic-header>
32105			<f-basic-headline>
32106				 <b>Tredje generationens Ray-Ban Meta har rullat ut</b>
32107			</f-basic-headline>
32108			<f-basic-preamble>
32109				Kommer även en billigare version av Metas egna smarta glasögon
32110			</f-basic-preamble>
32111		</f-basic-header>
32112	</a>
32113	
32114	
32115	<f-basic-body>
32116		<a class="" data-artid="496534" data-title="Tredje generationens Ray-Ban Meta har rullat ut.  Kommer även en billigare version av Metas egna smarta glasögon | Feber / Mobil" href="https://feber.se/mobil/tredje-generationens-ray-ban-meta-har-rullat-ut/496534/">
32117			I samband med att Meta anordnade sin utvecklarkonferens Meta Connect lanserade man den tredje generationen av de smarta glasögon man gör tillsammans med Ray-Ban.   Den senaste generationen av Ray-Ban Meta har nio timmars batteritid, en timme längre än föregånde generation. De har dessutom försetts med nya mikrofoner som ska hantera bakgrundsbrus bättre samt en knapp som kan knytas till olika funktioner kopplade till Metas AI-assistent Meta AI. Dessutom släpps tredje generationen i nya färger och utförande, något som innebär att de nu går att köpa i 27 olika färg- och linskombinationer.  Meta släpper även nya modeller av sina egna Meta Glasses, en linje med kameraförsedda smarta glasögon som är billigare än Ray-Ban Meta-serien. Det innebär att den billigaste modellen, Meta Adventurer, k
32117ommer att kosta cirka 250 dollar, något som kan jämföras med de 450 dollar som man får betala för den billigaste Ray-Ban Meta-modellen.
32118		</a>
32119	</f-basic-body>
32120	
32121	
32122	<f-basic-media>
32123		<f-basic-mediawrapper>
32124			<a class="" data-artid="496534" data-title="Tredje generationens Ray-Ban Meta har rullat ut.  Kommer även en billigare version av Metas egna smarta glasögon | Feber / Mobil" href="https://feber.se/mobil/tredje-generationens-ray-ban-meta-har-rullat-ut/496534/"><img src="https://static.feber.se/article_images/66/81/67/668167_440.jpg" loading="lazy" alt="Tumnagel" /></a>
32125
32126			<f-basic-tagline data-tempstatus="">
32127					
32128				
32129
32130
32131
32132
32133
32134
32135
32136
32137
32138
32139
32140
32141
32142
32143		
32144				
32145			
32146	
32147<!-- Temptype degrees -->
32148
32149
32150
32151
32152
32153
32154
32155
32156
32157		
32158	
32159<!-- IDNAME 27 - Feber / Mobil - Feber -->
32160
32161
32162	
32163	
32164	<div class="temp febercoldBG" id="ikon_thumbs_496534">
32165		
32166				33.8&deg;
32167			
32168	</div>
32169
32170
32171			
32172				
32173					
32174						
32175							<f-bubble id="commentCounter496534" class="disqus-comment-count" data-disqus-url="https://feber.se/496534/" data-sheeturl="/disqus/496534/?inline=true&showheader=true" onClick="loadComments('#showDisqus496534','/disqus/496534/?inline=true');">0</f-bubble>
32176						<!--<a href="http://feber.se/496534/#commentsContainer"></a>-->
32177					
32178				
32179			
32180			</f-basic-tagline>
32181
32182		</f-mediawrapper>
32183	
32184	</f-basic-media>
32185
32186</f-basic>
32187
32188
32189
32190
32191
32192
32193
32194
32195
32196
32197
32198
32199
32200
32201
32202	
32203	
32204
32205
32206
32207
32208
32209
32210
32211
32212
32213 
32214
32215
32216
32217
32218
32219
32220
32221		
32222		
32223	
32224
32225
32226
32227	
32228
32229
32230
32231
32232
32233
32234
32235
32236
32237		
32238	
32239
32240
32241
32242
32243
32244	
32245			
32246			
32247			
32248		
32249
32250
32251
32252
32253
32254
32255
32256
32257		
32258	
32259
32260
32261
32262
32263
32264
32265
32266 
32267
32268		
32269	
32270
32271
32272
32273
32274
32275
32276
32277<f-basic 	id="ArticleBasic_496464" 
32278			data-id="496464"
32279			data-temp="366"
32280			data-tempstatus=normal
32281			data-basicsite="feber"  
32282			
32283			
32284			class=" feber" 
32285			>
32286
32287	
32288	
32289
32290	
32291	<a href="https://feber.se/bil/reo-ska-ha-fatt-in-over-32500-reservationer--/496464/">
32292		<f-basic-header>
32293			<f-basic-headline>
32294				 <b>Reo ska ha fått in över 32.500 reservationer  </b>
32295			</f-basic-headline>
32296			<f-basic-preamble>
32297				Hoppas kunna börja leveranser sent 2028
32298			</f-basic-preamble>
32299		</f-basic-header>
32300	</a>
32301	
32302	
32303	<f-basic-body>
32304		<a class="" data-artid="496464" data-title="Reo ska ha fått in över 32.500 reservationer  .  Hoppas kunna börja leveranser sent 2028 | Feber / Bil" href="https://feber.se/bil/reo-ska-ha-fatt-in-over-32500-reservationer--/496464/">
32305			I somras skrev vi om den amerikanska startupen Reo som har tre bilmodeller på gång. Det handlar om T4X, T4C och S4C där de två första är pickuper med singel och dubbelcab medan den sistnämnda är en SUV. Alla baseras på samma plattform och på denna finns en fyrcylindrig bensinmotor. Devisen är "simple, honest and built to last".   Som designer har man anställt Frank Stephenson som bland annat ligger bakom linjerna på McLaren P1, Ferrari F430 och Maserati MC12. Nu säger Reo att de fått in över 32.500 reservationer av sina bilar. Senare i år ska en framtidsplan presenteras och under nästa år kommer den första fysiska bilen att visas upp. Först i slutet av 2028 eller i början av 2029 är tanken att de första exemplaren ska kunna levereras till kund. Prislappen kommer sträcka sig från 21.500 till 28.500 dollar.
32306		</a>
32307	</f-basic-body>
32308	
32309	
32310	<f-basic-media>
32311		<f-basic-mediawrapper>
32312			<a class="" data-artid="496464" data-title="Reo ska ha fått in över 32.500 reservationer  .  Hoppas kunna börja leveranser sent 2028 | Feber / Bil" href="https://feber.se/bil/reo-ska-ha-fatt-in-over-32500-reservationer--/496464/"><img src="https://static.feber.se/article_images/66/77/87/667787_440.jpg" loading="lazy" alt="Tumnagel" /></a>
32313
32314			<f-basic-tagline data-tempstatus="">
32315					
32316				
32317
32318
32319
32320
32321
32322
32323
32324
32325
32326
32327
32328
32329
32330
32331		
32332				
32333			
32334	
32335<!-- Temptype degrees -->
32336
32337
32338
32339
32340
32341
32342
32343
32344
32345		
32346	
32347<!-- IDNAME 6 - Feber / Bil - Feber -->
32348
32349
32350	
32351	
32352	<div class="temp BG" id="ikon_thumbs_496464">
32353		
32354				36.6&deg;
32355			
32356	</div>
32357
32358
32359			
32360				
32361					
32362						
32363							<f-bubble id="commentCounter496464" class="disqus-comment-count" data-disqus-url="https://feber.se/496464/" data-sheeturl="/disqus/496464/?inline=true&showheader=true" onClick="loadComments('#showDisqus496464','/disqus/496464/?inline=true');">0</f-bubble>
32364						<!--<a href="http://feber.se/496464/#commentsContainer"></a>-->
32365					
32366				
32367			
32368			</f-basic-tagline>
32369
32370		</f-mediawrapper>
32371	
32372	</f-basic-media>
32373
32374</f-basic>
32375
32376
32377
32378
32379
32380
32381
32382
32383
32384
32385
32386
32387
32388
32389
32390	
32391	
32392
32393
32394
32395
32396
32397
32398
32399
32400
32401 
32402
32403
32404
32405
32406
32407
32408
32409		
32410		
32411	
32412
32413
32414
32415	
32416
32417
32418
32419
32420
32421
32422
32423
32424
32425		
32426	
32427
32428
32429
32430
32431
32432	
32433			
32434			
32435			
32436		
32437
32438
32439
32440
32441
32442
32443
32444
32445		
32446	
32447
32448
32449
32450
32451
32452
32453
32454 
32455
32456		
32457	
32458
32459
32460
32461
32462
32463
32464
32465<f-basic 	id="ArticleBasic_496538" 
32466			data-id="496538"
32467			data-temp="354"
32468			data-tempstatus=normal
32469			data-basicsite="feber"  
32470			
32471			
32472			class=" feber" 
32473			>
32474
32475	
32476	
32477
32478	
32479	<a href="https://feber.se/pryl/humanoida-robotar-deltar-i-fet-dansuppvisning/496538/">
32480		<f-basic-header>
32481			<f-basic-headline>
32482				 <b>Humanoida robotar deltar i fet dansuppvisning</b>
32483			</f-basic-headline>
32484			<f-basic-preamble>
32485				Under invigningen av WorldSkills
32486			</f-basic-preamble>
32487		</f-basic-header>
32488	</a>
32489	
32490	
32491	<f-basic-body>
32492		<a class="" data-artid="496538" data-title="Humanoida robotar deltar i fet dansuppvisning.  Under invigningen av WorldSkills | Feber / Pryl" href="https://feber.se/pryl/humanoida-robotar-deltar-i-fet-dansuppvisning/496538/">
32493			Den här veckan arrangeras WorldSkills i kinesiska Shanghai, en tävling som arrangeras vartannat år och kan ses som ett slags OS för yrkesutbildningar.   Givet robotmanin som råder i Kina var det kanske inte helt oväntat att ett knippe humanoida robotar dök upp under tävlingens invigning. I klippet ovan kan ni kolla in hur det såg ut när dussintals robotar genomförde en rätt så avancerad dansuppvisning tillsammans med mänskliga dansare.   De flesta av robotarna som medverkade i dansuppvisningen var tillverkade av Unitree Robotics medan den som syns i slutet är utvecklad av Agibot. Båda företagen räknas som några av Kinas, och världens, ledande robotföretag.
32494		</a>
32495	</f-basic-body>
32496	
32497	
32498	<f-basic-media>
32499		<f-basic-mediawrapper>
32500			<a class="" data-artid="496538" data-title="Humanoida robotar deltar i fet dansuppvisning.  Under invigningen av WorldSkills | Feber / Pryl" href="https://feber.se/pryl/humanoida-robotar-deltar-i-fet-dansuppvisning/496538/">
32500<img src="//i.ytimg.com/vi/uhGQ9LYqcFI/mqdefault.jpg" loading="lazy" alt="Tumnagel" /></a>
32501
32502			<f-basic-tagline data-tempstatus="">
32503					
32504				
32505
32506
32507
32508
32509
32510
32511
32512
32513
32514
32515
32516
32517
32518
32519		
32520				
32521			
32522	
32523<!-- Temptype degrees -->
32524
32525
32526
32527
32528
32529
32530
32531
32532
32533		
32534	
32535<!-- IDNAME 1 - Feber / Pryl - Feber -->
32536
32537
32538	
32539	
32540	<div class="temp BG" id="ikon_thumbs_496538">
32541		
32542				35.4&deg;
32543			
32544	</div>
32545
32546
32547			
32548				
32549					
32550						
32551							<f-bubble id="commentCounter496538" class="disqus-comment-count" data-disqus-url="https://feber.se/496538/" data-sheeturl="/disqus/496538/?inline=true&showheader=true" onClick="loadComments('#showDisqus496538','/disqus/496538/?inline=true');">0</f-bubble>
32552						<!--<a href="http://feber.se/496538/#commentsContainer"></a>-->
32553					
32554				
32555			
32556			</f-basic-tagline>
32557
32558		</f-mediawrapper>
32559	
32560	</f-basic-media>
32561
32562</f-basic>
32563
32564
32565
32566
32567
32568
32569
32570
32571
32572
32573
32574
32575
32576
32577
32578	
32579	
32580
32581
32582
32583
32584
32585
32586
32587
32588
32589 
32590
32591
32592
32593
32594
32595
32596
32597		
32598		
32599	
32600
32601
32602
32603	
32604
32605
32606
32607
32608
32609
32610
32611
32612
32613		
32614	
32615
32616
32617
32618
32619
32620	
32621			
32622			
32623			
32624		
32625
32626
32627
32628
32629
32630
32631
32632
32633		
32634	
32635
32636
32637
32638
32639
32640
32641
32642 
32643
32644		
32645	
32646
32647
32648
32649
32650
32651
32652
32653<f-basic 	id="ArticleBasic_496525" 
32654			data-id="496525"
32655			data-temp="252"
32656			data-tempstatus=cold
32657			data-basicsite="feber"  
32658			
32659			
32660			class=" feber" 
32661			>
32662
32663	
32664	
32665
32666	
32667	<a href="https://feber.se/samhalle/mcdonalds-borjar-testa-annonser-pa-drivein-restauranger/496525/">
32668		<f-basic-header>
32669			<f-basic-headline>
32670				 <b>McDonalds börjar testa annonser på drivein-restauranger</b>
32671			</f-basic-headline>
32672			<f-basic-preamble>
32673				Titta på reklam medan du väntar på maten
32674			</f-basic-preamble>
32675		</f-basic-header>
32676	</a>
32677	
32678	
32679	<f-basic-body>
32680		<a class="" data-artid="496525" data-title="McDonalds börjar testa annonser på drivein-restauranger.  Titta på reklam medan du väntar på maten | Feber / Samhälle" href="https://feber.se/samhalle/mcdonalds-borjar-testa-annonser-pa-drivein-restauranger/496525/">
32681			Nyhetsbyrån Bloomberg rapporterar att McDonalds i USA ska börja testa att göra reklam riktad till dem som beställer mat direkt från bilen från företagets drivein-restauranger.  Tanken är att kunderna kommer att få se reklam för andra företag och tjänster på menyskärmarna efter att de beställt sin mat och väntar på sina beställningar.  I vilken omfattning McDonalds kommer att börja testa den nya metoden att visa reklam för sina kunder finns det inga uppgifter om.
32682		</a>
32683	</f-basic-body>
32684	
32685	
32686	<f-basic-media>
32687		<f-basic-mediawrapper>
32688			<a class="" data-artid="496525" data-title="McDonalds börjar testa annonser på drivein-restauranger.  Titta på reklam medan du väntar på maten | Feber / Samhälle" href="https://feber.se/samhalle/mcdonalds-borjar-testa-annonser-pa-drivein-restauranger/496525/"><img src="https://static.feber.se/article_images/66/81/59/668159_440.jpg" loading="lazy" alt="Tumnagel" /></a>
32689
32690			<f-basic-tagline data-tempstatus="">
32691					
32692				
32693
32694
32695
32696
32697
32698
32699
32700
32701
32702
32703
32704
32705
32706
32707		
32708				
32709			
32710	
32711<!-- Temptype degrees -->
32712
32713
32714
32715
32716
32717
32718
32719
32720
32721		
32722	
32723<!-- IDNAME 191 - Feber / Samhälle - Feber -->
32724
32725
32726	
32727	
32728	<div class="temp febercoldBG" id="ikon_thumbs_496525">
32729		
32730				25.2&deg;
32731			
32732	</div>
32733
32734
32735			
32736				
32737					
32738						
32739							<f-bubble id="commentCounter496525" class="disqus-comment-count" data-disqus-url="https://feber.se/496525/" data-sheeturl="/disqus/496525/?inline=true&showheader=true" onClick="loadComments('#showDisqus496525','/disqus/496525/?inline=true');">0</f-bubble>
32740						<!--<a href="http://feber.se/496525/#commentsContainer"></a>-->
32741					
32742				
32743			
32744			</f-basic-tagline>
32745
32746		</f-mediawrapper>
32747	
32748	</f-basic-media>
32749
32750</f-basic>
32751
32752
32753
32754
32755
32756
32757
32758
32759
32760
32761
32762
32763
32764
32765
32766	
32767	
32768
32769
32770
32771
32772
32773
32774
32775
32776
32777 
32778
32779
32780
32781
32782
32783
32784
32785		
32786		
32787	
32788
32789
32790
32791	
32792
32793
32794
32795
32796
32797
32798
32799
32800
32801		
32802	
32803
32804
32805
32806
32807
32808	
32809			
32810			
32811			
32812		
32813
32814
32815
32816
32817
32818
32819
32820
32821		
32822	
32823
32824
32825
32826
32827
32828
32829
32830 
32831
32832		
32833	
32834
32835
32836
32837
32838
32839
32840
32841<f-basic 	id="ArticleBasic_496537" 
32842			data-id="496537"
32843			data-temp="365"
32844			data-tempstatus=normal
32845			data-basicsite="feber"  
32846			
32847			
32848			class=" feber" 
32849			>
32850
32851	
32852	
32853
32854	
32855	<a href="https://feber.se/fordon/northrop-grumman-har-byggt-en-flygsimulator/496537/">
32856		<f-basic-header>
32857			<f-basic-headline>
32858				 <b>Northrop Grumman har byggt en flygsimulator</b>
32859			</f-basic-headline>
32860			<f-basic-preamble>
32861				"Flyg" bredvid amerikanska stridsflygplan
32862			</f-basic-preamble>
32863		</f-basic-header>
32864	</a>
32865	
32866	
32867	<f-basic-body>
32868		<a class="" data-artid="496537" data-title="Northrop Grumman har byggt en flygsimulator.  "Flyg" bredvid amerikanska stridsflygplan | Feber / Fordon" href="https://feber.se/fordon/northrop-grumman-har-byggt-en-flygsimulator/496537/">
32869			Det amerikanska försvarsföretaget Northrop Grumman har tillsammans med företaget Bridge Studios utvecklat en gigantisk flygsimulator som man kallar för "Sky Tunnel".  Den närmare 20 meter långa Sky Tunnel försöker ge användaren en uppfattning om hur det skulle kännas att flyga bredvid ett par av USA:s stridsflygplan. Detta åstadkommer man med hjälp av välvda skärmar på sammanlagt 11 miljoner pixlar, ett ljudsystem på 6000 watt, stora fläktar och haptiska vibrationer inuti simulatorn.  I videoklippet nedan kan ni kolla in hur ett besök i Sky Tunnel kan se ut. Bland flygplansmodellerna som visas upp i Sky Tunnel finns B-21 Raider, E-2 Hawkeye och T-38 Talon som alla utvecklats av Northrop Grumman.  
32870		</a>
32871	</f-basic-body>
32872	
32873	
32874	<f-basic-media>
32875		<f-basic-mediawrapper>
32876			<a class="" data-artid="496537" data-title="Northrop Grumman har byggt en flygsimulator.  "Flyg" bredvid amerikanska stridsflygplan | Feber / Fordon" href="https://feber.se/fordon/northrop-grumman-har-byggt-en-flygsimulator/496537/"><img src="https://static.feber.se/article_images/66/81/85/668185_440.jpg" loading="lazy" alt="Tumnagel" /></a>
32877
32878			<f-basic-tagline data-tempstatus="">
32879					
32880				
32881
32882
32883
32884
32885
32886
32887
32888
32889
32890
32891
32892
32893
32894
32895		
32896				
32897			
32898	
32899<!-- Temptype degrees -->
32900
32901
32902
32903
32904
32905
32906
32907
32908
32909		
32910	
32911<!-- IDNAME 118 - Feber / Fordon - Feber -->
32912
32913
32914	
32915	
32916	<div class="temp BG" id="ikon_thumbs_496537">
32917		
32918				36.5&deg;
32919			
32920	</div>
32921
32922
32923			
32924				
32925					
32926						
32927							<f-bubble id="commentCounter496537" class="disqus-comment-count" data-disqus-url="https://feber.se/496537/" data-sheeturl="/disqus/496537/?inline=true&showheader=true" onClick="loadComments('#showDisqus496537','/disqus/496537/?inline=true');">0</f-bubble>
32928						<!--<a href="http://feber.se/496537/#commentsContainer"></a>-->
32929					
32930				
32931			
32932			</f-basic-tagline>
32933
32934		</f-mediawrapper>
32935	
32936	</f-basic-media>
32937
32938</f-basic>
32939
32940
32941
32942
32943
32944
32945
32946
32947
32948
32949
32950
32951
32952
32953
32954	
32955	
32956
32957
32958
32959
32960
32961
32962
32963
32964
32965 
32966
32967
32968
32969
32970
32971
32972
32973		
32974		
32975	
32976
32977
32978
32979	
32980
32981
32982
32983
32984
32985
32986
32987
32988
32989		
32990	
32991
32992
32993
32994
32995
32996	
32997			
32998			
32999			
33000		
33001
33002
33003
33004
33005
33006
33007
33008
33009		
33010	
33011
33012
33013
33014
33015
33016
33017
33018 
33019
33020		
33021	
33022
33023
33024
33025
33026
33027
33028
33029<f-basic 	id="ArticleBasic_496536" 
33030			data-id="496536"
33031			data-temp="372"
33032			data-tempstatus=normal
33033			data-basicsite="feber"  
33034			
33035			
33036			class=" feber" 
33037			>
33038
33039	
33040	
33041
33042	
33043	<a href="https://feber.se/film/nicolas-cage-spelar-john-madden-i-ny-film/496536/">
33044		<f-basic-header>
33045			<f-basic-headline>
33046				 <b>Nicolas Cage spelar John Madden i ny film</b>
33047			</f-basic-headline>
33048			<f-basic-preamble>
33049				Den legendariske tränare som blev kommentator
33050			</f-basic-preamble>
33051		</f-basic-header>
33052	</a>
33053	
33054	
33055	<f-basic-body>
33056		<a class="" data-artid="496536" data-title="Nicolas Cage spelar John Madden i ny film.  Den legendariske tränare som blev kommentator | Feber / Film & TV" href="https://feber.se/film/nicolas-cage-spelar-john-madden-i-ny-film/496536/">
33057			Snart kommer det en spelfilm baserad på den legendariske NFL-tränaren John Maddens karriär och här kommer en trailer för den.  Förutom Maddens tränarkarriär kommer filmen även följa hans karriär som fotbollskommentator samt namnet bakom EA Sports klassiska spelserie Madden NFL. I rollen som John Madden syns Nicolas Cage och i andra roller syns bland annat Christian Bale, Kathryn Hahn och Sienna Miller.  Madden börjar visas på Amazon Prime Video den 19 november.
33058		</a>
33059	</f-basic-body>
33060	
33061	
33062	<f-basic-media>
33063		<f-basic-mediawrapper>
33064			<a class="" data-artid="496536" data-title="Nicolas Cage spelar John Madden i ny film.  Den legendariske tränare som blev kommentator | Feber / Film & TV" href="https://feber.se/film/nicolas-cage-spelar-john-madden-i-ny-film/496536/"><img src="//i.ytimg.com/vi/xzh7HzLXXpk/mqdefault.jpg" loading="lazy" alt="Tumnagel" /></a>
33065
33066			<f-basic-tagline data-tempstatus="">
33067					
33068				
33069
33070
33071
33072
33073
33074
33075
33076
33077
33078
33079
33080
33081
33082
33083		
33084				
33085			
33086	
33087<!-- Temptype degrees -->
33088
33089
33090
33091
33092
33093
33094
33095
33096
33097		
33098	
33099<!-- IDNAME 58 - Feber / Film & TV - Feber -->
33100
33101
33102	
33103	
33104	<div class="temp BG" id="ikon_thumbs_496536">
33105		
33106				37.2&deg;
33107			
33108	</div>
33109
33110
33111			
33112				
33113					
33114						
33115							<f-bubble id="commentCounter496536" class="disqus-comment-count" data-disqus-url="https://feber.se/496536/" data-sheeturl="/disqus/496536/?inline=true&showheader=true" onClick="loadComments('#showDisqus496536','/disqus/496536/?inline=true');">0</f-bubble>
33116						<!--<a href="http://feber.se/496536/#commentsContainer"></a>-->
33117					
33118				
33119			
33120			</f-basic-tagline>
33121
33122		</f-mediawrapper>
33123	
33124	</f-basic-media>
33125
33126</f-basic>
33127
33128
33129
33130
33131
33132
33133
33134
33135
33136
33137
33138
33139
33140
33141
33142	
33143	
33144
33145
33146
33147
33148
33149
33150
33151
33152
33153 
33154
33155
33156
33157
33158
33159
33160
33161		
33162		
33163	
33164
33165
33166
33167	
33168
33169
33170
33171
33172
33173
33174
33175
33176
33177		
33178	
33179
33180
33181
33182
33183
33184	
33185			
33186			
33187			
33188		
33189
33190
33191
33192
33193
33194
33195
33196
33197		
33198	
33199
33200
33201
33202
33203
33204
33205
33206 
33207
33208		
33209	
33210
33211
33212
33213
33214
33215
33216
33217<f-basic 	id="ArticleBasic_496517" 
33218			data-id="496517"
33219			data-temp="413"
33220			data-tempstatus=hot
33221			data-basicsite="feber"  
33222			
33223			
33224			class=" feber" 
33225			>
33226
33227	
33228	
33229
33230	
33231	<a href="https://feber.se/bil/nissan-tar-tillbaka-t-topen/496517/">
33232		<f-basic-header>
33233			<f-basic-headline>
33234				 <b>Nissan tar tillbaka T-topen</b>
33235			</f-basic-headline>
33236			<f-basic-preamble>
33237				Coolt koncept som ger vind i håret
33238			</f-basic-preamble>
33239		</f-basic-header>
33240	</a>
33241	
33242	
33243	<f-basic-body>
33244		<a class="" data-artid="496517" data-title="Nissan tar tillbaka T-topen.  Coolt koncept som ger vind i håret | Feber / Bil" href="https://feber.se/bil/nissan-tar-tillbaka-t-topen/496517/">
33245			T-top är ett lite fränt påhitt i bilsvängen som gör att du kan plocka bort bitar av taket och släppa in lite omvärld. Det blir inte helt öppet och ser ballt ut. Det här var ganska vanligt förr och då fanns det flertalet sportiga modeller som erbjöds med denna lösning. Nu tar Nissan tillbaka stilen med den nya konceptbilen Z Kaze Concept. Kaze är det japanska ordet för vind.  Förutom ballare taklösning har bilen fått skärmbreddare och andra bitar i kolfiber, annan interiör, uppgraderad drivlina och omgjord fjädring så att allt sitter lite finare. Tyvärr är detta koncept bara tillverkat i ett enda exemplar och inget som kommer att serietillverkas.
33246		</a>
33247	</f-basic-body>
33248	
33249	
33250	<f-basic-media>
33251		<f-basic-mediawrapper>
33252			<a class="" data-artid="496517" data-title="Nissan tar tillbaka T-topen.  Coolt koncept som ger vind i håret | Feber / Bil" href="https://feber.se/bil/nissan-tar-tillbaka-t-topen/496517/"><img src="https://static.feber.se/article_images/66/81/25/668125_440.jpg" loading="lazy" alt="Tumnagel" /></a>
33253
33254			<f-basic-tagline data-tempstatus="">
33255					
33256				
33257
33258
33259
33260
33261
33262
33263
33264
33265
33266
33267
33268
33269
33270
33271		
33272				
33273			
33274	
33275<!-- Temptype degrees -->
33276
33277
33278
33279
33280
33281
33282
33283
33284
33285		
33286	
33287<!-- IDNAME 6 - Feber / Bil - Feber -->
33288
33289
33290	
33291	
33292	<div class="temp feberhotBG" id="ikon_thumbs_496517">
33293		
33294				41.3&deg;
33295			
33296	</div>
33297
33298
33299			
33300				
33301					
33302						
33303							<f-bubble id="commentCounter496517" class="disqus-comment-count" data-disqus-url="https://feber.se/496517/" data-sheeturl="/disqus/496517/?inline=true&showheader=true" onClick="loadComments('#showDisqus496517','/disqus/496517/?inline=true');">0</f-bubble>
33304						<!--<a href="http://feber.se/496517/#commentsContainer"></a>-->
33305					
33306				
33307			
33308			</f-basic-tagline>
33309
33310		</f-mediawrapper>
33311	
33312	</f-basic-media>
33313
33314</f-basic>
33315
33316
33317
33318
33319
33320
33321
33322
33323
33324
33325
33326
33327
33328
33329
33330	
33331	
33332
33333
33334
33335
33336
33337
33338
33339
33340
33341 
33342
33343
33344
33345
33346
33347
33348
33349		
33350		
33351	
33352
33353
33354
33355	
33356
33357
33358
33359
33360
33361
33362
33363
33364
33365		
33366	
33367
33368
33369
33370
33371
33372	
33373			
33374			
33375			
33376		
33377
33378
33379
33380
33381
33382
33383
33384
33385		
33386	
33387
33388
33389
33390
33391
33392
33393
33394 
33395
33396		
33397	
33398
33399
33400
33401
33402
33403
33404
33405<f-basic 	id="ArticleBasic_496535" 
33406			data-id="496535"
33407			data-temp="381"
33408			data-tempstatus=normal
33409			data-basicsite="feber"  
33410			
33411			
33412			class=" feber" 
33413			>
33414
33415	
33416	
33417
33418	
33419	<a href="https://feber.se/film/ny-trailer-for-clayface/496535/">
33420		<f-basic-header>
33421			<f-basic-headline>
33422				 <b>Ny trailer för Clayface</b>
33423			</f-basic-headline>
33424			<f-basic-preamble>
33425				Filmen om lermannen har premiär om en månad
33426			</f-basic-preamble>
33427		</f-basic-header>
33428	</a>
33429	
33430	
33431	<f-basic-body>
33432		<a class="" data-artid="496535" data-title="Ny trailer för Clayface.  Filmen om lermannen har premiär om en månad | Feber / Film & TV" href="https://feber.se/film/ny-trailer-for-clayface/496535/">
33433			Warner Bros. och DC Comics har släppt en sista trailern inför att deras kommande film Clayface har premiär nästa månad.  Clayface handlar om hur Hollywood-hunken Matt Hagen (Tom Rhys Harries) blir vanställd efter överdos under en experimentell skönhetsbehandling, vilket leder till att hans kropp antar en lerliknande form.   Clayface går upp på svenska biografer den 23 oktober. Ni kan kolla in senaste trailern ovan. 
33434		</a>
33435	</f-basic-body>
33436	
33437	
33438	<f-basic-media>
33439		<f-basic-mediawrapper>
33440			<a class="" data-artid="496535" data-title="Ny trailer för Clayface.  Filmen om lermannen har premiär om en månad | Feber / Film & TV" href="https://feber.se/film/ny-trailer-for-clayface/496535/"><img src="//i.ytimg.com/vi/KCR-rz0YfD4/mqdefault.jpg" loading="lazy" alt="Tumnagel" /></a>
33441
33442			<f-basic-tagline data-tempstatus="">
33443					
33444				
33445
33446
33447
33448
33449
33450
33451
33452
33453
33454
33455
33456
33457
33458
33459		
33460				
33461			
33462	
33463<!-- Temptype degrees -->
33464
33465
33466
33467
33468
33469
33470
33471
33472
33473		
33474	
33475<!-- IDNAME 58 - Feber / Film & TV - Feber -->
33476
33477
33478	
33479	
33480	<div class="temp BG" id="ikon_thumbs_496535">
33481		
33482				38.1&deg;
33483			
33484	</div>
33485
33486
33487			
33488				
33489					
33490						
33491							<f-bubble id="commentCounter496535" class="disqus-comment-count" data-disqus-url="https://feber.se/496535/" data-sheeturl="/disqus/496535/?inline=true&showheader=true" onClick="loadComments('#showDisqus496535','/disqus/496535/?inline=true');">0</f-bubble>
33492						<!--<a href="http://feber.se/496535/#commentsContainer"></a>-->
33493					
33494				
33495			
33496			</f-basic-tagline>
33497
33498		</f-mediawrapper>
33499	
33500	</f-basic-media>
33501
33502</f-basic>
33503
33504
33505
33506
33507
33508
33509
33510
33511
33512
33513
33514
33515
33516
33517
33518	
33519	
33520
33521
33522
33523
33524
33525
33526
33527
33528
33529 
33530
33531
33532
33533
33534
33535
33536
33537		
33538		
33539	
33540
33541
33542
33543	
33544
33545
33546
33547
33548
33549
33550
33551
33552
33553		
33554	
33555
33556
33557
33558
33559
33560	
33561			
33562			
33563			
33564		
33565
33566
33567
33568
33569
33570
33571
33572
33573		
33574	
33575
33576
33577
33578
33579
33580
33581
33582 
33583
33584		
33585	
33586
33587
33588
33589
33590
33591
33592
33593<f-basic 	id="ArticleBasic_496510" 
33594			data-id="496510"
33595			data-temp="377"
33596			data-tempstatus=normal
33597			data-basicsite="feber"  
33598			
33599			
33600			class=" feber" 
33601			>
33602
33603	
33604	
33605
33606	
33607	<a href="https://feber.se/pryl/nikon-presenterar-nyborjarvanlig-fullformatare/496510/">
33608		<f-basic-header>
33609			<f-basic-headline>
33610				 <b>Nikon presenterar nybörjarvänlig fullformatare</b>
33611			</f-basic-headline>
33612			<f-basic-preamble>
33613				Något för mig med andra ord?
33614			</f-basic-preamble>
33615		</f-basic-header>
33616	</a>
33617	
33618	
33619	<f-basic-body>
33620		<a class="" data-artid="496510" data-title="Nikon presenterar nybörjarvänlig fullformatare.  Något för mig med andra ord? | Feber / Pryl" href="https://feber.se/pryl/nikon-presenterar-nyborjarvanlig-fullformatare/496510/">
33621			Z5IIC är namnet på Nikons nya spegellösa fullformatskamera, som är en riktig kamera för den som vill ha något mindre krångligt. Det där C:et i slutet står enligt Nikon för Casual, men frågan är vilket krångel det är som man missar.   Vill man göra det enkelt för sig är detta en Nikon Z5II utan sökare och med sämre skärm. Sensorn är en FX-sensor på 24,5 megapixlar och processorn är EXPEED 7, så det är inga amatörspecifikationer utan 
33621samma som i Nikon Z5II. Det gör också att du kan spela in 4K/60p om du vill filma med kameran.   Det finns alltså ingen sökare så skärmen är det som gäller. För att spara pengar har man dock gett skärmen sämre upplösning än på Z5II. Det kan man ju leva med om prislappen är lägre.   Problemet är att Z5IIC kostar 18.990 kronor för bara kamerahuset och man kan få en Z5II för 17.790 kronor. Ja, listpriset för Z5II är 22.990 kronor så "egentligen" är flera tusen kronor Z5IIC billigare, men går du in i fotobutiken just nu är Z5II den kamera som ger mest för pengarna. När/om Z5IIC dippar i pris kan det dock bli en riktigt intressant kamera. 
33622		</a>
33623	</f-basic-body>
33624	
33625	
33626	<f-basic-media>
33627		<f-basic-mediawrapper>
33628			<a class="" data-artid="496510" data-title="Nikon presenterar nybörjarvänlig fullformatare.  Något för mig med andra ord? | Feber / Pryl" href="https://feber.se/pryl/nikon-presenterar-nyborjarvanlig-fullformatare/496510/"><img src="https://static.feber.se/article_images/66/81/69/668169_440.jpg" loading="lazy" alt="Tumnagel" /></a>
33629
33630			<f-basic-tagline data-tempstatus="">
33631					
33632				
33633
33634
33635
33636
33637
33638
33639
33640
33641
33642
33643
33644
33645
33646
33647		
33648				
33649			
33650	
33651<!-- Temptype degrees -->
33652
33653
33654
33655
33656
33657
33658
33659
33660
33661		
33662	
33663<!-- IDNAME 1 - Feber / Pryl - Feber -->
33664
33665
33666	
33667	
33668	<div class="temp BG" id="ikon_thumbs_496510">
33669		
33670				37.7&deg;
33671			
33672	</div>
33673
33674
33675			
33676				
33677					
33678						
33679							<f-bubble id="commentCounter496510" class="disqus-comment-count" data-disqus-url="https://feber.se/496510/" data-sheeturl="/disqus/496510/?inline=true&showheader=true" onClick="loadComments('#showDisqus496510','/disqus/496510/?inline=true');">0</f-bubble>
33680						<!--<a href="http://feber.se/496510/#commentsContainer"></a>-->
33681					
33682				
33683			
33684			</f-basic-tagline>
33685
33686		</f-mediawrapper>
33687	
33688	</f-basic-media>
33689
33690</f-basic>
33691
33692
33693
33694
33695
33696
33697
33698
33699
33700
33701
33702
33703
33704
33705
33706	
33707	
33708
33709
33710
33711
33712
33713
33714
33715
33716
33717 
33718
33719
33720
33721
33722
33723
33724
33725		
33726		
33727	
33728
33729
33730
33731	
33732
33733
33734
33735
33736
33737
33738
33739
33740
33741		
33742	
33743
33744
33745
33746
33747
33748	
33749			
33750			
33751			
33752		
33753
33754
33755
33756
33757
33758
33759
33760
33761		
33762	
33763
33764
33765
33766
33767
33768
33769
33770 
33771
33772		
33773	
33774
33775
33776
33777
33778
33779
33780
33781<f-basic 	id="ArticleBasic_496519" 
33782			data-id="496519"
33783			data-temp="384"
33784			data-tempstatus=normal
33785			data-basicsite="feber"  
33786			
33787			
33788			class=" feber" 
33789			>
33790
33791	
33792	
33793
33794	
33795	<a href="https://feber.se/mac/podcasts-kommer-till-apple-maps/496519/">
33796		<f-basic-header>
33797			<f-basic-headline>
33798				 <b>Podcasts kommer till Apple Maps</b>
33799			</f-basic-headline>
33800			<f-basic-preamble>
33801				Lyssna på historier om olika platser på kartan
33802			</f-basic-preamble>
33803		</f-basic-header>
33804	</a>
33805	
33806	
33807	<f-basic-body>
33808		<a class="" data-artid="496519" data-title="Podcasts kommer till Apple Maps.  Lyssna på historier om olika platser på kartan | Feber / Mac" href="https://feber.se/mac/podcasts-kommer-till-apple-maps/496519/">
33809			Apple Maps och Apple Podcasts har inlett ett samarbete som innebär att Apple Maps kommer att länka till podcasts som handlar om specifika platser som visas på Apple Maps.  Enligt Apple Insider täcker det som kallas "Hidden Histories" historiska platser och landmärken i de amerikanska städerna San Francisco, Los Angeles, New York City, Chicago och Washington, D.C. I de podcasts som är länkade kan användaren få reda på mer om den aktuella platsens arkitektur, historia och annat om platsen.  Bland platserna som inkluderas i Hidden Histories finns bland annat Hollywood-skylten och Hollywood Walk of Fame i Los Angeles, Frihetsgudinnan och Times Square i New York samt Alcatraz och Farallonöarna i San Francisco.
33810		</a>
33811	</f-basic-body>
33812	
33813	
33814	<f-basic-media>
33815		<f-basic-mediawrapper>
33816			<a class="" data-artid="496519" data-title="Podcasts kommer till Apple Maps.  Lyssna på historier om olika platser på kartan | Feber / Mac" href="https://feber.se/mac/podcasts-kommer-till-apple-maps/496519/"><img src="https://static.feber.se/article_images/66/81/45/668145_440.jpg" loading="lazy" alt="Tumnagel" /></a>
33817
33818			<f-basic-tagline data-tempstatus="">
33819					
33820				
33821
33822
33823
33824
33825
33826
33827
33828
33829
33830
33831
33832
33833
33834
33835		
33836				
33837			
33838	
33839<!-- Temptype degrees -->
33840
33841
33842
33843
33844
33845
33846
33847
33848
33849		
33850	
33851<!-- IDNAME 2 - Feber / Mac - Feber -->
33852
33853
33854	
33855	
33856	<div class="temp BG" id="ikon_thumbs_496519">
33857		
33858				38.4&deg;
33859			
33860	</div>
33861
33862
33863			
33864				
33865					
33866						
33867							<f-bubble id="commentCounter496519" class="disqus-comment-count" data-disqus-url="https://feber.se/496519/" data-sheeturl="/disqus/496519/?inline=true&showheader=true" onClick="loadComments('#showDisqus496519','/disqus/496519/?inline=true');">0</f-bubble>
33868						<!--<a href="http://feber.se/496519/#commentsContainer"></a>-->
33869					
33870				
33871			
33872			</f-basic-tagline>
33873
33874		</f-mediawrapper>
33875	
33876	</f-basic-media>
33877
33878</f-basic>
33879
33880
33881
33882
33883
33884
33885
33886
33887
33888
33889
33890
33891
33892
33893
33894	
33895	
33896
33897
33898
33899
33900
33901
33902
33903
33904
33905 
33906
33907
33908
33909
33910
33911
33912
33913		
33914		
33915	
33916
33917
33918
33919	
33920
33921
33922
33923
33924
33925
33926
33927
33928
33929		
33930	
33931
33932
33933
33934
33935
33936	
33937			
33938			
33939			
33940		
33941
33942
33943
33944
33945
33946
33947
33948
33949		
33950	
33951
33952
33953
33954
33955
33956
33957
33958 
33959
33960		
33961	
33962
33963
33964
33965
33966
33967
33968
33969<f-basic 	id="ArticleBasic_496516" 
33970			data-id="496516"
33971			data-temp="374"
33972			data-tempstatus=normal
33973			data-basicsite="feber"  
33974			
33975			
33976			class=" feber" 
33977			>
33978
33979	
33980	
33981
33982	
33983	<a href="https://feber.se/bil/porsche-haller-pa-med-manuell-dubbelkopplingslada/496516/">
33984		<f-basic-header>
33985			<f-basic-headline>
33986				Rykte <b>Porsche håller på med manuell dubbelkopplingslåda</b>
33987			</f-basic-headline>
33988			<f-basic-preamble>
33989				Allt för känslan
33990			</f-basic-preamble>
33991		</f-basic-header>
33992	</a>
33993	
33994	
33995	<f-basic-body>
33996		<a class="" data-artid="496516" data-title="Porsche håller på med manuell dubbelkopplingslåda.  Allt för känslan | Feber / Bil" href="https://feber.se/bil/porsche-haller-pa-med-manuell-dubbelkopplingslada/496516/">
33997			Nya patent som Porsche skickat in har fått ryktet att bubbla att de också håller på med en sån där "manuell" dubbelkopplingslåda som blivit lite poppis på senaste. Bilen har fortfarande en automatlåda men med hjälp av teknik och data-prylar kan du vispa runt med spaken manuellt och även koppla med en kopplingspedal. Allt för att ge känslan av en vanlig manuell bil fast det ändå inte är det. Vill man inte låter man bara lådan vara i automatläge, eller så kan man även köra med paddlar bakom ratten.  Som vanligt med patent så återstår det att se om det blir något av detta och om det kommer att hamna i en b
33997il man kan köpa i framtiden.
33998		</a>
33999	</f-basic-body>
34000	
34001	
34002	<f-basic-media>
34003		<f-basic-mediawrapper>
34004			<a class="" data-artid="496516" data-title="Porsche håller på med manuell dubbelkopplingslåda.  Allt för känslan | Feber / Bil" href="https://feber.se/bil/porsche-haller-pa-med-manuell-dubbelkopplingslada/496516/"><img src="https://static.feber.se/article_images/66/81/39/668139_440.jpg" loading="lazy" alt="Tumnagel" /></a>
34005
34006			<f-basic-tagline data-tempstatus="">
34007					
34008				
34009
34010
34011
34012
34013
34014
34015
34016
34017
34018
34019
34020
34021
34022
34023		
34024				
34025			
34026	
34027<!-- Temptype degrees -->
34028
34029
34030
34031
34032
34033
34034
34035
34036
34037		
34038	
34039<!-- IDNAME 6 - Feber / Bil - Feber -->
34040
34041
34042	
34043	
34044	<div class="temp BG" id="ikon_thumbs_496516">
34045		
34046				37.4&deg;
34047			
34048	</div>
34049
34050
34051			
34052				
34053					
34054						
34055							<f-bubble id="commentCounter496516" class="disqus-comment-count" data-disqus-url="https://feber.se/496516/" data-sheeturl="/disqus/496516/?inline=true&showheader=true" onClick="loadComments('#showDisqus496516','/disqus/496516/?inline=true');">0</f-bubble>
34056						<!--<a href="http://feber.se/496516/#commentsContainer"></a>-->
34057					
34058				
34059			
34060			</f-basic-tagline>
34061
34062		</f-mediawrapper>
34063	
34064	</f-basic-media>
34065
34066</f-basic>
34067
34068
34069
34070
34071
34072
34073
34074
34075
34076
34077
34078
34079
34080
34081
34082	
34083	
34084
34085
34086
34087
34088
34089
34090
34091
34092
34093 
34094
34095
34096
34097
34098
34099
34100
34101		
34102		
34103	
34104
34105
34106
34107	
34108
34109
34110
34111
34112
34113
34114
34115
34116
34117		
34118	
34119
34120
34121
34122
34123
34124	
34125			
34126			
34127			
34128		
34129
34130
34131
34132
34133
34134
34135
34136
34137		
34138	
34139
34140
34141
34142
34143
34144
34145
34146 
34147
34148		
34149	
34150
34151
34152
34153
34154
34155
34156
34157<f-basic 	id="ArticleBasic_496531" 
34158			data-id="496531"
34159			data-temp="283"
34160			data-tempstatus=cold
34161			data-basicsite="feber"  
34162			
34163			
34164			class=" feber" 
34165			>
34166
34167	
34168	
34169
34170	
34171	<a href="https://feber.se/samhalle/nu-slapps-nya-nya-testamentet/496531/">
34172		<f-basic-header>
34173			<f-basic-headline>
34174				 <b>Nu släpps nya Nya testamentet</b>
34175			</f-basic-headline>
34176			<f-basic-preamble>
34177				Första nya översättningen sedan 1981
34178			</f-basic-preamble>
34179		</f-basic-header>
34180	</a>
34181	
34182	
34183	<f-basic-body>
34184		<a class="" data-artid="496531" data-title="Nu släpps nya Nya testamentet.  Första nya översättningen sedan 1981 | Feber / Samhälle" href="https://feber.se/samhalle/nu-slapps-nya-nya-testamentet/496531/">
34185			Idag släpptes en ny översättning av Nya testamentet, en bok som även kallas för "NT 2026" och är den första nya översättningen sedan 1981. Utgivningen av NT 2026 sammanfaller med att det i år är 500 år sedan bibeln översattes till svenska för första gången, en utgåva som går under namnet Gustav Vasas bibel.   Svenska bibelsällskapet står bakom översättningen i NT 2026. DN skriver att bland förändringarna i den nya översättningen finns bland annat att Judas "utlämnar" Jesus istället för "förråder" honom som i äldre översättningar. Andra förändringar inkluderar att Paulus nu är Jesus "slav" istället för "tjänare" och att Paulus talar till sina "bröder och systrar" istället för bara "bröder". En annan förändring är att bönen "Herrens bön" ("Fader vår") nu inleds med "Vår Far i himlen!" istället för "Vår Fader, du som är i himlen".  Svenska bibelsällskapet har utgått från nio direktiv när man gjorde översättningen till NT 2026. Dessa är god svenska ska användas, konkordans, trohet mot främmande kultur, inkluderande språk, bevarat bibliskt bildspråk, bevarad textform, undvika ålderdomliga ord, återspegla stilistiska skillnader samt att öppenhet för olika tolkningar bevaras.
34186		</a>
34187	</f-basic-body>
34188	
34189	
34190	<f-basic-media>
34191		<f-basic-mediawrapper>
34192			<a class="" data-artid="496531" data-title="Nu släpps nya Nya testamentet.  Första nya översättningen sedan 1981 | Feber / Samhälle" href="https://feber.se/samhalle/nu-slapps-nya-nya-testamentet/496531/"><img src="https://static.feber.se/article_images/66/81/63/668163_440.jpg" loading="lazy" alt="Tumnagel" /></a>
34193
34194			<f-basic-tagline data-tempstatus="">
34195					
34196				
34197
34198
34199
34200
34201
34202
34203
34204
34205
34206
34207
34208
34209
34210
34211		
34212				
34213			
34214	
34215<!-- Temptype degrees -->
34216
34217
34218
34219
34220
34221
34222
34223
34224
34225		
34226	
34227<!-- IDNAME 191 - Feber / Samhälle - Feber -->
34228
34229
34230	
34231	
34232	<div class="temp febercoldBG" id="ikon_thumbs_496531">
34233		
34234				28.3&deg;
34235			
34236	</div>
34237
34238
34239			
34240				
34241					
34242						
34243							<f-bubble id="commentCounter496531" class="disqus-comment-count" data-disqus-url="https://feber.se/496531/" data-sheeturl="/disqus/496531/?inline=true&showheader=true" onClick="loadComments('#showDisqus496531','/disqus/496531/?inline=true');">0</f-bubble>
34244						<!--<a href="http://feber.se/496531/#commentsContainer"></a>-->
34245					
34246				
34247			
34248			</f-basic-tagline>
34249
34250		</f-mediawrapper>
34251	
34252	</f-basic-media>
34253
34254</f-basic>
34255
34256
34257
34258
34259
34260
34261
34262
34263
34264
34265
34266
34267
34268
34269
34270	
34271	
34272
34273
34274
34275
34276
34277
34278
34279
34280
34281 
34282
34283
34284
34285
34286
34287
34288
34289		
34290		
34291	
34292
34293
34294
34295	
34296
34297
34298
34299
34300
34301
34302
34303
34304
34305		
34306	
34307
34308
34309
34310
34311
34312	
34313			
34314			
34315			
34316		
34317
34318
34319
34320
34321
34322
34323
34324
34325		
34326	
34327
34328
34329
34330
34331
34332
34333
34334 
34335
34336		
34337	
34338
34339
34340
34341
34342
34343
34344
34345<f-basic 	id="ArticleBasic_496501" 
34346			data-id="496501"
34347			data-temp="311"
34348			data-tempstatus=cold
34349			data-basicsite="feber"  
34350			
34351			
34352			class=" feber" 
34353			>
34354
34355	
34356	
34357
34358	
34359	<a href="https://feber.se/bil/xpengs-bilar-borjar-saljas-i-umea/496501/">
34360		<f-basic-header>
34361			<f-basic-headline>
34362				 <b>
34362Xpengs bilar börjar säljas i Umeå</b>
34363			</f-basic-headline>
34364			<f-basic-preamble>
34365				Finns snart på 17 platser
34366			</f-basic-preamble>
34367		</f-basic-header>
34368	</a>
34369	
34370	
34371	<f-basic-body>
34372		<a class="" data-artid="496501" data-title="Xpengs bilar börjar säljas i Umeå.  Finns snart på 17 platser | Feber / Bil" href="https://feber.se/bil/xpengs-bilar-borjar-saljas-i-umea/496501/">
34373			Genom ett nytt samarbete med Motorcentralen i Umeå kommer Xpeng att börja sälja sina bilmodeller på orten. Försäljning och service kommer att erbjudas via NXT by Motorcentralen som är koncernens dotteranläggning. Motorcentralen har runt 150 anställda.  "Motorcentralen har en imponerande historia och en mycket stark lokal förankring. De är välkända i Umeå med omnejd och har den erfarenhet och fullserviceverksamhet som krävs för att ge våra kunder en riktigt bra och trygg upplevelse genom hela bilägandet. Det är därför ett naturligt val att Motorcentralen blir vår partner när XPENG nu stärker sin närvaro i norra Sverige."  Under andra halvan av fjärde kvartalet i år räknar man med att den nya anläggningen ska vara klar. Xpeng finns efter detta på 17 platser runt om i landet. Modellerna som erbjuds är G6, G9, P7+ och L03.
34374		</a>
34375	</f-basic-body>
34376	
34377	
34378	<f-basic-media>
34379		<f-basic-mediawrapper>
34380			<a class="" data-artid="496501" data-title="Xpengs bilar börjar säljas i 
34380Umeå.  Finns snart på 17 platser | Feber / Bil" href="https://feber.se/bil/xpengs-bilar-borjar-saljas-i-umea/496501/"><img src="https://static.feber.se/article_images/66/80/40/668040_440.jpg" loading="lazy" alt="Tumnagel" /></a>
34381
34382			<f-basic-tagline data-tempstatus="">
34383					
34384				
34385
34386
34387
34388
34389
34390
34391
34392
34393
34394
34395
34396
34397
34398
34399		
34400				
34401			
34402	
34403<!-- Temptype degrees -->
34404
34405
34406
34407
34408
34409
34410
34411
34412
34413		
34414	
34415<!-- IDNAME 6 - Feber / Bil - Feber -->
34416
34417
34418	
34419	
34420	<div class="temp febercoldBG" id="ikon_thumbs_496501">
34421		
34422				31.1&deg;
34423			
34424	</div>
34425
34426
34427			
34428				
34429					
34430						
34431							<f-bubble id="commentCounter496501" class="disqus-comment-count" data-disqus-url="https://feber.se/496501/" data-sheeturl="/disqus/496501/?inline=true&showheader=true" onClick="loadComments('#showDisqus496501','/disqus/496501/?inline=true');">0</f-bubble>
34432						<!--<a href="http://feber.se/496501/#commentsContainer"></a>-->
34433					
34434				
34435			
34436			</f-basic-tagline>
34437
34438		</f-mediawrapper>
34439	
34440	</f-basic-media>
34441
34442</f-basic>
34443
34444
34445
34446
34447
34448
34449
34450
34451
34452
34453
34454
34455
34456
34457
34458	
34459	
34460
34461
34462
34463
34464
34465
34466
34467
34468
34469 
34470
34471
34472
34473
34474
34475
34476
34477		
34478		
34479	
34480
34481
34482
34483	
34484
34485
34486
34487
34488
34489
34490
34491
34492
34493		
34494	
34495
34496
34497
34498
34499
34500	
34501			
34502			
34503			
34504		
34505
34506
34507
34508
34509
34510
34511
34512
34513		
34514	
34515
34516
34517
34518
34519
34520
34521
34522 
34523
34524		
34525	
34526
34527
34528
34529
34530
34531
34532
34533<f-basic 	id="ArticleBasic_496526" 
34534			data-id="496526"
34535			data-temp="462"
34536			data-tempstatus=hot
34537			data-basicsite="feber"  
34538			
34539			
34540			class=" feber" 
34541			>
34542
34543	
34544	
34545
34546	
34547	<a href="https://feber.se/samhalle/ukraina-far-hjalp-med-cyberforsvar-av-openai/496526/">
34548		<f-basic-header>
34549			<f-basic-headline>
34550				 <b>Ukraina får hjälp med cyberförsvar av OpenAI</b>
34551			</f-basic-headline>
34552			<f-basic-preamble>
34553				Daybreak hittar och lagar sårbarheter i IT-system
34554			</f-basic-preamble>
34555		</f-basic-header>
34556	</a>
34557	
34558	
34559	<f-basic-body>
34560		<a class="" data-artid="496526" data-title="Ukraina får hjälp med cyberförsvar av OpenAI.  Daybreak hittar och lagar sårbarheter i IT-system | Feber / Samhälle" href="https://feber.se/samhalle/ukraina-far-hjalp-med-cyberforsvar-av-openai/496526/">
34561			Under det pågående FN-toppmötet meddelade AI-företaget OpenAI att man kommer att ge Ukraina gratis tillgång till Daybreak, den säkerhetsplattform som man presenterade tidigare i år.     OpenAI:s Daybreak-plattform är utvecklad för att identifiera och åtgärda säkerhetsproblem, validera säkerhetsfixar (patchar) och snabbt kunna lära sig hur en främmande eller gammal kodbas fungerar för att identifiera risker. OpenAI uppger att man tidigare gett bland annat Frankrike, Tyskland och Polen tillgång till sina cybermodeller för att stärka ländernas cyberförsvar.   Ukraina utsattes under 2025 för över 6000 cyberattacker mot bland annat sjukhussystem, energisektorn och telekommunikationer. Attackerna tros ha utförts av Ryssland för att på olika sätt destabilisera Ukraina. 
34562		</a>
34563	</f-basic-body>
34564	
34565	
34566	<f-basic-media>
34567		<f-basic-mediawrapper>
34568			<a class="" data-artid="496526" data-title="Ukraina får hjälp med cyberförsvar av OpenAI.  Daybreak hittar och lagar sårbarheter i IT-system | Feber / Samhälle" href="https://feber.se/samhalle/ukraina-far-hjalp-med-cyberforsvar-av-openai/496526/"><img src="https://static.feber.se/article_images/66/81/60/668160_440.jpg" loading="lazy" alt="Tumnagel" /></a>
34569
34570			<f-basic-tagline data-tempstatus="">
34571					
34572				
34573
34574
34575
34576
34577
34578
34579
34580
34581
34582
34583
34584
34585
34586
34587		
34588				
34589			
34590	
34591<!-- Temptype degrees -->
34592
34593
34594
34595
34596
34597
34598
34599
34600
34601		
34602	
34603<!-- IDNAME 191 - Feber / Samhälle - Feber -->
34604
34605
34606	
34607	
34608	<div class="temp feberhotBG" id="ikon_thumbs_496526">
34609		
34610				46.2&deg;
34611			
34612	</div>
34613
34614
34615			
34616				
34617					
34618						
34619							<f-bubble id="commentCounter496526" class="disqus-comment-count" data-disqus-url="https://feber.se/496526/" data-sheeturl="/disqus/496526/?inline=true&showheader=true" onClick="loadComments('#showDisqus496526','/disqus/496526/?inline=true');">0</f-bubble>
34620						<!--<a href="http://feber.se/496526/#commentsContainer"></a>-->
34621					
34622				
34623			
34624			</f-basic-tagline>
34625
34626		</f-mediawrapper>
34627	
34628	</f-basic-media>
34629
34630</f-basic>
34631
34632
34633
34634
34635
34636
34637
34638
34639
34640
34641
34642
34643
34644
34645
34646	
34647	
34648
34649
34650
34651
34652
34653
34654
34655
34656
34657 
34658
34659
34660
34661
34662
34663
34664
34665		
34666		
34667	
34668
34669
34670
34671	
34672
34673
34674
34675
34676
34677
34678
34679
34680
34681		
34682	
34683
34684
34685
34686
34687
34688	
34689			
34690			
34691			
34692		
34693
34694
34695
34696
34697
34698
34699
34700
34701		
34702	
34703
34704
34705
34706
34707
34708
34709
34710 
34711
34712		
34713	
34714
34715
34716
34717
34718
34719
34720
34721<f-basic 	id="ArticleBasic_496515" 
34722			data-id="496515"
34723			data-temp="458"
34724			data-tempstatus=hot
34725			data-basicsite="feber"  
34726			
34727			
34728			class=" feber" 
34729			>
34730
34731	
34732	
34733
34734	
34735	<a href="https://feber.se/bil/renault-hyllar-8-gordini-med-elbilskoncept/496515/">
34736		<f-basic-header>
34737			<f-basic-headline>
34738				 <b>Renault hyllar 8 Gordini med elbilskoncept</b>
34739			</f-basic-headline>
34740			<f-basic-preamble>
34741				Retrotuff!
34742			</f-basic-preamble>
34743		</f-basic-header>
34744	</a>
34745	
34746	
34747	<f-basic-body>
34748		<a class="" data-artid="496515" data-title="Renault hyllar 8 Gordini med elbilskoncept.  Retrotuff! | Feber / Bil" href="https://feber.se/bil/renault-hyllar-8-gordini-med-elbilskoncept/496515/">
34749			Renault 8 Gordini är en klassisk sportvagn från 1964. Den har en motor bak som ger 95 hästar och som driver på bakhjulen. Blå lack är ett måste och så två vita snabb-stripes över hela bilen. Nu har Renault gjort en modern tolkning av denna klassiker och nu är det givetvis bara eldrift som gäller.  Den nya coupén har en elmotor som ger 270 hästar. Bilen mäter 4,12 meter på längden, 1,88 på bredden och den är bara 1,27 meter hög. Karossen har rejäla höfter och breda framskärmar och där innanför döljer sig 20-tumsfälgar bak och 19 tum fram. På insidan är det minimalistiskt och föraren är i fokus. Som tur är finns det inga stora skärmar utan dessa är istället inkapslade i mindre runda mätare. Till detta får man snygga fysiska reglage mellan de skålade sportstolarna.  Det här projektet började som en intern designtävling där över 300 förslag lämnades in, och detta är det som vann. Bilen är helt och hållet utvecklad av Renault Design och den kommer att visas upp på bilmässan i Paris som pågår mellan den 12e: och 18:e oktober.
34750		</a>
34751	</f-basic-body>
34752	
34753	
34754	<f-basic-media>
34755		<f-basic-mediawrapper>
34756			<a class="" data-artid="496515" data-title="Renault hyllar 8 Gordini med elbilskoncept.  Retrotuff! | Feber / Bil" href="https://feber.se/bil/renault-hyllar-8-gordini-med-elbilskoncept/496515/"><img src="https://static.feber.se/article_images/66/80/60/668060_440.jpg" loading="lazy" alt="Tumnagel" /></a>
34757
34758			<f-basic-tagline data-tempstatus="">
34759					
34760				
34761
34762
34763
34764
34765
34766
34767
34768
34769
34770
34771
34772
34773
34774
34775		
34776				
34777			
34778	
34779<!-- Temptype degrees -->
34780
34781
34782
34783
34784
34785
34786
34787
34788
34789		
34790	
34791<!-- IDNAME 6 - Feber / Bil - Feber -->
34792
34793
34794	
34795	
34796	<div class="temp feberhotBG" id="ikon_thumbs_496515">
34797		
34798				45.8&deg;
34799			
34800	</div>
34801
34802
34803			
34804				
34805					
34806						
34807							<f-bubble id="commentCounter496515" class="disqus-comment-count" data-disqus-url="https://feber.se/496515/" data-sheeturl="/disqus/496515/?inline=true&showheader=true" onClick="loadComments('#showDisqus496515','/disqus/496515/?inline=true');">0</f-bubble>
34808						<!--<a href="http://feber.se/496515/#commentsContainer"></a>-->
34809					
34810				
34811			
34812			</f-basic-tagline>
34813
34814		</f-mediawrapper>
34815	
34816	</f-basic-media>
34817
34818</f-basic>
34819
34820
34821
34822
34823
34824
34825
34826
34827
34828
34829
34830
34831
34832
34833
34834	
34835	
34836
34837
34838
34839
34840
34841
34842
34843
34844
34845 
34846
34847
34848
34849
34850
34851
34852
34853		
34854		
34855	
34856
34857
34858
34859	
34860
34861
34862
34863
34864
34865
34866
34867
34868
34869		
34870	
34871
34872
34873
34874
34875
34876	
34877			
34878			
34879			
34880		
34881
34882
34883
34884
34885
34886
34887
34888
34889		
34890	
34891
34892
34893
34894
34895
34896
34897
34898 
34899
34900		
34901	
34902
34903
34904
34905
34906
34907
34908
34909<f-basic 	id="ArticleBasic_496512" 
34910			data-id="496512"
34911			data-temp="370"
34912			data-tempstatus=normal
34913			data-basicsite="feber"  
34914			
34915			
34916			class=" feber" 
34917			>
34918
34919	
34920	
34921
34922	
34923	<a href="https://feber.se/film/gremlins-3-forsenas/496512/">
34924		<f-basic-header>
34925			<f-basic-headline>
34926				 <b>Gremlins 3 försenas</b>
34927			</f-basic-headline>
34928			<f-basic-preamble>
34929				Till 2028
34930			</f-basic-preamble>
34931		</f-basic-header>
34932	</a>
34933	
34934	
34935	<f-basic-body>
34936		<a class="" data-artid="496512" data-title="Gremlins 3 försenas.  Till 2028 | Feber / Film & TV" href="https://feber.se/film/gremlins-3-forsenas/496512/">
34937			Warner Bros. har bestämt sig för att senarelägga premiärdatumet för Gremlins 3 från den 19 november 2027 till den 6 oktober 2028.  Filmen kommer att regisseras av Chris Columbus, som skrev manuset till den första filmen från 1984, och Steven Spielberg kommer att agera som exekutiv producent. Men trots att produktionen är i full gång är detaljerna kring filmens handling, officiella titel och rollista fortfarande väldigt oklara.   En liten teaser-video kan hittas nedan.
34938		</a>
34939	</f-basic-body>
34940	
34941	
34942	<f-basic-media>
34943		<f-basic-mediawrapper>
34944			<a class="" data-artid="496512" data-title="Gremlins 3 försenas.  Till 2028 | Feber / Film & TV" href="https://feber.se/film/gremlins-3-forsenas/496512/"><img src="https://static.feber.se/article_images/66/80/49/668049_440.jpg" loading="lazy" alt="Tumnagel" /></a>
34945
34946			<f-basic-tagline data-tempstatus="">
34947					
34948				
34949
34950
34951
34952
34953
34954
34955
34956
34957
34958
34959
34960
34961
34962
34963		
34964				
34965			
34966	
34967<!-- Temptype degrees -->
34968
34969
34970
34971
34972
34973
34974
34975
34976
34977		
34978	
34979<!-- IDNAME 58 - Feber / Film & TV - Feber -->
34980
34981
34982	
34983	
34984	<div class="temp BG" id="ikon_thumbs_496512">
34985		
34986				37.0&deg;
34987			
34988	</div>
34989
34990
34991			
34992				
34993					
34994						
34995							<f-bubble id="commentCounter496512" class="disqus-comment-count" data-disqus-url="https://feber.se/496512/" data-sheeturl="/disqus/496512/?inline=true&showheader=true" onClick="loadComments('#showDisqus496512','/disqus/496512/?inline=true');">0</f-bubble>
34996						<!--<a href="http://feber.se/496512/#commentsContainer"></a>-->
34997					
34998				
34999			
35000			</f-basic-tagline>
35001
35002		</f-mediawrapper>
35003	
35004	</f-basic-media>
35005
35006</f-basic>
35007
35008
35009
35010
35011
35012
35013
35014
35015
35016
35017
35018
35019
35020
35021
35022	
35023	
35024
35025
35026
35027
35028
35029
35030
35031
35032
35033 
35034
35035
35036
35037
35038
35039
35040
35041		
35042		
35043	
35044
35045
35046
35047	
35048
35049
35050
35051
35052
35053
35054
35055
35056
35057		
35058	
35059
35060
35061
35062
35063
35064	
35065			
35066			
35067			
35068		
35069
35070
35071
35072
35073
35074
35075
35076
35077		
35078	
35079
35080
35081
35082
35083
35084
35085
35086 
35087
35088		
35089	
35090
35091
35092
35093
35094
35095
35096
35097<f-basic 	id="ArticleBasic_496508" 
35098			data-id="496508"
35099			data-temp="58"
35100			data-tempstatus=cold
35101			data-basicsite="feber"  
35102			
35103			
35104			class=" feber" 
35105			>
35106
35107	
35108	
35109
35110	
35111	<a href="https://feber.se/film/i-ar-kor-tv4-en-egen-julkalender/496508/">
35112		<f-basic-header>
35113			<f-basic-headline>
35114				 <b>I år kör TV4 en egen julkalender</b>
35115			</f-basic-headline>
35116			<f-basic-preamble>
35117				Svenska kändisar ska leka och tävla
35118			</f-basic-preamble>
35119		</f-basic-header>
35120	</a>
35121	
35122	
35123	<f-basic-body>
35124		<a class="" data-artid="496508" data-title="I år kör TV4 en egen julkalender.  Svenska kändisar ska leka och tävla | Feber / Film & TV" href="https://feber.se/film/i-ar-kor-tv4-en-egen-julkalender/496508/">
35125			En tradition när december månad är här är att följa julkalendern i SVT. I år finns det dock fler alternativ eftersom TV4 valt att göra en egen kalender. Den handlar dock inte om något spännande juläventyr eller liknande utan om svenska kändisar som ska göra upp i lekfulla och juliga utmaningar. Kul va?!  Kalendern som så påhittigt heter "24 Stjärnors julkalender" leds av Behrouz Badreh och deltagarna ska utmanas i allt från julsång, paketöppning, nötknäckning till julgranspyntning i snöstorm och pepparkakshusbygge. I varje avsnitt måste en deltagare lämna och till slut finns det bara en kvar som då blir julens mästare. Vilka kändisar som kommer att medverka kommer att presenteras längre fram.  Den nya julkalendern har premiär den 1 december på TV4 Play. Något du kommer att titta på?
35126		</a>
35127	</f-basic-body>
35128	
35129	
35130	<f-basic-media>
35131		<f-basic-mediawrapper>
35132			<a class="" data-artid="496508" data-title="I år kör TV4 en egen julkalender.  Svenska kändisar ska leka och tävla | Feber / Film & TV" href="https://feber.se/film/i-ar-kor-tv4-en-egen-julkalender/496508/"><img src="https://static.feber.se/article_images/66/80/39/668039_440.jpg" loading="lazy" alt="Tumnagel" /></a>
35133
35134			<f-basic-tagline data-tempstatus="">
35135					
35136				
35137
35138
35139
35140
35141
35142
35143
35144
35145
35146
35147
35148
35149
35150
35151		
35152				
35153			
35154	
35155<!-- Temptype degrees -->
35156
35157
35158
35159
35160
35161
35162
35163
35164
35165		
35166	
35167<!-- IDNAME 58 - Feber / Film & TV - Feber -->
35168
35169
35170	
35171	
35172	<div class="temp febercoldBG" id="ikon_thumbs_496508">
35173		
35174				5.8&deg;
35175			
35176	</div>
35177
35178
35179			
35180				
35181					
35182						
35183							<f-bubble id="commentCounter496508" class="disqus-comment-count" data-disqus-url="https://feber.se/496508/" data-sheeturl="/disqus/496508/?inline=true&showheader=true" onClick="loadComments('#showDisqus496508','/disqus/496508/?inline=true');">0</f-bubble>
35184						<!--<a href="http://feber.se/496508/#commentsContainer"></a>-->
35185					
35186				
35187			
35188			</f-basic-tagline>
35189
35190		</f-mediawrapper>
35191	
35192	</f-basic-media>
35193
35194</f-basic>
35195
35196
35197
35198
35199
35200
35201
35202
35203
35204
35205
35206
35207
35208
35209
35210	
35211	
35212
35213
35214
35215
35216
35217
35218
35219
35220
35221 
35222
35223
35224
35225
35226
35227
35228
35229		
35230		
35231	
35232
35233
35234
35235	
35236
35237
35238
35239
35240
35241
35242
35243
35244
35245		
35246	
35247
35248
35249
35250
35251
35252
35253	
35254			
35255			
35256			
35257		
35258
35259
35260
35261
35262
35263
35264
35265		
35266	
35267
35268
35269
35270
35271
35272
35273
35274 
35275
35276		
35277	
35278
35279
35280
35281
35282
35283
35284
35285<f-basic 	id="ArticleBasic_496499" 
35286			data-id="496499"
35287			data-temp="84"
35288			data-tempstatus=normal
35289			data-basicsite="tjock"  
35290			
35291			
35292			class=" tjock" 
35293			>
35294
35295	
35296	
35297
35298	
35299	<a href="https://tjock.se/strupen/hang-med-till-restaurangen-vyn/496499/">
35300		<f-basic-header>
35301			<f-basic-headline>
35302				 <b>Häng med till restaurangen Vyn</b>
35303			</f-basic-headline>
35304			<f-basic-preamble>
35305				Verkar smarrigt
35306			</f-basic-preamble>
35307		</f-basic-header>
35308	</a>
35309	
35310	
35311	<f-basic-body>
35312		<a class="" data-artid="496499" data-title="Häng med till restaurangen Vyn.  Verkar smarrigt | Tjock / Strupen" href="https://tjock.se/strupen/hang-med-till-restaurangen-vyn/496499/">
35313			Daniel Berlin har utsetts till Sveriges bästa kock sju gånger. Han driver restaurangen Vyn som ligger i Simrishamn och den har YouTube-kanalen Alexander The Guest nu varit och besökt.  Har du varit på Vyn?
35314		</a>
35315	</f-basic-body>
35316	
35317	
35318	<f-basic-media>
35319		<f-basic-mediawrapper>
35320			<a class="" data-artid="496499" data-title="Häng med till restaurangen Vyn.  Verkar smarrigt | Tjock / Strupen" href="https://tjock.se/strupen/hang-med-till-restaurangen-vyn/496499/"><img src="//i.ytimg.com/vi/6gTn2XT1kAg/mqdefault.jpg" loading="lazy" alt="Tumnagel" /></a>
35321
35322			<f-basic-tagline data-tempstatus="">
35323					
35324				
35325
35326
35327
35328
35329
35330
35331
35332
35333
35334
35335
35336
35337
35338
35339		
35340				
35341			
35342	
35343<!-- Temptype kg -->
35344
35345
35346
35347
35348
35349
35350
35351
35352
35353		
35354	
35355<!-- IDNAME 155 - Tjock / Strupen - Feber -->
35356
35357
35358	
35359	
35360	<div class="temp BG" id="ikon_thumbs_496499">
35361		
35362				84kg
35363			
35364	</div>
35365
35366
35367			
35368				
35369					
35370						
35371							<f-bubble id="commentCounter496499" class="disqus-comment-count" data-disqus-url="https://tjock.se/496499/" data-sheeturl="/disqus/496499/?inline=true&showheader=true" onClick="loadComments('#showDisqus496499','/disqus/496499/?inline=true');">0</f-bubble>
35372						<!--<a href="http://feber.se/496499/#commentsContainer"></a>-->
35373					
35374				
35375			
35376			</f-basic-tagline>
35377
35378		</f-mediawrapper>
35379	
35380	</f-basic-media>
35381
35382</f-basic>
35383
35384
35385
35386
35387
35388
35389
35390
35391
35392
35393
35394
35395
35396
35397
35398	
35399	
35400
35401
35402
35403
35404
35405
35406
35407
35408
35409 
35410
35411
35412
35413
35414
35415
35416
35417		
35418		
35419	
35420
35421
35422
35423	
35424
35425
35426
35427
35428
35429
35430
35431
35432
35433		
35434	
35435
35436
35437
35438
35439
35440	
35441			
35442			
35443			
35444		
35445
35446
35447
35448
35449
35450
35451
35452
35453		
35454	
35455
35456
35457
35458
35459
35460
35461
35462 
35463
35464		
35465	
35466
35467
35468
35469
35470
35471
35472
35473<f-basic 	id="ArticleBasic_496503" 
35474			data-id="496503"
35475			data-temp="302"
35476			data-tempstatus=cold
35477			data-basicsite="feber"  
35478			
35479			
35480			class=" feber" 
35481			>
35482
35483	
35484	
35485
35486	
35487	<a href="https://feber.se/internet/discord-infor-automatisk-alderskontroll/496503/">
35488		<f-basic-header>
35489			<f-basic-headline>
35490				 <b>Discord inför automatisk ålderskontroll</b>
35491			</f-basic-headline>
35492			<f-basic-preamble>
35493				Nytt försök att åldersbestämma sina användare
35494			</f-basic-preamble>
35495		</f-basic-header>
35496	</a>
35497	
35498	
35499	<f-basic-body>
35500		<a class="" data-artid="496503" data-title="Discord inför automatisk ålderskontroll.  Nytt försök att åldersbestämma sina användare | Feber / Internet" href="https://feber.se/internet/discord-infor-automatisk-alderskontroll/496503/">
35501			Tidigare i år tvingades Discord pausa sina planer på striktare ålderskontroller efter att användarna visade sitt missnöje då förslaget innebar att man behövde ladda upp ID-handlingar eller göra ansiktsskanningar via externa företag. Nu gör Discord ett nytt försök att åldersbestämma sina användare, men i en betydligt mer diskret och automatisk form.  Istället för att kräva legitimation kommer Discord nu att använda någon form av automatisk åldersuppskattning. Detta kommer att göras bland annat genom att analysera signaler som hur gammalt ditt konto är, vilka servrar du är med i och vilka spel du spelar. Discord säger att de inte läser privata meddelanden eller lyssnar på samtal för att göra denna bedömning.  Efter analysen placeras man automatiskt i en ålderskategori. Enligt Discord kommer nio av tio användare inte ens märka av systemet, då de automatiskt identifieras som vuxna. För de som ändå hamnar i fel kategori, eller där systemet tvekar, finns nu alternativ som är mindre integritetskränkande än den tidigare lösningen. I stället för ansiktsskanning kan man nu verifiera sin ålder via kontokort eller genom information från Apple App Store och Google Play.  Anledningen till att man slänger in detta är på grund av nya lagar världen över som kräver att digitala plattformar tar större ansvar för minderåriga. Genom att rulla ut systemet globalt hoppas Discord kunna skydda användare mellan 13 och 17 år genom att automatiskt dölja känsligt innehåll och begränsa tillgången till vuxna miljöer.  
35502		</a>
35503	</f-basic-body>
35504	
35505	
35506	<f-basic-media>
35507		<f-basic-mediawrapper>
35508			<a class="" data-artid="496503" data-title="Discord inför automatisk ålderskontroll.  Nytt försök att åldersbestämma sina användare | Feber / Internet" href="https://feber.se/internet/discord-infor-automatisk-alderskontroll/496503/"><img src="https://static.feber.se/article_images/66/80/25/668025_440.jpg" loading="lazy" alt="Tumnagel" /></a>
35509
35510			<f-basic-tagline data-tempstatus="">
35511					
35512				
35513
35514
35515
35516
35517
35518
35519
35520
35521
35522
35523
35524
35525
35526
35527		
35528				
35529			
35530	
35531<!-- Temptype degrees -->
35532
35533
35534
35535
35536
35537
35538
35539
35540
35541		
35542	
35543<!-- IDNAME 198 - Feber / Internet - Feber -->
35544
35545
35546	
35547	
35548	<div class="temp febercoldBG" id="ikon_thumbs_496503">
35549		
35550				30.2&deg;
35551			
35552	</div>
35553
35554
35555			
35556				
35557					
35558						
35559							<f-bubble id="commentCounter496503" class="disqus-comment-count" data-disqus-url="https://feber.se/496503/" data-sheeturl="/disqus/496503/?inline=true&showheader=true" onClick="loadComments('#showDisqus496503','/disqus/496503/?inline=true');">0</f-bubble>
35560						<!--<a href="http://feber.se/496503/#commentsContainer"></a>-->
35561					
35562				
35563			
35564			</f-basic-tagline>
35565
35566		</f-mediawrapper>
35567	
35568	</f-basic-media>
35569
35570</f-basic>
35571
35572
35573
35574
35575
35576
35577
35578
35579
35580
35581
35582
35583
35584
35585
35586	
35587	
35588
35589
35590
35591
35592
35593
35594
35595
35596
35597 
35598
35599
35600
35601
35602
35603
35604
35605		
35606		
35607	
35608
35609
35610
35611	
35612
35613
35614
35615
35616
35617
35618
35619
35620
35621		
35622	
35623
35624
35625
35626
35627
35628	
35629			
35630			
35631			
35632		
35633
35634
35635
35636
35637
35638
35639
35640
35641		
35642	
35643
35644
35645
35646
35647
35648
35649
35650 
35651
35652		
35653	
35654
35655
35656
35657
35658
35659
35660
35661<f-basic 	id="ArticleBasic_496507" 
35662			data-id="496507"
35663			data-temp="349"
35664			data-tempstatus=normal
35665			data-basicsite="feber"  
35666			
35667			
35668			class=" feber" 
35669			>
35670
35671	
35672	
35673
35674	
35675	<a href="https://feber.se/samhalle/for-forsta-gangen-ar-fler-pojkar-an-flickor-gymnasiebehoriga/496507/">
35676		<f-basic-header>
35677			<f-basic-headline>
35678				 <b>För första gången är fler pojkar än flickor gymnasiebehöriga</b>
35679			</f-basic-headline>
35680			<f-basic-preamble>
35681				Och mattebetygen dippar
35682			</f-basic-preamble>
35683		</f-basic-header>
35684	</a>
35685	
35686	
35687	<f-basic-body>
35688		<a class="" data-artid="496507" data-title="För första gången är fler pojkar än flickor gymnasiebehöriga.  Och mattebetygen dippar | Feber / Samhälle" href="https://feber.se/samhalle/for-forsta-gangen-ar-fler-pojkar-an-flickor-gymnasiebehoriga/496507/">
35689			Skolverket meddelar nu att det för första gången är fler pojkar än flickor som är behöriga för gymnasiet sedan man började mäta 1998. Skillnaderna är dock små - 83,6 mot 83,4 procent. Totalt har behörigheten minskat från 84,1 till 83,5 procent. Våren 2026 saknade var sjätte elev som avslutade årskurs 9 behörighet till gymnasieskolans 
35689nationella program.  Anna Castberg som är analyschef på Skolverket säger följande:  "Skillnaden i behörighet till gymnasieskolan mellan pojkar och flickor har minskat under de senaste tio åren. Den skillnad statistiken nu visar med större andel behöriga pojkar är dock liten, och utvecklingen ser olika ut i olika grupper. Därför är det viktigt att inte dra för stora slutsatser av ett enskilt års resultat. Det är först när vi följer resultaten över tid som vi kan se om den här förändringen håller i sig."  Andelen behöriga elever är större bland de som har minst en förälder med eftergymnasial utbildning än bland elever vars föräldrar har lägre utbildningsnivå. Det här gäller oavsett om eleverna har svensk eller utländsk bakgrund. Andelen behöriga till gymnasieskolan är 16 procentenheter lägre bland elever på skolor i områden med stora socioekonomiska utmaningar än bland elever på skolor i områden med mycket goda socioekonomiska förutsättningar.  I ämnet matematik har andelen elever med godkända betyg minskat med 1,1 procentenheter och det är den största minskningen bland de obligatoriska ämnena. Man måste ha godkänt i matte för att bli behörig till gymnasieskolan.  Läs mer på länken nedan.
35690		</a>
35691	</f-basic-body>
35692	
35693	
35694	<f-basic-media>
35695		<f-basic-mediawrapper>
35696			<a class="" data-artid="496507" data-title="För första gången är fler pojkar än flickor gymnasiebehöriga.  Och mattebetygen dippar | Feber / Samhälle" href="https://feber.se/samhalle/for-forsta-gangen-ar-fler-pojkar-an-flickor-gymnasiebehoriga/496507/"><img src="https://static.feber.se/article_images/66/80/50/668050_440.jpg" loading="lazy" alt="Tumnagel" /></a>
35697
35698			<f-basic-tagline data-tempstatus="">
35699					
35700				
35701
35702
35703
35704
35705
35706
35707
35708
35709
35710
35711
35712
35713
35714
35715		
35716				
35717			
35718	
35719<!-- Temptype degrees -->
35720
35721
35722
35723
35724
35725
35726
35727
35728
35729		
35730	
35731<!-- IDNAME 191 - Feber / Samhälle - Feber -->
35732
35733
35734	
35735	
35736	<div class="temp BG" id="ikon_thumbs_496507">
35737		
35738				34.9&deg;
35739			
35740	</div>
35741
35742
35743			
35744				
35745					
35746						
35747							<f-bubble id="commentCounter496507" class="disqus-comment-count" data-disqus-url="https://feber.se/496507/" data-sheeturl="/disqus/496507/?inline=true&showheader=true" onClick="loadComments('#showDisqus496507','/disqus/496507/?inline=true');">0</f-bubble>
35748						<!--<a href="http://feber.se/496507/#commentsContainer"></a>-->
35749					
35750				
35751			
35752			</f-basic-tagline>
35753
35754		</f-mediawrapper>
35755	
35756	</f-basic-media>
35757
35758</f-basic>
35759
35760
35761
35762
35763
35764
35765
35766
35767
35768
35769
35770
35771
35772
35773
35774	
35775	
35776
35777
35778
35779
35780
35781
35782
35783
35784
35785 
35786
35787
35788
35789
35790
35791
35792
35793		
35794		
35795	
35796
35797
35798
35799	
35800
35801
35802
35803
35804
35805
35806
35807
35808
35809		
35810	
35811
35812
35813
35814
35815
35816	
35817			
35818			
35819			
35820		
35821
35822
35823
35824
35825
35826
35827
35828
35829		
35830	
35831
35832
35833
35834
35835
35836
35837
35838 
35839
35840		
35841	
35842
35843
35844
35845
35846
35847
35848
35849<f-basic 	id="ArticleBasic_496520" 
35850			data-id="496520"
35851			data-temp="341"
35852			data-tempstatus=normal
35853			data-basicsite="feber"  
35854			
35855			
35856			class=" feber" 
35857			>
35858
35859	
35860	
35861
35862	
35863	<a href="https://feber.se/samhalle/hackergrupp-uppger-att-man-kommit-over-data-fran-fbi/496520/">
35864		<f-basic-header>
35865			<f-basic-headline>
35866				 <b>Hackergrupp uppger att man kommit över data från FBI</b>
35867			</f-basic-headline>
35868			<f-basic-preamble>
35869				Som ska innehålla uppgifter om myndighetens personal och uppdrag
35870			</f-basic-preamble>
35871		</f-basic-header>
35872	</a>
35873	
35874	
35875	<f-basic-body>
35876		<a class="" data-artid="496520" data-title="Hackergrupp uppger att man kommit över data från FBI.  Som ska innehålla uppgifter om myndighetens personal och uppdrag | Feber / Samhälle" href="https://feber.se/samhalle/hackergrupp-uppger-att-man-kommit-over-data-fran-fbi/496520/">
35877			Den kriminella hackergruppen ShinyHunters uppger att man kommit över 2TB–3TB data från den amerikanska polismyndigheten FBI som verkar innehålla en hel del känslig information.  Nyhetsbyrån Reuters har fått ta del av ett utdrag på 5000 rader från ShinyHunters och uppger att dessa bland annat innehåller personuppgifter som namn, adresser, telefonnummer, födelsedatum, social security-nummer och kontaktuppgifter till anhöriga till anställda på FBI. Vidare ska datan innehålla specifika uppdrag som vissa agenter har gjort vilket bland annat inkluderar uppdrag som rör Kina och Ryssland.  ShinyHunters krav för att inte läcka ut den stulna FBI-datan publikt verkar  handla om att man vill att FBI ska dra tillbaka ett uttalande som myndigheten gjorde i maj då hackergruppen anser att man beskrevs som "osmickrande" i det. I uttalandet skrev FBI bland annat att ShinyHunters ofta överdrev sina bedrifter och att de använde metoder som trakasserier mot enskilda privatpersoner och hotfulla SMS/telefonsamtal till offer och deras familjemedlemmar.   FBI utreder FBI bekräftar att man fått uppgifter om att ShinyHunters kommit över data från deras jobbportal och att man "utreder ärendet aktivt och kraftfullt".  ShinyHunters är vad man vet inte kopplad till någon stat utan agerar enbart på grund av ekonomiska motiv. Gruppen har tidigare tagit på sig ansvaret för datorintrång och dataläckage mot bland annat Rockstar, Microsoft, AT&T, Banco Santander, Ticketmaster, Pizza Hut, Zara, Canvas och 7-Eleven.
35878		</a>
35879	</f-basic-body>
35880	
35881	
35882	<f-basic-media>
35883		<f-basic-mediawrapper>
35884			<a class="" data-artid="496520" data-title="Hackergrupp uppger att man kommit över data från FBI.  Som ska innehålla uppgifter om myndighetens personal och uppdrag | Feber / Samhälle" href="https://feber.se/samhalle/hackergrupp-uppger-att-man-kommit-over-data-fran-fbi/496520/"><img src="https://static.feber.se/article_images/66/81/46/668146_440.jpg" loading="lazy" alt="Tumnagel" /></a>
35885
35886			<f-basic-tagline data-tempstatus="">
35887					
35888				
35889
35890
35891
35892
35893
35894
35895
35896
35897
35898
35899
35900
35901
35902
35903		
35904				
35905			
35906	
35907<!-- Temptype degrees -->
35908
35909
35910
35911
35912
35913
35914
35915
35916
35917		
35918	
35919<!-- IDNAME 191 - Feber / Samhälle - Feber -->
35920
35921
35922	
35923	
35924	<div class="temp BG" id="ikon_thumbs_496520">
35925		
35926				34.1&deg;
35927			
35928	</div>
35929
35930
35931			
35932				
35933					
35934						
35935							<f-bubble id="commentCounter496520" class="disqus-comment-count" data-disqus-url="https://feber.se/496520/" data-sheeturl="/disqus/496520/?inline=true&showheader=true" onClick="loadComments('#showDisqus496520','/disqus/496520/?inline=true');">0</f-bubble>
35936						<!--<a href="http://feber.se/496520/#commentsContainer"></a>-->
35937					
35938				
35939			
35940			</f-basic-tagline>
35941
35942		</f-mediawrapper>
35943	
35944	</f-basic-media>
35945
35946</f-basic>
35947
35948
35949
35950
35951
35952
35953
35954
35955
35956
35957
35958
35959
35960
35961
35962	
35963	
35964
35965
35966
35967
35968
35969
35970
35971
35972
35973 
35974
35975
35976
35977
35978
35979
35980
35981		
35982		
35983	
35984
35985
35986
35987	
35988
35989
35990
35991
35992
35993
35994
35995
35996
35997		
35998	
35999
36000
36001
36002
36003
36004	
36005			
36006			
36007			
36008		
36009
36010
36011
36012
36013
36014
36015
36016
36017		
36018	
36019
36020
36021
36022
36023
36024
36025
36026 
36027
36028		
36029	
36030
36031
36032
36033
36034
36035
36036
36037<f-basic 	id="ArticleBasic_496502" 
36038			data-id="496502"
36039			data-temp="379"
36040			data-tempstatus=normal
36041			data-basicsite="feber"  
36042			
36043			
36044			class=" feber" 
36045			>
36046
36047	
36048	
36049
36050	
36051	<a href="https://feber.se/spel/microsoft-verkar-lansera-sina-mythic-achievements-snart/496502/">
36052		<f-basic-header>
36053			<f-basic-headline>
36054				 <b>Microsoft verkar lansera sina Mythic Achievements snart</b>
36055			</f-basic-headline>
36056			<f-basic-preamble>
36057				Xbox motsvarighet till PlayStations platinatroféer
36058			</f-basic-preamble>
36059		</f-basic-header>
36060	</a>
36061	
36062	
36063	<f-basic-body>
36064		<a class="" data-artid="496502" data-title="Microsoft verkar lansera sina Mythic Achievements snart.  Xbox motsvarighet till PlayStations platinatroféer | Feber / Spel" href="https://feber.se/spel/microsoft-verkar-lansera-sina-mythic-achievements-snart/496502/">
36065			Vi har tidigare rapporterat om att Microsoft skulle släppa någon form av motsvarighet till PlayStations Platinum-troféer, det vill säga ett litet digitalt emblem som man får när man gjort alla prestationer i spelet. Nya läckor visar nu att systemet k
36065ommer få namnet Mythic Achievements och att de kommer att släppas relativt snart.  Det är via uppdateringar i Xbox PC-app som man har hittat spår av detta. Enligt sajten TrueAchievements har både logotyper och ljudeffekter för Mythic Achievements dykt upp i koden. Precis som för PlayStation-spelare kommer dessa låsas upp när man har tagit samtliga grundprestationer i ett spel.  Till skillnad från vanliga achievements verkar Mythic-varianten inte ut att ge någon extra Gamerscore. Istället handlar det om status och visuell bekräftelse. För när du har låst upp en Mythic-utmärkelse kommer spelet att prydas av en grön ram och en speciell logotyp på din profil. En välkommen detalj är att systemet sägs vara retroaktivt, vilket innebär att du som redan har gjort allt man kan göra i Achievement-väg i dina favoritspel kommer få utmärkelserna direkt när uppdateringen rullas ut.
36066		</a>
36067	</f-basic-body>
36068	
36069	
36070	<f-basic-media>
36071		<f-basic-mediawrapper>
36072			<a class="" data-artid="496502" data-title="Microsoft verkar lansera sina Mythic Achievements snart.  Xbox motsvarighet till PlayStations platinatroféer | Feber / Spel" href="https://feber.se/spel/microsoft-verkar-lansera-sina-mythic-achievements-snart/496502/"><img src="https://static.feber.se/article_images/66/80/24/668024_440.jpg" loading="lazy" alt="Tumnagel" /></a>
36073
36074			<f-basic-tagline data-tempstatus="">
36075					
36076				
36077
36078
36079
36080
36081
36082
36083
36084
36085
36086
36087
36088
36089
36090
36091		
36092				
36093			
36094	
36095<!-- Temptype degrees -->
36096
36097
36098
36099
36100
36101
36102
36103
36104
36105		
36106	
36107<!-- IDNAME 4 - Feber / Spel - Feber -->
36108
36109
36110	
36111	
36112	<div class="temp BG" id="ikon_thumbs_496502">
36113		
36114				37.9&deg;
36115			
36116	</div>
36117
36118
36119			
36120				
36121					
36122						
36123							<f-bubble id="commentCounter496502" class="disqus-comment-count" data-disqus-url="https://feber.se/496502/" data-sheeturl="/disqus/496502/?inline=true&showheader=true" onClick="loadComments('#showDisqus496502','/disqus/496502/?inline=true');">0</f-bubble>
36124						<!--<a href="http://feber.se/496502/#commentsContainer"></a>-->
36125					
36126				
36127			
36128			</f-basic-tagline>
36129
36130		</f-mediawrapper>
36131	
36132	</f-basic-media>
36133
36134</f-basic>
36135
36136
36137
36138
36139
36140
36141
36142
36143
36144
36145
36146
36147
36148
36149
36150	
36151	
36152
36153
36154
36155
36156
36157
36158
36159
36160
36161 
36162
36163
36164
36165
36166
36167
36168
36169		
36170		
36171	
36172
36173
36174
36175	
36176
36177
36178
36179
36180
36181
36182
36183
36184
36185		
36186	
36187
36188
36189
36190
36191
36192	
36193			
36194			
36195			
36196		
36197
36198
36199
36200
36201
36202
36203
36204
36205		
36206	
36207
36208
36209
36210
36211
36212
36213
36214 
36215
36216		
36217	
36218
36219
36220
36221
36222
36223
36224
36225<f-basic 	id="ArticleBasic_496489" 
36226			data-id="496489"
36227			data-temp="299"
36228			data-tempstatus=cold
36229			data-basicsite="feber"  
36230			
36231			
36232			class=" feber" 
36233			>
36234
36235	
36236	
36237
36238	
36239	<a href="https://feber.se/film/toy-story-5-och-nhl-pa-disney/496489/">
36240		<f-basic-header>
36241			<f-basic-headline>
36242				 <b>Toy Story 5 och NHL på Disney+</b>
36243			</f-basic-headline>
36244			<f-basic-preamble>
36245				Och priserna i Nordamerika höjs
36246			</f-basic-preamble>
36247		</f-basic-header>
36248	</a>
36249	
36250	
36251	<f-basic-body>
36252		<a class="" data-artid="496489" data-title="Toy Story 5 och NHL på Disney+.  Och priserna i Nordamerika höjs | Feber / Film & TV" href="https://feber.se/film/toy-story-5-och-nhl-pa-disney/496489/">
36253			Det händer mycket hos Disney+ just nu, på gott och ont. När det gäller det goda så kan man från och med i dag se Toy Story 5 på streamingplattformen, vilket ju är kul om man väntat på den. Filmen har gjort dundersuccé på bio och dragit in över en miljard dollar, vilket är väldigt många fler kronor. Som vi rapporterat tidigare så har Disney+ också plockat upp fler NHL-matcher. Under oktober månad kommer de bjuda på 27 direktsända matcher vilket blir startskottet ett samarbete som sträcker sig ända fram till 2031. För den som inte vill sitta uppe på nätterna finns matcherna tillgängliga i repris i 48 timmar efteråt.    Men allt är ju inte gott då Disney följer trenden med att höja sina priser igen. Initialt verkar det endast gälla Nordamerika, men det brukar ju ofta innebära att vi får se något liknande här inom en snar framtid.
36254		</a>
36255	</f-basic-body>
36256	
36257	
36258	<f-basic-media>
36259		<f-basic-mediawrapper>
36260			<a class="" data-artid="496489" data-title="Toy Story 5 och NHL på Disney+.  Och priserna i Nordamerika höjs | Feber / Film & TV" href="https://feber.se/film/toy-story-5-och-nhl-pa-disney/496489/"><img src="https://static.feber.se/article_images/66/79/79/667979_440.jpg" loading="lazy" alt="Tumnagel" /></a>
36261
36262			<f-basic-tagline data-tempstatus="">
36263					
36264				
36265
36266
36267
36268
36269
36270
36271
36272
36273
36274
36275
36276
36277
36278
36279		
36280				
36281			
36282	
36283<!-- Temptype degrees -->
36284
36285
36286
36287
36288
36289
36290
36291
36292
36293		
36294	
36295<!-- IDNAME 58 - Feber / Film & TV - Feber -->
36296
36297
36298	
36299	
36300	<div class="temp febercoldBG" id="ikon_thumbs_496489">
36301		
36302				29.9&deg;
36303			
36304	</div>
36305
36306
36307			
36308				
36309					
36310						
36311							<f-bubble id="commentCounter496489" class="disqus-comment-count" data-disqus-url="https://feber.se/496489/" data-sheeturl="/disqus/496489/?inline=true&showheader=true" onClick="loadComments('#showDisqus496489','/disqus/496489/?inline=true');">0</f-bubble>
36312						<!--<a href="http://feber.se/496489/#commentsContainer"></a>-->
36313					
36314				
36315			
36316			</f-basic-tagline>
36317
36318		</f-mediawrapper>
36319	
36320	</f-basic-media>
36321
36322</f-basic>
36323
36324
36325
36326
36327
36328
36329
36330
36331
36332
36333
36334
36335
36336
36337
36338	
36339	
36340
36341
36342
36343
36344
36345
36346
36347
36348
36349 
36350
36351
36352
36353
36354
36355
36356
36357		
36358		
36359	
36360
36361
36362
36363	
36364
36365
36366
36367
36368
36369
36370
36371
36372
36373		
36374	
36375
36376
36377
36378
36379
36380	
36381			
36382			
36383			
36384		
36385
36386
36387
36388
36389
36390
36391
36392
36393		
36394	
36395
36396
36397
36398
36399
36400
36401
36402 
36403
36404		
36405	
36406
36407
36408
36409
36410
36411
36412
36413<f-basic 	id="ArticleBasic_496511" 
36414			data-id="496511"
36415			data-temp="215"
36416			data-tempstatus=cold
36417			data-basicsite="feber"  
36418			
36419			
36420			class=" feber" 
36421			>
36422
36423	
36424	
36425
36426	
36427	<a href="https://feber.se/internet/meta-visar-upp-muse-charm/496511/">
36428		<f-basic-header>
36429			<f-basic-headline>
36430				 <b>Meta visar upp Muse Charm</b>
36431			</f-basic-headline>
36432			<f-basic-preamble>
36433				En liten AI-dosa för Metas AI-agent Muse
36434			</f-basic-preamble>
36435		</f-basic-header>
36436	</a>
36437	
36438	
36439	<f-basic-body>
36440		<a class="" data-artid="496511" data-title="Meta visar upp Muse Charm.  En liten AI-dosa för Metas AI-agent Muse | Feber / Internet" href="https://feber.se/internet/meta-visar-upp-muse-charm/496511/">
36441			Under Meta Connect visade företaget upp något som man kallar för Muse Charm, en hårdvara som är specifikt utvecklad för att använda tillsammans med Metas nyligen släppta AI-agent Muse.   Muse Charm är försedd med en f
36441ingeravtrycksläsare som aktiverar den handhållna enheten och har även en skärm där en liten animerad version av Muse verkar husera. Den lilla AI-dosan tros även innehålla en kamera, högtalare och mikrofoner. Tanken bakom dosan är att man ska kunna styra Muse och be den utföra olika uppgifter utan att behöva använda Muse-appen på mobilen eller datorn.  Metas vd Mark Zuckerberg uppger att man fortfarande finslipar på detaljerna runt Muse Charm, men den förväntas ändå kunna släppas redan till jul. Tekniska specifikationer och pris saknas än så länge för enheten. 
36442		</a>
36443	</f-basic-body>
36444	
36445	
36446	<f-basic-media>
36447		<f-basic-mediawrapper>
36448			<a class="" data-artid="496511" data-title="Meta visar upp Muse Charm.  En liten AI-dosa för Metas AI-agent Muse | Feber / Internet" href="https://feber.se/internet/meta-visar-upp-muse-charm/496511/"><img src="https://static.feber.se/article_images/66/80/46/668046_440.jpg" loading="lazy" alt="Tumnagel" /></a>
36449
36450			<f-basic-tagline data-tempstatus="">
36451					
36452				
36453
36454
36455
36456
36457
36458
36459
36460
36461
36462
36463
36464
36465
36466
36467		
36468				
36469			
36470	
36471<!-- Temptype degrees -->
36472
36473
36474
36475
36476
36477
36478
36479
36480
36481		
36482	
36483<!-- IDNAME 198 - Feber / Internet - Feber -->
36484
36485
36486	
36487	
36488	<div class="temp febercoldBG" id="ikon_thumbs_496511">
36489		
36490				21.5&deg;
36491			
36492	</div>
36493
36494
36495			
36496				
36497					
36498						
36499							<f-bubble id="commentCounter496511" class="disqus-comment-count" data-disqus-url="https://feber.se/496511/" data-sheeturl="/disqus/496511/?inline=true&showheader=true" onClick="loadComments('#showDisqus496511','/disqus/496511/?inline=true');">0</f-bubble>
36500						<!--<a href="http://feber.se/496511/#commentsContainer"></a>-->
36501					
36502				
36503			
36504			</f-basic-tagline>
36505
36506		</f-mediawrapper>
36507	
36508	</f-basic-media>
36509
36510</f-basic>
36511
36512
36513
36514
36515
36516
36517
36518
36519
36520
36521
36522
36523
36524
36525
36526	
36527	
36528
36529
36530
36531
36532
36533
36534
36535
36536
36537 
36538
36539
36540
36541
36542
36543
36544
36545		
36546		
36547	
36548
36549
36550
36551	
36552
36553
36554
36555
36556
36557
36558
36559
36560
36561		
36562	
36563
36564
36565
36566
36567
36568	
36569			
36570			
36571			
36572		
36573
36574
36575
36576
36577
36578
36579
36580
36581		
36582	
36583
36584
36585
36586
36587
36588
36589
36590 
36591
36592		
36593	
36594
36595
36596
36597
36598
36599
36600
36601<f-basic 	id="ArticleBasic_496498" 
36602			data-id="496498"
36603			data-temp="478"
36604			data-tempstatus=hot
36605			data-basicsite="feber"  
36606			
36607			
36608			class=" feber" 
36609			>
36610
36611	
36612	
36613
36614	
36615	<a href="https://feber.se/bil/geelys-nya-laddteknik-ar-helt-galet-snabb/496498/">
36616		<f-basic-header>
36617			<f-basic-headline>
36618				 <b>Geelys nya laddteknik är helt galet snabb</b>
36619			</f-basic-headline>
36620			<f-basic-preamble>
36621				Styrs med hjälp av AI, såklart
36622			</f-basic-preamble>
36623		</f-basic-header>
36624	</a>
36625	
36626	
36627	<f-basic-body>
36628		<a class="" data-artid="496498" data-title="Geelys nya laddteknik är helt galet snabb.  Styrs med hjälp av AI, såklart | Feber / Bil" href="https://feber.se/bil/geelys-nya-laddteknik-ar-helt-galet-snabb/496498/">
36629			Snaddladdningstekniken av elbilar går hela tiden framåt och det blir mer och mer effekt i grejerna. Nu visar Geely upp ny teknik som med hjälp av AI kan ladda upp till hela 2250 kW. Det gör att man kan gå från 10-70 procent på bara 4 1/2 minut. Att ladda 10-97 procent tog inte mer än 8,40 minuter vid tester.  AI-tekniken i detta är att den kan hålla koll på temperaturen i batteriet och förutse batteritemperaturen upp till 30 sekunder i förväg och efter det anpassa laddeffekten. Man vill hålla 55 grader i snitt-temperatur när man laddar och vill inte att tempen går över 65 grader någon gång. AI:n känner även av batteriets skick och anpassar allt från strömstyrka till laddtid ocvh kylning efter det.  Laddstationen med den höga effekten är Geelys femte generation av laddare. Den använder sig av vätskekylning i alla delar. Batteripacket vid laddstationen, laddstolpen och laddkabeln är alla vattenkylda, precis som laddkontakten i bilen och bilens batteripack.
36630		</a>
36631	</f-basic-body>
36632	
36633	
36634	<f-basic-media>
36635		<f-basic-mediawrapper>
36636			<a class="" data-artid="496498" data-title="Geelys nya laddteknik är helt galet snabb.  Styrs med hjälp av AI, såklart | Feber / Bil" href="https://feber.se/bil/geelys-nya-laddteknik-ar-helt-galet-snabb/496498/"><img src="https://static.feber.se/article_images/66/80/42/668042_440.jpg" loading="lazy" alt="Tumnagel" /></a>
36637
36638			<f-basic-tagline data-tempstatus="">
36639					
36640				
36641
36642
36643
36644
36645
36646
36647
36648
36649
36650
36651
36652
36653
36654
36655		
36656				
36657			
36658	
36659<!-- Temptype degrees -->
36660
36661
36662
36663
36664
36665
36666
36667
36668
36669		
36670	
36671<!-- IDNAME 6 - Feber / Bil - Feber -->
36672
36673
36674	
36675	
36676	<div class="temp feberhotBG" id="ikon_thumbs_496498">
36677		
36678				47.8&deg;
36679			
36680	</div>
36681
36682
36683			
36684				
36685					
36686						
36687							<f-bubble id="commentCounter496498" class="disqus-comment-count" data-disqus-url="https://feber.se/496498/" data-sheeturl="/disqus/496498/?inline=true&showheader=true" onClick="loadComments('#showDisqus496498','/disqus/496498/?inline=true');">0</f-bubble>
36688						<!--<a href="http://feber.se/496498/#commentsContainer"></a>-->
36689					
36690				
36691			
36692			</f-basic-tagline>
36693
36694		</f-mediawrapper>
36695	
36696	</f-basic-media>
36697
36698</f-basic>
36699
36700
36701
36702
36703
36704
36705
36706
36707
36708
36709
36710
36711
36712
36713
36714	
36715	
36716
36717
36718
36719
36720
36721
36722
36723
36724
36725 
36726
36727
36728
36729
36730
36731
36732
36733		
36734		
36735	
36736
36737
36738
36739	
36740
36741
36742
36743
36744
36745
36746
36747
36748
36749		
36750	
36751
36752
36753
36754
36755
36756	
36757			
36758			
36759			
36760		
36761
36762
36763
36764
36765
36766
36767
36768
36769		
36770	
36771
36772
36773
36774
36775
36776
36777
36778 
36779
36780		
36781	
36782
36783
36784
36785
36786
36787
36788
36789<f-basic 	id="ArticleBasic_496454" 
36790			data-id="496454"
36791			data-temp="389"
36792			data-tempstatus=normal
36793			data-basicsite="feber"  
36794			
36795			
36796			class=" feber" 
36797			>
36798
36799	
36800	
36801
36802	
36803	<a href="https://feber.se/samhalle/nu-borjar-det-randiga-flygbolaget-flyga-till-arlanda/496454/">
36804		<f-basic-header>
36805			<f-basic-headline>
36806				 <b>Nu börjar det randiga flygbolaget flyga till Arlanda</b>
36807			</f-basic-headline>
36808			<f-basic-preamble>
36809				Condor kommer!
36810			</f-basic-preamble>
36811		</f-basic-header>
36812	</a>
36813	
36814	
36815	<f-basic-body>
36816		<a class="" data-artid="496454" data-title="Nu börjar det randiga flygbolaget flyga till Arlanda.  Condor kommer! | Feber / Samhälle" href="https://feber.se/samhalle/nu-borjar-det-randiga-flygbolaget-flyga-till-arlanda/496454/">
36817			Om man hänger på Frankfurts flygplats, vilket jag gör en del, ser man en massa randig flygplan. De är roliga och tillhör bolaget Condor. Bolaget var tidigare en del av Thomas Co
36817ok, men fick stå på egna ben efter att Thomas Cook gick i konkurs 2019.   Bolaget fokuserar på semesterresor och flyger bland annat till närmare resmål som Kanarieöarna, Spanien, Grekland och vidare. Men man flyger även en hel del långdistans till ställen som Karibien, USA, Mexiko och Centralamerika.   Nu berättar man att man kommer att öppna upp en ny linje till Sverige och flyga mellan Frankfurt och Stockholm två gånger om dagen. Det betyder att svenskar får tillgång till Condors lite udda men roliga nätverk. Flygningarna startar den 13 maj 2027. 
36818		</a>
36819	</f-basic-body>
36820	
36821	
36822	<f-basic-media>
36823		<f-basic-mediawrapper>
36824			<a class="" data-artid="496454" data-title="Nu börjar det randiga flygbolaget flyga till Arlanda.  Condor kommer! | Feber / Samhälle" href="https://feber.se/samhalle/nu-borjar-det-randiga-flygbolaget-flyga-till-arlanda/496454/"><img src="https://static.feber.se/article_images/66/80/22/668022_440.jpg" loading="lazy" alt="Tumnagel" /></a>
36825
36826			<f-basic-tagline data-tempstatus="">
36827					
36828				
36829
36830
36831
36832
36833
36834
36835
36836
36837
36838
36839
36840
36841
36842
36843		
36844				
36845			
36846	
36847<!-- Temptype degrees -->
36848
36849
36850
36851
36852
36853
36854
36855
36856
36857		
36858	
36859<!-- IDNAME 191 - Feber / Samhälle - Feber -->
36860
36861
36862	
36863	
36864	<div class="temp BG" id="ikon_thumbs_496454">
36865		
36866				38.9&deg;
36867			
36868	</div>
36869
36870
36871			
36872				
36873					
36874						
36875							<f-bubble id="commentCounter496454" class="disqus-comment-count" data-disqus-url="https://feber.se/496454/" data-sheeturl="/disqus/496454/?inline=true&showheader=true" onClick="loadComments('#showDisqus496454','/disqus/496454/?inline=true');">0</f-bubble>
36876						<!--<a href="http://feber.se/496454/#commentsContainer"></a>-->
36877					
36878				
36879			
36880			</f-basic-tagline>
36881
36882		</f-mediawrapper>
36883	
36884	</f-basic-media>
36885
36886</f-basic>
36887
36888
36889
36890
36891
36892
36893
36894
36895
36896
36897
36898
36899
36900
36901
36902	
36903	
36904
36905
36906
36907
36908
36909
36910
36911
36912
36913 
36914
36915
36916
36917
36918
36919
36920
36921		
36922		
36923	
36924
36925
36926
36927	
36928
36929
36930
36931
36932
36933
36934
36935
36936
36937		
36938	
36939
36940
36941
36942
36943
36944	
36945			
36946			
36947			
36948		
36949
36950
36951
36952
36953
36954
36955
36956
36957		
36958	
36959
36960
36961
36962
36963
36964
36965
36966 
36967
36968		
36969	
36970
36971
36972
36973
36974
36975
36976
36977<f-basic 	id="ArticleBasic_496506" 
36978			data-id="496506"
36979			data-temp="375"
36980			data-tempstatus=normal
36981			data-basicsite="feber"  
36982			
36983			
36984			class=" feber" 
36985			>
36986
36987	
36988	
36989
36990	
36991	<a href="https://feber.se/pryl/meta-visar-upp-vr-glasogonen-meta-vr-glasses/496506/">
36992		<f-basic-header>
36993			<f-basic-headline>
36994				 <b>Meta visar upp VR-glasögonen Meta VR Glasses</b>
36995			</f-basic-headline>
36996			<f-basic-preamble>
36997				Är det här framtiden för VR?
36998			</f-basic-preamble>
36999		</f-basic-header>
37000	</a>
37001	
37002	
37003	<f-basic-body>
37004		<a class="" data-artid="496506" data-title="Meta visar upp VR-glasögonen Meta VR Glasses.  Är det här framtiden för VR? | Feber / Pryl" href="https://feber.se/pryl/meta-visar-upp-vr-glasogonen-meta-vr-glasses/496506/">
37005			Inför Metas utvecklarkonferens Meta Connect har det ryktats om att Meta skulle presentera ett lite mindre otympligt VR-headset, och dessa rykten visade sig stämma. Under nattens presentation på Meta Connect visade man upp Meta VR Glasses, vilka mer påminner om ett par glasögon än ett traditionellt VR-headset.  Meta VR Glasses har ett externt batteri och de är försedda med interna och externa kameror som kan registrera användarens ögon- och handrörelser. Det kommer att gå att ta del av VR-appar som finns till Meta Quest och det kommer även att släppas 75 spel som går att styra direkt med händerna. Det kommer även att bli möjligt att titta på tv och film i jätteformat samt koppla dem till en dator om man vill arbeta med applikationer.                                  Glasögonen drivs av Qualcomms nya Snapdragon Reality Elite XR2 Gen 3-processor och är försedda med 5K-OLED-skärmar med upplösningen 2412 x 2288 pixlar som har synfält (FoV) på 70 grader. Vidare har de 12GB RAM och 128GB lagringsminne vilket går att utöka med ett microSD-kort. De väger cirka 100 gram, ungefär en femtedel av vikten på Metas VR-headset Quest.  Meta planerar att släppa Meta VR Glasses under våren 2027 och de kommer då att kosta 1300 dollar i USA, motsvarande cirka 12.900 kronor. 
37006		</a>
37007	</f-basic-body>
37008	
37009	
37010	<f-basic-media>
37011		<f-basic-mediawrapper>
37012			<a class="" data-artid="496506" data-title="Meta visar upp VR-glasögonen Meta VR Glasses.  Är det här framtiden för VR? | Feber / Pryl" href="https://feber.se/pryl/meta-visar-upp-vr-glasogonen-meta-vr-glasses/496506/"><img src="https://static.feber.se/article_images/66/80/31/668031_440.jpg" loading="lazy" alt="Tumnagel" /></a>
37013
37014			<f-basic-tagline data-tempstatus="">
37015					
37016				
37017
37018
37019
37020
37021
37022
37023
37024
37025
37026
37027
37028
37029
37030
37031		
37032				
37033			
37034	
37035<!-- Temptype degrees -->
37036
37037
37038
37039
37040
37041
37042
37043
37044
37045		
37046	
37047<!-- IDNAME 1 - Feber / Pryl - Feber -->
37048
37049
37050	
37051	
37052	<div class="temp BG" id="ikon_thumbs_496506">
37053		
37054				37.5&deg;
37055			
37056	</div>
37057
37058
37059			
37060				
37061					
37062						
37063							<f-bubble id="commentCounter496506" class="disqus-comment-count" data-disqus-url="https://feber.se/496506/" data-sheeturl="/disqus/496506/?inline=true&showheader=true" onClick="loadComments('#showDisqus496506','/disqus/496506/?inline=true');">0</f-bubble>
37064						<!--<a href="http://feber.se/496506/#commentsContainer"></a>-->
37065					
37066				
37067			
37068			</f-basic-tagline>
37069
37070		</f-mediawrapper>
37071	
37072	</f-basic-media>
37073
37074</f-basic>
37075
37076
37077
37078
37079
37080
37081
37082
37083
37084
37085
37086
37087
37088
37089
37090	
37091	
37092
37093
37094
37095
37096
37097
37098
37099
37100
37101 
37102
37103
37104
37105
37106
37107
37108
37109		
37110		
37111	
37112
37113
37114
37115	
37116
37117
37118
37119
37120
37121
37122
37123
37124
37125		
37126	
37127
37128
37129
37130
37131
37132	
37133			
37134			
37135			
37136		
37137
37138
37139
37140
37141
37142
37143
37144
37145		
37146	
37147
37148
37149
37150
37151
37152
37153
37154 
37155
37156		
37157	
37158
37159
37160
37161
37162
37163
37164
37165<f-basic 	id="ArticleBasic_496497" 
37166			data-id="496497"
37167			data-temp="402"
37168			data-tempstatus=normal
37169			data-basicsite="feber"  
37170			
37171			
37172			class=" feber" 
37173			>
37174
37175	
37176	
37177
37178	
37179	<a href="https://feber.se/bil/id-buzz-cargo-kommer-i-langre-version/496497/">
37180		<f-basic-header>
37181			<f-basic-headline>
37182				 <b>ID. Buzz Cargo kommer i längre version</b>
37183			</f-basic-headline>
37184			<f-basic-preamble>
37185				25 centimeter längre hjulbas
37186			</f-basic-preamble>
37187		</f-basic-header>
37188	</a>
37189	
37190	
37191	<f-basic-body>
37192		<a class="" data-artid="496497" data-title="ID. Buzz Cargo kommer i längre version.  25 centimeter längre hjulbas | Feber / Bil" href="https://feber.se/bil/id-buzz-cargo-kommer-i-langre-version/496497/">
37193			Den variant av ID. Buzz som fraktar människor finns ju i två versioner, en lång och en kort. Nu växer även ID. Buzz Cargo till sig med en längre version.  25 centimeter längre hjulbas får den nya modellen, vilket gör att lastvolymen ökar till 4,4 kubikmeter, vilket är en halv kubikmeter mer än den korta versionen. Den bakhjulsdrivna versionen får lasta 700 kg och den fyrhjulsdrivna versionen 606 kg.   Den långa versionen kommer med dubbla skjutdörrar som standard och öppningen är 19 centimeter bredare än den korta versionen, enklare att lasta in saker i med andra ord.   Precis som den korta kan man välja att få denna med två eller tre sittplatser där fram. 
37194		</a>
37195	</f-basic-body>
37196	
37197	
37198	<f-basic-media>
37199		<f-basic-mediawrapper>
37200			<a class="" data-artid="496497" data-title="ID. Buzz Cargo kommer i längre version.  25 centimeter längre hjulbas | Feber / Bil" href="https://feber.se/bil/id-buzz-cargo-kommer-i-langre-version/496497/"><img src="https://static.feber.se/article_images/66/80/20/668020_440.jpg" loading="lazy" alt="Tumnagel" /></a>
37201
37202			<f-basic-tagline data-tempstatus="">
37203					
37204				
37205
37206
37207
37208
37209
37210
37211
37212
37213
37214
37215
37216
37217
37218
37219		
37220				
37221			
37222	
37223<!-- Temptype degrees -->
37224
37225
37226
37227
37228
37229
37230
37231
37232
37233		
37234	
37235<!-- IDNAME 6 - Feber / Bil - Feber -->
37236
37237
37238	
37239	
37240	<div class="temp BG" id="ikon_thumbs_496497">
37241		
37242				40.2&deg;
37243			
37244	</div>
37245
37246
37247			
37248				
37249					
37250						
37251							<f-bubble id="commentCounter496497" class="disqus-comment-count" data-disqus-url="https://feber.se/496497/" data-sheeturl="/disqus/496497/?inline=true&showheader=true" onClick="loadComments('#showDisqus496497','/disqus/496497/?inline=true');">0</f-bubble>
37252						<!--<a href="http://feber.se/496497/#commentsContainer"></a>-->
37253					
37254				
37255			
37256			</f-basic-tagline>
37257
37258		</f-mediawrapper>
37259	
37260	</f-basic-media>
37261
37262</f-basic>
37263
37264
37265
37266
37267
37268
37269
37270
37271
37272
37273
37274
37275
37276
37277
37278	
37279	
37280
37281
37282
37283
37284
37285
37286
37287
37288
37289 
37290
37291
37292
37293
37294
37295
37296
37297		
37298		
37299	
37300
37301
37302
37303	
37304
37305
37306
37307
37308
37309
37310
37311
37312
37313		
37314	
37315
37316
37317
37318
37319
37320	
37321			
37322			
37323			
37324		
37325
37326
37327
37328
37329
37330
37331
37332
37333		
37334	
37335
37336
37337
37338
37339
37340
37341
37342 
37343
37344		
37345	
37346
37347
37348
37349
37350
37351
37352
37353<f-basic 	id="ArticleBasic_496505" 
37354			data-id="496505"
37355			data-temp="304"
37356			data-tempstatus=cold
37357			data-basicsite="feber"  
37358			
37359			
37360			class=" feber" 
37361			>
37362
37363	
37364	
37365
37366	
37367	<a href="https://feber.se/mobil/meta-lanserar-smarta-glasogon-utan-kamera/496505/">
37368		<f-basic-header>
37369			<f-basic-headline>
37370				 <b>Meta lanserar smarta glasögon utan kamera</b>
37371			</f-basic-headline>
37372			<f-basic-preamble>
37373				Tillsammans med Ray-Ban
37374			</f-basic-preamble>
37375		</f-basic-header>
37376	</a>
37377	
37378	
37379	<f-basic-body>
37380		<a class="" data-artid="496505" data-title="Meta lanserar smarta glasögon utan kamera.  Tillsammans med Ray-Ban | Feber / Mobil" href="https://feber.se/mobil/meta-lanserar-smarta-glasogon-utan-kamera/496505/">
37381			Precis som det tidigare ryktats om släpper Meta nu smarta glasögon utan kameror, något som kanske kan vara intressant för dem som tycker att glasögon med inbyggda kameror är integritetskränkande.   Metas nya kameralösa glasögon lanseras tillsammans med Ray-Ban och kallas för Ray-Ban Meta Audio. Glasögonen har inbyggda mikrofoner och högtalare som används för att kommunicera med med Metas AI-assistent Meta AI. Det går även att använda glasögonen för att ta emot telefonsamtal samt lyssna på musik eller annat.               Ray-Ban Meta Audio släpps initialt i modellerna Burbank och Clubmaster. De finns tillgängliga i en handfull olika utföranden och priserna ligger på cirka 4240-5220 kronor. De går att förbeställa nu och leveranserna ska dra igång den 16 oktober. 
37382		</a>
37383	</f-basic-body>
37384	
37385	
37386	<f-basic-media>
37387		<f-basic-mediawrapper>
37388			<a class="" data-artid="496505" data-title="Meta lanserar smarta glasögon utan kamera.  Tillsammans med Ray-Ban | Feber / Mobil" href="https://feber.se/mobil/meta-lanserar-smarta-glasogon-utan-kamera/496505/"><img src="https://static.feber.se/article_images/66/80/26/668026_440.jpg" loading="lazy" alt="Tumnagel" /></a>
37389
37390			<f-basic-tagline data-tempstatus="">
37391					
37392				
37393
37394
37395
37396
37397
37398
37399
37400
37401
37402
37403
37404
37405
37406
37407		
37408				
37409			
37410	
37411<!-- Temptype degrees -->
37412
37413
37414
37415
37416
37417
37418
37419
37420
37421		
37422	
37423<!-- IDNAME 27 - Feber / Mobil - Feber -->
37424
37425
37426	
37427	
37428	<div class="temp febercoldBG" id="ikon_thumbs_496505">
37429		
37430				30.4&deg;
37431			
37432	</div>
37433
37434
37435			
37436				
37437					
37438						
37439							<f-bubble id="commentCounter496505" class="disqus-comment-count" data-disqus-url="https://feber.se/496505/" data-sheeturl="/disqus/496505/?inline=true&showheader=true" onClick="loadComments('#showDisqus496505','/disqus/496505/?inline=true');">0</f-bubble>
37440						<!--<a href="http://feber.se/496505/#commentsContainer"></a>-->
37441					
37442				
37443			
37444			</f-basic-tagline>
37445
37446		</f-mediawrapper>
37447	
37448	</f-basic-media>
37449
37450</f-basic>
37451
37452
37453
37454
37455
37456
37457
37458
37459
37460
37461
37462
37463
37464
37465
37466	
37467	
37468
37469
37470
37471
37472
37473
37474
37475
37476
37477 
37478
37479
37480
37481
37482
37483
37484
37485		
37486		
37487	
37488
37489
37490
37491	
37492
37493
37494
37495
37496
37497
37498
37499
37500
37501		
37502	
37503
37504
37505
37506
37507
37508	
37509			
37510			
37511			
37512		
37513
37514
37515
37516
37517
37518
37519
37520
37521		
37522	
37523
37524
37525
37526
37527
37528
37529
37530 
37531
37532		
37533	
37534
37535
37536
37537
37538
37539
37540
37541<f-basic 	id="ArticleBasic_496500" 
37542			data-id="496500"
37543			data-temp="376"
37544			data-tempstatus=normal
37545			data-basicsite="feber"  
37546			
37547			
37548			class=" feber" 
37549			>
37550
37551	
37552	
37553
37554	
37555	<a href="https://feber.se/mobil/hur-manga-bilder-har-du-i-telefonen/496500/">
37556		<f-basic-header>
37557			<f-basic-headline>
37558				 <b>Hur många bilder har du i telefonen?</b>
37559			</f-basic-headline>
37560			<f-basic-preamble>
37561				Kvinnor har nästan dubbelt så många som män
37562			</f-basic-preamble>
37563		</f-basic-header>
37564	</a>
37565	
37566	
37567	<f-basic-body>
37568		<a class="" data-artid="496500" data-title="Hur många bilder har du i telefonen?  Kvinnor har nästan dubbelt så många som män | Feber / Mobil" href="https://feber.se/mobil/hur-manga-bilder-har-du-i-telefonen/496500/">
37569			Refurbed har gjort en ny undersökning och den visar att svenskarna i genomsnitt har 10.000 bilder sparade i telefonen. 23 procent har fler än så, och kvinnor har i snitt nästan dubbelt så många bilder sparade som män. Snittet för männen ligger på 7100 medan snittet för kvinnorna ligger på 12.900.  Yngre personer har oftare betydligt fler bilder än äldre. Antalet minskar kraftigt från 55 år och uppåt och personer över 66 år har ofta färre än 1000 bilder i telefonen.  Var tionde svensk har över 30.000 bilder och runt fyra procent över 60.000.
37570		</a>
37571	</f-basic-body>
37572	
37573	
37574	<f-basic-media>
37575		<f-basic-mediawrapper>
37576			<a class="" data-artid="496500" data-title="Hur många bilder har du i telefonen?  Kvinnor har nästan dubbelt så många som män | Feber / Mobil" href="https://feber.se/mobil/hur-manga-bilder-har-du-i-telefonen/496500/"><img src="https://static.feber.se/article_images/66/80/23/668023_440.jpg" loading="lazy" alt="Tumnagel" /></a>
37577
37578			<f-basic-tagline data-tempstatus="">
37579					
37580				
37581
37582
37583
37584
37585
37586
37587
37588
37589
37590
37591
37592
37593
37594
37595		
37596				
37597			
37598	
37599<!-- Temptype degrees -->
37600
37601
37602
37603
37604
37605
37606
37607
37608
37609		
37610	
37611<!-- IDNAME 27 - Feber / Mobil - Feber -->
37612
37613
37614	
37615	
37616	<div class="temp BG" id="ikon_thumbs_496500">
37617		
37618				37.6&deg;
37619			
37620	</div>
37621
37622
37623			
37624				
37625					
37626						
37627							<f-bubble id="commentCounter496500" class="disqus-comment-count" data-disqus-url="https://feber.se/496500/" data-sheeturl="/disqus/496500/?inline=true&showheader=true" onClick="loadComments('#showDisqus496500','/disqus/496500/?inline=true');">0</f-bubble>
37628						<!--<a href="http://feber.se/496500/#commentsContainer"></a>-->
37629					
37630				
37631			
37632			</f-basic-tagline>
37633
37634		</f-mediawrapper>
37635	
37636	</f-basic-media>
37637
37638</f-basic>
37639
37640
37641
37642
37643
37644
37645
37646
37647
37648
37649
37650
37651
37652
37653
37654	
37655	
37656
37657
37658
37659
37660
37661
37662
37663
37664
37665 
37666
37667
37668
37669
37670
37671
37672
37673		
37674		
37675	
37676
37677
37678
37679	
37680
37681
37682
37683
37684
37685
37686
37687
37688
37689		
37690	
37691
37692
37693
37694
37695
37696	
37697			
37698			
37699			
37700		
37701
37702
37703
37704
37705
37706
37707
37708
37709		
37710	
37711
37712
37713
37714
37715
37716
37717
37718 
37719
37720		
37721	
37722
37723
37724
37725
37726
37727
37728
37729<f-basic 	id="ArticleBasic_496495" 
37730			data-id="496495"
37731			data-temp="441"
37732			data-tempstatus=hot
37733			data-basicsite="feber"  
37734			
37735			
37736			class=" feber" 
37737			>
37738
37739	
37740	
37741
37742	
37743	<a href="https://feber.se/pc/snapdragon-x2-far-stod-for-linux/496495/">
37744		<f-basic-header>
37745			<f-basic-headline>
37746				 <b>Snapdragon X2 får stöd för Linux</b>
37747			</f-basic-headline>
37748			<f-basic-preamble>
37749				Kör Debian och Ubuntu på ARM
37750			</f-basic-preamble>
37751		</f-basic-header>
37752	</a>
37753	
37754	
37755	<f-basic-body>
37756		<a class="" data-artid="496495" data-title="Snapdragon X2 får stöd för Linux.  Kör Debian och Ubuntu på ARM | Feber / PC" href="https://feber.se/pc/snapdragon-x2-far-stod-for-linux/496495/">
37757			Om du är en Linux-fanboy och vill kunna köra Debian eller Ubuntu på en ARM-baserad maskin har vi glada nyheter! Qualcomm berättade nämligen idag att deras Snapdragon X2-processorer kommer att få stöd för Linux.   Först ut är Debian, men även Ubuntu är med på tåget och arbetar på att bli certifierade för plattformen, som just nu är i en ti
37757dig utvecklarversion. Planen verkar vara att få till bra stöd för chipets alla funktioner och få in dessa i Linux-kärnan, istället för att lappa ovanpå med extra drivrutiner eller vad det nu kan vara. På så sätt hoppas man kunna få snabbare stöd för nya distar av Linux. Man börjar med Debian 13.   En första milstolpe kommer i november och fortsätter sedan in i 2027. En gissning är att man kommer att lansera något nästa höst. Läs mer nördiga detaljer på länken nedan!  Transparens: Qualcomm har betalat resa och boende till Snapdragon Summit.
37758		</a>
37759	</f-basic-body>
37760	
37761	
37762	<f-basic-media>
37763		<f-basic-mediawrapper>
37764			<a class="" data-artid="496495" data-title="Snapdragon X2 får stöd för Linux.  Kör Debian och Ubuntu på ARM | Feber / PC" href="https://feber.se/pc/snapdragon-x2-far-stod-for-linux/496495/"><img src="https://static.feber.se/article_images/66/80/15/668015_440.jpg" loading="lazy" alt="Tumnagel" /></a>
37765
37766			<f-basic-tagline data-tempstatus="">
37767					
37768				
37769
37770
37771
37772
37773
37774
37775
37776
37777
37778
37779
37780
37781
37782
37783		
37784				
37785			
37786	
37787<!-- Temptype degrees -->
37788
37789
37790
37791
37792
37793
37794
37795
37796
37797		
37798	
37799<!-- IDNAME 16 - Feber / PC - Feber -->
37800
37801
37802	
37803	
37804	<div class="temp feberhotBG" id="ikon_thumbs_496495">
37805		
37806				44.1&deg;
37807			
37808	</div>
37809
37810
37811			
37812				
37813					
37814						
37815							<f-bubble id="commentCounter496495" class="disqus-comment-count" data-disqus-url="https://feber.se/496495/" data-sheeturl="/disqus/496495/?inline=true&showheader=true" onClick="loadComments('#showDisqus496495','/disqus/496495/?inline=true');">0</f-bubble>
37816						<!--<a href="http://feber.se/496495/#commentsContainer"></a>-->
37817					
37818				
37819			
37820			</f-basic-tagline>
37821
37822		</f-mediawrapper>
37823	
37824	</f-basic-media>
37825
37826</f-basic>
37827
37828
37829
37830
37831
37832
37833
37834
37835
37836
37837
37838
37839
37840
37841
37842	
37843	
37844
37845
37846
37847
37848
37849
37850
37851
37852
37853 
37854
37855
37856
37857
37858
37859
37860
37861		
37862		
37863	
37864
37865
37866
37867	
37868
37869
37870
37871
37872
37873
37874
37875
37876
37877		
37878	
37879
37880
37881
37882
37883
37884	
37885			
37886			
37887			
37888		
37889
37890
37891
37892
37893
37894
37895
37896
37897		
37898	
37899
37900
37901
37902
37903
37904
37905
37906 
37907
37908		
37909	
37910
37911
37912
37913
37914
37915
37916
37917<f-basic 	id="ArticleBasic_496496" 
37918			data-id="496496"
37919			data-temp="341"
37920			data-tempstatus=normal
37921			data-basicsite="feber"  
37922			
37923			
37924			class=" feber" 
37925			>
37926
37927	
37928	
37929
37930	
37931	<a href="https://feber.se/pc/manchester-united-fans-far-specialutgava-av-surface-laptop/496496/">
37932		<f-basic-header>
37933			<f-basic-headline>
37934				 <b>Manchester United-fans får specialutgåva av Surface Laptop</b>
37935			</f-basic-headline>
37936			<f-basic-preamble>
37937				Så gör du för att vinna den!
37938			</f-basic-preamble>
37939		</f-basic-header>
37940	</a>
37941	
37942	
37943	<f-basic-body>
37944		<a class="" data-artid="496496" data-title="Manchester United-fans får specialutgåva av Surface Laptop.  Så gör du för att vinna den! | Feber / PC" href="https://feber.se/pc/manchester-united-fans-far-specialutgava-av-surface-laptop/496496/">
37945			Snapdragon är sponsorer av fotbollsklubben Manchester United och har sin logga på lagets tröjor. Nu får man sällskap av kompisen Microsoft, som sätter sin Surface-logga på ryggen på tröjorna.   För att fira detta har man tagit fram en specialutgåva av Surface Laptop med Manchester United-logga på baksidan och Snapdragon-logga vid tangentbordet. Maskinen har X2 Elite på insidan, 16 GB RAM och 512 GB SSD. Tangentbordet är såklart i engelsk layout.  Det enda sättet att få tag på denna verkar vara att vinna den, och det gör man genom att fylla i formuläret nedan.   Transparens: Qualcomm har betalat resa och boende till Snapdragon Summit.
37946		</a>
37947	</f-basic-body>
37948	
37949	
37950	<f-basic-media>
37951		<f-basic-mediawrapper>
37952			<a class="" data-artid="496496" data-title="Manchester United-fans får specialutgåva av Surface Laptop.  Så gör du för att vinna den! | Feber / PC" href="https://feber.se/pc/manchester-united-fans-far-specialutgava-av-surface-laptop/496496/"><img src="https://static.feber.se/article_images/66/80/08/668008_440.jpg" loading="lazy" alt="Tumnagel" /></a>
37953
37954			<f-basic-tagline data-tempstatus="">
37955					
37956				
37957
37958
37959
37960
37961
37962
37963
37964
37965
37966
37967
37968
37969
37970
37971		
37972				
37973			
37974	
37975<!-- Temptype degrees -->
37976
37977
37978
37979
37980
37981
37982
37983
37984
37985		
37986	
37987<!-- IDNAME 16 - Feber / PC - Feber -->
37988
37989
37990	
37991	
37992	<div class="temp BG" id="ikon_thumbs_496496">
37993		
37994				34.1&deg;
37995			
37996	</div>
37997
37998
37999			
38000				
38001					
38002						
38003							<f-bubble id="commentCounter496496" class="disqus-comment-count" data-disqus-url="https://feber.se/496496/" data-sheeturl="/disqus/496496/?inline=true&showheader=true" onClick="loadComments('#showDisqus496496','/disqus/496496/?inline=true');">0</f-bubble>
38004						<!--<a href="http://feber.se/496496/#commentsContainer"></a>-->
38005					
38006				
38007			
38008			</f-basic-tagline>
38009
38010		</f-mediawrapper>
38011	
38012	</f-basic-media>
38013
38014</f-basic>
38015
38016
38017
38018
38019
38020
38021
38022
38023
38024
38025
38026
38027
38028
38029
38030	
38031	
38032
38033
38034
38035
38036
38037
38038
38039
38040
38041 
38042
38043
38044
38045
38046
38047
38048
38049		
38050		
38051	
38052
38053
38054
38055	
38056
38057
38058
38059
38060
38061
38062
38063
38064
38065		
38066	
38067
38068
38069
38070
38071
38072	
38073			
38074			
38075			
38076		
38077
38078
38079
38080
38081
38082
38083
38084
38085		
38086	
38087
38088
38089
38090
38091
38092
38093
38094 
38095
38096		
38097	
38098
38099
38100
38101
38102
38103
38104
38105<f-basic 	id="ArticleBasic_496494" 
38106			data-id="496494"
38107			data-temp="429"
38108			data-tempstatus=hot
38109			data-basicsite="feber"  
38110			data-feature="true"
38111			
38112			class=" feber" 
38113			>
38114
38115	
38116	
38117
38118	
38119	<a href="https://feber.se/pc/microsofts-nya-mus-ger-haptisk-feedback/496494/">
38120		<f-basic-header>
38121			<f-basic-headline>
38122				 <b>Microsofts nya mus ger haptisk feedback</b>
38123			</f-basic-headline>
38124			<f-basic-preamble>
38125				Vi har känt på den!
38126			</f-basic-preamble>
38127		</f-basic-header>
38128	</a>
38129	
38130	
38131	<f-basic-body>
38132		<a class="" data-artid="496494" data-title="Microsofts nya mus ger haptisk feedback.  Vi har känt på den! | Feber / PC" href="https://feber.se/pc/microsofts-nya-mus-ger-haptisk-feedback/496494/">
38133			Den trevligaste nyheten från Microsoft under Snapdragon Summit kan vara nya Surface Mouse. Den lilla rackaren kommer i två färger och har ett litet trick som kanske kan uppskattas.   Men vi börjar med formen, som jag tycker ska uppskattas i sin enkelhet. Som användare av Logitech MX Master är jag van vid högre möss, men känslan i Surface Mouse är bra. Förutom själva formen är gummiytan på musen extremt mysig att röra och både hjulet och den inställbara knappen framför hjulet har bra känsla och de är i metall.   Själva knapparna är fysiska sådana, jag trodde först att den haptiska feedbacken var fokuserad kring dessa. Men de är alltså helt vanliga knappar som ligger under gummit. Den haptiska feedbacken sker istället när man använder musen. Det kan handla om att du drar ett fönster så att det ska fästa vid vänsterkanten på skärmen och när det kommer på plats får du feedback. Eller att du drar i ett inst
38133ällningshjul och får feedback vid varje steg.   Stödet ska finnas i Windows  och Microsoft sa på plats att det kommer stöd i flertalet appar också. Prislappen ligger på 80 dollar och man börjar sälja musen den 13 oktober på utvalda marknader. 
38134		</a>
38135	</f-basic-body>
38136	
38137	
38138	<f-basic-media>
38139		<f-basic-mediawrapper>
38140			<a class="" data-artid="496494" data-title="Microsofts nya mus ger haptisk feedback.  Vi har känt på den! | Feber / PC" href="https://feber.se/pc/microsofts-nya-mus-ger-haptisk-feedback/496494/"><img src="https://static.feber.se/article_images/66/79/99/667999_440.jpg" loading="lazy" alt="Tumnagel" /></a>
38141
38142			<f-basic-tagline data-tempstatus="">
38143					
38144				
38145
38146
38147
38148
38149
38150
38151
38152
38153
38154
38155
38156
38157
38158
38159		
38160				
38161			
38162	
38163<!-- Temptype degrees -->
38164
38165
38166
38167
38168
38169
38170
38171
38172
38173		
38174	
38175<!-- IDNAME 16 - Feber / PC - Feber -->
38176
38177
38178	
38179	
38180	<div class="temp feberhotBG" id="ikon_thumbs_496494">
38181		
38182				42.9&deg;
38183			
38184	</div>
38185
38186
38187			
38188				
38189					
38190						
38191							<f-bubble id="commentCounter496494" class="disqus-comment-count" data-disqus-url="https://feber.se/496494/" data-sheeturl="/disqus/496494/?inline=true&showheader=true" onClick="loadComments('#showDisqus496494','/disqus/496494/?inline=true');">0</f-bubble>
38192						<!--<a href="http://feber.se/496494/#commentsContainer"></a>-->
38193					
38194				
38195			
38196			</f-basic-tagline>
38197
38198		</f-mediawrapper>
38199	
38200	</f-basic-media>
38201
38202</f-basic>
38203
38204
38205
38206
38207
38208
38209
38210
38211
38212
38213
38214
38215
38216
38217
38218	
38219	
38220
38221
38222
38223
38224<!-- end cacheKey = day-today-#sites@1,2,4,5,6,9,12,13,16,27,48,58,61,62,65,67,100,104,118,127,139,191,198,212,213,148,152,153,154,155,156,157,159#count@160#start@0#categories@#statuses@1# -->
38225				</f-basic-container-thumbs>
38226			
38227
38228
38229
38230
38231
38232
38233
38234
38235
38236
38237
38238
38239
38240
38241<svg style="display: none;">
38242  <symbol id="YouTube_Icon_Player" viewBox="0 0 1024 721">
38243	<path fill="white" class="ytIconTriangle" id="Triangle" d="M407,493l276-143L407,206V493z"/>
38244	<g id="Lozenge">
38245	  <g>
38246		<path fill="red" class="ytIconRectangle" d="M1013,156.3c0,0-10-70.4-40.6-101.4C933.6,14.2,890,14,870.1,11.6C727.1,1.3,512.7,1.3,512.7,1.3    h-0.4c0,0-214.4,0-357.4,10.3C135,14,91.4,14.2,52.6,54.9C22,85.9,12,156.3,12,156.3S1.8,238.9,1.8,321.6v77.5    C1.8,481.8,12,564.4,12,564.4s10,70.4,40.6,101.4c38.9,40.7,89.9,39.4,112.6,43.7c81.7,7.8,347.3,10.3,347.3,10.3    s214.6-0.3,357.6-10.7c20-2.4,63.5-2.6,102.3-43.3c30.6-31,40.6-101.4,40.6-101.4s10.2-82.7,10.2-165.3v-77.5    C1023.2,238.9,1013,156.3,1013,156.3z M407,493V206l276,144L407,493z"/>
38247	  </g>
38248	</g>
38249  </symbol>
38250</svg>
38251
38252
38253<!-- SITENAME Feber -->
38254
38255
38256
38257
38258
38259<style>
38260
38261	f-footer-spons {
38262		display: flex; flex-direction: column; padding: 30px; background-color: rgba(255,255,255,0.05); width: calc(var(--f-article-width) - 60px); margin: var(--f-margins); max-width: calc(var(--f-article-maxwidth) - 60px);
38263		color: #aaa;
38264	}
38265
38266	f-footer-spons b {
38267		font-family: var(--f-suisse-semibold); font-weight: 300; 
38268	}
38269
38270	f-footer-spons a {
38271		font-family: var(--f-suisse-semibold); font-weight: 300; color: #ccc; 
38272	}
38273
38274	f-footer {
38275		display: flex; flex-direction: column; padding: 30px; background-color: rgba(0,0,0,0.3); width: calc(var(--f-article-width) - 60px); margin: var(--f-margins); max-width: calc(var(--f-article-maxwidth) - 60px); margin-bottom: -50px;
38276	}
38277
38278	f-footer-logo {
38279		margin-bottom: 20px; 
38280	}
38281
38282	f-footer-link-container {
38283		display: flex; gap: 20px; justify-content: space-between;
38284	}
38285
38286	f-footer-links {
38287		display: flex;
38288		flex-direction: column;
38289		color: white; 
38290		font-size: 15px;
38291		line-height: 20px;
38292	}
38293
38294	f-footer-links b {
38295		font-family: SuisseSemiBold; 
38296	}
38297
38298	f-footer-links a {
38299		color: #777; 
38300	}
38301
38302f-footer-links a:hover {
38303	color: #bbb; 
38304}
38305
38306@media only screen and (max-width: 980px) {
38307
38308	f-footer svg {
38309		width: 40px; 
38310		height: 27px;
38311	}
38312	f-footer-link-container {
38313		flex-direction: column;
38314		gap: 10px;
38315		
38316	}
38317
38318	f-footer-links {
38319		flex-direction: row;
38320		flex-wrap: wrap;
38321		gap: 10px;
38322		font-size: 13px;
38323		line-height: 17px;
38324		row-gap: 0px;
38325	}
38326}
38327
38328
38329</style>
38330
38331
38332
38333
38334
38335
38336
38337
38338
38339
38340
38341
38342
38343
38344
38345
38346
38347
38348
38349
38350
38351
38352
38353
38354		
38355		
38356	
38357
38358
38359 
38360	
38361	
38362	
38362<script id="dsq-count-scr" src="//feber.disqus.com/count.js" async></script>
38362
38363	
38364
38365
38366
38367
38368
38369
38370
38371
38372
38373
38374
38375
38376
38377
38378
38379
38380
38381
38382
38383
38384
38385
38386
38387
38388
38389
38390
38391
38392
38393		
38394	
38395
38396
38397
38398	
38399	
38400
38401	
38402	
38403	
38403<script>
38404		window.nativesFrontPageOne = window.nativesFrontPageOne || {};
38405		
38406		function addtonativesFrontPageOne(articleId, frequency) {
38407			window.nativesFrontPageOne[articleId] = frequency;
38408		}
38409
38410		window.nativesFrontPageOneArray = window.nativesFrontPageOneArray || [];
38411		let nativesFrontPageOne = window.nativesFrontPageOne;
38412		let nativesFrontPageOneArray = window.nativesFrontPageOneArray;
38413		
38414		function addtonativesFrontPageOneArray(articleId, frequency) {
38415			window.nativesFrontPageOneArray.push({ articleId, frequency });
38416		}
38417	</script>
38417
38418
38419	
38420
38421	
38422			
38423			
38424			
38425			
38426				
38427				
38428						
38429					
38430				
38431				
38432				
38433					
38434					
38435					
38436					
38437					
38438					
38439					
38440					
38441					
38442					
38443					
38444						
38444<script>
38445							addtonativesFrontPageOne('495941', 1);
38446							addtonativesFrontPageOneArray('495941', 1);
38447							//console.log('Nu la vi till 495941 - Lanseringserbjudande på Huawei Watch GT 7 Pro - i nativesFrontPageOneArray');
38448						</script>
38448
38449					
38450				
38451			
38452			
38453			
38454				
38455				
38456						
38457					
38458				
38459				
38460				
38461					
38462					
38463					
38464					
38465					
38466					
38467					
38468					
38469					
38470					
38471					
38472						
38472<script>
38473							addtonativesFrontPageOne('495068', 1);
38474							addtonativesFrontPageOneArray('495068', 1);
38475							//console.log('Nu la vi till 495068 - Midnattssol, fjordar, fjäll och framtidens folkelbilar  - i nativesFrontPageOneArray');
38476						</script>
38476
38477					
38478				
38479			
38480			
38481
38482			
38482<script>
38483				//console.log('nativesFrontPageOne innehåll:', nativesFrontPageOne);
38484				//console.log('nativesFrontPageOneArray innehåll:', nativesFrontPageOneArray);
38485			</script>
38485
38486
38487		
38488
38489 
38490
38491
38492
38493
38494
38495
38496
38497
38498
38499
38500
38501
38502
38503
38504
38505		
38506	
38507
38508
38509
38510	
38511	
38512
38513	
38514	
38515	
38515<script>
38516		window.nativesFrontPageTwo = window.nativesFrontPageTwo || {};
38517		
38518		function addtonativesFrontPageTwo(articleId, frequency) {
38519			window.nativesFrontPageTwo[articleId] = frequency;
38520		}
38521
38522		window.nativesFrontPageTwoArray = window.nativesFrontPageTwoArray || [];
38523		let nativesFrontPageTwo = window.nativesFrontPageTwo;
38524		let nativesFrontPageTwoArray = window.nativesFrontPageTwoArray;
38525		
38526		function addtonativesFrontPageTwoArray(articleId, frequency) {
38527			window.nativesFrontPageTwoArray.push({ articleId, frequency });
38528		}
38529	</script>
38529
38530
38531	
38532
38533	
38534			
38535			
38536			
38537
38538			
38538<script>
38539				//console.log('nativesFrontPageTwo innehåll:', nativesFrontPageTwo);
38540				//console.log('nativesFrontPageTwoArray innehåll:', nativesFrontPageTwoArray);
38541			</script>
38541
38542
38543		
38544
38545 
38546
38547
38548
38549
38550
38551
38552
38553
38554
38555
38556
38557
38558
38559
38560
38561		
38562	
38563
38564
38565
38566	
38567	
38568
38569	
38570	
38571	
38571<script>
38572		window.nativesFrontPageThree = window.nativesFrontPageThree || {};
38573		
38574		function addtonativesFrontPageThree(articleId, frequency) {
38575			window.nativesFrontPageThree[articleId] = frequency;
38576		}
38577
38578		window.nativesFrontPageThreeArray = window.nativesFrontPageThreeArray || [];
38579		let nativesFrontPageThree = window.nativesFrontPageThree;
38580		let nativesFrontPageThreeArray = window.nativesFrontPageThreeArray;
38581		
38582		function addtonativesFrontPageThreeArray(articleId, frequency) {
38583			window.nativesFrontPageThreeArray.push({ articleId, frequency });
38584		}
38585	</script>
38585
38586
38587	
38588
38589	
38590			
38591			
38592			
38593
38594			
38594<script>
38595				//console.log('nativesFrontPageThree innehåll:', nativesFrontPageThree);
38596				//console.log('nativesFrontPageThreeArray innehåll:', nativesFrontPageThreeArray);
38597			</script>
38597
38598
38599		
38600
38601 
38602
38603
38604
38605
38606
38607
38608	
38608<script src="https://scripts.sesamy.com/s/feber/bundle.js" type="text/javascript" defer crossorigin="anonymous"></script>
38608
38609
38610
38611
38612
38613
38614
38615
38616
38617
38618 
38619
38620
38621
38622
38623
38624
38625
38626
38627
38628
38629
38630
38631
38632
38633
38634
38635
38636
38637
38638
38639
38640
38641
38642
38643
38644	<style>
38645		f-plus-background, f-plus-offer { opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
38646		f-plus-background.visible, f-plus-offer.visible { opacity: 1; visibility: visible; }
38647		
38648		f-plus-background {
38649			position: fixed; left: 0px; top: 0px; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); transition: all .2s;
38650		}
38651		f-plus-offer {
38652			z-index: 2001; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); 
38653			display: flex; gap: 20px; flex-direction: column;
38654			width: calc(100% - 60px); max-width: 980px; max-height: calc(100vh - 60px); padding: 20px;
38655			background-color: #fff; overflow: auto; box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
38656			font-family: "SuisseRegular"; font-weight: 300; -webkit-font-smoothing: antialiased; overflow: visible;
38657		}
38658		
38659		f-plus-header {
38660			background-color: #333; 
38661			display: block;
38662			height: 90px;
38663		}
38664		
38665		f-plus-header svg { width: 100%; height: 100%; }
38666		
38667		f-plus-offer .row {
38668			display: grid; margin: 0 20px 0px 20px; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; padding-bottom: 20px; 
38669		}
38670		
38671		f-plus-offer button {
38672			display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
38673			width: 100%; height: 50px; padding: 10px;
38674			cursor: pointer; border-radius: 6px; border: 0px; transition: all 0.5s;
38675			background-color: rgba(0,0,0,0.07);
38676			color: rgba(0,0,0,0.5);
38677			font-size: 18px; font-family: "SuisseRegular"; line-height: 20px; -webkit-font-smoothing: antialiased; 
38678		}
38679		
38680		f-plus-offer button b {
38681			color: rgba(0,0,0,0.9); white-space: nowrap; font-family: SuisseSemiBold; font-weight: 300;
38682		}
38683		
38684		f-plus-offer button.selected {
38685			background-color: rgba(0,0,0,0.8); color: rgba(255,255,255,0.6);
38686		}
38687		f-plus-offer button.selected b { color: rgba(255,255,255,1); }
38688		
38689		p { margin: 0; }
38690		
38691		
38692		
38693		f-plus-offer #next { color: white; background-color: rgb(255, 69, 0); font-size: 18px; }
38694		
38695		f-plus-offer button#next b { color: white; }
38696		
38697		f-plus-offer .header {
38698			font-size: 30px; font-family: SuisseLight; font-weight: 300; line-height: 30px; color: rgb(255, 69, 0);
38699		}
38700		
38701		f-plus-offer .header b {
38702			white-space: nowrap; font-family: SuisseBold; font-weight: 300; color: rgba(0,0,0,0.9);
38703		}
38704		
38705		f-plus-offer .text { font-size: 15px; line-height: 20px; color: var(--f-article-text-color); -webkit-font-smoothing: antialiased; }
38706		f-plus-offer .text b { font-size: 20px; font-family: SuisseBold; font-weight: 300; color: rgba(0,0,0,0.9);  }
38707		
38708		f-plus-offer .line { border-top: 1px solid #e7e7e7; height: 1px; }
38709		
38710		f-plus-offer .lineitem {
38711			border-top: 1px solid #e7e7e7;
38712			padding: 12px 15px;
38713			width: calc(33% - 30px);
38714			float: left;
38715			line-height: 24px; 
38716			background-color: rgba(0,0,0,0.03);
38717		}
38718		
38719		f-plus-offer .lineitem:before {
38720			content: '+';
38721			font-family: var(--f-suisse-bold);
38722			color: var(--f-hot-color);
38723			font-size: 20px;
38724			display: block; 
38725			float: left; 
38726			line-height: 20px; 
38727			margin-right: 6px; 
38728		}
38729		
38730		@media screen and (max-width: 600px) {
38731			f-plus-offer .lineitem {
38732				width: calc(100% - 30px);
38733				float: none;
38734				padding: 7px 15px;
38735			}
38736		}
38737		
38738		f-plus-offer .lineitem .plus {
38739			font-family: var(--f-suisse-bold);
38740			color: var(--f-hot-color);
38741			font-size: 25px;
38742		}
38743		
38744		f-plus-offer i {
38745			color: var(--f-article-text-color);
38746			display: inline-block;
38747			margin: 0px;
38748			padding: 12px 15px;
38749			width: calc(100% - 40px);
38750			font-style: normal;
38751			font-family: var(--f-suisse-regular);
38752			border-left: none;
38753			background-color: var(--f-article-background-inline);
38754			border-radius: 0px;
38755		}
38756		
38757		f-plus-offer hr {
38758			background-color: #eee;
38759		}
38760		
38761		
38762		f-plus-offer #price { float:left; font-size: 18px; line-height: 22px; color: rgba(0,0,0,0.6); }
38763		f-plus-offer #price b { font-family: SuisseBold; font-weight: 300; color: rgba(0,0,0,0.9); }
38764		
38765		
38766
38767
38768
38769
38770		
38771		@media screen and (max-width: 600px) {
38772			f-plus-offer .header {
38773				font-size: 22px; line-height: 22px;
38774			}
38775
38776			f-plus-offer button {
38777				font-size: 13px;
38778				height: 45px;
38779			}
38780			f-plus-offer #next {
38781				font-size: 15px;
38782			}
38783			f-plus-offer #price {
38784				font-size: 14px;
38785			}
38786			
38787			f-plus-offer .text { 
38788				font-size: 14px; line-height: 18px; 
38789			}
38790		}
38791		
38792		@media screen and (min-width: 600px) {
38793			
38794			f-plus-close {
38795				display: none; 
38796				position: absolute;
38797				background-color: var(--f-hot-color);
38798				top: -15px;
38799				right: -15px;
38800				width: 24px;
38801				height: 24px;
38802				display: block;
38803				border-radius: 12px;
38804				color: white;
38805				font-family: var(--f-suisse-bold);
38806				text-align: center;
38807				font-size: 20px;
38808				line-height: 21px;
38809				transform: rotate(-45deg);
38810				padding: 0px;
38811				box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
38812				cursor: pointer;
38813			}
38814			f-plus-offer.visible {
38815				overflow: visible; 
38816			}
38817			f-plus-offer.visible f-plus-close {
38818				display: block; 
38819			}
38820		}
38821		
38822		@media screen and (max-width: 600px) {
38823			
38824			f-plus-close {
38825				display: none; 
38826			}
38827			f-plus-offer.visible f-plus-close {
38828				display: none; 
38829			}
38830		}
38831
38832
38833
38834		
38835	</style>
38836	
38837	
38838	
38839	
38840	<f-plus-background></f-plus-background>
38841	
38842	<f-plus-offer>
38843		
38844			<f-plus-close onclick="hidePremiumContent();">+</f-plus-close>
38845		
38846
38847		
38848		
38849		<f-plus-offer-packages data-direction="column">
38850			<f-plus-offer-package>
38851				<f-plus-offer-package-header>
38852					<f-plus-offer-package-header-name>
38853						Per m&aring;nad
38854					</f-plus-offer-package-header-name>
38855					<f-plus-offer-package-header-price>
38856						39 kr
38857					</f-plus-offer-package-header-price>
38858				</f-plus-offer-package-header>
38859				<f-plus-offer-package-desc>
38860					Betala l&ouml;pande per m&aring;nad. <b>Ingen bindningstid</b>. 
38861				</f-plus-offer-package-desc>
38862				
38863				<f-plus-offer-package-cta>
38864					<a href="https://checkout2.sesamy.com/?sku=sid:VRdEqelRaMi3BHkcbIOlR&client-id=feber&redirect_uri=https://feber.se&option=3bQHc0k-jGWk7haZ2pgiZ&lang=sv" target="_blank" data-se
38864samy-checkout-option="3bQHc0k-jGWk7haZ2pgiZ">
38865						Starta prenumeration
38866					</a>
38867				</f-plus-offer-package-cta>
38868				</a>
38869
38870			</f-plus-offer-package>
38871
38872			<f-plus-offer-package>
38873				<f-plus-offer-package-header>
38874					<f-plus-offer-package-header-name>
38875						Per &aring;r
38876					</f-plus-offer-package-header-name>
38877					<f-plus-offer-package-header-price>
38878						299 kr
38879					</f-plus-offer-package-header-price>
38880				</f-plus-offer-package-header>
38881				<f-plus-offer-package-desc>
38882					Enklast och billigast, bara 25 kronor i m&aring;naden. Betala l&ouml;pande per &aring;r. <b>Ingen bindningstid</b>. 
38883					Prova <b>14 dagar gratis</b> innan du best&auml;mmer dig.
38884				</f-plus-offer-package-desc>
38885				
38886				<f-plus-offer-package-cta>
38887					<a href="https://checkout2.sesamy.com/?sku=sid:VRdEqelRaMi3BHkcbIOlR&client-id=feber&redirect_uri=https://feber.se&option=3EQsEYTfOqVCw_v631rNf&lang=sv" class="hotbutton" target="_blank" data-sesamy-checkout-option="3EQsEYTfOqVCw_v631rNf">
38888						Starta gratis provperiod
38889					</a>
38890				</f-plus-offer-package-cta>
38891				
38892
38893			</f-plus-offer-package>
38894
38895
38896			<f-plus-offer-package>
38897				<f-plus-offer-package-header>
38898					<f-plus-offer-package-header-name>
38899						Eng&aring;ngsk&ouml;p
38900					</f-plus-offer-package-header-name>
38901					<f-plus-offer-package-header-price>
38902						349 kr
38903					</f-plus-offer-package-header-price>
38904				</f-plus-offer-package-header>
38905				<f-plus-offer-package-desc>
38906					Slipp &aring;terkommande betalningar, betala ett &aring;r i taget. Betala med kort eller Swish. 
38907				</f-plus-offer-package-desc>
38908				
38909				<f-plus-offer-package-cta>
38910					<a href="https://checkout2.sesamy.com/?sku=sid:VRdEqelRaMi3BHkcbIOlR&client-id=feber&redirect_uri=https://feber.se&option=0imMN6J-46ihVB8ykJA9j&lang=sv" target="_blank" data-sesamy-checkout-option="0imMN6J-46ihVB8ykJA9j">
38911						K&ouml;p utan prenumeration
38912					</a>
38913				</f-plus-offer-package-cta>
38914				
38915
38916			</f-plus-offer-package>
38917		</f-plus-offer-packages>
38918		
38919
38920		
38921		
38922		
38923	
38924	</f-plus-offer>
38925
38926	
38927	
38928	
38929	
38929<script>
38930		const fPremiumBackground = document.querySelector('f-plus-background');
38931		const fPremiumOfferNew = document.querySelector('f-plus-offer');
38932		
38933		// Funktion för att visa premiuminnehåll
38934		function showPremiumContent() {
38935			if (window.innerWidth < 600) {
38936				window.location.href = 'https://feber.se/plus/';
38937			} else {
38938				window.location.href = 'https://feber.se/plus/';
38939				//fPremiumBackground.classList.add('visible');
38940				//fPremiumOfferNew.classList.add('visible');
38941			}
38942		}
38943		
38944		// Funktion för att dölja premiuminnehåll
38945		function hidePremiumContent() {
38946		  fPremiumBackground.classList.remove('visible');
38947		  fPremiumOfferNew.classList.remove('visible');
38948		}
38949
38950			document.querySelectorAll('[data-sesamy-checkout-option]').forEach(function(link) {
38951				link.addEventListener('click', function(event) {
38952					if (typeof openFeberCheckout !== 'function') {
38953						return;
38954					}
38955
38956					event.preventDefault();
38957					openFeberCheckout(link.getAttribute('data-sesamy-checkout-option'), link.getAttribute('target'));
38958				});
38959			});
38960
38961		</script>
38961
38962
38963
38964
38965
38966<f-stat-catcher></f-stat-catcher>
38967
38968
38969
38970
38971
38972
38973
38974
38975
38976
38977
38978
38979
38980
38981		
38982		
38983		<f-search-overlay>
38984			<f-search-overlay-backdrop></f-search-overlay-backdrop>
38985			<f-search-overlay-content>
38986				<f-search-overlay-form>
38987					<form onsubmit="redirectToSearchUrl(event)">
38988						<input type="text" id="searchOverlayInput" placeholder="S&ouml;kord..." required>
38989						<input type="submit" value="Go!">
38990					</form>
38991				</f-search-overlay-form>
38992			</f-search-overlay-content>
38993		</f-search-overlay>
38994		
38995		<style>
38996			f-search-overlay {
38997				position: fixed;
38998				top: 0;
38999				left: 0;
39000				width: 100%;
39001				height: 100%;
39002				z-index: 9999;
39003				display: none; /* Dold som standard */
39004				align-items: center;
39005				justify-content: center;
39006			}
39007			
39008			f-search-overlay.show {
39009				display: flex; /* Visa när .show-klassen läggs till */
39010			}
39011			
39012			f-search-overlay-backdrop {
39013				position: absolute;
39014				top: 0;
39015				left: 0;
39016				width: 100%;
39017				height: 100%;
39018				background-color: rgba(0, 0, 0, 0.7);
39019				backdrop-filter: blur(5px);
39020			}
39021			
39022			f-search-overlay-content {
39023				position: relative;
39024				z-index: 10000;
39025				width: 90%;
39026				max-width: 600px;
39027			}
39028			
39029			f-search-overlay-form {
39030				display: block;
39031				background-color: var(--f-article-background-inline);
39032				padding: var(--f-article-padding);
39033				border-radius: 10px;
39034				box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
39035			}
39036			
39037			f-search-overlay-form form {
39038				display: flex;
39039				flex-direction: row;
39040				justify-content: space-between;
39041				align-items: center;
39042				gap: 10px;
39043			}
39044			
39045			f-search-overlay-form form input[type="text"] {
39046				width: calc(100% - 120px);
39047				font-size: 24px;
39048				padding: 20px 24px;
39049				margin: 0;
39050				border-radius: 10px;
39051				border: 0;
39052				font-family: var(--f-suisse-regular);
39053			}
39054			
39055			f-search-overlay-form form input[type="text"]:focus {
39056				outline: none;
39057				box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
39058			}
39059			
39060			f-search-overlay-form form input[type="submit"] {
39061				background-color: var(--f-article-button-background-active);
39062				color: var(--f-article-button-text-active);
39063				border: 0;
39064				border-radius: 10px;
39065				font-size: 24px;
39066				padding: 20px 30px;
39067				font-family: var(--f-suisse-semibold);
39068				cursor: pointer;
39069				white-space: nowrap;
39070			}
39071			
39072			f-search-overlay-form form input[type="submit"]:hover {
39073				opacity: 0.9;
39074			}
39075		</style>
39076		
39077		
39077<script>
39078			function redirectToSearchUrl(event) {
39079				event.preventDefault();
39080				var input = document.getElementById('searchOverlayInput').value;
39081				var formattedInput = encodeURIComponent(input);
39082				formattedInput = formattedInput.replace(/%20/g, '+');
39083				var baseUrl = window.location.protocol + '//' + window.location.host;
39084				var url = baseUrl + '/om/' + formattedInput + '/?search=true';
39085				window.location.href = url;
39086			}
39087			
39088			// Stäng overlay när man klickar på backdrop
39089			document.addEventListener('DOMContentLoaded', function() {
39090				var backdrop = document.querySelector('f-search-overlay-backdrop');
39091				if (backdrop) {
39092					backdrop.addEventListener('click', function() {
39093						// Dölj overlay genom att ta bort .show-klassen
39094						var overlay = document.querySelector('f-search-overlay');
39095						if (overlay) {
39096							overlay.classList.remove('show');
39097						}
39098					});
39099				}
39100			});
39101		</script>
39101
39102		
39103		
39104
39105</body>
39106
39107</html>
39108
39109	

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.