{"headAssets":"<style>/* Dressen: stilene til den felles toppen og bunnen (Topp.tsx og Bunn.tsx).\n\n   Fila brukes av alle klubbens apper. Derfor:\n   - Den bygger bare på designsystemets tokens (--ds-*), og hvert token har en\n     reserveverdi. Appen laster designsystemet selv; en app uten det får\n     reserveverdiene.\n   - Alle klasser begynner med dress-.\n   - Den nullstiller selv det den trenger (lister, lenker, bilder). En app har\n     kanskje ingen nullstilling.\n   - Den ligger utenfor @layer, så appens egne lag ikke overstyrer den. */\n\n/* ------------------------------------------------------------------ */\n/* Toppen                                                              */\n/* ------------------------------------------------------------------ */\n\n.dress-topp {\n  --dress-topp-hoyde: 4rem;\n  position: sticky;\n  top: 0;\n  z-index: 20;\n  background: var(--ds-color-neutral-background-default, #fff);\n  /* En tynn strek under, som på designsida. */\n  box-shadow: 0 1px 0 var(--ds-color-neutral-border-subtle, #d3d9e6);\n  color: var(--ds-color-neutral-text-default, #1f2a44);\n}\n\n.dress-topp-inn {\n  display: flex;\n  align-items: center;\n  gap: var(--ds-size-4, 1rem);\n  box-sizing: border-box;\n  max-width: 80rem;\n  height: var(--dress-topp-hoyde);\n  margin-inline: auto;\n  padding-inline: max(env(safe-area-inset-left), 1.5rem) max(env(safe-area-inset-right), 1.5rem);\n}\n\n.dress-merke {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  gap: var(--ds-size-2, 0.5rem);\n  margin-inline-end: auto;\n  border-radius: var(--ds-border-radius-sm, 0.25rem);\n  color: inherit;\n  font-weight: 800;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.dress-merke:hover {\n  opacity: 0.75;\n}\n\n.dress-merke img {\n  display: block;\n  width: auto;\n  height: 2.5rem;\n}\n\n/* Med appnavn: klubbnavnet skjules visuelt, og appnavnet står etter logoen\n   med en strek imellom. Det er appnavnet som skyver menyen til høyre. */\n.dress-merke-med-app {\n  margin-inline-end: 0;\n}\n\n.dress-merke-med-app .dress-merke-navn {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n.dress-app {\n  flex-shrink: 1;\n  min-width: 0;\n  margin-inline-end: auto;\n  padding-inline-start: var(--ds-size-4, 1rem);\n  overflow: hidden;\n  border-inline-start: 1px solid var(--ds-color-neutral-border-subtle, #d3d9e6);\n  border-radius: var(--ds-border-radius-sm, 0.25rem);\n  color: inherit;\n  font-weight: 700;\n  line-height: 2;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dress-app:hover {\n  text-decoration: underline;\n}\n\n.dress-menyknapp {\n  flex-shrink: 0;\n}\n\n/* Menyen under 1100 px: et panel under toppen, åpnet av knappen. Verdiene\n   som nullstilles (inset, margin, border, padding) er nettleserens egne\n   stiler for [popover]. */\n.dress-meny {\n  position: fixed;\n  inset: var(--dress-topp-hoyde) 0 auto 0;\n  box-sizing: border-box;\n  width: auto;\n  max-height: calc(100dvh - var(--dress-topp-hoyde));\n  margin: 0;\n  padding: var(--ds-size-4, 1rem) max(env(safe-area-inset-right), 1.5rem) var(--ds-size-8, 2rem)\n    max(env(safe-area-inset-left), 1.5rem);\n  overflow: auto;\n  overscroll-behavior: contain;\n  border: 0;\n  border-top: 1px solid var(--ds-color-neutral-border-subtle, #d3d9e6);\n  background: var(--ds-color-neutral-background-default, #fff);\n  box-shadow: var(--ds-shadow-md, 0 4px 12px rgb(16 24 32 / 0.15));\n  color: var(--ds-color-neutral-text-default, #1f2a44);\n}\n\n.dress-meny:popover-open {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-size-4, 1rem);\n}\n\n/* Sida bak dempes, men toppen ikke: knappen som lukker menyen står der.\n   Uten pointer-events ville et klikk på det dempede feltet truffet selve\n   menyen, og nettleseren lukker den bare på klikk utenfor. */\n.dress-meny::backdrop {\n  top: var(--dress-topp-hoyde);\n  background: rgb(16 24 32 / 0.4);\n  pointer-events: none;\n}\n\n.dress-meny > ul {\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.dress-meny > .dress-meny-mer {\n  padding-top: var(--ds-size-4, 1rem);\n  border-top: 1px solid var(--ds-color-neutral-border-subtle, #d3d9e6);\n}\n\n/* Merkevaren setter navigasjon i Inter Tight Medium, i marine, med en tynn\n   ramme rundt sida du står på. */\n.dress-meny > ul a {\n  display: block;\n  padding: var(--ds-size-3, 0.75rem) var(--ds-size-2, 0.5rem);\n  border-radius: var(--ds-border-radius-sm, 0.25rem);\n  color: var(--ds-color-accent-text-subtle, #1f2a44);\n  font-size: var(--ds-body-md-font-size, 1.125rem);\n  font-weight: var(--ds-font-weight-medium, 500);\n  line-height: 1.3;\n  text-decoration: none;\n}\n\n.dress-meny > .dress-meny-mer a {\n  font-size: var(--ds-body-sm-font-size, 1rem);\n}\n\n.dress-meny > ul a:hover {\n  color: var(--ds-color-accent-text-default, #1f2a44);\n  text-decoration: underline;\n}\n\n.dress-meny > ul a[aria-current=\"page\"] {\n  box-shadow: inset 0 0 0 1px currentColor;\n  color: var(--ds-color-accent-text-default, #1f2a44);\n}\n\n.dress-merke:focus-visible,\n.dress-app:focus-visible,\n.dress-meny > ul a:focus-visible,\n.dress-bunn a:focus-visible {\n  outline: var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #1f2a44);\n  outline-offset: var(--ds-border-width-focus, 3px);\n  box-shadow: 0 0 0 var(--ds-border-width-focus, 3px) var(--ds-color-focus-inner, #fff);\n}\n\n/* Fra 1100 px: lenkene på linje i toppen. Åtte menypunkter og logo får ikke\n   plass på én linje under det. Popover-oppførselen slås av\n   ved at nettleserens display: none for et lukket [popover] overstyres. */\n@media (min-width: 1100px) {\n  .dress-menyknapp {\n    display: none;\n  }\n\n  .dress-meny,\n  .dress-meny:popover-open {\n    display: flex;\n    position: static;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--ds-size-2, 0.5rem);\n    inset: auto;\n    max-height: none;\n    padding: 0;\n    overflow: visible;\n    border: 0;\n    background: none;\n    box-shadow: none;\n  }\n\n  .dress-meny::backdrop {\n    display: none;\n  }\n\n  .dress-meny > .dress-meny-hoved {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .dress-meny > .dress-meny-mer {\n    display: none;\n  }\n\n  .dress-meny > ul a {\n    padding: var(--ds-size-2, 0.5rem);\n    font-size: var(--ds-body-xs-font-size, 0.875rem);\n    white-space: nowrap;\n  }\n\n  .dress-meny > ul a:hover {\n    text-decoration: none;\n  }\n}\n\n/* Klubbnavnet ved siden av logoen får ikke plass sammen med hele menyen\n   mellom 1100 og 1280 px. Logoen har ordmerket «Holstad IL» i seg, så navnet\n   skjules visuelt der. Det står fortsatt i lenka for skjermlesere. */\n@media (min-width: 1100px) and (max-width: 1279px) {\n  .dress-merke-navn {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n  }\n}\n\n/* 16 px lenker får plass fra 1536 px. */\n@media (min-width: 1536px) {\n  .dress-meny > ul a {\n    font-size: var(--ds-body-sm-font-size, 1rem);\n  }\n}\n\n@media print {\n  .dress-topp {\n    display: none;\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* Bunnen                                                              */\n/* ------------------------------------------------------------------ */\n\n/* Hvit med en tynn strek over, som på designsida. */\n.dress-bunn {\n  padding-bottom: env(safe-area-inset-bottom);\n  border-top: 1px solid var(--ds-color-neutral-border-subtle, #d3d9e6);\n  background: var(--ds-color-neutral-background-default, #fff);\n  color: var(--ds-color-neutral-text-default, #1f2a44);\n}\n\n.dress-bunn-inn {\n  box-sizing: border-box;\n  max-width: 80rem;\n  margin-inline: auto;\n  padding: var(--ds-size-8, 2rem) max(env(safe-area-inset-right), 1.5rem) var(--ds-size-8, 2rem)\n    max(env(safe-area-inset-left), 1.5rem);\n  text-align: center;\n}\n\n.dress-bunn-lenker {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: var(--ds-size-2, 0.5rem) var(--ds-size-6, 1.5rem);\n  margin-bottom: var(--ds-size-4, 1rem);\n  font-size: var(--ds-body-sm-font-size, 1rem);\n  font-weight: var(--ds-font-weight-semibold, 600);\n}\n\n.dress-bunn-lenker a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.dress-bunn-lenker a:hover {\n  color: var(--ds-color-accent-text-default, #1f2a44);\n  text-decoration: underline;\n}\n\n.dress-bunn-kontakt {\n  margin: 0 0 var(--ds-size-8, 2rem);\n  color: var(--ds-color-neutral-text-subtle, #545d73);\n  font-size: var(--ds-body-xs-font-size, 0.875rem);\n}\n\n.dress-bunn-kontakt a {\n  color: inherit;\n  text-decoration: underline;\n}\n\n.dress-bunn-tittel {\n  margin: 0 0 var(--ds-size-4, 1rem);\n  font-size: var(--ds-heading-2xs-font-size, 1.125rem);\n  font-weight: 700;\n}\n\n/* Partnerlogoene: eget rutenett over merkene. I samme rad som Klubb+ og Rent\n   Idrettslag sto de én og én under hverandre på mobil. Her blir det to i\n   bredden på mobil og fire på PC. */\n.dress-bunn-partnere {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));\n  align-items: center;\n  justify-items: center;\n  gap: var(--ds-size-5, 1.25rem) var(--ds-size-6, 1.5rem);\n  max-width: 52rem;\n  margin: 0 auto var(--ds-size-8, 2rem);\n}\n\n/* Hver logo står i en fast boks, så de får samme optiske størrelse uansett\n   om fila er bred og lav eller nesten kvadratisk. Fargene er partnernes\n   egne. */\n.dress-partnerlogo {\n  display: block;\n  width: 100%;\n  max-width: 11rem;\n  height: 3.5rem;\n  margin: 0;\n  object-fit: contain;\n}\n\n/* Mørk modus: logoene er laget for lys bakgrunn, så hver står på en lys\n   plate. Fast hvit, ikke et token: plata skal være lys nettopp når tokenene\n   er mørke. */\n[data-color-scheme=\"dark\"] .dress-partnerlogo {\n  box-sizing: border-box;\n  height: calc(3.5rem + 2 * var(--ds-size-2, 0.5rem));\n  padding: var(--ds-size-2, 0.5rem) var(--ds-size-3, 0.75rem);\n  border-radius: var(--ds-border-radius-md, 0.5rem);\n  background: #fff;\n}\n\n.dress-partnernavn {\n  font-weight: var(--ds-font-weight-semibold, 600);\n}\n\n.dress-bunn-merker {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: var(--ds-size-8, 2rem);\n}\n\n.dress-bunn-merker img {\n  display: block;\n  width: auto;\n  height: 7rem;\n}\n\n@media print {\n  .dress-bunn-partnere,\n  .dress-bunn-merker,\n  .dress-bunn-tittel,\n  .dress-bunn-lenker {\n    display: none;\n  }\n}</style>","headerHtml":"<header class=\"dress-topp\"><div class=\"dress-topp-inn\"><a class=\"dress-merke\" href=\"https://holstadvolley.com/\"><img src=\"https://dressen.holstadvolley.com/static/logo.svg\" alt=\"\" width=\"410\" height=\"206\"/><span class=\"dress-merke-navn\">Holstad IL Volleyball</span></a><button class=\"dress-menyknapp ds-button\" data-variant=\"tertiary\" data-size=\"sm\" type=\"button\" popovertarget=\"dress-meny\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 7h16M4 12h16M4 17h16\"></path></svg>Meny</button><nav class=\"dress-meny\" id=\"dress-meny\" popover=\"auto\" aria-label=\"Hovedmeny\"><ul class=\"dress-meny-hoved\"><li><a href=\"https://holstadvolley.com/lag/\">Lag og treningstider</a></li><li><a href=\"https://holstadvolley.com/priser/\">Priser</a></li><li><a href=\"https://holstadvolley.com/bli-medlem/\">Bli medlem</a></li><li><a href=\"https://holstadvolley.com/foresatte/\">Foresatte og spillere</a></li><li><a href=\"https://holstadvolley.com/lagleder/\">Lagledere</a></li><li><a href=\"https://holstadvolley.com/trener/\">Trenere</a></li><li><a href=\"https://holstadvolley.com/sponsor-og-presse/\">Sponsor og presse</a></li><li><a href=\"https://holstadvolley.com/kontakt/\">Kontakt</a></li></ul><ul class=\"dress-meny-mer\"><li><a href=\"https://holstadvolley.com/nyheter/\">Nyheter</a></li><li><a href=\"https://holstadvolley.com/kalender/\">Kalender</a></li><li><a href=\"https://holstadvolley.com/arshjul/\">Årshjul</a></li><li><a href=\"https://holstadvolley.com/stotte/\">Støtt Holstad</a></li><li><a href=\"https://holstadvolley.com/klubbtoy/\">Klubbtøy</a></li><li><a href=\"https://holstadvolley.com/trygg-idrett/\">Trygg idrett</a></li><li><a href=\"https://holstadvolley.com/personvern/\">Personvern</a></li></ul></nav></div></header>","footerHtml":"<footer class=\"dress-bunn\"><div class=\"dress-bunn-inn\"><nav class=\"dress-bunn-lenker\" aria-label=\"Bunntekst\"><a href=\"https://holstadvolley.com/nyheter/\">Nyheter</a><a href=\"https://holstadvolley.com/kalender/\">Kalender</a><a href=\"https://holstadvolley.com/arshjul/\">Årshjul</a><a href=\"https://holstadvolley.com/stotte/\">Støtt Holstad</a><a href=\"https://holstadvolley.com/klubbtoy/\">Klubbtøy</a><a href=\"https://holstadvolley.com/trygg-idrett/\">Trygg idrett</a><a href=\"https://holstadvolley.com/personvern/\">Personvern</a><a href=\"https://holstadvolley.com/kontakt/\">Kontakt</a></nav><p class=\"dress-bunn-kontakt\">Holstad IL Volleyball · Torderudveien 25, 1434 Ås · org.nr. 912053997 · <a href=\"mailto:post@holstadvolley.com\">post@holstadvolley.com</a></p><p class=\"dress-bunn-tittel\">Sponsorer og samarbeid</p><div class=\"dress-bunn-partnere\"><img class=\"dress-partnerlogo\" src=\"https://dressen.holstadvolley.com/static/gjensidigestiftelsen.svg\" alt=\"Gjensidigestiftelsen\" loading=\"lazy\"/><img class=\"dress-partnerlogo\" src=\"https://dressen.holstadvolley.com/static/obos.svg\" alt=\"OBOS\" loading=\"lazy\"/><img class=\"dress-partnerlogo\" src=\"https://dressen.holstadvolley.com/static/sparebank1-ostfold-akershus.svg\" alt=\"SpareBank 1 Østfold Akershus\" loading=\"lazy\"/><img class=\"dress-partnerlogo\" src=\"https://dressen.holstadvolley.com/static/aas-bilverksted-as.png\" alt=\"Ås Bilverksted AS\" loading=\"lazy\"/></div><div class=\"dress-bunn-merker\"><a href=\"https://holstadvolley.com/trygg-idrett/#klubb-bronse\"><img src=\"https://dressen.holstadvolley.com/static/klubb-pluss-bronse.png\" alt=\"NVBF Klubb+ Bronse\" loading=\"lazy\"/></a><a href=\"https://holstadvolley.com/trygg-idrett/#rent-idrettslag\"><img src=\"https://dressen.holstadvolley.com/static/rent-idrettslag.png\" alt=\"Rent Idrettslag\" loading=\"lazy\"/></a></div></div></footer>","scripts":"<script>(function toppen() {\n  function start() {\n    const meny = document.getElementById(\"dress-meny\");\n    if (!meny)\n      return;\n    const her = location.origin + location.pathname.replace(/\\/?$/, \"/\");\n    meny.querySelectorAll(\"a[href]\").forEach((lenke) => {\n      if (lenke.origin + lenke.pathname.replace(/\\/?$/, \"/\") === her)\n        lenke.setAttribute(\"aria-current\", \"page\");\n    });\n    const bred = window.matchMedia(\"(min-width: 1100px)\");\n    bred.addEventListener(\"change\", () => {\n      if (bred.matches && meny.matches(\":popover-open\"))\n        meny.hidePopover();\n    });\n  }\n  if (document.readyState === \"loading\")\n    document.addEventListener(\"DOMContentLoaded\", start);\n  else\n    start();\n})();</script>","csp":{"style-src":["'sha256-l61VBnAQVmn8A4BjRrW8/ueAzBbD4CyYb4PI7+E6xiM='"],"script-src":["'sha256-0hm5Di3QnidqExhYaOo/NNXYVVNYVM497y8buu463zk='"],"img-src":["https://dressen.holstadvolley.com"]}}