<!DOCTYPE HTML><html lang="sv-SE">
    <head>
        <title>Allers | Allas</title>
        <meta name="title" content="Allers" />
        <meta name="description" content="Välkommen till Allers - Sveriges äldsta och mest lästa veckotidning! Vill du prenumerera eller läsa våra artiklar?" />
        <meta name="keywords" content="" />
        <meta name="robots" content="max-image-preview:large" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="google-site-verification" content="FqVX_zRxGliXUl0KacH_fBzI626Z8UeV5N0TKSoSvjU" />
        
        <link rel="preconnect" href="//cdn.cookielaw.org/">

        <link rel="dns-prefetch" href="//cdnjs.cloudflare.com/">
        <link rel="dns-prefetch" href="//securepubads.g.doubleclick.net/">
        <link rel="dns-prefetch" href="//cdn.jsdelivr.net/">
        <link rel="dns-prefetch" href="//www.google-analytics.com/">
        <link rel="dns-prefetch" href="//cdn.parsely.com/">
        <link rel="dns-prefetch" href="//www.googletagmanager.com/">
        <link rel="dns-prefetch" href="//widgets.sprinklecontent.com/">
        <link rel="dns-prefetch" href="//connect.facebook.net/">
        <link rel="dns-prefetch" href="//www.facebook.com/">
        <link rel="dns-prefetch" href="//assets.pinterest.com/">
        <link rel="dns-prefetch" href="//macro.adnami.io/">
        <link rel="dns-prefetch" href="//vendorlist.consensu.org/">
        <link rel="dns-prefetch" href="//analytics.codigo.se/">
        <link rel="dns-prefetch" href="//fastlane.rubiconproject.com/">
        <link rel="dns-prefetch" href="//files.allas.se/">
        <link rel="dns-prefetch" href="//image.allas.se/">
        <link rel="dns-prefetch" href="//api.allas.se/">
        <link rel="canonical" href="https://www.allas.se/allers/">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        

        <link rel="preload" href="/images/Allas-Logotype-Petroleum-RGB.svg" as="image" type="image/svg+xml">

    <link rel="stylesheet" href="/css/critical.css?v=20210525" />


    <link rel="preload" as="image" fetchpriority="high"
    href=""
    >

<!-- Preloading web fonts start -->
<link rel="preload" as="font" type="font/woff2" href="/view-resources/public/allas/fonts/AvenirNextRegular_Web.woff2" crossorigin />
<link rel="preload" as="font" type="font/woff2" href="/view-resources/public/allas/fonts/AvenirNextDemi_Web.woff2" crossorigin />
<link rel="preload" as="font" type="font/woff2" href="/view-resources/public/allas/fonts/MasqualeroRegular_Web.woff2" crossorigin />
<!-- Preloading web fonts end -->




<link rel="stylesheet" href="/view-resources/public/allas/css/dist/presentation/allas.css?v=0180c4f686bb216aaea5163251242b86">



        <script type="text/javascript">
            window.desktopBreakpoint = '480';
            window.device = (window.innerWidth > window.desktopBreakpoint) ? 'desktop' : 'mobile';
            window.imageServer = 'https://image.allas.se';
            window.frontApi = 'https://api.allas.se';
            window.site = 'allas';
            window.isEditMode = false;
            window.labDevice = 'desktop';
            window.publicSite = 'allas';
            window.googleCustomSearch = {
                id: '008262495618786222540:qjoitett5ht',
                placeholderImage: '&#x2F;images&#x2F;Allas-Logotype-Petroleum-RGB.svg'
            };
            window.tealium_account = 'aller-media-sweden';
            window.tealium_profile = 'main';
            window.tealium_environment = 'prod';
        </script>

<script type="text/javascript">

    console.log("abtest");
    // Serverside ab
    window.abServerside = 'false';
    window.abGroup = '';

    // Enabled ab tests
    window.abAdsTest = 'false';

    const resolveVersion = (versions) => Object.keys(versions).find( key => window.location.host.includes(key)) || 'default';
    const abVersions = {default: '2.2.8'};
    const abPath = `/view-resources/public/common/ab-${abVersions[resolveVersion(abVersions)]}.js`;
        
    // Load ab-script

    function loadScript(src, onload) {
        let script = document.createElement('script');
        script.src = src;
        script.async = true;
        document.head.appendChild(script);
    }
    loadScript(abPath);
</script>
<script type="text/javascript">

    window.isNativeAd = '';
    window.displayAds = 'true';
    window.autoloadAds = 'true';
    window.adtest = 'true';
    window.adsUniqueId = 'mg3oluhne';
    window.adsUseDemandManager = 'true';
    window.adsUseMicroService = 'true';
    window.onetrustId = '95ac6b38-acd9-48c3-963e-b4c6af343834';
    window.gamOptimizeConfig = JSON.parse('{}');
    window.optimizes = JSON.parse('[]');

    /** This will be moved to the consent library after testing completed */
    const random = (min, max) => {
        min = Math.ceil(min);
        max = Math.floor(max);
        return Math.floor(Math.random() * (max - min + 1) + min);
    }

    const domContentLoaded = async () => {
        return new Promise((resolve) => {
            if (document.readyState === 'interactive' || document.readyState === 'complete') {
                return resolve();
            }
            else {
                document.addEventListener('DOMContentLoaded', () => {
                    return resolve();
                });
            }
        })
    }

    const setStyle = (el, css) => el.setAttribute('style', `${el.getAttribute('style')};${css}`);

    const setBodyStyle = async (style) => {
        await domContentLoaded();
        const bodyElem = document.getElementsByTagName('body')[0];
        if (bodyElem) {
            setStyle(bodyElem, style);
        }
        else {
            console.error(`initNoneConsent:: body is not available for applying style ${style}`);
        }
    }
    const isStaging = 'false';
    const isLocal = 'false';

        const hasClosedOTBanner = () => document.cookie.indexOf("OptanonAlertBoxClosed=") >= 0;

    const displayAds = 'true' === 'true';

    const localPrebidUrl = 'https://se-ads-microservice.ads.allermedia.io/api/v1/dmScript';

    let demandManagerUrl = 'https://micro.rubiconproject.com/prebid/dynamic/13012.js';
    demandManagerUrl = !!demandManagerUrl ? demandManagerUrl : localPrebidUrl;


    //////// Lazyload testing //
    window.abTestLazyload = true;

    const versions = (version) => Object.keys(version).find( key => window.location.host.includes(key)) || 'default';
    const consentVersions = { default: '2.3.13'};

    const consentPath = `/view-resources/public/common/consent/consent-${consentVersions[versions(consentVersions)]}labrador.js?v=1707214323`;

    const adsBundleVersions = { default: '1.13.40'};  // When allas ab-test is confirmed to work, then use as default
    const bundlePath = `/view-resources/public/common/ads/aller-ads.bundle.min${adsBundleVersions[versions(adsBundleVersions)]}.js?v=1707214323`;
    const useCdnFiles = true;
    let bundleTargetUri = useCdnFiles ? 'https://cdn.aller.se/dfp/1.13.40/aller-ads.bundle.min.js?v=1707214323' : bundlePath;

    // Prevent scrolling before user has closed OT-banner, function is called after OT-banner script execution
        function handleClosedBanner() {
            const options = hasClosedOTBanner() ?
            {style: `overflow: initial`, timeout: 1000} : {style: `overflow: hidden`, timeout: 0};
            setTimeout(() => setBodyStyle(options.style), options.timeout);
        }
        function OptanonWrapper() {
            handleClosedBanner();
        }
        // Fallback if OTBannerClosed cookie already is set
        handleClosedBanner();

</script>

        <script>
            var allerUserConsent = window.allerUserConsent || {};
            allerUserConsent.queue = allerUserConsent.queue || [];
        </script>
        <script type="text/javascript">
            const loadConsentScript = (src, onload) => {
                let script = document.createElement('script');
                script.src = src;
                script.async = true;
                script.setAttribute('data-cssoverride','baaam hant');
                document.head.appendChild(script);
            };
            loadConsentScript(consentPath);
        </script>

            <script>
                var adsmtag = adsmtag || {};
                adsmtag.cmd = adsmtag.cmd || [];
            </script>
            <script async type="text/javascript" src="//macro.adnami.io/macro/spec/adsm.macro.747590aa-4758-4281-839e-4b9b65def16a.js"></script>

            <script>
                allerUserConsent.queue.push(() =>
                    window.userConsent.loadTargetingScript(
                        demandManagerUrl,
                        {
                            async: true,
                            referrerpolicy: 'strict-origin-when-cross-origin'
                        }
                    )
                );
            </script>
        <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
        <script>
            allerUserConsent.queue.push(() =>
                window.userConsent.loadScript(
                    bundleTargetUri,
                    { async: true }
                )
            );
        </script>


        <meta property="lp:channel" content="desktop"/>
    <meta property="og:url" content="https://www.allas.se/allers/" />

    <!-- Remove sista slaget when all og fields can be set custom -->

