/* Alekos header (ny, 02.10.2026) — gennemsigtig øverst, svævende glas-pille ved scroll (samme familie som rejsekalenderen, Rejsetesten og bookingsiden).
   Alt er præfikset "ah-" og ligger under .ah, så intet rammer resten af sitet (Elementor/tema).
   Panelerne (megamenuen) er solide varme kort — glas kun til rammen (Caspers regel: glas må aldrig gå ud over læsbarheden).
   Animationer kun med transform/opacity. */

@font-face { font-family: "AH Poppins"; src: url(../fonts/poppins-latin-300.woff2) format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "AH Poppins"; src: url(../fonts/poppins-latin-400.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "AH Poppins"; src: url(../fonts/poppins-latin-500.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "AH Poppins"; src: url(../fonts/poppins-latin-600.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "AH Script"; src: url(../fonts/dancing-script-latin-var.woff2) format("woff2"); font-weight: 400 700; font-display: swap; }

.ah {
  --ah-cocoa: #341e12; --ah-cognac: #4a3220; --ah-espresso: #2a1b11; --ah-messing: #b68a4e; --ah-karamel: #9a6e3a;
  --ah-cream: #fbf6ee; --ah-porcelain: #f4ecdd; --ah-soft: #8a7a66; --ah-line: #efe6d8; --ah-roed: #a3302e; --ah-oliven: #6f7d3c;
  --ah-guld: linear-gradient(180deg, #f3d39b, #d9a35a);
  --ah-ease: cubic-bezier(.16, 1, .3, 1); --ah-fjeder: cubic-bezier(.34, 1.56, .64, 1);
  --ah-font: "AH Poppins", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --ah-top: 4px; --ah-h: 78px; --ah-ned: 14px; --ah-bred: min(1340px, calc(100% - 40px));
  position: relative; height: 85px; /* samme højde som den gamle header, så intet på siderne flytter sig */
  font-family: var(--ah-font); -webkit-font-smoothing: antialiased;
}
.ah *, .ah *::before, .ah *::after { box-sizing: border-box; }
.ah a { text-decoration: none; color: inherit; background: none; box-shadow: none; }
.ah button { font: inherit; color: inherit; background: none; border: 0; border-radius: 0; padding: 0; margin: 0; min-height: 0; width: auto; line-height: inherit; text-transform: none; letter-spacing: inherit; box-shadow: none; cursor: pointer; }
.ah button:hover, .ah button:focus { background: none; color: inherit; border: 0; }
.ah img { display: block; max-width: 100%; height: auto; border: 0; border-radius: 0; box-shadow: none; }
.ah p { margin: 0; padding: 0; }
.ah svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ah :focus-visible { outline: 2px solid #f3d39b; outline-offset: 3px; }
.ah .ah-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------------------------------------------------------------- bjælken
   Øverst på siden: ingen baggrund — kun logo, menu og knapper (hvid tekst over fotos, mørk brun over lyse flader; JS aflæser det).
   Når man scroller: bjælken glider blødt et stykke ned, og en mørk, varm glas-pille toner frem bag den (Caspers ønske 02.10.2026).
   Kun transform/opacity animeres; indholdet står helt stille, så intet hopper. */
.ah .ah-bar {
  --ah-tekst: #fff; --ah-tekst-svag: rgba(255, 255, 255, .88); --ah-hover: rgba(255, 255, 255, .13); --ah-kant: rgba(255, 255, 255, .42);
  position: fixed; z-index: 9990; top: var(--ah-top); left: 0; right: 0; margin: 0 auto; width: var(--ah-bred); height: var(--ah-h);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; column-gap: 24px; padding: 0 16px 0 40px; border-radius: 999px;
  color: var(--ah-tekst); transition: transform .9s var(--ah-ease), color .45s var(--ah-ease);
}
.ah.ah-lys:not(.flyder):not(.aaben) .ah-bar {
  --ah-tekst: var(--ah-cocoa); --ah-tekst-svag: rgba(52, 30, 18, .82); --ah-hover: rgba(52, 30, 18, .07); --ah-kant: rgba(52, 30, 18, .3);
}
.ah .ah-bar::before, .ah .ah-bar::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; }
.ah .ah-bar::before {
  background: linear-gradient(180deg, rgba(58, 38, 25, .86), rgba(38, 25, 16, .86)); border: 1px solid rgba(255, 255, 255, .16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14);
  -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%);
  opacity: 0; transform: scale(.965, .82); transition: opacity .55s var(--ah-ease), transform .9s var(--ah-ease);
}
.ah .ah-bar::after { box-shadow: 0 18px 48px rgba(28, 16, 8, .32), 0 2px 8px rgba(28, 16, 8, .14); opacity: 0; transform: scale(.965, .82); transition: opacity .7s var(--ah-ease), transform .9s var(--ah-ease); }
.ah.flyder .ah-bar, .ah.aaben .ah-bar { transform: translateY(var(--ah-ned)); }
.ah.flyder .ah-bar::before, .ah.flyder .ah-bar::after, .ah.aaben .ah-bar::before { opacity: 1; transform: none; }

.ah .ah-logo { justify-self: start; display: flex; align-items: center; height: 52px; padding: 0 2px; border-radius: 12px; color: var(--ah-tekst); }
.ah .ah-logo svg { display: block; width: 142px; height: auto; fill: currentColor; stroke: none; }

.ah .ah-nav { display: flex; align-items: center; gap: 6px; }
.ah .ah-link {
  position: relative; display: inline-flex; align-items: center; gap: 7px; height: 42px; padding: 0 17px; border-radius: 99px;
  font-size: 15px; font-weight: 500; letter-spacing: .005em; color: var(--ah-tekst-svag); white-space: nowrap;
  transition: background-color .25s, color .45s var(--ah-ease);
}
.ah .ah-link:hover, .ah .ah-link[aria-expanded="true"] { background: var(--ah-hover); color: var(--ah-tekst); }
.ah .ah-link svg { width: 14px; height: 14px; stroke-width: 2.2; opacity: .75; transition: transform .45s var(--ah-ease); }
.ah .ah-link[aria-expanded="true"] svg { transform: rotate(180deg); }
.ah .ah-link[aria-current="page"]::after {
  content: ""; position: absolute; left: 50%; bottom: 3px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--ah-messing);
}

.ah .ah-cta { justify-self: end; display: flex; align-items: center; gap: 10px; }
.ah .ah-knap {
  position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 46px; padding: 0 22px; border-radius: 99px;
  font-size: 14.5px; font-weight: 600; white-space: nowrap; transition: transform .35s var(--ah-fjeder), background-color .25s, box-shadow .3s, color .45s var(--ah-ease);
}
.ah .ah-knap:hover { transform: translateY(-1px); }
.ah .ah-knap:active { transform: scale(.97); }
.ah .ah-knap-glas { color: var(--ah-tekst); background: transparent; box-shadow: inset 0 0 0 1px var(--ah-kant); font-weight: 500; }
.ah .ah-knap-glas:hover { background: var(--ah-hover); }
.ah .ah-knap-guld { color: var(--ah-cocoa); background: var(--ah-guld); box-shadow: 0 6px 18px rgba(217, 163, 90, .35), inset 0 1px 0 rgba(255, 255, 255, .5); }
.ah .ah-knap-guld:hover { box-shadow: 0 10px 26px rgba(217, 163, 90, .5), inset 0 1px 0 rgba(255, 255, 255, .5); }
.ah .ah-knap svg { width: 16px; height: 16px; stroke-width: 2; }

.ah .ah-burger { display: none; width: 44px; height: 44px; border-radius: 50%; place-items: center; box-shadow: inset 0 0 0 1px var(--ah-kant); color: var(--ah-tekst); transition: color .45s, box-shadow .45s; }
.ah .ah-burger span { display: block; width: 18px; height: 1.8px; border-radius: 2px; background: currentColor; box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor; }

/* ---------------------------------------------------------------- intro: logo, menupunkter og knapper glider blødt ind én for én,
   og et lysglimt løber hen over guldknappen. Elementerne står i layoutet fra start (kun opacity/transform), så intet hopper.
   .ah-vent sættes af et lille script lige efter headeren; uden JS dukker alt op af sig selv efter 2,5 sek. */
.ah.ah-vent .ah-ind { opacity: 0; animation: ah-noedudgang 0s 2.5s forwards; }
@keyframes ah-noedudgang { to { opacity: 1; } }
.ah.ah-intro .ah-ind { animation: ah-intro 1.1s var(--ah-ease) both; animation-delay: calc(120ms + var(--i, 0) * 70ms); }
.ah.ah-intro .ah-logo.ah-ind { animation-name: ah-intro-logo; animation-duration: 1.3s; }
.ah.ah-intro .ah-cta .ah-ind { animation-name: ah-intro-knap; animation-timing-function: var(--ah-fjeder); animation-duration: .9s; }
@keyframes ah-intro { from { opacity: 0; transform: translateY(-12px); } }
@keyframes ah-intro-logo { from { opacity: 0; transform: translateY(10px) scale(.94); } }
@keyframes ah-intro-knap { from { opacity: 0; transform: scale(.86); } }
.ah .ah-knap-guld::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; transform: translateX(-120%);
  background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .7) 48%, transparent 66%);
}
.ah.ah-intro .ah-knap-guld::after { animation: ah-glimt 1.2s var(--ah-ease) 1.1s; }
@keyframes ah-glimt { from { transform: translateX(-120%); } to { transform: translateX(120%); } }

