/* Hirtshalsrevyen – fælles stylesheet
   Layout: lys, varm "havneby-plakat" – hvid header som den gamle side, gul menulinje, creme papirflader.
   Farver og skrifter følger designguiden. */
/* Skrifttyper ligger på siden selv (fonts/), så de besøgendes IP-adresse ikke sendes til Google. Licens: fonts/OFL-*.txt */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/caveat-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/caveat-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/source-sans-3-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/source-sans-3-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --papir:#fdf8ee;        /* sidebaggrund – lys creme */
  --flade:#ffffff;        /* kort og header */
  --creme:#fae1af;        /* plakatpapir fra den gamle side */
  --sydvest:#fdc34a;      /* gul – menu, figur, billetknap, accenter */
  --hav:#1f5f8b;          /* datoer og links */
  --rod:#a51c24;          /* håndskrevne udråb og "udsolgt" */
  --blaek:#1a1814;        /* tekst */
  --blaek-svag:#5e574c;   /* sekundær tekst */
  --streg:#e6dcc8;        /* skillelinjer */
  --plakat:Anton,"Arial Narrow",Impact,sans-serif;
  --tekst:"Source Sans 3","Segoe UI",Arial,sans-serif;
  --haand:Caveat,"Segoe Print",cursive;
  --bred:1040px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papir);color:var(--blaek);font:400 18px/1.55 var(--tekst)}
img{max-width:100%;height:auto;display:block}
a{color:var(--hav);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid var(--sydvest);outline-offset:3px;border-radius:2px}
h1,h2,h3{line-height:1.1;text-wrap:balance;margin:0}
p{margin:0}
/* Små hjælpeklasser (i stedet for style="" i HTML, som sikkerhedspolitikken blokerer) */
.luft-top-s{margin-top:32px}
.luft-top-m{margin-top:40px}
.luft-top-l{margin-top:48px}
.smal{max-width:560px}
.brod.taet{margin-top:0}
.svag.menu-note{font-weight:400;margin-top:14px}
.indhold{max-width:var(--bred);margin-inline:auto;padding-inline:20px}
.spring{position:absolute;left:-999px}
.spring:focus{left:12px;top:12px;z-index:50;background:var(--sydvest);color:var(--blaek);padding:8px 12px}

/* ---------- Header ---------- */
.top{background:var(--flade)}
.top .indhold{display:flex;align-items:center;gap:16px;min-height:84px}
.top .fyr{width:96px;flex:none}
.ordmaerke{font:400 clamp(30px,6vw,58px)/1 var(--plakat);color:var(--blaek);text-decoration:none;letter-spacing:.005em;flex:1;min-width:0;white-space:nowrap;overflow:hidden}
.top .figur{width:80px;flex:none;align-self:flex-start;margin:6px 0 -48px;position:relative;z-index:5}
.menuknap{display:none;font:700 16px/1 var(--tekst);background:var(--sydvest);color:var(--blaek);border:2px solid var(--blaek);border-radius:4px;padding:10px 14px;cursor:pointer}
nav.menu{background:var(--sydvest);border-block:2px solid var(--blaek)}
nav.menu ul{list-style:none;margin:0 auto;padding:0 20px;max-width:var(--bred);display:flex;flex-wrap:wrap}
nav.menu a{display:block;padding:12px 16px;font:700 16px/1.2 var(--tekst);color:var(--blaek);text-decoration:none}
nav.menu a:hover{background:rgba(26,24,20,.1)}
nav.menu a[aria-current="page"]{background:var(--blaek);color:var(--sydvest)}

/* ---------- Knapper ---------- */
.knap{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 18px/1 var(--tekst);padding:16px 26px;border:2px solid var(--blaek);border-radius:6px;text-decoration:none;box-shadow:3px 3px 0 var(--blaek);transition:transform .1s,box-shadow .1s}
.knap:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--blaek)}
.knap:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--blaek)}
.knap--billet{background:var(--sydvest);color:var(--blaek);font-size:20px;padding:18px 30px;box-shadow:5px 5px 0 var(--blaek)}
.knap--billet::after{content:"→";transition:transform .15s}
.knap--billet:hover{box-shadow:6px 6px 0 var(--blaek)}
.knap--billet:hover::after{transform:translateX(4px)}
.knap--billet:active{box-shadow:1px 1px 0 var(--blaek)}
.knap--stille{background:var(--flade);color:var(--blaek)}