<script type="text/javascript">
    window.aller_ga = window.aller_ga || {};
    const isWithinInterval = (targetVal, min, max) => targetVal >= min && targetVal <= max;
    const abAller = parseInt(/([0-9]+)/.exec(document.cookie.split('; ').find(row => row.startsWith('ab-aller='))));
    const visitorId = /v_id:([0-9a-f]+)/.exec(document.cookie.split('; ').find(row => row.startsWith('utag_main=')));
    const getFpc = () => {
        var firstparty_cookie = /fpc_test_cookie=(.*)/.exec(document.cookie.split('; ').find(row => row.startsWith('fpc_test_cookie=')));
        if (firstparty_cookie !== null && firstparty_cookie.length > 1 ) {
            return firstparty_cookie[1];
        }
        return null;
    };

    const setFpc = (callBack) => {
        let xhr = new XMLHttpRequest();
        let url = "/setFirstPartyCookies/";
        xhr.open("GET", url);
        xhr.setRequestHeader("Cookies", document.cookie)
        xhr.send();
        xhr.onload = () => {
            // Try to call cookieLookup until all honly cookies are set
            callBack();
        }
    }

    const getCookie = (name) => {
        return (document.cookie.match('(?:^|;)\\s*' + name + '\\s*=\\s*([^;]*?)\\s*(?:;|$)')||[])[1];
    }

    const cookieLookup = () => {
        let cookies = document.cookie;
        //Cookies expected to have "fpclist=_ga,_gid,__couid";
        //Cookies expected to have "honlylist";
        let missing = [];
        let updatelist = [];
        let compare = getCookie('honlylist');
        let fpclist = ['my_v_id', '_ga'];

        let myPromise = new Promise((resolve, reject) => {
            if (compare) {
                resolve();
            } else {
                setFpc(() => { resolve() });
            }
        });

        myPromise.then(value => {
            let compare = getCookie('honlylist')
            let honlylist = (compare) ? compare.split(','):[];

            for (var i in honlylist) {
                let browser_cookie = getCookie(honlylist[i]);

                // When the cookie missing at browser but available in firstparty_cookie
                if (browser_cookie == null) {
                    missing.push(honlylist[i]);
                }
            }

            for (var j in fpclist) {
                let browser_cookie_new = getCookie(fpclist[j]);

                // When the cookie missing at firstparty_cookie but available in browser
                if (browser_cookie_new != null && !honlylist.includes(fpclist[j])) {
                    missing.push(fpclist[j]);
                }

                //when cookie missing in both place
                if (browser_cookie_new == null && !honlylist.includes(fpclist[j])) {
                    updatelist.push(fpclist[j]);
                }
            }

            // Missing list is the cookie either available with browser cookie or in firstparty cookie list but missing in one category
            // Good enough to make a backend request with cookies header
            if (missing.length > 0) {
                setFpc(() => {});
            }

            // updatelist is when the cookie is missing in both browser and in firstparty cookie list
            // Client may wait for 5 sec and retry by making a backend request
            // This is a one time try with 5sec delay
            if (updatelist && updatelist.length > 0) {
                setTimeout(() => {
                    for (var i in updatelist) {
                        let browser_cookie_new = getCookie(updatelist[i]);
                        if (browser_cookie_new != null) {
                            setFpc(() => {});
                        } else if (updatelist[i] == 'my_v_id') {
                            let visitorId = /v_id:([0-9a-f]+)/.exec(document.cookie.split('; ').find(row => row.startsWith('utag_main=')));
                            if (visitorId.length > 1 && typeof visitorId[1] != 'undefined') {
                                let expirationDate = new Date();
                                expirationDate.setDate(expirationDate.getDate() + 365);
                                document.cookie = "my_v_id=" + visitorId[1] + "; expires=" + expirationDate.toUTCString();
                                setFpc(() => {});
                            }
                        }
                    }
                }, 5000);
            }
        });
    }

    // load cts.min.js
    const a = () => {
        allerUserConsent.queue.push(() => {
            // Handle first party cookie
            window.userConsent.applyForTargeting( async () => {
                cookieLookup();
            });

    // move script to later point
            window.userConsent.loadTargetingScript('//cdn.aller.se/cts/v1.11.23/se-calico/bundle.js', { async: true });
            window.userConsent.applyForTargeting( async () => {
                window.cts = window.cts || {};
                window.cts.config = {
                    ga: {
                        measurementId: 'G-85B3GFWFNJ',
                        propertyId: 'UA-62477307-41'
                    },
                    parsely: {
                        siteId: 'allas.se'
                    },
                    sifo: {
                        propertyId: '45951e4a40e4495f87672b142f49cb90'
                    },
                    tealium: {
                        account: 'aller-media-sweden',
                        profile: 'main',
                        environment: 'prod'
                    },
                    funnelRelay: {
                        customerId: 'aller_e7bce_allas',
                        scriptSource: 'cdn-magiclinks.trackonomics.net/client/static/v2/aller_e7bce_allas.js'
                    },
                    youplay: true,
                    jwplayer: true,
                    tags: [
                        'funnelRelay',
                        'engagedTime',
                        'scrollDepth',
                        'csMatchingKey',
                        'loggedInId',
                        'metadata'
                    ]
                };
            });
        });
    };

    const b = () => {
        allerUserConsent.queue.push(() => {
            window.userConsent.loadTargetingScript('//cdn.aller.se/cts/v2.3.13/se-calico/bundle.js', { async: true });
            window.userConsent.applyForTargeting( async () => {
                window.cts = window.cts || {};
                window.cts.config = {
                    avo: {
                        apiKey: 'blcuGqEsX2nT6VJtqDMv'
                    },
                    ua: {
                        propertyId: 'UA-62477307-41'
                    },
                    ga: {
                        measurementId: 'G-85B3GFWFNJ'
                    },
                    parsely: {
                        siteId: 'allas.se'
                    },
                    sifo: {
                        propertyId: '45951e4a40e4495f87672b142f49cb90'
                    },
                    tealium: {
                        account: 'aller-media-sweden',
                        profile: 'main',
                        environment: 'prod'
                    },
                    funnelRelay: {
                        customerId: 'aller_e7bce_allas',
                        scriptSource: 'cdn-magiclinks.trackonomics.net/client/static/v2/aller_e7bce_allas.js'
                    },
                    youplay: true,
                    jwplayer: true,
                    tags: [
                        'webVitals',
                        'funnelRelay',
                        'engagedTime',
                        'scrollDepth',
                        'csMatchingKey',
                        'loggedInId'
                    ]
                };
            });
        });
    };

    if (!abAller) {
        a();
    } else {
            if (isWithinInterval(abAller, 1, 90)) {
                a();
            }
            if (isWithinInterval(abAller, 91, 100)) {
                b();
            }
    }
</script>
<script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    allerUserConsent.queue.push(() => {
        window.userConsent.loadTargetingScript('https://www.googletagmanager.com/gtag/js?id=UA-62477307-41', { async: true });
    });
    window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-62477307-41');
let aller_ga = window.aller_ga || {};

window.gaInitId = '102883';

aller_ga.id = '102883';
aller_ga.pageType = 'frontpage';
aller_ga.location = window.location.href;
aller_ga.seoTitle = 'Allers';
aller_ga.seoDescription = 'Välkommen till Allers - Sveriges äldsta och mest lästa veckotidning! Vill du prenumerera eller läsa våra artiklar?';
aller_ga.plusLoggedIn = 'False';
aller_ga.allerPaywall = '0';
aller_ga.loggedIn = 'False';
aller_ga.dimensionPageName = '0';
aller_ga.dimensionPageValue = '102883';
aller_ga.dimensionMobileWebsiteName = '2';
aller_ga.dimensionMobileWebsiteValue = 'No';
aller_ga.plusSubscriptionType = '';
aller_ga.plusHasPlusAccess = '';
aller_ga.plusHasFreeMonth = '';
aller_ga.pageVerticals = '';



window.aller_ga = aller_ga;

document.addEventListener('DOMContentLoaded', function () {
    dataLayer.push({ 'legacyCookieDomain': 'https://www.allas.se' });
});
</script>
<!-- DataLayer -->
<script type="text/javascript">
  dataLayer = [{
  }];
</script>
<!-- End DataLayer -->
<!-- Google Tag Manager -->
<script type="text/javascript">
    allerUserConsent.queue.push(() => { 
      window.userConsent.applyForTargeting( () => {
          (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=false;j.defer=true;j.src=
                  'https://analytics.allas.se/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
          })(window,document,'script','dataLayer','GTM-MF6KWS')
      })
    });
</script>
<!-- End Google Tag Manager -->

        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-32x32.png" sizes="32x32" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-192x192.png" sizes="192x192" />
        <link rel="apple-touch-icon-precomposed" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-180x180.png" />
        <meta name="msapplication-TileImage" content="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-270x270.png" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-16x16.png" sizes="16x16" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-57x57.png" sizes="57x57" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-76x76.png" sizes="76x76" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-96x96.png" sizes="96x96" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-120x120.png" sizes="120x120" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-128x128.png" sizes="128x128" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-144x144.png" sizes="144x144" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-152x152.png" sizes="152x152" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-180x180.png" sizes="180x180" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-195x195.png" sizes="195x195" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-196x196.png" sizes="196x196" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-228x228.png" sizes="228x228" />
        <link rel="icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-270x270.png" sizes="270x270" />
        <link rel="apple-touch-icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-57x57.png" sizes="57x57" />
        <link rel="apple-touch-icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-72x72.png" sizes="72x72" />
        <link rel="apple-touch-icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-120x120.png" sizes="120x120" />
        <link rel="apple-touch-icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-152x152.png" sizes="152x152" />
        <link rel="apple-touch-icon" href="https://files.allas.se/uploads/2019/03/cropped-Allas-Symbol-Hostanemon-RGB-180x180.png" sizes="180x180" />

            <!-- Parsely metadata -->
            <script type="application/ld+json">
                {
  "@context": "http://schema.org",
  "@type": "WebPage",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.allas.se/allers/"
  },
  "headline": "Tagg: Allers",
  "url": "https://www.allas.se/allers/",
  "thumbnailUrl": "&width=80&height=45",
  "image": {
    "@type": "ImageObject",
    "url": "&width=1600&height=900",
    "width": 1600,
    "height": 900
  },
  "dateCreated": "2019-11-06T11:11:36.000Z",
  "datePublished": "2019-11-06T13:21:09.000Z",
  "dateModified": "2022-12-07T18:16:17.000Z",
  "author": [],
  "creator": [],
  "keywords": [
    "diy",
    "ekonomi",
    "hälsa",
    "handarbete",
    "samhälle",
    "hushåll",
    "inredning",
    "melodifestivalen",
    "mode",
    "nöje",
    "relationer",
    "resor",
    "sex",
    "skönhet",
    "trädgård",
    "tv",
    "mat-och-dryck",
    "horoskop",
    "mat och dryck"
  ],
  "publisher": {
    "@type": "Organization",
    "name": "Allas.se",
    "logo": {
      "@type": "ImageObject",
      "url": "/images/Allas-Logotype-Petroleum-RGB.svg"
    }
  }
}
            </script>
<!-- Metadata Layer -->
<script>
function parseJwt (token) {
    if(typeof token === 'undefined' || token.indexOf('.') === -1) {
        return false;
    }

    var base64Url = token.split('.')[1];
    var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
    var jsonPayload = decodeURIComponent(atob(base64).split('').map(function(c) {
        return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
    }).join(''));

    return JSON.parse(jsonPayload);
};