/* ---------------------------------------------------------------- megamenu (desktop) */
.ah .ah-daemp {
  position: fixed; inset: 0; z-index: 9980; background: rgba(28, 17, 9, .32); opacity: 0; visibility: hidden;
  transition: opacity .4s var(--ah-ease), visibility 0s .4s;
}
.ah.aaben .ah-daemp { opacity: 1; visibility: visible; transition: opacity .4s var(--ah-ease); }

.ah .ah-panel {
  position: fixed; z-index: 9985; top: calc(var(--ah-top) + var(--ah-h) + 10px); left: 0; right: 0; margin: 0 auto; width: var(--ah-bred);
  max-height: calc(100vh - var(--ah-top) - var(--ah-h) - 26px); overflow: auto; overscroll-behavior: contain;
  background: var(--ah-cream); color: var(--ah-cocoa); border-radius: 30px; padding: 28px 30px 0;
  box-shadow: 0 34px 90px rgba(36, 21, 10, .38), 0 4px 14px rgba(36, 21, 10, .12);
  opacity: 0; visibility: hidden; transform: translateY(-10px) scale(.985); transform-origin: 50% 0;
  transition: opacity .3s var(--ah-ease), transform .45s var(--ah-ease), visibility 0s .3s;
}
.ah.flyder .ah-panel, .ah.aaben .ah-panel { top: calc(var(--ah-top) + var(--ah-ned) + var(--ah-h) + 10px); }
.ah .ah-panel.vis { opacity: 1; visibility: visible; transform: none; transition: opacity .3s var(--ah-ease), transform .5s var(--ah-ease); }
/* indholdet glider ind i en bølge */
.ah .ah-panel .ah-boelge { opacity: 0; transform: translateY(8px); transition: opacity .45s var(--ah-ease), transform .6s var(--ah-ease); transition-delay: calc(var(--i, 0) * 35ms); }
.ah .ah-panel.vis .ah-boelge { opacity: 1; transform: none; }

.ah .ah-gitter { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.18fr); gap: 26px; }
.ah .ah-kolonne { min-width: 0; }
.ah .ah-khoved { padding: 0 10px 14px; margin-bottom: 8px; border-bottom: 1px solid var(--ah-line); }
.ah .ah-ktitel { margin: 0; font-size: 27px; font-weight: 300; letter-spacing: -.025em; line-height: 1.1; color: var(--ah-cocoa); }
.ah .ah-ktitel em { font-style: normal; color: var(--ah-messing); }
.ah .ah-ksub { margin: 5px 0 0; font-size: 12.5px; color: var(--ah-soft); }