/* ---------- Sektioner ---------- */
.sektion{padding-block:56px}
.sektion + .sektion{border-top:1px solid var(--streg)}
.etiket{font:700 13px/1.2 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--hav);margin-bottom:8px}
.overskrift{font:400 clamp(34px,6vw,48px)/1.05 var(--plakat);text-transform:uppercase;letter-spacing:.01em;padding-top:.1em}
.haand{font:700 30px/1.1 var(--haand);color:var(--rod);display:inline-block;transform:rotate(-3deg)}
.brod{max-width:62ch;margin-top:16px}
.svag{color:var(--blaek-svag)}

/* ---------- Forside: hero ---------- */
.hero{padding-block:56px 48px}
.hero .indhold{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero h1{font:400 clamp(52px,10vw,104px)/1 var(--plakat);text-transform:uppercase}
.hero h1 span{display:block;color:var(--hav);padding-top:.06em}
.hero .premiere{font:600 22px/1.35 var(--tekst);margin-top:20px}
.hero .haand{margin-top:16px}
.hero .handling{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px}
.hero .handling small{font-size:15px;color:var(--blaek-svag)}
.hero-billede{position:relative;background:var(--flade);border:2px solid var(--blaek);border-radius:8px;padding:28px 24px 20px;box-shadow:6px 6px 0 var(--creme)}
.hero-billede .fyr{width:100%}
.hero-billede .jubi{--stjerne:polygon(50% 0%,58% 9.8%,69.1% 3.8%,72.8% 15.9%,85.4% 14.6%,84.1% 27.2%,96.2% 30.9%,90.2% 42%,100% 50%,90.2% 58%,96.2% 69.1%,84.1% 72.8%,85.4% 85.4%,72.8% 84.1%,69.1% 96.2%,58% 90.2%,50% 100%,42% 90.2%,30.9% 96.2%,27.2% 84.1%,14.6% 85.4%,15.9% 72.8%,3.8% 69.1%,9.8% 58%,0% 50%,9.8% 42%,3.8% 30.9%,15.9% 27.2%,14.6% 14.6%,27.2% 15.9%,30.9% 3.8%,42% 9.8%);position:absolute;top:-34px;right:-26px;z-index:2;isolation:isolate;background:var(--blaek);clip-path:var(--stjerne);width:120px;height:120px;display:grid;place-content:center;text-align:center;font:400 26px/.95 var(--plakat);text-transform:uppercase;transform:rotate(6deg);filter:drop-shadow(3px 3px 0 var(--blaek))}
/* Stjernen: sort kant (selve .jubi) med gul stjerne ovenpå */
.hero-billede .jubi::before{content:"";position:absolute;inset:3px;z-index:-1;background:var(--sydvest);clip-path:var(--stjerne)}
.hero-billede .jubi small{display:block;font:700 13px/1.1 var(--tekst);text-transform:none;margin-top:3px}
.hero-billede p{margin-top:14px;font-size:15px;color:var(--blaek-svag);text-align:center}

/* Forsidefoto: billeder/forside.jpg erstatter fyret, når filen findes */
.forsidefoto{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.hero-billede:has(.forsidefoto){padding:10px}
.hero-billede:has(.forsidefoto) .fyr,.hero-billede:has(.forsidefoto) p{display:none}

/* ---------- Fakta ---------- */
.fakta{background:var(--creme);border-block:2px solid var(--blaek)}
.fakta ul{list-style:none;margin:0 auto;padding:20px;max-width:var(--bred);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fakta li{display:flex;flex-direction:column}
.fakta b{font:700 12px/1.2 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--blaek-svag)}
.fakta span{font:400 26px/1.1 var(--plakat);text-transform:uppercase;margin-top:4px}

/* ---------- Datoer ---------- */
.datoer{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dato{background:var(--flade);border:2px solid var(--blaek);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;position:relative;transition:transform .1s,box-shadow .1s}
/* Hele kortet er et link til billetsalget (kun i tilstanden "salg" og kun for ledige aftener) */
.dato-link{position:absolute;inset:0;border-radius:6px;z-index:1}
.dato-link:focus-visible{outline:3px solid var(--sydvest);outline-offset:3px}
.dato.udsolgt .dato-link{display:none}
.dato.ledig:has(.dato-link:hover){background:var(--creme);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--blaek)}
.dato.ledig:has(.dato-link:hover) em::after{content:" →"}
.dato b{font:700 14px/1.2 var(--tekst);color:var(--hav);text-transform:uppercase;letter-spacing:.06em}
.dato span{font:400 26px/1 var(--plakat)}
.dato em{font:700 13px/1.2 var(--tekst);font-style:normal;margin-top:6px}
.dato.ledig em{color:var(--hav)}
.dato.udsolgt{background:transparent;border-color:var(--streg);color:var(--blaek-svag)}
.dato.udsolgt b{color:var(--blaek-svag)}
.dato.udsolgt em{background:var(--rod);align-self:flex-start;padding:3px 7px;border-radius:3px;color:var(--flade)}
.efter-datoer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px}

/* ---------- Revymenu ---------- */
.menu-kort{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:var(--flade);border:2px solid var(--blaek);border-radius:8px;padding:28px;margin-top:24px}
.menu-kort h3{font:700 13px/1.2 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--hav);margin-top:14px}
.menu-kort h3:first-child{margin-top:0}
.menu-kort p{font-weight:600}
.pris{background:var(--creme);border:2px solid var(--blaek);border-radius:6px;padding:16px 20px;text-align:center;transform:rotate(2deg)}
.pris span{display:block;font:400 44px/1 var(--plakat)}
.pris small{font-size:15px}