(function() {
    var data = {};

        data = {
  "pageId": "fe50797c0e422dfb523b6db5505f2579f7e20d681d28f01b09acbaf3206027e7",
  "publishedTime": "1573046469",
  "loggedIn": "False",
  "contentType": "front",
  "collectOriginalId": null,
  "articleTags": [],
  "publishedTimeUpdated": null,
  "verticals": []
};

    // loggedInId
    var loggedInId = false;
    var loginToken = /login_token=(.*)/.exec(document.cookie.split('; ').find(row => row.startsWith('login_token='))) ?? false;
    if (loginToken) {
        var parsedLoginToken = parseJwt(loginToken[1]);
        if (
            parsedLoginToken
            && typeof parsedLoginToken.data !== 'undefined'
            && typeof parsedLoginToken.data.cc !== 'undefined'
        ) {
            loggedInId = parsedLoginToken.data.cc;
        }
    }
    data.loggedInId = loggedInId;

    // abCookie
    data.abCookie = parseInt(/([0-9]+)/.exec(document.cookie.split('; ').find(row => row.startsWith('ab-aller='))));

    // fpc (first-party cookie)
    var firstparty = /fpc_test_cookie=(.*)/.exec(document.cookie.split('; ').find(row => row.startsWith('fpc_test_cookie=')));
    if (firstparty !== null && firstparty.length > 1 ) {
        data.firstparty = firstparty[1];
    }

    // google optimize id
    var googleOptimize = /GAX[0-9.]+([^.]+)\.[0-9]+\.([0-9]+)/.exec(document.cookie.split('; ').find(row => row.startsWith('_gaexp=')));
    if (googleOptimize !== null && googleOptimize.length > 1 ) {
        data.googleOptimizeId = googleOptimize[1] + '|' + googleOptimize[2];
    }

    var s = document.createElement('script');
    s.type = "cts/metadata"
    s.innerHTML = JSON.stringify(data);
    s.setAttribute('data-pathname', window.location.pathname);
    document.getElementsByTagName('head')[0].appendChild(s);
})();
</script>
<!-- End Metadata Layer -->
<script>
    const aller_video = window.aller_video || {};
    aller_video.brand = 'allas';
    window.aller_video = aller_video;
</script>        <meta property="og:type" content="front">
    </head>
    <body
        data-disable-infinity-scroll=""
        data-page-type="front"
        data-infinityscrollid=""
        data-hostpath="allers"
        data-infinityscroll-load-offset="150"
    >

    <div class="o-ads o-ads--wallpaper">
        <div class="o-ads__wrapper">
            <div class="o-wallpaper ad-content">
                <div id="div-gpt-ad-1359364411177-2-mg3oluhne" class="o-ads__wrapper--ad  marginfix" ad-placement="wallpaper-left" >
                </div>
            </div>
        </div>
    </div>

        <div id="outer-container">

            <div id="content">

<script type="text/javascript">
  window.addEventListener('load', function () {
    var links = document.querySelectorAll('.c-menu__trending__link');
    Array.from(links, function(link, index) {
        link.addEventListener('click', function(e) {
            if (window.cts && window.cts.send && typeof window.cts.send.event === 'function') {
                var text = link.textContent.trim();
                window.cts.send.event('action', 'click', `trending|${text}`);
            } else {
                console.warn('Trending tracking, CTS is not loaded');
            }

        })
    })
  });
</script>

<div class="
  c-menu__filler
    c-menu__filler--trending
  "