.ah .ah-rejse {
  display: grid; grid-template-columns: 48px minmax(0, 1fr) 16px; align-items: center; gap: 13px; padding: 7px 10px; border-radius: 18px;
  transition: background-color .25s;
}
.ah .ah-rejse + .ah-rejse { margin-top: 2px; }
.ah .ah-rund { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 2px #fff, 0 5px 14px rgba(52, 30, 18, .2); background: var(--ah-porcelain); }
.ah .ah-rund img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ah-ease); }
.ah .ah-rnavn { display: block; font-size: 14px; font-weight: 500; line-height: 1.32; color: var(--ah-cocoa); text-wrap: pretty; }
.ah .ah-rmeta { display: block; margin-top: 3px; font-size: 12px; color: var(--ah-soft); }
.ah .ah-rmeta b { font-weight: 500; color: var(--ah-cognac); }
.ah .ah-udsolgt { color: var(--ah-roed); font-weight: 500; }
.ah .ah-pil { width: 16px; height: 16px; color: var(--ah-messing); opacity: 0; transform: translateX(-6px); transition: opacity .25s, transform .4s var(--ah-ease); }
.ah .ah-rejse:hover { background: var(--ah-porcelain); }
.ah .ah-rejse:hover .ah-rund img { transform: scale(1.08); }
.ah .ah-rejse:hover .ah-pil { opacity: 1; transform: none; }