/* ---------- Genveje ---------- */
.genveje{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.genvej{display:flex;flex-direction:column;gap:6px;background:var(--flade);border:2px solid var(--blaek);border-radius:8px;padding:22px;color:var(--blaek);text-decoration:none;transition:transform .1s,box-shadow .1s}
.genvej:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--sydvest)}
.genvej strong{font:400 28px/1.05 var(--plakat);text-transform:uppercase}
.genvej span{font-size:16px;color:var(--blaek-svag)}
.genvej i{font-style:normal;font-weight:700;color:var(--hav);margin-top:auto;padding-top:8px}

/* ---------- Holdet ---------- */
.hold{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 16px}
.person{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.person .foto{width:112px;aspect-ratio:1;border-radius:50%;border:3px solid var(--sydvest);background:var(--creme);display:grid;place-items:center;font:400 34px/1 var(--plakat);color:var(--blaek-svag);overflow:hidden}
.person .foto{position:relative}
.person .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.person b{font-size:17px;line-height:1.25}
.person span{font-size:15px;color:var(--blaek-svag);line-height:1.3}
.gruppe + .gruppe{margin-top:48px}

/* ---------- Tidligere år ---------- */
/* Årsfaner: vælg et år, galleriet skifter nedenunder (styres af menu.js) */
.aarfaner{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.aarfaner a{font:400 24px/1 var(--plakat);color:var(--blaek);text-decoration:none;background:var(--flade);border:2px solid var(--blaek);border-radius:6px;padding:10px 16px}
.aarfaner a:hover{background:var(--creme)}
.aarfaner a[aria-current="true"]{background:var(--sydvest);box-shadow:3px 3px 0 var(--blaek)}
.aar-panel{margin-top:28px;padding-top:24px;border-top:2px solid var(--blaek)}
.aar-titel{font:400 40px/1 var(--plakat);margin-bottom:16px}
.aar-titel span{display:block;font:600 16px/1.3 var(--tekst);color:var(--blaek-svag);margin-top:6px}
.galleri .skjult{display:none}
.vis-flere{margin-top:20px}
.galleri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.galleri a{display:block;border-radius:4px;overflow:hidden;background:var(--creme)}
.galleri img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .15s}
.galleri a:hover img{transform:scale(1.04)}
.galleri a:focus-visible{outline:3px solid var(--sydvest);outline-offset:2px}
@media (max-width:640px){.galleri{grid-template-columns:repeat(3,1fr);gap:4px}}
/* Billedfremviser (laves af menu.js) */
.fremviser{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:rgba(26,24,20,.95);display:none}
.fremviser[open]{display:grid;place-items:center}
.fremviser::backdrop{background:rgba(26,24,20,.6)}
.fremviser img{max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);width:auto;height:auto;border-radius:4px;user-select:none}
.fremviser button{position:fixed;border:2px solid var(--blaek);background:var(--sydvest);color:var(--blaek);font:700 34px/1 var(--tekst);padding:0 0 4px;width:52px;height:52px;border-radius:50%;cursor:pointer;display:grid;place-items:center;box-shadow:3px 3px 0 var(--blaek)}
.fremviser button:focus-visible{outline:3px solid var(--flade);outline-offset:3px}
.fremviser-luk{top:16px;right:16px}
.fremviser-forrige{left:16px;top:50%;transform:translateY(-50%)}
.fremviser-naeste{right:16px;top:50%;transform:translateY(-50%)}
.fremviser-taeller{position:fixed;bottom:20px;left:0;right:0;text-align:center;color:var(--flade);font:600 16px/1 var(--tekst)}
@media (max-width:640px){
  .fremviser img{max-width:100vw;border-radius:0}
  .fremviser-forrige,.fremviser-naeste{top:auto;bottom:8px;transform:none}
  .fremviser-taeller{bottom:26px}
}