></div>
<div id="top-nav" class="c-menu nav-show">
  <div class="c-menu__navbar">
    <div class="c-menu__main">
      <div class="o-wrapper">
        <div class="o-grid">
          <div class="o-grid__item o-grid__cell u-1/1">
            <div class="c-menu__main__wrapper">
              <div data-test-id="menu-hamburger" class="c-menu__hamburger">
                <div class="c-menu__hamburger__wrapper"> <span></span><span></span><span></span><span></span></div>
              </div>
              <div class="c-menu__logo" data-test-id="menu-logo">
                <a href="https:&#x2F;&#x2F;www.allas.se">
                  <img src="/view-resources/public/allas&#x2F;images&#x2F;Allas-Logotype-Petroleum-RGB.svg" alt="Allas"
                    width="110"
                    height="35"
                    loading="eager">
                </a>
              </div>
              <div class="c-menu__main-items">
                <ul>
                  <li><a href="/livsoden/">Livsöden</a></li>
                  <li><a href="/halsa/">Hälsa</a></li>
                  <li><a href="/relationer/">Relationer</a></li>
                  <li><a href="/handarbete/">Handarbete</a></li>
                  <li><a href="/video/">Video</a></li>
                  <li><a href="/bloggar/">Bloggar</a></li>
                  <li><a href="/shop/">Shop</a></li>
                </ul>
              </div>
              <div class="c-menu__search c-menu__search--desk">
                <form method="get" action="/search">
                  <div class="c-menu__search-container">
                    <input name="s" placeholder="Sök" data-cy="search-input" type="text" value="">
                    <div class="c-menu__search__close">
                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#7e7e7e" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/>
                      </svg>
                    </div>
                  </div>
                  <input class="o-button o-button--secondary" data-cy="search-btn" type="submit" value="Sök">
                </form>
                <div class="c-menu__search__overlay"></div>
              </div>
              <div class="c-menu__secondary-items">
                <a class="item item--button prenumerera" href="https://prenumerera.se/tidningar/?utm_source=allas.se&utm_medium=menu&utm_campaign=prenumerera2023" target="_blank">Prenumerera</a>
                <a class="item item--button login" href="https:&#x2F;&#x2F;login.allermedia.se/?return=https://www.allas.se/">Logga
                    in</a>
                <a class="item item--button my-page" href="https://www.allas.se/mina-sidor/">Min
                    sida</a>
                <div class="item item--cookie js-open-cookie-settings" aria-label="Hantera cookie preferenser">
                  <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M18 32.6249C15.9768 32.6249 14.0756 32.241 12.2962 31.4731C10.5168 30.7053 8.96904 29.6633 7.65281 28.347C6.33656 27.0308 5.29453 25.483 4.5267 23.7036C3.7589 21.9242 3.375 20.023 3.375 17.9999C3.375 16.096 3.7423 14.2633 4.4769 12.5018C5.21153 10.7403 6.22403 9.17968 7.5144 7.82008C8.8048 6.46045 10.3361 5.37344 12.1082 4.55904C13.8803 3.74462 15.7961 3.3374 17.8557 3.3374C18.3093 3.3374 18.7736 3.35759 19.2488 3.39797C19.7239 3.43834 20.2057 3.50662 20.6941 3.60279C20.5461 4.72779 20.6523 5.76865 21.0129 6.72538C21.3735 7.6821 21.9096 8.4869 22.6211 9.13978C23.3326 9.79265 24.1879 10.2609 25.187 10.5446C26.186 10.8283 27.2547 10.8643 28.3932 10.6528C27.9163 12.1278 28.1182 13.497 28.999 14.7605C29.8798 16.0239 31.073 16.7143 32.5788 16.8316C32.5942 17.0009 32.6057 17.1585 32.6134 17.3047C32.6211 17.4508 32.6249 17.6085 32.6249 17.7777C32.6249 19.8113 32.24 21.7271 31.4703 23.525C30.7005 25.323 29.6558 26.8978 28.3361 28.2494C27.0165 29.601 25.4687 30.6681 23.6928 31.4508C21.9168 32.2335 20.0192 32.6249 18 32.6249ZM15.7572 14.8556C16.3389 14.8556 16.8341 14.6489 17.2427 14.2354C17.6514 13.822 17.8557 13.3244 17.8557 12.7427C17.8557 12.1609 17.651 11.6658 17.2415 11.2571C16.8321 10.8484 16.3349 10.6441 15.75 10.6441C15.173 10.6441 14.6779 10.8488 14.2644 11.2583C13.8509 11.6678 13.6442 12.1649 13.6442 12.7499C13.6442 13.3268 13.8509 13.822 14.2644 14.2354C14.6779 14.6489 15.1754 14.8556 15.7572 14.8556ZM12.7572 22.3556C13.3389 22.3556 13.8341 22.1489 14.2427 21.7354C14.6514 21.322 14.8557 20.8244 14.8557 20.2427C14.8557 19.6609 14.651 19.1658 14.2415 18.7571C13.8321 18.3484 13.3349 18.1441 12.75 18.1441C12.173 18.1441 11.6779 18.3488 11.2644 18.7583C10.8509 19.1678 10.6442 19.6649 10.6442 20.2499C10.6442 20.8268 10.8509 21.322 11.2644 21.7354C11.6779 22.1489 12.1754 22.3556 12.7572 22.3556ZM22.5072 23.8556C22.8889 23.8556 23.2091 23.7239 23.4677 23.4604C23.7264 23.197 23.8557 22.8744 23.8557 22.4927C23.8557 22.1109 23.7258 21.7908 23.4659 21.5321C23.2061 21.2734 22.8841 21.1441 22.5 21.1441C22.123 21.1441 21.8029 21.274 21.5394 21.5339C21.2759 21.7938 21.1442 22.1157 21.1442 22.4999C21.1442 22.8768 21.2759 23.197 21.5394 23.4604C21.8029 23.7239 22.1254 23.8556 22.5072 23.8556ZM18.0026 30.3749C21.1425 30.3749 23.9284 29.2648 26.3605 27.0446C28.7926 24.8244 30.1259 22.0028 30.3606 18.5797C29.0721 18.0393 28.0644 17.2893 27.3375 16.3297C26.6106 15.37 26.151 14.2546 25.9586 12.9835C23.9663 12.7566 22.2803 11.9748 20.9005 10.6383C19.5206 9.30177 18.7163 7.62291 18.4875 5.60176C16.5356 5.51329 14.7673 5.8277 13.1827 6.545C11.5981 7.26233 10.2466 8.22243 9.12832 9.4253C8.01005 10.6282 7.14659 11.9854 6.53794 13.4969C5.92926 15.0085 5.62492 16.5095 5.62492 17.9999C5.62492 21.421 6.83214 24.3388 9.24656 26.7533C11.661 29.1677 14.5797 30.3749 18.0026 30.3749Z" fill="#02505F"/>
                  </svg>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="c-menu__mega" data-test-id="menu-overlay">
      <div class="o-wrapper">
        <div class="o-grid">
          <div class="o-grid__item o-grid__cell u-1/1">
            <div class="c-menu__search c-menu__search--mob c-menu__search--full">
              <form method="get" action="/search">
                <div class="c-menu__search-container">
                  <input name="s" placeholder="Sök" data-cy="search-input" type="text" value="">
                  <div class="c-menu__search__close">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#7e7e7e" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
                      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/>
                    </svg>
                  </div>
                </div>
              </form>
              <div class="c-menu__search__overlay"></div>
            </div>
            <ul class="c-menu__mega--columns" data-test-id="menu-columns">
             <li class="c-menu__member__wrapper">
                <div class="c-menu__title ">
                    <a href="https:&#x2F;&#x2F;login.allermedia.se/mina-sidor" class="settings">
                        <strong>Mina inställningar</strong>
                        <img src="/images/external-link-allas.svg" />
                    </a>
                </div>
                <div class="c-menu__title">
                    <strong class="logout">Logga ut</strong>
                </div>
            </li>
                <li>
                  <div class="c-menu__title">
                      <a href="&#x2F;livsoden&#x2F;" target="">
                      <strong>Livsöden</strong>
                      </a>
                      <div class="c-menu__title--toggle">
                        <div class="c-menu__title--clickarea"></div>
                        <svg width="15" height="12">
                          <path fill="#035969" d="M1.6,5.1C1.7,5,1.9,4.9,2,4.9c0.1,0,0.3,0.1,0.4,0.1L8,10.7l5.6-5.6C13.8,5,14,4.9,14.1,5
                            c0.2,0,0.3,0.2,0.4,0.4c0,0.2,0,0.4-0.1,0.5l-6,6c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3-0.1-0.4-0.1l-6-6C1.6,5.7,1.5,5.6,1.5,5.4
                            S1.6,5.2,1.6,5.1z"/>
                        </svg>
                      </div>
                  </div>

                  <ul class="c-menu__mega--child c-menu__mega--collapsed">
                      <li>
                        <a  href="&#x2F;etikett&#x2F;l%C3%A4sarber%C3%A4ttelser&#x2F;" target="_self">Livsberättelser</a>
                      </li>
                  </ul>
                </li>
                <li>
                  <div class="c-menu__title">
                      <a href="&#x2F;halsa&#x2F;" target="">
                      <strong>Hälsa</strong>
                      </a>
                  </div>

                  <ul class="c-menu__mega--child c-menu__mega--collapsed">
                  </ul>
                </li>
                <li>
                  <div class="c-menu__title">
                      <a href="&#x2F;relationer&#x2F;" target="">
                      <strong>Relationer</strong>
                      </a>
                  </div>

                  <ul class="c-menu__mega--child c-menu__mega--collapsed">
                  </ul>
                </li>
                <li>
                  <div class="c-menu__title">
                      <a href="&#x2F;handarbete&#x2F;" target="">
                      <strong>Handarbete</strong>
                      </a>
                  </div>

                  <ul class="c-menu__mega--child c-menu__mega--collapsed">
                  </ul>
                </li>
                <li>
                  <div class="c-menu__title">
                      <a href="&#x2F;video&#x2F;" target="">
                      <strong>Video</strong>
                      </a>
                  </div>

                  <ul class="c-menu__mega--child c-menu__mega--collapsed">
                  </ul>
                </li>
                <li>
                  <div class="c-menu__title">
                      <a href="&#x2F;bloggar&#x2F;" target="">
                      <strong>Bloggar</strong>
                      </a>
                  </div>

                  <ul class="c-menu__mega--child c-menu__mega--collapsed">
                  </ul>
                </li>
                <li>
                  <div class="c-menu__title">
                      <a href="&#x2F;shop&#x2F;" target="">
                      <strong>Shop</strong>
                      </a>
                  </div>

                  <ul class="c-menu__mega--child c-menu__mega--collapsed">
                  </ul>
                </li>
                <li>
                  <div class="c-menu__title">
                      <strong>Hem &amp; trädgård</strong>
                      <div class="c-menu__title--toggle">
                        <div class="c-menu__title--clickarea"></div>
                        <svg width="15" height="12">
                          <path fill="#035969" d="M1.6,5.1C1.7,5,1.9,4.9,2,4.9c0.1,0,0.3,0.1,0.4,0.1L8,10.7l5.6-5.6C13.8,5,14,4.9,14.1,5
                            c0.2,0,0.3,0.2,0.4,0.4c0,0.2,0,0.4-0.1,0.5l-6,6c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3-0.1-0.4-0.1l-6-6C1.6,5.7,1.5,5.6,1.5,5.4
                            S1.6,5.2,1.6,5.1z"/>
                        </svg>
                      </div>
                  </div>

                  <ul class="c-menu__mega--child c-menu__mega--collapsed">
                      <li>
                        <a  href="&#x2F;tradgard&#x2F;" target="_self">Trädgård</a>
                      </li>
                      <li>
                        <a  href="&#x2F;hushall&#x2F;" target="_self">Hushåll</a>
                      </li>
                      <li>
                        <a  href="&#x2F;ekonomi&#x2F;" target="_self">Ekonomi</a>
                      </li>
                      <li>
                        <a  href="&#x2F;mat-och-dryck&#x2F;" target="_self">Mat &amp; dryck</a>
                      </li>
                      <li>
                        <a  href="&#x2F;etikett&#x2F;antik%20och%20auktion&#x2F;" target="_self">Loppis &amp; antikt</a>
                      </li>
                      <li>
                        <a  href="&#x2F;diy&#x2F;" target="_self">DIY - gör det själv</a>
                      </li>
                  </ul>
                </li>
                <li>
                  <div class="c-menu__title">
                      <strong>Underhållning</strong>
                      <div class="c-menu__title--toggle">
                        <div class="c-menu__title--clickarea"></div>
                        <svg width="15" height="12">
                          <path fill="#035969" d="M1.6,5.1C1.7,5,1.9,4.9,2,4.9c0.1,0,0.3,0.1,0.4,0.1L8,10.7l5.6-5.6C13.8,5,14,4.9,14.1,5
                            c0.2,0,0.3,0.2,0.4,0.4c0,0.2,0,0.4-0.1,0.5l-6,6c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3-0.1-0.4-0.1l-6-6C1.6,5.7,1.5,5.6,1.5,5.4
                            S1.6,5.2,1.6,5.1z"/>
                        </svg>
                      </div>
                  </div>

                  <ul class="c-menu__mega--child c-menu__mega--collapsed">
                      <li>
                        <a  href="&#x2F;noje&#x2F;" target="_self">Nöje</a>
                      </li>
                      <li>
                        <a  href="&#x2F;tv&#x2F;" target="_self">TV</a>
                      </li>
                      <li>
                        <a  href="&#x2F;horoskop&#x2F;" target="_self">Horoskop</a>
                      </li>
                      <li>
                        <a  href="&#x2F;etikett&#x2F;quiz&#x2F;" target="_self">Quiz</a>
                      </li>
                  </ul>
                </li>
                <li>
                  <div class="c-menu__title">
                      <strong>Om oss</strong>
                      <div class="c-menu__title--toggle">
                        <div class="c-menu__title--clickarea"></div>
                        <svg width="15" height="12">
                          <path fill="#035969" d="M1.6,5.1C1.7,5,1.9,4.9,2,4.9c0.1,0,0.3,0.1,0.4,0.1L8,10.7l5.6-5.6C13.8,5,14,4.9,14.1,5
                            c0.2,0,0.3,0.2,0.4,0.4c0,0.2,0,0.4-0.1,0.5l-6,6c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3-0.1-0.4-0.1l-6-6C1.6,5.7,1.5,5.6,1.5,5.4
                            S1.6,5.2,1.6,5.1z"/>
                        </svg>
                      </div>
                  </div>

                  <ul class="c-menu__mega--child c-menu__mega--collapsed">
                      <li>
                        <a  href="&#x2F;om-oss&#x2F;" target="_self">Om oss &amp; kontakt</a>
                      </li>
                      <li>
                        <a  href="&#x2F;tidningar-hos-allas-se&#x2F;" target="_self">Tidningar hos Allas.se</a>
                      </li>
                      <li>
                        <a  href="&#x2F;nyhetsbrev&#x2F;" target="_self">Nyhetsbrev</a>
                      </li>
                      <li>
                        <a  href="&#x2F;om-cookies&#x2F;" target="_self">Om cookies</a>
                      </li>
                      <li>
                        <a  href="https:&#x2F;&#x2F;www.aller.se&#x2F;integritetspolicy&#x2F;" target="_blank">Integritetspolicy</a>
                      </li>
                      <li>
                        <a  class="alla-amnen-allas"  href="&#x2F;login&#x2F;" target="_self">Skapa konto</a>
                      </li>
                      <li>
                        <a  class="ot-sdk-show-settings"  href="#" target="_self"> </a>
                      </li>
                      <li>
                        <a  class="alla-amnen-allas"  href="&#x2F;alla-amnen&#x2F;" target="_self">Alla ämnen</a>
                      </li>
                      <li>
                        <a  class="alla-amnen-allas"  href="&#x2F;vara-skribenter&#x2F;" target="_self">Våra skribenter</a>
                      </li>
                  </ul>
                </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="c-menu__progress"><span></span></div>
      <div class="c-menu__trending" data-test-id="menu-trending">
        <div class="c-menu__trending__container">
          <strong>Snackisar:
          </strong>
          <ul>
              <li><a class="c-menu__trending__link" data-test-id="menu-trending-link" href="https:&#x2F;&#x2F;www.allas.se&#x2F;etikett&#x2F;l%c3%a4sarber%c3%a4ttelser&#x2F;">Läsarberättelser</a></li>
              <li><a class="c-menu__trending__link" data-test-id="menu-trending-link" href="https:&#x2F;&#x2F;www.allas.se&#x2F;etikett&#x2F;virka&#x2F;">Virka</a></li>
              <li><a class="c-menu__trending__link" data-test-id="menu-trending-link" href="https:&#x2F;&#x2F;www.allas.se&#x2F;etikett&#x2F;odling&#x2F;">Odling</a></li>
              <li><a class="c-menu__trending__link" data-test-id="menu-trending-link" href="https:&#x2F;&#x2F;www.allas.se&#x2F;tradgard&#x2F;">Trädgård</a></li>
              <li><a class="c-menu__trending__link" data-test-id="menu-trending-link" href="https:&#x2F;&#x2F;www.allas.se&#x2F;etikett&#x2F;husmorstips&#x2F;">Husmorstips</a></li>
              <li><a class="c-menu__trending__link" data-test-id="menu-trending-link" href="https:&#x2F;&#x2F;www.allas.se&#x2F;horoskop&#x2F;">Horoskop</a></li>
          </ul>
        </div>
      </div>
  </div>
  <div class="c-menu__overlay"></div>