/* bånd i bunden: lande + Rejsetesten */
.ah .ah-baand { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; align-items: center; margin: 24px -30px 0; padding: 22px 30px 24px; background: var(--ah-porcelain); border-top: 1px solid var(--ah-line); }
.ah .ah-baand .ah-test { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 16px; padding: 18px 18px 18px 22px; }
.ah .ah-baand .ah-test-titel { grid-column: 1; margin: 4px 0 0; font-size: 15px; }
.ah .ah-baand .ah-test .ah-knap { grid-column: 2; grid-row: 1 / span 2; }
.ah .ah-lande-top { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.ah .ah-lande-top .ah-over { margin-bottom: 10px; }
/* højre side (Om Alekos) */
.ah .ah-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ah .ah-over { margin: 0 0 10px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--ah-karamel); }
.ah .ah-lande { display: flex; flex-wrap: wrap; gap: 6px; }
.ah .ah-land {
  display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 99px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--ah-line); font-size: 13px; color: var(--ah-cocoa); transition: box-shadow .25s, background-color .25s;
}
.ah .ah-land small { font-size: 11px; color: var(--ah-soft); }
.ah .ah-land:hover { box-shadow: inset 0 0 0 1px var(--ah-messing); background: #fffdf8; }

.ah .ah-test {
  position: relative; overflow: hidden; display: block; padding: 20px 20px 18px; border-radius: 22px; color: #fff;
  background: radial-gradient(120% 90% at 100% 0%, #6b4a2e 0%, rgba(107, 74, 46, 0) 60%), linear-gradient(160deg, #4a3220, #2a1b11);
  box-shadow: 0 14px 34px rgba(42, 27, 17, .28);
}
.ah .ah-test-script { margin: 0; font-family: "AH Script", cursive; font-size: 21px; font-weight: 600; line-height: 1; color: #e9c88f; }
.ah .ah-test-titel { margin: 8px 0 14px; font-size: 19px; font-weight: 300; line-height: 1.25; letter-spacing: -.01em; }
.ah .ah-test .ah-knap { height: 38px; padding: 0 16px; font-size: 13px; }
.ah .ah-test:hover .ah-knap { transform: translateY(-1px); }
.ah .ah-kalender-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: var(--ah-cognac); padding: 6px 0; }
.ah .ah-kalender-link svg { width: 15px; height: 15px; transition: transform .35s var(--ah-ease); }
.ah .ah-kalender-link:hover svg { transform: translateX(3px); }

.ah .ah-fod {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 26px; margin: 22px -30px 0; padding: 15px 30px; border-top: 1px solid var(--ah-line);
  background: rgba(244, 236, 221, .55); font-size: 12.5px; color: var(--ah-cognac);
}
.ah .ah-fod span { display: inline-flex; align-items: center; gap: 7px; }
.ah .ah-fod svg { width: 15px; height: 15px; color: var(--ah-oliven); stroke-width: 2.4; }
.ah .ah-stjerner { display: inline-flex; gap: 2px; }
.ah .ah-stjerner i { width: 15px; height: 15px; background: #00b67a; display: grid; place-items: center; }
.ah .ah-stjerner i::before { content: ""; width: 10px; height: 10px; background: #fff; clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }

/* Om Alekos */
.ah .ah-gitter-om { grid-template-columns: repeat(3, minmax(0, 1fr)) 300px; padding-bottom: 28px; }
.ah .ah-om-link { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; padding: 9px 10px; border-radius: 16px; transition: background-color .25s; }
.ah .ah-om-link:hover { background: var(--ah-porcelain); }
.ah .ah-ikon { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: #fff; box-shadow: inset 0 0 0 1px var(--ah-line); color: var(--ah-karamel); transition: transform .4s var(--ah-fjeder); }
.ah .ah-ikon svg { width: 19px; height: 19px; }
.ah .ah-om-link:hover .ah-ikon { transform: scale(1.06); }
.ah .ah-om-titel { display: block; font-size: 14px; font-weight: 500; color: var(--ah-cocoa); line-height: 1.3; }
.ah .ah-om-tekst { display: block; margin-top: 2px; font-size: 12px; color: var(--ah-soft); line-height: 1.35; }
.ah .ah-om-gruppe .ah-over { padding-left: 10px; }

.ah .ah-moede { display: block; padding: 22px 22px 20px; border-radius: 22px; color: #fff; background: linear-gradient(160deg, #4a3220, #2a1b11); box-shadow: 0 14px 34px rgba(42, 27, 17, .28); }
.ah .ah-moede .ah-over { color: #e9c88f; }
.ah .ah-moede-dato { margin: 0; font-size: 24px; font-weight: 300; line-height: 1.15; letter-spacing: -.02em; }
.ah .ah-moede-dato em { font-style: normal; color: #e9c88f; }
.ah .ah-moede-tekst { margin: 10px 0 16px; font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, .78); }
.ah .ah-moede .ah-knap { height: 38px; padding: 0 16px; font-size: 13px; }

/* ---------------------------------------------------------------- mobil */
.ah .ah-ark {
  position: fixed; inset: 0; z-index: 9995; display: flex; flex-direction: column; background: var(--ah-cream); color: var(--ah-cocoa);
  opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .3s var(--ah-ease), transform .5s var(--ah-ease), visibility 0s .3s;
}
.ah.mobil-aaben .ah-ark { opacity: 1; visibility: visible; transform: none; transition: opacity .3s var(--ah-ease), transform .5s var(--ah-ease); }
.ah .ah-ark-top {
  flex: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 12px 12px 20px;
  padding-top: max(12px, env(safe-area-inset-top)); background: linear-gradient(160deg, #4a3220, #2a1b11); color: #fff;
}
.ah .ah-ark-top .ah-logo { margin: 0; }
.ah .ah-ark-top .ah-logo { color: #fff; }
.ah .ah-ark-top .ah-logo svg { width: 112px; }
.ah .ah-luk { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .12); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); }
.ah .ah-luk svg { width: 18px; height: 18px; stroke-width: 2.2; }
.ah .ah-ark-krop { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 22px 16px 24px; -webkit-overflow-scrolling: touch; }
.ah .ah-ark-titel { margin: 0 0 14px 4px; font-size: 30px; font-weight: 300; letter-spacing: -.025em; line-height: 1.05; }
.ah .ah-ark-titel em { font-style: normal; color: var(--ah-messing); }
.ah .ah-faner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 4px; margin-bottom: 10px; border-radius: 99px; background: var(--ah-porcelain); }
.ah .ah-fane { height: 40px; border-radius: 99px; font-size: 13px; font-weight: 500; color: var(--ah-cognac); transition: background-color .25s, box-shadow .25s; }
.ah .ah-fane[aria-selected="true"] { background: #fff; color: var(--ah-cocoa); box-shadow: 0 2px 8px rgba(52, 30, 18, .12); }
.ah .ah-fane-sub { margin: 0 4px 6px; font-size: 12.5px; color: var(--ah-soft); }
.ah .ah-ark .ah-rejse { grid-template-columns: 50px minmax(0, 1fr); padding: 9px 6px; }
.ah .ah-ark .ah-pil { display: none; }
.ah .ah-ark .ah-boelge { animation: ah-ind .5s var(--ah-ease) both; animation-delay: calc(var(--i, 0) * 30ms); }
@keyframes ah-ind { from { opacity: 0; transform: translateY(6px); } }
.ah .ah-ark-afsnit { margin-top: 22px; }
.ah .ah-ark-afsnit .ah-over { margin-left: 4px; }
.ah .ah-ark-links { margin-top: 24px; border-top: 1px solid var(--ah-line); }
.ah .ah-ark-link, .ah .ah-ark-fold > summary {
  display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 0 4px; border-bottom: 1px solid var(--ah-line);
  font-size: 17px; font-weight: 500; color: var(--ah-cocoa); list-style: none; cursor: pointer;
}
.ah .ah-ark-fold > summary::-webkit-details-marker { display: none; }
.ah .ah-ark-link small { font-size: 12.5px; font-weight: 400; color: var(--ah-soft); }
.ah .ah-ark-link svg, .ah .ah-ark-fold > summary svg { width: 16px; height: 16px; color: var(--ah-messing); transition: transform .4s var(--ah-ease); }
.ah .ah-ark-fold[open] > summary svg { transform: rotate(180deg); }
.ah .ah-ark-fold .ah-om-link { padding: 8px 4px; }
.ah .ah-ark-fold > div { padding: 6px 0 10px; border-bottom: 1px solid var(--ah-line); }
.ah .ah-ark-bund {
  flex: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 16px; padding-bottom: max(12px, env(safe-area-inset-bottom));
  background: var(--ah-cream); box-shadow: 0 -1px 0 var(--ah-line), 0 -10px 24px rgba(52, 30, 18, .06);
}
.ah .ah-ark-bund .ah-knap { height: 50px; font-size: 14.5px; }
.ah .ah-ark-bund .ah-knap-glas { color: var(--ah-cocoa); background: #fff; box-shadow: inset 0 0 0 1px var(--ah-line); }

/* brede skærme: menupunkterne præcis i midten (knapperne til højre er bredere end logoet) */
@media (min-width: 1240px) {
  .ah .ah-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .ah .ah-cta { grid-column: 3; }
}
@media (max-width: 1180px) {
  .ah .ah-bar { column-gap: 14px; padding-left: 30px; }
  .ah .ah-nav { gap: 2px; }
  .ah .ah-link { padding: 0 13px; font-size: 14.5px; }
  .ah .ah-logo svg { width: 128px; }
  .ah .ah-knap { padding: 0 18px; }
  .ah .ah-gitter { gap: 16px; }
  .ah .ah-gitter-om { grid-template-columns: repeat(3, minmax(0, 1fr)) 250px; }
  .ah .ah-baand { grid-template-columns: minmax(0, 1fr) 300px; }
  .ah .ah-baand .ah-test { grid-template-columns: 1fr; }
  .ah .ah-baand .ah-test .ah-knap { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 10px; }
  .ah .ah-baand .ah-test-script { font-size: 19px; }
}
@media (max-width: 1079px) {
  .ah { --ah-top: 10px; --ah-h: 68px; --ah-ned: 8px; --ah-bred: calc(100% - 20px); }
  .ah .ah-bar { grid-template-columns: 1fr auto auto; column-gap: 8px; padding: 0 12px 0 24px; }
  .ah .ah-nav, .ah .ah-knap-glas.ah-kun-stor, .ah .ah-panel, .ah .ah-daemp { display: none; }
  .ah .ah-burger { display: grid; }
  .ah .ah-cta .ah-knap { height: 44px; padding: 0 18px; font-size: 14px; }
  .ah .ah-logo svg { width: 118px; }
}
@media (max-width: 767px) {
  .ah { height: 88px; } /* den gamle header er 88 px på mobil */
}
@media (max-width: 360px) {
  .ah .ah-bar { padding: 0 10px 0 18px; column-gap: 6px; }
  .ah .ah-logo svg { width: 100px; }
  .ah .ah-cta .ah-knap { padding: 0 13px; font-size: 13px; }
}
/* bookingsider: skjul knapperne i bjælken (siden har sin egen "Book din plads") */
.ah.ah-booking .ah-cta { display: none; }
html.ah-laast, html.ah-laast body { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  .ah *, .ah *::before, .ah *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; transition-delay: 0s !important; animation-delay: 0s !important; }
}

/* ---------------------------------------------------------------- variant B (Caspers reference 02.10.2026): stille menupunkter,
   kun én knap (pille med lille guldcirkel og pil), mere luft. Slås til med ?variant=b. */
.ah.ah-v2 .ah-nav { gap: 14px; }
.ah.ah-v2 .ah-link { padding: 0 12px; font-weight: 400; color: var(--ah-tekst); opacity: .66; transition: opacity .3s, background-color .25s; }
.ah.ah-v2 .ah-link:hover, .ah.ah-v2 .ah-link[aria-expanded="true"], .ah.ah-v2 .ah-link[aria-current="page"] { opacity: 1; background: none; }
.ah.ah-v2 .ah-link[aria-current="page"]::after { display: none; }
.ah.ah-v2 .ah-link svg { width: 12px; height: 12px; }
.ah.ah-v2 .ah-knap-guld { gap: 12px; height: 50px; padding: 0 6px 0 24px; font-weight: 500; color: var(--ah-cocoa); background: var(--ah-guld);
  box-shadow: 0 6px 18px rgba(217, 163, 90, .28), inset 0 1px 0 rgba(255, 255, 255, .45); }
.ah.ah-v2 .ah-knap-glas { height: 50px; padding: 0 22px; font-weight: 400; }
.ah.ah-v2 .ah-cta { gap: 12px; }
.ah.ah-v2 .ah-prik { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .55);
  transition: transform .45s var(--ah-fjeder); }
.ah.ah-v2 .ah-prik svg { width: 16px; height: 16px; stroke-width: 2.2; color: var(--ah-cocoa); transform: rotate(-45deg); }
.ah.ah-v2 .ah-knap-guld:hover .ah-prik { transform: rotate(45deg); }
.ah.ah-v2 .ah-knap-guld:hover { box-shadow: 0 10px 24px rgba(217, 163, 90, .4), inset 0 1px 0 rgba(255, 255, 255, .45); }
/* lys, frostet glas-pille i stedet for brun (Casper 02.10.2026) — mørk tekst, når den svæver */
.ah.ah-v2 .ah-bar::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(251, 246, 238, .84)); border: 1px solid rgba(255, 255, 255, .85);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(22px) saturate(170%); backdrop-filter: blur(22px) saturate(170%);
}
.ah.ah-v2 .ah-bar::after { box-shadow: 0 16px 44px rgba(52, 30, 18, .14), 0 2px 8px rgba(52, 30, 18, .06); }
.ah.ah-v2.flyder .ah-bar, .ah.ah-v2.aaben .ah-bar {
  --ah-tekst: var(--ah-cocoa); --ah-tekst-svag: rgba(52, 30, 18, .82); --ah-hover: rgba(52, 30, 18, .07); --ah-kant: rgba(52, 30, 18, .22);
}
.ah .ah-prik { display: none; }
.ah.ah-v2 .ah-prik { display: grid; }
@media (max-width: 1079px) { .ah.ah-v2 .ah-knap-guld { height: 46px; padding: 0 5px 0 18px; gap: 10px; } .ah.ah-v2 .ah-prik { width: 36px; height: 36px; } }
@media (max-width: 360px) { .ah.ah-v2 .ah-knap-guld { padding-left: 14px; } .ah.ah-v2 .ah-prik { width: 32px; height: 32px; } }
@media (max-width: 440px) { .ah.ah-v2 .ah-prik { display: none; } .ah.ah-v2 .ah-knap-guld { padding: 0 18px; } }

/* ---------------------------------------------------------------- glas-varianter mellem brun og lys (?glas=mokka|roeg|sand), 02.10.2026 */
.ah.ah-g-mokka .ah-bar::before { background: linear-gradient(180deg, rgba(118, 88, 64, .66), rgba(92, 68, 50, .66)); border-color: rgba(255, 255, 255, .26);
  -webkit-backdrop-filter: blur(24px) saturate(150%); backdrop-filter: blur(24px) saturate(150%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22); }
.ah.ah-g-roeg .ah-bar::before { background: linear-gradient(180deg, rgba(74, 64, 56, .50), rgba(56, 48, 42, .50)); border-color: rgba(255, 255, 255, .28);
  -webkit-backdrop-filter: blur(26px) saturate(180%); backdrop-filter: blur(26px) saturate(180%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); }
.ah.ah-g-sand .ah-bar::before { background: linear-gradient(180deg, rgba(222, 202, 174, .80), rgba(206, 183, 152, .78)); border-color: rgba(255, 255, 255, .5);
  -webkit-backdrop-filter: blur(24px) saturate(150%); backdrop-filter: blur(24px) saturate(150%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45); }
.ah.ah-g-mokka .ah-bar::after, .ah.ah-g-roeg .ah-bar::after, .ah.ah-g-sand .ah-bar::after { box-shadow: 0 16px 44px rgba(28, 16, 8, .22), 0 2px 8px rgba(28, 16, 8, .1); }
/* mokka + røg: hvid tekst, når den svæver */
.ah.ah-g-mokka.flyder .ah-bar, .ah.ah-g-mokka.aaben .ah-bar, .ah.ah-g-roeg.flyder .ah-bar, .ah.ah-g-roeg.aaben .ah-bar {
  --ah-tekst: #fff; --ah-tekst-svag: rgba(255, 255, 255, .9); --ah-hover: rgba(255, 255, 255, .13); --ah-kant: rgba(255, 255, 255, .45);
}
.ah.ah-g-sand.flyder .ah-bar, .ah.ah-g-sand.aaben .ah-bar { --ah-kant: rgba(52, 30, 18, .3); }
.ah.ah-v2.ah-g-mokka .ah-link, .ah.ah-v2.ah-g-roeg .ah-link { opacity: .8; }
.ah.ah-v2.ah-g-mokka .ah-link:hover, .ah.ah-v2.ah-g-roeg .ah-link:hover { opacity: 1; }

/* ---------------------------------------------------------------- endelig udgave (Casper 02.10.2026): røgglas, lige store mellemrum,
   "Prøv Rejsetesten" som blød udfyldt pille med guld-ikon (kant-knappen var "virkelig grim"). */
@media (min-width: 1080px) {
  .ah.ah-v2 .ah-bar { display: flex; justify-content: space-between; }
  .ah.ah-v2 .ah-nav { position: static; transform: none; }
}
.ah.ah-v2 .ah-knap-glas { gap: 9px; height: 50px; padding: 0 20px 0 16px; font-weight: 500; box-shadow: none; background: rgba(255, 255, 255, .13); }
.ah.ah-v2 .ah-knap-glas:hover { background: rgba(255, 255, 255, .22); }
.ah.ah-v2.ah-lys:not(.flyder):not(.aaben) .ah-knap-glas { background: rgba(52, 30, 18, .06); }
.ah.ah-v2.ah-lys:not(.flyder):not(.aaben) .ah-knap-glas:hover { background: rgba(52, 30, 18, .11); }
.ah .ah-gnist { display: none; }
.ah.ah-v2 .ah-gnist { display: block; width: 17px; height: 17px; fill: #e2b673; stroke: none; transition: transform .6s var(--ah-fjeder); }
.ah.ah-v2.ah-lys:not(.flyder):not(.aaben) .ah-gnist { fill: var(--ah-messing); }
.ah.ah-v2 .ah-knap-glas:hover .ah-gnist { transform: rotate(90deg) scale(1.1); }
/* smalle bærbare: alt skal kunne være i pillen */
@media (min-width: 1080px) and (max-width: 1260px) {
  .ah.ah-v2 .ah-bar { padding: 0 12px 0 26px; }
  .ah.ah-v2 .ah-nav { gap: 2px; }
  .ah.ah-v2 .ah-link { padding: 0 10px; font-size: 14px; }
  .ah.ah-v2 .ah-logo svg { width: 118px; }
  .ah.ah-v2 .ah-cta { gap: 8px; }
  .ah.ah-v2 .ah-knap-glas { height: 46px; padding: 0 15px 0 12px; font-size: 14px; }
  .ah.ah-v2 .ah-knap-guld { height: 46px; padding: 0 20px; font-size: 14px; }
  .ah.ah-v2 .ah-prik { display: none; }
}
/* menupunkterne venstrestillet lige efter logoet, som på det gamle site (Casper 02.10.2026) */
@media (min-width: 1080px) {
  .ah.ah-v2 .ah-bar { justify-content: flex-start; }
  .ah.ah-v2 .ah-nav { margin-left: 14px; }
  .ah.ah-v2 .ah-cta { margin-left: auto; padding-left: 16px; }
}
@media (min-width: 1080px) and (max-width: 1260px) { .ah.ah-v2 .ah-nav { margin-left: 20px; } }

/* Caspers rettelser 02.10.2026: ingen stjerne i "Prøv Rejsetesten", lysere skrift i "Book din plads", ingen landeliste */
.ah.ah-v2 .ah-knap-glas { padding: 0 22px; }
@media (min-width: 1080px) and (max-width: 1260px) { .ah.ah-v2 .ah-knap-glas { padding: 0 16px; } }
.ah.ah-v2 .ah-knap-guld { color: #6b4524; }
.ah.ah-v2 .ah-prik svg { color: #6b4524; }
.ah .ah-baand-titel { margin: 0 0 6px; font-size: 22px; font-weight: 300; letter-spacing: -.02em; color: var(--ah-cocoa); }
.ah .ah-baand-titel em { font-style: normal; color: var(--ah-messing); }
.ah .ah-kalender-link { font-size: 14px; }
.ah.ah-v2 .ah-ark-bund .ah-knap-glas { height: 50px; color: var(--ah-cocoa); background: #fff; box-shadow: inset 0 0 0 1px var(--ah-line); }

/* Rejsetest-kortet i Grupperejser-menuen (Casper 02.10.2026: "svært at læse — skal pimpes op"):
   Rejsetestens eget flyvinge-billede, mørk toning bag teksten, klar sans-serif i stedet for lille skråskrift. */
.ah .ah-baand { grid-template-columns: minmax(0, 1fr) 470px; }
.ah .ah-test.ah-test-ny {
  position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px;
  min-height: 150px; padding: 22px 20px 20px 24px; border-radius: 22px; background: #2a1b11; box-shadow: 0 16px 36px rgba(42, 27, 17, .26);
}
.ah .ah-test-ny .ah-test-bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 60% 40%;
  transition: transform 1.2s var(--ah-ease); }
.ah .ah-test-ny::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(24, 14, 8, .86) 0%, rgba(24, 14, 8, .62) 52%, rgba(24, 14, 8, .25) 100%); }
.ah .ah-test-ny:hover .ah-test-bg { transform: scale(1.06); }
.ah .ah-test-indhold { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ah .ah-test-over { font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: #f3d39b; }
.ah .ah-test-ny .ah-test-titel { margin: 0; font-size: 21px; font-weight: 500; line-height: 1.2; letter-spacing: -.015em; color: #fff; text-shadow: 0 1px 12px rgba(0, 0, 0, .35); }
.ah .ah-test-tekst { font-size: 13.5px; line-height: 1.45; color: rgba(255, 255, 255, .9); max-width: 230px; }
.ah .ah-test-ny .ah-knap { flex: none; height: 46px; gap: 10px; padding: 0 5px 0 18px; font-size: 14px; font-weight: 500; color: #6b4524;
  background: var(--ah-guld); box-shadow: 0 8px 20px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .45); }
.ah .ah-test-ny .ah-prik { display: grid; width: 36px; height: 36px; border-radius: 50%; place-items: center; background: rgba(255, 255, 255, .55); }
.ah .ah-test-ny .ah-prik svg { width: 15px; height: 15px; color: #6b4524; stroke-width: 2.2; transition: transform .45s var(--ah-fjeder); }
.ah .ah-test-ny:hover .ah-prik svg { transform: translateX(2px); }
.ah .ah-test-ny::after { display: none; }
@media (max-width: 1260px) {
  .ah .ah-baand { grid-template-columns: minmax(0, 1fr) 400px; }
  .ah .ah-test.ah-test-ny { flex-direction: column; align-items: flex-start; }
}

/* ---------------------------------------------------------------- responsiv finpudsning (Casper 02.10.2026) */
/* mobilmenuen: lys top med mørkt logo i stedet for brun stribe */
.ah .ah-ark-top { background: var(--ah-cream); color: var(--ah-cocoa); box-shadow: 0 1px 0 var(--ah-line); }
.ah .ah-ark-top .ah-logo { color: var(--ah-cocoa); }
.ah .ah-luk { background: var(--ah-porcelain); box-shadow: none; color: var(--ah-cocoa); transition: transform .45s var(--ah-fjeder), background-color .25s; }
.ah .ah-luk:hover { background: #ece0cb; transform: rotate(90deg); }
/* tablet: "Prøv Rejsetesten" er der plads til i bjælken */
@media (min-width: 700px) and (max-width: 1079px) {
  .ah.ah-v2 .ah-cta .ah-knap-glas.ah-kun-stor { display: inline-flex; height: 46px; padding: 0 18px; font-size: 14px; }
  .ah.ah-v2 .ah-cta { gap: 8px; }
}
/* tablet/iPad: menuen er en skuffe fra højre (ikke hele skærmen), siden bag dæmpes */
@media (min-width: 600px) {
  .ah .ah-ark { left: auto; width: min(460px, 100%); border-radius: 30px 0 0 30px; overflow: hidden;
    box-shadow: -30px 0 90px rgba(28, 16, 8, .32); transform: translateX(105%); opacity: 1;
    transition: transform .65s var(--ah-ease), visibility 0s .65s; }
  .ah.mobil-aaben .ah-ark { transform: none; transition: transform .65s var(--ah-ease); }
  .ah.mobil-aaben .ah-daemp { display: block; opacity: 1; visibility: visible; transition: opacity .5s var(--ah-ease); }
  .ah .ah-ark-top { padding: 20px 20px 16px 28px; }
  .ah .ah-ark-krop { padding: 26px 24px 28px; }
  .ah .ah-ark-bund { padding: 14px 24px 20px; }
}
.ah .ah-ark .ah-luk, .ah .ah-ark .ah-luk:focus { background: var(--ah-porcelain); color: var(--ah-cocoa); }
.ah .ah-ark .ah-luk:hover { background: #ece0cb; }

/* ---------------------------------------------------------------- mobilmenu i glas (Casper 02.10.2026: "mangler glassmorphism",
   punkterne var "uinspirerende"). Sløret solnedgang (kalenderens motiv, forsløret 4 KB billede) + frostede glaskort, hvid tekst. */
.ah .ah-ark { background: #3a2618 url(../media/menu-baggrund.jpg) center / cover; color: #fff; }
.ah .ah-ark::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(24, 14, 8, .58) 0%, rgba(24, 14, 8, .34) 38%, rgba(24, 14, 8, .62) 100%); }
.ah .ah-ark > * { position: relative; }
.ah .ah-ark .ah-ark-top { background: transparent; color: #fff; box-shadow: 0 1px 0 rgba(255, 255, 255, .14); }
.ah .ah-ark .ah-ark-top .ah-logo { color: #fff; }
.ah .ah-ark .ah-luk, .ah .ah-ark .ah-luk:focus { background: rgba(255, 255, 255, .14); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.ah .ah-ark .ah-luk:hover { background: rgba(255, 255, 255, .24); }
.ah .ah-ark .ah-ark-titel { color: #fff; font-weight: 300; }
.ah .ah-ark .ah-ark-titel em { color: #f3d39b; }
.ah .ah-ark .ah-faner { background: rgba(255, 255, 255, .12); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
  -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); }
.ah .ah-ark .ah-fane { color: rgba(255, 255, 255, .86); }
.ah .ah-ark .ah-fane[aria-selected="true"] { background: #fff; color: var(--ah-cocoa); box-shadow: 0 4px 14px rgba(0, 0, 0, .18); }
.ah .ah-ark .ah-fane-sub { color: rgba(255, 255, 255, .72); }
.ah .ah-ark [data-ah-liste], .ah .ah-ark .ah-flise {
  background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .22); border-radius: 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .18);
  -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%);
}
.ah .ah-ark [data-ah-liste] { padding: 6px; }
.ah .ah-ark .ah-rejse { padding: 9px 10px; border-radius: 18px; }
.ah .ah-ark .ah-rejse:hover { background: rgba(255, 255, 255, .1); }
.ah .ah-ark .ah-rejse + .ah-rejse { margin-top: 0; }
.ah .ah-ark .ah-rnavn { color: #fff; }
.ah .ah-ark .ah-rmeta { color: rgba(255, 255, 255, .72); }
.ah .ah-ark .ah-rund { box-shadow: 0 0 0 2px rgba(255, 255, 255, .75), 0 5px 14px rgba(0, 0, 0, .25); }

.ah .ah-ark-fliser { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.ah .ah-ark .ah-flise { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-height: 120px; padding: 16px; color: #fff;
  transition: background-color .25s, transform .4s var(--ah-fjeder); }
.ah .ah-ark a.ah-flise:hover { background: rgba(255, 255, 255, .18); }
.ah .ah-ark a.ah-flise:active { transform: scale(.97); }
.ah .ah-flise-ikon { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: auto; border-radius: 50%; background: var(--ah-guld);
  color: #6b4524; box-shadow: 0 4px 12px rgba(0, 0, 0, .18); }
.ah .ah-flise-ikon svg { width: 18px; height: 18px; stroke-width: 1.9; }
.ah .ah-flise-titel { margin-top: 12px; font-size: 15px; font-weight: 500; line-height: 1.25; }
.ah .ah-flise-tekst { font-size: 12.5px; line-height: 1.35; color: rgba(255, 255, 255, .74); }
.ah .ah-ark .ah-flise-om { grid-column: 1 / -1; min-height: 0; padding: 0; }
.ah .ah-flise-om > summary { display: flex; align-items: center; gap: 12px; padding: 14px 16px; list-style: none; cursor: pointer; }
.ah .ah-flise-om > summary::-webkit-details-marker { display: none; }
.ah .ah-flise-om .ah-flise-ikon { margin: 0; flex: none; }
.ah .ah-flise-om .ah-flise-titel { margin: 0; display: block; }
.ah .ah-flise-om .ah-flise-tekst { display: block; }
.ah .ah-flise-midt { flex: 1; min-width: 0; }
.ah .ah-flise-pil { width: 18px; height: 18px; color: #f3d39b; transition: transform .45s var(--ah-ease); }
.ah .ah-flise-om[open] .ah-flise-pil { transform: rotate(180deg); }
.ah .ah-flise-om #ah-ark-om { padding: 2px 8px 10px; border-top: 1px solid rgba(255, 255, 255, .14); }
.ah .ah-ark .ah-om-link { padding: 8px; border-radius: 14px; }
.ah .ah-ark .ah-om-link:hover { background: rgba(255, 255, 255, .1); }
.ah .ah-ark .ah-om-titel { color: #fff; }
.ah .ah-ark .ah-om-tekst { color: rgba(255, 255, 255, .7); }
.ah .ah-ark .ah-ikon { background: rgba(255, 255, 255, .12); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2); color: #f3d39b; }

.ah .ah-ark .ah-ark-bund { background: rgba(24, 14, 8, .42); box-shadow: 0 -1px 0 rgba(255, 255, 255, .12);
  -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%); }
.ah.ah-v2 .ah-ark .ah-ark-bund .ah-knap-glas { color: #fff; background: rgba(255, 255, 255, .16); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .26); }

/* ---------------------------------------------------------------- robust bredde (02.10.2026): på sider, hvor indhold stikker ud over skærmen
   (fx logo-marqueen på /grupperejser-til-japan/), bliver mobilens "layout viewport" bredere end skærmen, og fixed-elementer med
   left/right: 0 følger med ud. JS sætter --ah-vw = den synlige bredde (documentElement.clientWidth), og alt fast placeres ud fra den. */
.ah { --ah-w: min(1340px, calc(var(--ah-vw, 100%) - 40px)); }
.ah .ah-bar, .ah .ah-panel { left: calc((var(--ah-vw, 100%) - var(--ah-w)) / 2); right: auto; margin: 0; width: var(--ah-w); }
@media (max-width: 1079px) { .ah { --ah-w: calc(var(--ah-vw, 100%) - 20px); } }
.ah .ah-ark { right: auto; width: var(--ah-vw, 100%); }
@media (min-width: 600px) { .ah .ah-ark { left: calc(var(--ah-vw, 100%) - min(460px, var(--ah-vw, 100%))); width: min(460px, var(--ah-vw, 100%)); } }

/* Sidens indhold starter UNDER den gamle header: den overlappede indholdet med 95 px (indholdet startede ved -10 px på computer og
   -7 px på mobil, målt på 4 sider 02.10.2026). Samme overlap her, så siderne står præcis som før, og toppen ligger oven på billedet. */
.ah { margin-bottom: -95px; }
.ah .ah-bar { z-index: 9990; }

/* Forsidens hero (side 9, container f7a6d51) helt ud til kanterne og op under headeren — som "kort" med creme kant og runde
   hjørner lå headeren halvt på creme, halvt på foto (Casper 03.10.2026).
   Ingen fade mod creme (Casper 03.10.2026: den gjorde billedet blegt; en fade hører kun til mod en mørk stemningsbaggrund). I stedet
   samme form og toning som forside-prototypen: runde hjørner forneden + blød skygge, og et svagt mørkt toningslag i top/bund og bag teksten.
   Rulles tilbage sammen med headeren (alekos_header_live 0 → denne fil indlæses ikke). */
.elementor-9 .elementor-element-122e4772 { min-height: 0 !important; }
.elementor-9 .elementor-element-f7a6d51 { width: 100% !important; max-width: 100% !important;
  border-radius: 0 0 clamp(28px, 3vw, 44px) clamp(28px, 3vw, 44px) !important; box-shadow: 0 40px 80px -48px rgba(42, 27, 17, .55);
  min-height: 100vh !important; min-height: 100svh !important; position: relative; }
.elementor-9 .elementor-element-f7a6d51::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit;
  pointer-events: none; background:
    radial-gradient(46% 30% at 50% 38%, rgba(30, 18, 10, .16), rgba(30, 18, 10, 0) 75%),
    linear-gradient(180deg, rgba(30, 18, 10, .24) 0%, rgba(30, 18, 10, 0) 18%, rgba(30, 18, 10, 0) 70%, rgba(30, 18, 10, .22) 100%); }
.elementor-9 .elementor-element-f7a6d51 > * { position: relative; z-index: 2; }