/* ---------- Foreningen: historie og vedtægter ---------- */
.tidslinje{list-style:none;margin:32px 0 0;padding:0;max-width:720px;border-left:3px solid var(--sydvest)}
.tidslinje li{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:0 0 24px 20px;position:relative}
.tidslinje li::before{content:"";position:absolute;left:-9px;top:10px;width:15px;height:15px;border-radius:50%;background:var(--sydvest);border:2px solid var(--blaek)}
.tidslinje b{font:400 32px/1 var(--plakat);color:var(--hav)}
.tidslinje p + p{margin-top:10px}
.vedtaegter{margin-top:24px;max-width:720px;background:var(--flade);border:2px solid var(--blaek);border-radius:8px}
.vedtaegter summary{cursor:pointer;list-style:none;font:700 18px/1 var(--tekst);padding:18px 44px 18px 18px;position:relative;border-radius:6px}
.vedtaegter summary::-webkit-details-marker{display:none}
.vedtaegter summary::after{content:"+";position:absolute;top:13px;right:16px;font:400 28px/1 var(--plakat)}
.vedtaegter summary:hover{background:var(--creme)}
.vedtaegter summary:focus-visible{outline:3px solid var(--sydvest);outline-offset:3px}
.vedtaegter[open] summary{background:var(--sydvest);border-bottom:2px solid var(--blaek);border-radius:6px 6px 0 0}
.vedtaegter[open] summary::after{content:"–"}
.vedtaegter > ol{margin:0;padding:20px 24px 24px 48px}
.vedtaegter li + li{margin-top:10px}
.vedtaegter ol ol{margin-top:8px;padding-left:24px}
.vedtaegter ol ol li + li{margin-top:2px}
@media (max-width:640px){
  .tidslinje li{grid-template-columns:1fr;gap:4px}
  .tidslinje b{font-size:28px}
  .vedtaegter > ol{padding:16px 16px 20px 36px}
}

/* ---------- Foreningen ---------- */
.to-kol{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.liste{list-style:none;margin:20px 0 0;padding:0}
.liste li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--streg)}
.liste li span:last-child{color:var(--blaek-svag);text-align:right}
.sponsor{background:var(--flade);border:2px solid var(--blaek);border-radius:8px;padding:20px;margin-top:16px}
.sponsor b{display:block;font:400 28px/1.05 var(--plakat);text-transform:uppercase}

/* ---------- Tekstside (privatliv) ---------- */
.tekstside h2{font:700 22px/1.3 var(--tekst);margin-top:32px}
.tekstside p,.tekstside ul{max-width:65ch;margin-top:10px}