</div>

                <section class="main front">


                    <div class="row large-12">

    <div class="markupbox column large-12 small-12">
    <div class="content  ">
        
        <style>
div[style="background-color:#FEF8E4;"] {
  max-width: 629px;
  margin: 0.5px auto;
}

.cover-box {
  float: left;
  max-width: 120px;
  padding: 0 8px 0 0;
}

.cover-box img {
  margin-bottom: 11px;
}

.adress-wrapper {
  width: 100%;
  padding: 6px 0 10px 0;
  font-size: 18px;
}

.adress-title {
  margin-bottom: 10px;
}

.besok-adress-text {
  margin-bottom: 0;
}

.editor-wrapper {
  text-align: center;
  max-width: 304px;
}

.mag__header-small {
  font-family: "Masqualero W02", Georgia, serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 1px;
  margin-top: 31px;
}

.mag__text-title {
  font-family: "Masqualero W02", Georgia, serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 10px;
}

.c-mag__secondary-items {
  text-align: center;
  margin: 20px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.c-mag__secondary-items__text {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  width: 100%;
  max-width: 252px;
  margin-bottom: 27px;
}

.c-mag__secondary-items__title {
  font-family: "Masqualero W02", Georgia, serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: center;
  max-width: 220px;
  margin: 0 auto 7px auto;
}

.c-mag__secondary-items a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Avenir Next";
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  padding: 10px 30px;
  background: #025969;
  color: white;
  border-radius: 22px;
  white-space: nowrap;
}

.mag__text {
  font-family: "PT serif";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 8px;
}

.editor-info {
  font-family: "PT serif";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  width: 100%;
  margin: 6px 0 25px;
}

.editor-info a {
  font-weight: 700;
  color: #035969;
}

.trendande-wrapper {
  display: flex;
  flex-flow: wrap;
  width: 100%;
  margin: 0px auto 40px auto;
  padding-bottom: 76px;
  border-bottom: solid 1px black;
  justify-content: center;
  font-family: "Avenir Next";
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  gap: 10px;
}

.trendande-box {
  flex-basis: 33%;
  margin-bottom: 5px;
  max-height: 152px;
  max-width: 109px;
  text-align: center;
}

.trendande-box a img {
  margin-bottom: 5px;
}

.trendande-text {
  margin-bottom: 0;
}

@media only screen and (min-width: 740px) and (max-width: 1199px) {
  .adress-wrapper {
    display: flex;
    justify-content: space-evenly;
  }

  .cover-wrapper {
    padding-top: 42px;
  }

  .editor--main--wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
  }

  .editor-wrapper {
    flex-basis: 50%;
  }

  .c-mag__secondary-items__title {
    max-width: unset;
  }

  .c-mag__secondary-items__text {
    max-width: unset;
  }
}

@media only screen and (min-width: 1200px) {
  div[style="background-color:#FEF8E4;"] {
    margin: 7.5px auto;
  }

  .adress-wrapper {
    display: flex;
    justify-content: center;
    gap: 14px;
  }

  .adress-item {
    flex: 0 0 304px;
  }

  .cover-wrapper {
    padding-top: 42px;
    max-width: 631px;
    display: flex;
    margin-bottom: 13px;
  }

  .cover-box {
    float: unset;
    max-width: unset;
    padding: 0 16px 0 0;
  }
  .cover-box img {
    max-width: 227px;
    max-height: 299px;
  }

  .mag__text {
    max-width: 388px;
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 0;
  }

  .editor--main--wrapper {
    display: flex;
    gap: 14px;
  }

  .editor-info {
    text-align: left;
  }

  .text-only {
    max-width: 629px;
  }

  .c-mag__secondary-items {
    margin: 0;
    flex-direction: row;
    justify-content: space-between;
    min-width: 100%;
    padding: 20px 30px 0px;
  }

  .c-mag__secondary-items__title {
    text-align: left;
    margin: 0 0 5px 0;
    max-width: 300px;
  }

  .c-mag__secondary-items__text {
    text-align: left;
    max-width: 322px;
  }

  .trendande-wrapper {
    gap: 16px;
    margin: 15px auto 50px auto;
  }

  .trendande-box {
    max-width: 147px;
  }
}
</style>

<div class="cover-wrapper">
  <div class="cover-box">
    <a><img src="https://www.allas.se/files/2022/08/31/Allers-sall_publicationcoverimage%201.png"></a>
  </div>
  <div class="cover-text">
    <p class="mag__text-title">Allers på nätet</p>
    <p class="mag__text">
På sajten allas.se hittar du som gillar Allers våra härliga artiklar – och ännu mycket mer! Vi har gått ihop med våra systertidningar Året Runt, Hemmets veckotidning, Allas, Antik & Auktion och Allers Trädgård för att ge dig det bästa från alla världar.
    </p>
  </div>
</div>
        
    </div>
</div>

</div>
<script type="text/javascript">
    function sendCTS() {
        let ctsLink = document.querySelector(".row__link a").href;
        if (window.cts) {
              cts.send.event('action', 'click', `NewCategoryDesign|${ctsLink}`);
        }
    }
</script>


<div class="row large-12">

    <div class="markupbox column large-12 small-12">
    <div class="content  " style="background-color:#FEF8E4;">
        
        <div class="c-mag__secondary-items">
  <div>
    <h3 class="c-mag__secondary-items__title">
      Prenumerera på Allers
    </h3>
    <p class="c-mag__secondary-items__text">
      Vill du prenumerera på Allers?
    </p>
  </div>
  <div>
    <a
      href="https://prenumerera.se/tidningar/allers/?utm_source=allasse&utm_medium=allers&utm_campaign=prenumerera_cta/"
      alt="Prenumerera på Allers"
      >Prenumerera idag
    </a>
  </div>
</div>
        
    </div>
</div>

</div>
<script type="text/javascript">
    function sendCTS() {
        let ctsLink = document.querySelector(".row__link a").href;
        if (window.cts) {
              cts.send.event('action', 'click', `NewCategoryDesign|${ctsLink}`);
        }
    }
</script>


<div class="row large-12">

    <div class="top-4-articles" id="top-4-articles-8753773">
    <div class="title">Utvald läsning</div>
    <div class="articles-overflow">
        <div class="articles">
            <article
    class="column large-abs-12 cts-impression-group"
    data-id="10146497"
    
>
        <a
            itemprop="url"
            class="c-post__link cts-impression-item"
            href="https:&#x2F;&#x2F;www.allas.se&#x2F;relationer&#x2F;svarfar-gjorde-mig-rasande&#x2F;10146497"
            
data-cts-path="https:&#x2F;&#x2F;www.allas.se&#x2F;relationer&#x2F;svarfar-gjorde-mig-rasande&#x2F;10146497"
data-cts-label="Nina: Min svärfar gjorde mig rasande"
data-cts-id="10146497"
data-cts-creative="article-teaser standard"
        >
        </a>

    <div
        class="content"
        
    >


        <div class="media">
                
                <figure class="   ">
    <img itemprop="image" 
        width="1058"
        height="477"
        fetchpriority="low"
        loading="lazy"
        class="lazy"
        decoding="async"
        data-src="https:&#x2F;&#x2F;image.allas.se&#x2F;10146744.jpg?imageId=10146744&amp;panox=0.12531578947369&amp;panoy=7.1428571428571&amp;panow=100.12531578947&amp;panoh=64.523814285714&amp;heighty=0.17825668449197&amp;heightx=26.685393258427&amp;heightw=32.116106741573&amp;heighth=100.17825668449&amp;width=1058&amp;height=477"
        src="https:&#x2F;&#x2F;image.allas.se&#x2F;10146744.jpg?imageId=10146744&amp;panox=0.12531578947369&amp;panoy=7.1428571428571&amp;panow=100.12531578947&amp;panoh=64.523814285714&amp;heighty=0.17825668449197&amp;heightx=26.685393258427&amp;heightw=32.116106741573&amp;heighth=100.17825668449&amp;width=1058&amp;height=477&width=53&height=24"
        style="max-width:100%"
    title=""
    alt=""
    >
    

    <div class="speechBubble">
        <div class="shape"></div>
        <div class="number"></div>
    </div>
</figure>

                
                
                

            <div class="floatingText">




            </div>
        </div>
        <div class="wrapper-category-headline">

            <div class="c-post__head">

                        <div class="c-post__category">
                            <a href="https:&#x2F;&#x2F;www.allas.se&#x2F;relationer&#x2F;" target="_self">relationer</a>
                        </div>
            </div>

            <h2 class="headline t32 tm28">
                
                Nina: Min svärfar gjorde mig rasande
            </h2>
        </div>



        

    </div>
</article>
<article
    class="column large-abs-12 cts-impression-group"
    data-id="10087282"
    
>
        <a
            itemprop="url"
            class="c-post__link cts-impression-item"
            href="https:&#x2F;&#x2F;www.allas.se&#x2F;diy&#x2F;pyssla-med-tomma-toalettrullar&#x2F;10087282"
            
data-cts-path="https:&#x2F;&#x2F;www.allas.se&#x2F;diy&#x2F;pyssla-med-tomma-toalettrullar&#x2F;10087282"
data-cts-label="Pyssla med tomma toalettrullar"
data-cts-id="10087282"
data-cts-creative="article-teaser standard"
        >
        </a>

    <div
        class="content"
        
    >


        <div class="media">
                
                <figure class="   ">
    <img itemprop="image" 
        width="1058"
        height="477"
        fetchpriority="low"
        loading="lazy"
        class="lazy"
        decoding="async"
        data-src="https:&#x2F;&#x2F;image.allas.se&#x2F;10087460.jpg?imageId=10087460&amp;panox=0&amp;panoy=0&amp;panow=100&amp;panoh=100&amp;heighty=0.48309130434783&amp;heightx=7.1225071225071&amp;heightw=32.446976638177&amp;heighth=100.48309130435&amp;width=1058&amp;height=477"
        src="https:&#x2F;&#x2F;image.allas.se&#x2F;10087460.jpg?imageId=10087460&amp;panox=0&amp;panoy=0&amp;panow=100&amp;panoh=100&amp;heighty=0.48309130434783&amp;heightx=7.1225071225071&amp;heightw=32.446976638177&amp;heighth=100.48309130435&amp;width=1058&amp;height=477&width=53&height=24"
        style="max-width:100%"
    title=""
    alt=""
    >
    

    <div class="speechBubble">
        <div class="shape"></div>
        <div class="number"></div>
    </div>
