CINXE.COM
Kontakt
<!DOCTYPE html> <html lang="sv"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Kontakt</title> <link href="/image-optimizations.css?v=Houut690Z8a0_jVLjDcTkVBnlWrP0uUvkYXfFIxWk_c" rel="stylesheet" data-turbo-track="reload"> <link rel="preconnect" href="https://cms.supporterklubben.se"> <link href="/dist/StagSans-BookItalic-Web.woff2" rel="preload" as="font" type="font/woff2" crossorigin="anonymous"> <link href="/dist/StagSans-Book-Web.woff2" rel="preload" as="font" type="font/woff2" crossorigin="anonymous"> <link href="/dist/StagSans-Semibold-Web.woff2" rel="preload" as="font" type="font/woff2" crossorigin="anonymous"> <link href="/dist/SvFFTrim-Condensed.woff2" rel="preload" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="image" href="https://cms.supporterklubben.se/4916fb/globalassets/svff/supporterklubben/mallgrafik/hero-splash.png" type="image/png"> <meta property="og:type" content="website"> <meta name="application-name" content="Kontakt"> <meta name="theme-color" content="#005293"> <link rel="shortcut icon" href="/favicon.ico" type="image/ico"> <link rel="manifest" href="/manifest.webmanifest"> <link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link href="/dist/styles.css?v=CI2gvZV9k1yxBPZfwIi42XgNLKr55inV-R5eJRlbSPs" rel="stylesheet" data-turbo-track="reload"> <script src="/dist/main.js?v=oiQb8rj-1kjP4rEOzVvdDWRx4Clt4DrjjQteyxMU2nI" async data-turbo-track="reload"></script> <script> !function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{ src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source crossOrigin: "anonymous", cfg: { // Application Insights Configuration disableFlushOnBeforeUnload: true, connectionString: 'InstrumentationKey=238b6a06-0fb2-49d4-ad70-cc740638e052;IngestionEndpoint=https://swedencentral-0.in.applicationinsights.azure.com/' }}); </script> </head> <body class="bg-white text-gray-900 focus:outline-none"> <a href="#main" class="group sr-only focus:not-sr-only focus:outline-none" data-turbo="false"> <span class="block text-13px uppercase font-bold bg-prussian-blue px-2 py-1.5 text-white group-hover:bg-prussian-blue-state underline decoration-supernova underline-offset-4 decoration-[3px]"> Hoppa till inneh氓ll </span> </a> <div class="bg-auto bg-supernova bg-no-repeat bg-left-bottom bg-left-splash bg-[length:160px_218px] min-h-screen"> <div data-controller="menu" > <div class="flex font-congress-blue h-60px"> <a href="/" class="flex flex-none group focus:outline-none z-10"> <div class="flex-none bg-supernova pt-1"> <img class="h-50px group-hover:mt-[-1px] group-focus:mt-[-1px]" src="/assets/img/supporterklubben-v3.svg" alt="Supporterklubben" width="159" height="50" /> </div> <div class="flex-none bg-header-splash bg-no-repeat bg-right-bottom w-[24px] bg-[length:24px_60px] z-10"></div> </a> <div class="flex-1 bg-congress-blue relative"> <ul class="flex absolute top-0 right-0"> <li class="flex-none"> <a href="/logga-in/" class="group pt-3.5 px-2 inline-block h-60px text-white text-9px hover:text-supernova hover:bg-congress-blue-state focus:text-supernova focus:bg-congress-blue-state focus:outline-none"> <svg class="mx-auto fill-current h-18px" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 99"><path d="M0 0v41.304C0 80.435 44.152 100 44.152 100S88 80.435 88 42.391V0H0zm44.136 92.693c-3.335-1.767-9.316-5.257-15.536-10.414V6.522h30.8v75.954c-6.117 5.023-11.98 8.462-15.264 10.217z" /></svg> <span class="inline-block pt-1 uppercase font-bold group-hover:underline group-hover:decoration-supernova group-hover:decoration-[3px] group-hover:underline-offset-4 group-focus:underline group-focus:decoration-supernova group-focus:decoration-[3px] group-focus:underline-offset-4"> Logga in </span> </a> </li> <li class="flex-none"> <a href="/bli-medlem/" class="group pt-3.5 px-2 inline-block h-60px text-white text-9px hover:text-supernova hover:bg-congress-blue-state focus:text-supernova focus:bg-congress-blue-state focus:outline-none" data-turbo="false"> <svg class="mx-auto fill-current h-18px" aria-hidden="true" viewBox="0 0 15 15"><path d="M15 6H9V0H6v6H0v3h6v6h3V9h6z" /></svg> <span class="inline-block pt-1 uppercase font-bold group-hover:underline group-hover:decoration-supernova group-hover:decoration-[3px] group-hover:underline-offset-4 group-focus:underline group-focus:decoration-supernova group-focus:decoration-[3px] group-focus:underline-offset-4"> Ny medlem </span> </a> </li> </ul> </div> </div> <div class="h-50px"> <div class="relative overflow-x-hidden"> <ul class="bg-prussian-blue h-50px overflow-x-auto overflow-y-hidden mr-50px flex"> <li class="whitespace-nowrap font-bold text-white"> <a class="inline-block text-13px h-50px uppercase leading-50px px-[13px] hover:bg-prussian-blue-state hover:underline hover:outline-none hover:decoration-supernova hover:decoration-[3px] hover:underline-offset-4 focus:bg-prussian-blue-state focus:underline focus:outline-none focus:decoration-supernova focus:decoration-[3px] focus:underline-offset-4" href="/dam/"> Dam </a> </li> <li class="whitespace-nowrap font-bold text-white"> <a class="inline-block text-13px h-50px uppercase leading-50px px-[13px] hover:bg-prussian-blue-state hover:underline hover:outline-none hover:decoration-supernova hover:decoration-[3px] hover:underline-offset-4 focus:bg-prussian-blue-state focus:underline focus:outline-none focus:decoration-supernova focus:decoration-[3px] focus:underline-offset-4" href="/herr/"> Herr </a> </li> </ul> <button data-menu-target="button" data-action="click->menu#toggle touch->menu#toggle" type="button" class="w-50px h-50px absolute top-0 right-0 bg-prussian-blue focus:outline-none focus:bg-supernova"> <span class="sr-only js-text-content">脰ppna meny</span> <span class="block w-24px mx-auto text-white js-content-collapsed"> <span class="block bg-white w-full h-3px"></span> <span class="block bg-white w-full h-3px my-6px"></span> <span class="block bg-white w-full h-3px"></span> </span> <span class="block w-24px mx-auto text-white hidden js-content-expanded"> <span class="block bg-white w-full h-3px transform -rotate-45 origin-bottom-right -translate-x-1/10"></span> <span class="block bg-white w-full h-3px my-6px opacity-0"></span> <span class="block bg-white w-full h-3px transform rotate-45 origin-top-right -translate-x-1/10"></span> </span> </button> <div class="absolute top-0 right-50px w-20px h-50px gradient-background z-10"></div> </div> </div> <div data-menu-target="toggleable" class="flex sidebar-height bg-supernova hidden border-b border-prussian-blue" id="header-menu"> <div class="relative flex-1 flex"> <div class="flex-1 flex justify-end"> <ul class="w-full max-w-[500px] bg-congress-blue"> <li class="temp last:border-b last:border-prussian-blue"> <div class="flex items-center" data-controller="tree"> <a class="sidebar-item-width text-white hover:decoration-supernova focus:decoration-supernova flex items-center min-h-50px hover:underline focus:outline-none focus:underline border-r border-prussian-blue hover:decoration-[3px] hover:underline-offset-4 focus:decoration-[3px] focus:underline-offset-4" href="/kalendarium/"><span class="block leading-snug pr-3 pl-3 py-2 text-lg font-bold text-white ">Kalendarium</span></a> </div> </li> <li class="temp last:border-b last:border-prussian-blue"> <div class="flex items-center" data-controller="tree"> <a class="sidebar-item-width text-white hover:decoration-supernova focus:decoration-supernova flex items-center min-h-50px hover:underline focus:outline-none focus:underline border-r border-prussian-blue hover:decoration-[3px] hover:underline-offset-4 focus:decoration-[3px] focus:underline-offset-4" href="/om-supporterklubben/"><span class="block leading-snug pr-3 pl-3 py-2 text-lg font-bold text-white ">Om Supporterklubben</span></a> </div> </li> <li class="temp last:border-b last:border-prussian-blue"> <div class="flex items-center" data-controller="tree"> <a class="sidebar-item-width text-white hover:decoration-supernova focus:decoration-supernova flex items-center min-h-50px hover:underline focus:outline-none focus:underline border-r border-prussian-blue hover:decoration-[3px] hover:underline-offset-4 focus:decoration-[3px] focus:underline-offset-4" href="/vanliga-fragor/"><span class="block leading-snug pr-3 pl-3 py-2 text-lg font-bold text-white ">Vanliga frågor</span></a> </div> </li> <li class="temp last:border-b last:border-prussian-blue"> <div class="flex items-center" data-controller="tree"> <a class="sidebar-item-width text-white hover:decoration-supernova focus:decoration-supernova flex items-center min-h-50px hover:underline focus:outline-none focus:underline border-r border-prussian-blue hover:decoration-[3px] hover:underline-offset-4 focus:decoration-[3px] focus:underline-offset-4" href="/kontakt/"><span class="block leading-snug pr-3 pl-3 py-2 text-lg font-bold text-white ">Kontakt</span></a> </div> </li> <li class="temp last:border-b last:border-prussian-blue"> <div class="flex items-center" data-controller="tree"> <a class="sidebar-item-width text-white hover:decoration-supernova focus:decoration-supernova flex items-center min-h-50px hover:underline focus:outline-none focus:underline border-r border-prussian-blue hover:decoration-[3px] hover:underline-offset-4 focus:decoration-[3px] focus:underline-offset-4" href="/om-supporterklubben-uppdaterad/"><span class="block leading-snug pr-3 pl-3 py-2 text-lg font-bold text-white ">Vad är Supporterklubben?</span></a> </div> </li> <li class="temp last:border-b last:border-prussian-blue"> <div class="flex items-center" data-controller="tree"> <a class="sidebar-item-width text-white hover:decoration-supernova focus:decoration-supernova flex items-center min-h-50px hover:underline focus:outline-none focus:underline border-r border-prussian-blue hover:decoration-[3px] hover:underline-offset-4 focus:decoration-[3px] focus:underline-offset-4" href="/em-2025/"><span class="block leading-snug pr-3 pl-3 py-2 text-lg font-bold text-white ">EM 2025</span></a> </div> </li> </ul> </div> </div> </div> </div> <div role="main" class="mx-auto lg:max-w-7xl py-8 space-y-8 px-1 focus:outline-none" id="main" data-controller="ticket-event"> <div> <div class="max-w-7xl mx-auto bg-white px-5 pt-5 pb-6"> <div class="max-w-[825px]"> <h1 class="font-sans text-3xl sm:text-4xl text-congress-blue font-bold">Kontakta oss</h1> <p class="mt-8 text-xl text-congress-blue"> Saknar du po盲ng fr氓n n氓gon match eller har du fr氓gor eller synpunkter p氓 inneh氓ll i fotbollsupporter.se eller r枚rande medlemsbiljetter, anv盲nd d氓 v氓rt formul盲r nedan. </p> </div> </div> <div class="bg-white p-5"> <div class="prose max-w-[825px]"> <p>Poängärenden behandlas vid samlade tillfällen och därför kan du ibland få vänta något på svar, man kan senast efteranmäla sju dagar efter en match. <br><strong>OBS!</strong> Man kan inte få poäng för matcher som spelats innan man blev medlem.</p> <p>Se först <a href="/vanliga-fragor/">de vanligaste frågorna vi får</a>.</p> <p>Om du inte vill använda formuläret nedan:</p> <ul> <li>Använd e-post <a href="mailto:supporter@svenskfotboll.se">supporter@svenskfotboll.se</a> för frågor eller synpunkter på innehållet i supporterklubben.se.</li> <li>För frågor om biljetter, biljettbokning och engångskoder använd <a href="mailto:biljett@svenskfotboll.se">biljett@svenskfotboll.se</a>.</li> </ul> </div> </div> <div class="bg-white p-5"> <div class="max-w-[500px]"> <div class="mt-4 space-y-4"> <h2 class="font-bold text-lg">Kontaktformul盲ret</h2> <turbo-frame id="contact-form"> <form method="post" class="pb-8" data-controller="contact" action="/Contact"> <div class="mt-4 flex flex-col flex-nowrap" id="e-ContactForm.Topic"> <label class="block text-sm font-medium text-gray-700" for="ContactForm_Topic">Typ av ärende</label> <div class="mt-1 block border-b border-gray-400 focus-within:border-congress-blue"> <select class="block w-full p-4 cursor-pointer sm:text-sm border-0 border-b border-transparent bg-gray-50 focus:border-congress-blue focus:ring-0 invalid:border-red-500 invalid:bg-pink-50" data-contact-target="topic" data-action="change->contact#prefill" id="ContactForm_Topic" name="ContactForm.Topic"><option value="content">Frågor eller synpunkter på innehåll i Supporterklubben</option> <option value="tickets">Frågor angående biljetter eller biljettanmälan</option> <option value="points">Saknade poäng</option> </select> </div> </div> <div class="mt-4 flex flex-col flex-nowrap" id="e-ContactForm.LastName"> <label class="block text-sm font-medium text-gray-700" for="ContactForm_Name">Namn</label> <div class="mt-1 block border-b border-gray-400 focus-within:border-congress-blue"> <input type="text" class="block w-full p-4 sm:text-sm border-0 border-b border-transparent bg-gray-50 focus:border-congress-blue focus:ring-0 invalid:border-red-500 invalid:bg-pink-50" required id="ContactForm_Name" maxlength="1000" name="ContactForm.Name" value="" /> </div> </div> <div class="mt-4 flex flex-col flex-nowrap" id="e-ContactForm.Email"> <label class="block text-sm font-medium text-gray-700" for="ContactForm_Email">E-postadress</label> <div class="mt-1 block border-b border-gray-400 focus-within:border-congress-blue"> <input type="email" class="block w-full p-4 sm:text-sm border-0 border-b border-transparent bg-gray-50 focus:border-congress-blue focus:ring-0 invalid:border-red-500 invalid:bg-pink-50" required id="ContactForm_Email" maxlength="1000" name="ContactForm.Email" value="" /> </div> </div> <div class="mt-4 flex flex-col flex-nowrap" id="e-ContactForm.RelatedUserId"> <label class="block text-sm font-medium text-gray-700" for="ContactForm_RelatedUserId">Medlemsnummer</label> <div class="mt-1 block border-b border-gray-400 focus-within:border-congress-blue"> <input type="text" class="block w-full p-4 sm:text-sm border-0 border-b border-transparent bg-gray-50 focus:border-congress-blue focus:ring-0 invalid:border-red-500 invalid:bg-pink-50" required id="ContactForm_RelatedUserId" maxlength="50" name="ContactForm.RelatedUserId" value="" /> </div> </div> <div class="mt-4 flex flex-col flex-nowrap" id="e-ContactForm.Description"> <label class="block text-sm font-medium text-gray-700" for="ContactForm_Description">Beskrivning</label> <div class="mt-1 block border-b border-gray-400 focus-within:border-congress-blue"> <textarea data-contact-target="description" type="text" class="block w-full sm:text-sm border-0 border-b border-transparent bg-gray-50 focus:border-congress-blue focus:ring-0 invalid:border-red-500 invalid:bg-pink-50 h-[400px]" required id="ContactForm_Description" maxlength="4000" name="ContactForm.Description"> </textarea> </div> </div> <div class="mt-4 flex flex-col flex-nowrap"> <div class="hidden"> <input type="text" id="ContactForm_Url" maxlength="4000" name="ContactForm.Url" value="" /> </div> <button type="submit" class="w-full text-center uppercase font-bold flex justify-center py-2 px-4 text-sm bg-congress-blue text-white hover:outline-congress-blue focus:outline-congress-blue"> Skicka </button> </div> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8DBO4LcJtzRPhTc9fPpEPVvHZ6WpKTXnhmgzZfUBMkmAytjMaa-oNzm3CZ28iCpp4V3AeX64fcsdyEGGazi4KMUG_OHtI2ce5A4_UybrmUZ7q5zOCrwNJ98_gnCVXcfNSXfQJlCoT4TQ78NTOVfzy40" /></form> </turbo-frame> </div> </div> </div> </div> </div> </div> <div class="bg-prussian-blue text-white"> <div role="contentinfo" class="mx-auto px-4 sm:px-6 lg:max-w-7xl pt-8"> <div class="flex flex-col sm:flex-row"> <div class="flex flex-row sm:w-6/12"> <div class="flex-shrink w-70px"> <a class="inline-block hover:outline-supernova focus:outline-supernova" href="https://www.svenskfotboll.se"> <img width="70" height="112" src="/assets/img/logo.svg" alt="SvFF" loading="lazy" /> </a> </div> <div class="pl-5 sm:pl-14 pb-8"> <h2 class="text-xl font-bold">Supporterklubben</h2> <p class="mt-2"> Box 1216, SE-171 23 Solna </p> <p>E-post: <a href="mailto:supporter@svenskfotboll.se" class="hover:outline-supernova focus:outline-supernova">supporter@svenskfotboll.se</a></p> <p class="mt-1 italic"> Alla bilder på webbplatsen <br class="sm:hidden" />© Bildbyrån om inget annat anges </p> </div> </div> <div class="flex flex-col sm:flex-row sm:w-6/12"> <div class="sm:w-1/2 sm:pl-16 sm:pr-5 pb-8"> <h3 class="text-xl font-bold"> Sociala medier </h3> <ul class="text-base font-bold uppercase"> <li class="mt-2"> <a class="hover:outline-supernova focus:outline-supernova" href="https://www.instagram.com/swesupporterklubben/"> <span class="mast-footer__link-text"> Instagram </span> </a> </li> <li class="mt-2"> <a class="hover:outline-supernova focus:outline-supernova" href="https://www.facebook.com/fotbollsupporter.se"> <span class="mast-footer__link-text"> Facebook </span> </a> </li> </ul> </div> <div class="sm:w-1/2 sm:px-5 pb-8"> <h3 class="text-xl font-bold">L盲nkar</h3> <ul class="text-base font-bold uppercase"> <li class="mt-2"> <a class="hover:outline-supernova focus:outline-supernova" href="https://www.svenskfotboll.se/div/om-cookies/"> <span class="mast-footer__link-text"> Om cookies </span> </a> </li> </ul> </div> </div> </div> <h3 class="sr-only">Svenskfotboll.se</h3> <ul class="flex flex-wrap"> <li class="w-full xl:w-1/2"> <a class="group block bg-supernova text-congress-blue px-6 sm:px-16 py-3 font-bold text-lg focus:outline-none" href="https://www.svenskfotboll.se/"> <span class="group-hover:underline group-focus:outline-congress-blue">KLUBBLAG OCH LANDSLAG</span> <span class="block text-sm font-normal"> Landslag, serier och cuper. Tabeller, spelprogram och resultat. </span> </a> </li> <li class="w-full xl:w-1/2"> <a class="group block bg-endeavour text-white px-6 sm:px-16 py-3 font-bold text-lg focus:outline-none" href="https://aktiva.svenskfotboll.se/"> <span class="group-hover:underline group-focus:outline-white">FÖRENING OCH AKTIVA</span> <span class="block text-sm font-normal"> Information för föreningar, tränare, spelare och domare inom svensk fotboll. </span> </a> </li> <li class="w-full xl:w-1/2"> <a class="group block bg-congress-blue-state text-white px-6 sm:px-16 py-3 font-bold text-lg focus:outline-none" href="https://svff.svenskfotboll.se/"> <span class="group-hover:underline group-focus:outline-white">FOTBOLLEN OCH SAMHÄLLET</span> <span class="block text-sm font-normal"> Den svenska fotbollsrörelsen och dess roll i samhället. </span> </a> </li> </ul> </div> </div> </body> </html>