/* ---------- Footer ---------- */
footer{background:var(--flade);border-top:2px solid var(--blaek);padding-block:40px 32px;margin-top:0}
footer .indhold{display:grid;grid-template-columns:160px 1fr 1fr;gap:32px;align-items:start}
footer h2{font:400 24px/1 var(--plakat);text-transform:uppercase;margin-bottom:10px}
footer p{font-size:17px;margin-top:4px}
footer small{display:block;color:var(--blaek-svag);font-size:14px;margin-top:20px}

/* ---------- Mobil ---------- */
@media (max-width:820px){
  .hero .indhold,.to-kol{grid-template-columns:1fr}
  .hero-billede{max-width:440px}
  .datoer{grid-template-columns:repeat(2,1fr)}
  .genveje{grid-template-columns:1fr}
  .menu-kort{grid-template-columns:1fr}
  .pris{justify-self:start}
  footer .indhold{grid-template-columns:1fr}
  footer .fyr{width:140px}
}
@media (max-width:640px){
  body{font-size:17px}
  .sektion{padding-block:40px}
  .hero{padding-block:32px}
  .top .indhold{min-height:64px;gap:10px}
  .top .fyr{display:none}
  .top .figur{width:56px;margin-bottom:-28px}
  .menuknap{display:inline-block}
  nav.menu{display:none}
  nav.menu.aaben{display:block}
  nav.menu ul{flex-direction:column;padding:0}
  nav.menu a{padding:14px 20px;border-bottom:1px solid rgba(26,24,20,.15)}
  .hero-billede{display:none}
  .hero-billede:has(.forsidefoto){display:block;margin-top:8px}
  .hero-billede .jubi{width:92px;height:92px;font-size:20px;top:-22px;right:-8px}
  .hero-billede .jubi small{font-size:11px}
  .hero .handling .knap{width:100%}
  .fakta ul{grid-template-columns:1fr 1fr}
  .fakta li:last-child{grid-column:1/-1}
  .genvej{padding:16px 18px}
  .genvej span{display:none}
  .genvej i{display:none}
  .genvej strong{font-size:24px}
  .menu-kort{padding:20px}
  .person .foto{width:88px;font-size:28px}
  .hold{grid-template-columns:repeat(2,1fr)}
}
/* ---------- Logoer ---------- */
.logoer{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:96px;gap:12px}
/* Hovedsponsor fylder 2×2, så de 8 andre står i to hele rækker ved siden af */
.logoer li{background:#fff;border:1px solid var(--streg);border-radius:8px;display:grid;place-items:center;padding:14px 18px}
.logoer img{max-height:64px;max-width:100%;width:auto;object-fit:contain}
.logoer .hoved{grid-column:span 2;grid-row:span 2;border:2px solid var(--blaek)}
.logoer .hoved img{max-height:150px}
@media (max-width:820px){.logoer{grid-template-columns:repeat(4,1fr)}}
.teknik{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.teknik figure{margin:0;background:#fff;border:1px solid var(--streg);border-radius:8px;padding:14px 18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.teknik figcaption{font:700 12px/1.2 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--hav)}
.teknik img{height:48px;width:auto}
.teknik small{font-size:14px;color:var(--blaek-svag)}
.kro{width:120px;filter:invert(1);opacity:.9;margin-inline:auto}
.menu-side{display:flex;flex-direction:column;gap:16px;align-items:center}
.masker{width:180px;border-radius:8px;border:2px solid var(--blaek)}
.sidehoved{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
@media (max-width:640px){
  .logoer{grid-template-columns:repeat(2,1fr);grid-auto-rows:72px;gap:8px}
  .logoer li{padding:10px 12px}
  .logoer img{max-height:44px}
  .logoer .hoved img{max-height:110px}
  .menu-side{flex-direction:row;justify-content:flex-start}
  .kro{width:84px;margin:0}
  .masker{width:120px}
}

/* ---------- Tilstande: varsel / salg / tak ----------
   Sæt data-saeson på <body> i index.html. Blokke med data-kun="…" vises kun i de nævnte tilstande. */
body[data-saeson="varsel"] [data-kun]:not([data-kun~="varsel"]),
body[data-saeson="salg"] [data-kun]:not([data-kun~="salg"]),
body[data-saeson="tak"] [data-kun]:not([data-kun~="tak"]){display:none!important}


@media (prefers-reduced-motion:reduce){*{transition:none!important}}