</figure>

                
                
                

            <div class="floatingText">




            </div>
        </div>
        <div class="wrapper-category-headline">

            <div class="c-post__head">

                        <div class="c-post__category">
                            <a href="https:&#x2F;&#x2F;www.allas.se&#x2F;diy&#x2F;" target="_self">diy</a>
                        </div>
            </div>

            <h2 class="headline t32 tm28">
                
                Pyssla med tomma toalettrullar
            </h2>
        </div>



        

    </div>
</article>
<article
    class="column large-abs-12 cts-impression-group"
    data-id="10091175"
    
>
        <a
            itemprop="url"
            class="c-post__link cts-impression-item"
            href="https:&#x2F;&#x2F;www.allas.se&#x2F;hushall&#x2F;radda-brand-kastrull-med-lask&#x2F;10091175"
            
data-cts-path="https:&#x2F;&#x2F;www.allas.se&#x2F;hushall&#x2F;radda-brand-kastrull-med-lask&#x2F;10091175"
data-cts-label="Test: Rädda en bränd kastrull med läsk?"
data-cts-id="10091175"
data-cts-creative="article-teaser standard"
        >
        </a>

    <div
        class="content"
        
    >


        <div class="media">
                
                <figure class="   ">
    <img itemprop="image" 
        width="1058"
        height="477"
        fetchpriority="low"
        loading="lazy"
        class="lazy"
        decoding="async"
        data-src="https:&#x2F;&#x2F;image.allas.se&#x2F;10091181.jpg?imageId=10091181&amp;panox=0&amp;panoy=0&amp;panow=100&amp;panoh=100&amp;heighty=0&amp;heightx=0&amp;heightw=100&amp;heighth=100&amp;width=1058&amp;height=477"
        src="https:&#x2F;&#x2F;image.allas.se&#x2F;10091181.jpg?imageId=10091181&amp;panox=0&amp;panoy=0&amp;panow=100&amp;panoh=100&amp;heighty=0&amp;heightx=0&amp;heightw=100&amp;heighth=100&amp;width=1058&amp;height=477&width=53&height=24"
        style="max-width:100%"
    title=""
    alt=""
    >
    

    <div class="speechBubble">
        <div class="shape"></div>
        <div class="number"></div>
    </div>
</figure>

                
                
                

            <div class="floatingText">




            </div>
        </div>
        <div class="wrapper-category-headline">

            <div class="c-post__head">

                        <div class="c-post__category">
                            <a href="https:&#x2F;&#x2F;www.allas.se&#x2F;hushall&#x2F;" target="_self">hushåll</a>
                        </div>
            </div>

            <h2 class="headline t32 tm28">
                
                Test: Rädda en bränd kastrull med läsk?
            </h2>
        </div>



        

    </div>
</article>
<article
    class="column large-abs-12 cts-impression-group"
    data-id="9974482"
    
>
        <a
            itemprop="url"
            class="c-post__link cts-impression-item"
            href="https:&#x2F;&#x2F;www.allas.se&#x2F;tradgard&#x2F;odla-med-barn-5-enkla-odlingar&#x2F;9974482"
            
data-cts-path="https:&#x2F;&#x2F;www.allas.se&#x2F;tradgard&#x2F;odla-med-barn-5-enkla-odlingar&#x2F;9974482"
data-cts-label="Odla med barn – 5 enkla odlingar som barnen älskar"
data-cts-id="9974482"
data-cts-creative="article-teaser standard"
        >
        </a>

    <div
        class="content"
        
    >


        <div class="media">
                
                <figure class="   ">
    <img itemprop="image" 
        width="1058"
        height="477"
        fetchpriority="low"
        loading="lazy"
        class="lazy"
        decoding="async"
        data-src="https:&#x2F;&#x2F;image.allas.se&#x2F;9986478.jpg?imageId=9986478&amp;panox=0&amp;panoy=0&amp;panow=100&amp;panoh=100&amp;heighty=0&amp;heightx=0&amp;heightw=100&amp;heighth=100&amp;width=1058&amp;height=477"
        src="https:&#x2F;&#x2F;image.allas.se&#x2F;9986478.jpg?imageId=9986478&amp;panox=0&amp;panoy=0&amp;panow=100&amp;panoh=100&amp;heighty=0&amp;heightx=0&amp;heightw=100&amp;heighth=100&amp;width=1058&amp;height=477&width=53&height=24"
        style="max-width:100%"
    title=""
    alt=""
    >
    

    <div class="speechBubble">
        <div class="shape"></div>
        <div class="number"></div>
    </div>
</figure>

                
                
                

            <div class="floatingText">




            </div>
        </div>
        <div class="wrapper-category-headline">

            <div class="c-post__head">

                        <div class="c-post__category">
                            <a href="https:&#x2F;&#x2F;www.allas.se&#x2F;tradgard&#x2F;" target="_self">trädgård</a>
                        </div>
            </div>

            <h2 class="headline t32 tm28">
                
                Odla med barn – 5 enkla odlingar som barnen älskar
            </h2>
        </div>



        

    </div>
</article>

            <div class="placeholder-article-1"></div>
            <div class="placeholder-article-2"></div>
            <div class="placeholder-article-3"></div>
            <div class="placeholder-article-4"></div>
        </div>
    </div>
</div>

</div>
<script type="text/javascript">
    function sendCTS() {
        let ctsLink = document.querySelector(".row__link a").href;
        if (window.cts) {
              cts.send.event('action', 'click', `NewCategoryDesign|${ctsLink}`);
        }
    }
</script>


<div class="row large-12">

    <div class="markupbox column large-12 small-12">
    <div class="content  ">
        
        <div>
  <p class="mag__text-title">Allers</p>
  <p class="mag__text text-only">
Välkommen till Allers – Sveriges äldsta och mest lästa veckotidning!
<br>
<br>
Allers vill göra ditt liv enklare, roligare och mer intressant.
<br>
<br>
Här finns reportagen som engagerar, handfasta tips för hem och trädgård, mönster, inspiration, kreativa idéer och fantastiska recept – noga testade och provsmakade i vårt provkök.
<br>
<br>
Allers är också kryssälskarens självklara val. Här finns Sveriges bästa korsord, en del lättlösta, flera mellansvåra och några riktigt kluriga!
  </p>
</div>

        
    </div>
</div>

</div>
<script type="text/javascript">
    function sendCTS() {
        let ctsLink = document.querySelector(".row__link a").href;
        if (window.cts) {
              cts.send.event('action', 'click', `NewCategoryDesign|${ctsLink}`);
        }
    }
</script>


<div class="row large-12">

    
<!-- placeholder(#1) -->
<content-box data-type="most-read">

    <div class="column large-12 small-12">
        <div class="content ">

            <p class="c-posts__header tm25">Mest läst just nu</p>
            <section class="c-posts">
                <div class="c-posts__wrapper">
                    <div class="o-grid">

                    </div>
                </div>
            </section>
        </div>
    </div>
</content-box>

<div id="most-read-article-template" style="display: none">
    <div class="o-grid__cell u-1/4">
        <section class="c-post c-post--fade">
            <article id="">
                <a href="" class="c-post__link"></a>

                <div class="c-post__image">
                    <a href="">
                        <img
                            src=""
                            alt="image alt"
                            srcset=""
                            sizes="(max-width: 320px) 200px, (max-width: 480px) 300px, (max-width: 640px) 400px, (max-width: 800px) 600px, (max-width: 1000px) 800px, (max-width: 1200px) 1060px, (max-width: 1300px) 1060px, (max-width: 1600px) 1300px, 100vw"
                            width="330"
                            height="174"
                            decoding="async"
                            fetchpriority="low"
                        >
                            <div class="c-post__count c-post__count--circle">
                                <div class="c-post__count__shape">
                                    <div class="c-post__count__number"></div>
                                </div>
                            </div>
                    </a>
                </div>
                <div class="c-post__wrapper">
                        <div class="c-post__head">
                                <div class="c-post__category">
                                    <a class="c-post__category__link" href="#" target="_self"></a>
                                </div>
                        </div>


                    <div class="c-post__title">
                        <h2 itemprop="headline" class="headline t18 tm18">
                            <a href=""></a>
                        </h2>
                    </div>
                </div>
            </article>
        </section>
    </div>
</div>

<script type="text/javascript">
    var ids = [9924693,106015,8069103,10136502];
    var counter = 0;
    var secondTry = true;
    var limit = Number(4);
    var hasIds = Array.isArray(ids) && ids.length > 0

    var getPosts = function (query = '', idField = 'id') {
        fetch('https://api.allas.se/article?query=' + query, {
            method: 'GET',
        })
        .then((response) => response.json())
        .then((data) => {
            var template = document.querySelector('#most-read-article-template > .o-grid__cell');
            var parentDiv = document.querySelector('.c-posts__wrapper > .o-grid');

            var children = data.result.map(function (article) {
                counter++;
                if (counter > limit) {
                    return;
                }

                var t = template.cloneNode(true);

                let cropOptions = '';

                if ('crop' in article) {
                    if ('pano' in article.crop) {
                        cropOptions += 'x' in article.crop.pano ? `&panox=${article.crop.pano.x}` : '';
                        cropOptions += 'y' in article.crop.pano ? `&panoy=${article.crop.pano.y}` : '';
                        cropOptions += 'cropw' in article.crop.pano ? `&panow=${article.crop.pano.cropw}` : '';
                        cropOptions += 'croph' in article.crop.pano ? `&panoh=${article.crop.pano.croph}` : '';
                    }

                    if ('height' in article.crop) {
                        cropOptions += 'x' in article.crop.height ? `&heightx=${article.crop.height.x}` : '';
                        cropOptions += 'y' in article.crop.height ? `&heighty=${article.crop.height.y}` : '';
                        cropOptions += 'cropw' in article.crop.height ? `&heightw=${article.crop.height.cropw}` : '';
                        cropOptions += 'croph' in article.crop.height ? `&heighth=${article.crop.height.croph}` : '';
                    }
                }

                let imageUrl = `https://image.allas.se/${article.image}.jpg?imageId=${article.image}${cropOptions}&width=330&height=174`;

                // Get text for category
                let categoryText = '';
                if (article.isNativeAd) {
                    categoryText = article.nativeAdLabel;
                } else {
                    categoryText = article.section_tag;
                }

                t.querySelector('article').setAttribute('id', article.id);
                t.querySelector('article').setAttribute('class', 'most-read-article');
                t.querySelector('article > a').setAttribute('href', article.published_url);
                t.querySelector('article > .c-post__image a').setAttribute('href', article.published_url);
                t.querySelector('article > .c-post__image img').setAttribute('src', imageUrl);
                t.querySelector('article > .c-post__image img').setAttribute('srcset', `${imageUrl} 330w`);

                t.querySelector('article .c-post__count__number').innerHTML = counter;

                t.querySelector('article .c-post__category a').innerHTML = categoryText;
                t.querySelector('article .c-post__category a').setAttribute('href', `/${article.section_tag.replace(/å/g, 'a').replace(/ä/g, 'a').replace(/ö/g, 'o').replace(/\s/g, '-').replace(/&/g, '-')}/`);

                t.querySelector('article .c-post__title a').setAttribute('href', article.published_url);
                t.querySelector('article .c-post__title a').innerHTML = article.title;

                return t
            });

            for (var i = 0; i < children.length; i++) {
                parentDiv.append(children[i]);
            }


        })
        .catch((error) => {
            console.error('Something wrong happened fetching most read articles.', error);
        });
    };


    var labradorPostsQuery = hasIds ? `id:( ${ids.join(' OR ')}  )` : ''; //  AND (*:* NOT extId:*)

    // Labrador posts
    getPosts(labradorPostsQuery);

</script>


</div>
<script type="text/javascript">
    function sendCTS() {
        let ctsLink = document.querySelector(".row__link a").href;
        if (window.cts) {
              cts.send.event('action', 'click', `NewCategoryDesign|${ctsLink}`);
        }
    }
</script>


<div class="row large-12">

    <div class="markupbox column large-12 small-12">
    <div class="content  " style="background-color:#FEF8E4;">
        
        <div class="c-mag__secondary-items">
  <div>
    <h3 class="c-mag__secondary-items__title">Kontakta Allers</h3>
    <p class="c-mag__secondary-items__text">
      Vill du komma i kontakt med Allers kundtjänst?
    </p>
  </div>
  <div>
    <a
      href="https://prenumerera.se/kundservice/"
      alt="Kontakta Allers kundtjänst"
      >Kontakta oss
    </a>
  </div>
</div>

        
    </div>
</div>

</div>
<script type="text/javascript">
    function sendCTS() {
        let ctsLink = document.querySelector(".row__link a").href;
        if (window.cts) {
              cts.send.event('action', 'click', `NewCategoryDesign|${ctsLink}`);
        }
    }
</script>


<div class="row large-12">

    <div class="markupbox column large-12 small-12">
    <div class="content  " style="background-color:#FEF8E4;">
        
        <div class="c-mag__secondary-items">
  <div>
    <h3 class="c-mag__secondary-items__title">Allers recept</h3>
    <p class="c-mag__secondary-items__text">
      Fullt av roliga recept för hela familjen
    </p>
  </div>
  <div>
    <a 
href="https://recept.se/" 
      alt="Gå till recept.se"
      >Gå till recept.se
    </a>
  </div>
</div>
        
    </div>
</div>

</div>
<script type="text/javascript">
    function sendCTS() {
        let ctsLink = document.querySelector(".row__link a").href;
        if (window.cts) {
              cts.send.event('action', 'click', `NewCategoryDesign|${ctsLink}`);
        }
    }
</script>


<div class="row large-12">

    <div class="markupbox column large-12 small-12">
    <div class="content  " style="background-color:#FEF8E4;">
        
        <div class="c-mag__secondary-items">
  <div>
    <h3 class="c-mag__secondary-items__title">Allers läsarpanel</h3>
    <p class="c-mag__secondary-items__text">
      Vill du vara med i Allers läsarpanel?
    </p>
  </div>
  <div>
    <a 
href="https://www.rampanel.com/ram/PanelistRegistration?panelistreg=40625" 
      alt="Gå med i Allers läsarpanel"
      >Gå med i vår läsarpanel
    </a>
  </div>
</div>
        
    </div>
</div>

</div>
<script type="text/javascript">
    function sendCTS() {
        let ctsLink = document.querySelector(".row__link a").href;
        if (window.cts) {
              cts.send.event('action', 'click', `NewCategoryDesign|${ctsLink}`);
        }
    }
</script>


<div class="row large-12">

    <div class="markupbox column large-12 small-12">
    <div class="content  ">
        
        <h3 class="mag__header-small">Trendande ämnen</h3>

        
    </div>
</div>

</div>
<script type="text/javascript">
    function sendCTS() {
        let ctsLink = document.querySelector(".row__link a").href;
        if (window.cts) {
              cts.send.event('action', 'click', `NewCategoryDesign|${ctsLink}`);
        }
    }
</script>


<div class="row large-12">

    <div class="markupbox column large-12 small-12">
    <div class="content  ">
        
        <div class="trendande-wrapper">
  <div class="trendande-box">
    <a href="https://www.allas.se/etikett/gratis%20m%C3%B6nster/"
      ><img src="https://www.allas.se/files/2022/08/31/1-gratismonster.png"
    /></a>
    <p class="trendande-text">Gratis mönster</p>
  </div>

  <div class="trendande-box">
    <a href="https://www.allas.se/etikett/l%C3%A4sarber%C3%A4ttelser/"
      ><img src="https://www.allas.se/files/2022/08/31/2-lasarberattelser.png"
    /></a>
    <p class="trendande-text">Läsarberättelser</p>
  </div>
  <div class="trendande-box">
    <a href="﻿﻿https://www.allas.se/etikett/husmorstips/"
      ><img src="https://www.allas.se/files/2022/08/31/3-husmorstips.png"
    /></a>
    <p class="trendande-text">Husmorstips</p>
  </div>
  <div class="trendande-box">
    <a href="https://www.allas.se/etikett/krim/"
      ><img src="https://www.allas.se/files/2022/08/31/4-krim.png"
    /></a>
    <p class="trendande-text">Krim</p>
  </div>
  <div class="trendande-box">
      <a href="https://www.allas.se/etikett/ton%C3%A5rsproblem/"
      >
<img src="https://www.allas.se/files/2022/08/31/5-tonarsproblem.png"
    /></a>
    <p class="trendande-text">Tonårsproblem</p>
  </div>
  <div class="trendande-box">
    <a href="https://www.allas.se/etikett/kroppsaktivism/﻿﻿﻿﻿﻿"
      ><img src="https://www.allas.se/files/2022/08/31/6-kroppsaktivism.png"
    /></a>
    <p class="trendande-text">Kroppsaktivism</p>
  </div>
  <div>

        
    </div>
</div>

</div>
<script type="text/javascript">
    function sendCTS() {
        let ctsLink = document.querySelector(".row__link a").href;
        if (window.cts) {
              cts.send.event('action', 'click', `NewCategoryDesign|${ctsLink}`);
        }
    }
</script>


<div class="row large-12">

    <div class="c-newsletter large-12 small-12 cts-impression-group" id="newslettersignup-8698679">
    <div class="c-newsletter__divider"></div>
    <form class="c-newsletter__form cts-impression-item" id="newsletterform" method="POST" action="https://se-labrador-helper-services.labrador.allermedia.io/newsletter/signup" data-cts-label="newsletter" data-cts-name="" data-cts-id="1">
        <input type="hidden" name="u" value="3" />
        <input type="hidden" name="f" value="3" />
        <input type="hidden" name="s" />
        <input type="hidden" name="c" value="0" />
        <input type="hidden" name="m" value="0" />
        <input type="hidden" name="act" value="sub" />
        <input type="hidden" name="v" value="2" />
        <input type="hidden" name="field[7]" value="TRUE" />
        <div class="c-newsletter__content">
         <div class="c-newsletter__text">
            <h4>Få nyhetsbrev från Allas – helt gratis!</h4>
            <p class="c-newsletter__text__info">Få nyhetsbrev  med massor av tips på rolig läsning, spännande nyheter inom hälsa och relationer, goda recept och mycket mer till din e-post varje vecka. Nyhetsbrevet är helt gratis!</p>
        </div>

            <div class="c-newsletter__bottom">
                <div class="c-newsletter__input">
                <div class="c-allas-nl__container">
                <div class="c-allas-nl__checkboxes">
                <div class="c-allas-nl__content">
                    <input class="newsletter-beta" type="checkbox" name="field[12]" id="c-allas--checkbox-12" value="TRUE"/>
                    <label class="newsletter-beta" for="c-allas--checkbox-12"></label>
                    Allas
                </div>
                <div class="c-allas-nl__content">
                    <input class="newsletter-beta" type="checkbox" name="field[39]" id="c-allas--checkbox-39" value="TRUE"/>
                    <label class="newsletter-beta" for="c-allas--checkbox-39"></label>
                    Allas DIY &amp; Pyssel
                </div>
                <div class="c-allas-nl__content">
                    <input class="newsletter-beta" type="checkbox" name="field[42]" id="c-allas--checkbox-42" value="TRUE"/>
                    <label class="newsletter-beta" for="c-allas--checkbox-42"></label>
                    Antik &amp; Auktion
                </div>
                <div class="c-allas-nl__content">
                    <input class="newsletter-beta" type="checkbox" name="field[55]" id="c-allas--checkbox-55" value="TRUE"/>
                    <label class="newsletter-beta" for="c-allas--checkbox-55"></label>
                    Trädgård
                </div>
                <div class="c-allas-nl__content">
                    <input class="newsletter-beta" type="checkbox" name="field[48]" id="c-allas--checkbox-48" value="TRUE"/>
                    <label class="newsletter-beta" for="c-allas--checkbox-48"></label>
                    Recept.se
                </div>
                <div class="c-allas-nl__content">
                    <input class="newsletter-beta" type="checkbox" name="field[69]" id="c-allas--checkbox-69" value="TRUE"/>
                    <label class="newsletter-beta" for="c-allas--checkbox-69"></label>
                    Allas Shopping
                </div>
              </div>
                  <div class="firstname newsletter-beta">
                    <input type="text" id="c-allas--input" name="firstname" class="newsletter-form-firstname" placeholder="Förnamn" />
                  </div>
                   <div class="lastname newsletter-beta">
                    <input type="text" id="c-allas--input" name="lastname" class="newsletter-form-lastname" placeholder="Efternamn" />
                  </div>
                  <div class="email newsletter-beta">
                    <input type="text" id="c-allas--input" name="email" class="newsletter-form-email" placeholder="E-post" />
                  </div>
                </div>
                <div class="c-allas-nl__button">
                    <div>
                        <button type="submit" class="c-newsletter__button c-newsletter__submitButton">Ja tack!</button>
                    </div>
                </div>
                </div>
                <div class="c-newsletter__validation-error"></div>
                <div class="c-newsletter__integrity">För mer information om hur vi behandlar din data se <a href="https://www.aller.se/integritetspolicy/" target="_blank">Aller Medias integritetspolicy</a>.</div>
            </div>
        </div>
        <div class="c-newsletter__overlay">
        <div class="c-newsletter__message">
          <img src="/images/paper-plane.svg" alt="">
          <h4>Tack!</h4>
          <p>Vi har skickat ett mejl till din e-postadress.</p><br>

          <p>Öppna mejlet och bekräfta din e-postadress så får du nyhetsbrevet inom kort.</p>
        </div>
      </div>
    </form>
    <div class="c-newsletter__divider"></div>
    <script type="text/javascript">
    (function () {
        var root = document.querySelector('.c-newsletter');
        var form = document.getElementById('newsletterform');
        var errorEl = form.querySelector('.c-newsletter__validation-error');
        var submitBtn = form.querySelector('.c-newsletter__submitButton');
        var formEmail = form.querySelector('.newsletter-form-email');
        var formFirstName = form.querySelector('.newsletter-form-firstname');
        var formLastName = form.querySelector('.newsletter-form-lastname');
        var overlay = form.querySelector('.c-newsletter__overlay');
        var successEl = form.querySelector('.c-newsletter__message');
        var errorString = '';
        var isEditMode = 'false'

        form.addEventListener('submit', function(e) {
            e.preventDefault()
            if (isEditMode === 'true') {
                return
            }
            errorString = '';
            errorEl.innerHTML = '';
           

            if (!/^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/.test(formEmail.value)) {
              errorString += '* Ange en giltig e-postadress<br>';
            }

            if (!formFirstName.value) {
              errorString += '* Ange ditt förnamn<br>';
            }
            if (!formLastName.value) {
              errorString += '* Ange ditt efternamn<br>';
            }

            const data = new FormData(form);
            const submitData = new URLSearchParams(data)
              .toString()
              .replace(/%5B/g,'[')
              .replace(/%5D/g,']');
            if (((submitData.match(/field\[/g) || []).length) < 2) {
              errorString += '* Välj ett eller flera nyhetsbrev<br>';
            }

            if (!errorString.length > 0) {
              submitBtn.disabled = true
              root.classList.add('c-newsletter--loading');

              fetch(`${form.action}?${submitData}&jsonp=true`)
                .then((response) => {
                if (response.ok) {
                  return response.json();
                }
                  return Promise.reject(response);
                })
                .then((result) => {
                  form.reset();
                  overlay.classList.add('c-newsletter__overlay--active');
                  submitBtn.disabled = false;
                  window.history.pushState(null, null, '?signup=success');
                  if(window.cts) {
                     cts.send.event('action','click','newsletter|signup');
                  }
                  root.classList.remove('c-newsletter--loading');
                  root.classList.add('c-newsletter--completed');
                })
                .catch((error) => {
                  errorEl.innerHTML = '<strong><h3>Det gick inte att prenumerera! Kontrollera formuläret och försök igen</h3></strong>';
                  submitBtn.disabled = false;
                  window.history.pushState(null, null, '?signup=error');
                  if(window.cts) {
                     cts.send.event('action','click','newsletter|signup');
                  }
                  root.classList.remove('c-newsletter--loading');
                });
            } else {
              errorEl.innerHTML = `<strong><h3>${errorString}</strong>`;
            }
        })
    }());
    </script>
</div>

</div>
<script type="text/javascript">
    function sendCTS() {
        let ctsLink = document.querySelector(".row__link a").href;
        if (window.cts) {
              cts.send.event('action', 'click', `NewCategoryDesign|${ctsLink}`);
        }
    }
</script>




                </section>


            </div>

<footer class="footer">
 <div class="footer__wrapper">
    <div class="footer__col footer__col--large">
    <img src="/view-resources/public/allas/images/Allas-Logotype-Hostanemon.svg">        <p class="small">Allas.se erbjuder gripande journalistik kring ämnen som relationer, hälsa och handarbete samt innehåll från veckotidningarna Allas, Allers, Hemmets Veckotidning, Året Runt, Allers Trädgård och Antik & Auktion.</p>
        <p class="smaller">Ansvarig utgivare: Åsa Liliegren</p>
    </div>

     <div class="footer__col footer__col--small">
            <strong>Om Allas</strong>
            <ul>
                <li><a href="/nyhetsbrev/">Nyhetsbrev</a></li>
                <li><a href="/alla-amnen/">Alla ämnen</a></li>
                <li><a href="/vara-skribenter/">Våra skribenter</a></li>
                <li><a href="/om-cookies/">Om cookies</a></li>
                <li><a class="ot-sdk-show-settings" href="#"></a></li>
                <li><a target="_blank" href="https://www.aller.se/integritetspolicy/">Integritetspolicy</a></li>

            </ul>
     </div>

    <div class="footer__col footer__col--small">
        <strong>Allas.se</strong>
        <ul>
            <li><a href="/livsoden/">Livsöden</a></li>
            <li><a href="/halsa/">Hälsa</a></li>
            <li><a href="/relationer/">Relationer</a></li>
            <li><a href="/handarbete/">Handarbete</a></li>
            <li><a href="/tradgard/">Trädgård</a></li>
            <li><a href="/noje/">Nöje</a></li>
        </ul>
    </div>

    <div class="footer__col footer__col--small">
        <strong>Kontakta oss</strong>
        <ul>
            <li><a href="/om-oss/">Kontakta oss</a></li>
            <li><a href="https://ocast.com/se/aller-media/" target="_blank" rel="nofollow">Annonsera hos oss</a></li>
            <li><a href="https://prenumerera.se">Prenumerera</a></li>
            <li><a href="https://prenumerera.se/tidningar/allas/">Allas</a></li>
            <li><a href="https://prenumerera.se/tidningar/allers/">Allers</a></li>
            <li><a href="https://prenumerera.se/tidningar/allers-tradgard/">Allers Trädgård</a></li>
            <li><a href="https://prenumerera.se/tidningar/hemmets-veckotidning/">Hemmets Veckotidning</a></li>
            <li><a href="https://prenumerera.se/tidningar/aret-runt/">Året runt</a></li>
            <li><a href="https://prenumerera.se/tidningar/antik--auktion/">Antik auktion</a></li>

        </ul>
    </div>

    <div class="footer__col footer__col--small">
        <strong>Följ oss</strong>
        <div class="footer__social">
            <a class="circle" href="https://sv-se.facebook.com/allasveckotidning/">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="#FFFFFF" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>
            </a>
            <a class="circle"href="https://www.instagram.com/allas.se/">
                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 448 512"><path fill="#FFFFFF" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>
            </a>
            <a class="circle" href="https://www.youtube.com/channel/UCbhwNRc_wF3tpAkM2feMTFA">
                <svg xmlns="http://www.w3.org/2000/svg" width="19" fill="currentColor" class="bi bi-pinterest" viewBox="0 0 16 16"><path d="M8 0a8 8 0 0 0-2.915 15.452c-.07-.633-.134-1.606.027-2.297.146-.625.938-3.977.938-3.977s-.239-.479-.239-1.187c0-1.113.645-1.943 1.448-1.943.682 0 1.012.512 1.012 1.127 0 .686-.437 1.712-.663 2.663-.188.796.4 1.446 1.185 1.446 1.422 0 2.515-1.5 2.515-3.664 0-1.915-1.377-3.254-3.342-3.254-2.276 0-3.612 1.707-3.612 3.471 0 .688.265 1.425.595 1.826a.24.24 0 0 1 .056.23c-.061.252-.196.796-.222.907-.035.146-.116.177-.268.107-1-.465-1.624-1.926-1.624-3.1 0-2.523 1.834-4.84 5.286-4.84 2.775 0 4.932 1.977 4.932 4.62 0 2.757-1.739 4.976-4.151 4.976-.811 0-1.573-.421-1.834-.919l-.498 1.902c-.181.695-.669 1.566-.995 2.097A8 8 0 1 0 8 0z"/></svg>
            </a>
        </div>
    </div>
   </div>
   <p class="footer__footnote">
        För prenumerationsärenden, ring <a href="tel:0424443000">042-444 30 00</a> • Ansvarig utgivare Åsa Liliegren © Copyright 2023 <a href="https://www.allas.se/"> Allas.se</a>
        <br>
        Allas.se är en del av <a href="https://www.aller.se/">Aller Media</a> • Nordenskiöldgatan 11 211 19 Malmö <a href="tel:0857801000">08-57 80 10 00</a>
   </p>

    <script async defer src="https://platform.instagram.com/en_US/embeds.js"></script>
    <script async src="https://connect.facebook.net/sv_SE/sdk.js#xfbml=1&version=v4.0&appId=1390493017945983&autoLogAppEvents=1"></script>
    
<script defer src="/view-resources/public/allas/js/bundle.js?v=c063722deb25579af38a"></script>    <script async defer src="//assets.pinterest.com/js/pinit.js" data-pin-build="parsePinBtns"></script>
</footer>


        </div>

    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v84a3a4012de94ce1a686ba8c167c359c1696973893317" integrity="sha512-euoFGowhlaLqXsPWQ48qSkBSCFs3DPRyiwVu3FjR96cMPx+Fr+gpWRhIafcHwqwCqWS42RZhIudOvEI+Ckf6MA==" data-cf-beacon='{"rayId":"85198f193f132267","b":1,"version":"2024.2.0","token":"56a300fbe8944c6082c6e0d6563a9717"}' crossorigin="anonymous"></script>
</body>
</html>
