/* Gadgets & Getaways: fælles designsystem. Tokens fra designpakken (Designsystem.dc.html). */
:root{
  --midnight:#0B1220;--deep:#070C16;--navy:#1B2A47;--panel:#16203A;--line:#263043;--line-soft:#1A2336;
  --ivory:#F4F1EA;--stone:#E7E2D8;--white:#FFFFFF;--border-light:#C9C2B3;--card-border:#E1DACB;
  --champagne:#C9A96E;--brass:#7A5C24;
  --muted-dark:#A9AEBA;--soft-dark:#C9CDD6;--muted-light:#5B6170;--body-light:#3F4553;
  --accent:var(--champagne);--second:var(--navy);
  --font-display:"Instrument Serif",Georgia,serif;
  --font-body:"Inter",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
  --radius-card:20px;--radius-panel:24px;--radius-pill:999px;--btn-height:52px;
  --container:1360px;--gutter:40px;--section-y:120px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--midnight);color:var(--ivory);font-family:var(--font-body);font-size:17px;line-height:1.55}
img{max-width:100%;display:block}
a{color:var(--ivory)}
a:hover{color:var(--accent)}
.lys a,.sten a{color:var(--midnight)}
.lys a:hover,.sten a:hover{color:var(--brass)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.lys :focus-visible,.sten :focus-visible{outline-color:var(--brass)}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 18px;border-radius:var(--radius-pill);background:var(--accent);color:var(--midnight);font-weight:600}
.skip:focus{left:8px}
.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em}
h1,h2,h3{font-family:var(--font-display);font-weight:400;margin:0}
em,.kursiv{font-style:italic}
.acc{color:var(--accent)}
.lys .acc{color:var(--brass)}

/* Topbar */
.topbar{border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dark)}
.topbar .wrap{padding-top:10px;padding-bottom:10px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.topbar a{color:var(--muted-dark)}
.topbar a:hover{color:var(--accent)}

/* Header */
.head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;padding-bottom:22px}
.logo{font-family:var(--font-display);font-size:34px;line-height:1;color:var(--ivory);text-decoration:none}
.logo em,.logo .dot{color:var(--accent)}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;font-weight:500;font-size:15px}
.nav a{color:var(--ivory);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.nav a:hover,.nav a[aria-current="page"]{color:var(--accent)}
.nav a.knap{padding:0 20px;border-radius:var(--radius-pill);background:var(--accent);color:var(--midnight);font-weight:600}
.nav a.knap:hover{background:var(--ivory);color:var(--midnight)}

/* Knapper */
.knap,.knap-ud,.knap-moerk{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--btn-height);padding:0 26px;border-radius:var(--radius-pill);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;border:0}
.knap{background:var(--accent);color:var(--midnight)}
.knap:hover{background:var(--ivory);color:var(--midnight)}
.knap-ud{border:1px solid var(--ivory);background:transparent;color:var(--ivory)}
.knap-ud:hover{background:var(--ivory);color:var(--midnight)}
.knap-moerk{background:var(--midnight);color:var(--ivory)}
.lys .knap-moerk,.sten .knap-moerk{color:var(--ivory)}
.knap-moerk:hover,.lys .knap-moerk:hover,.sten .knap-moerk:hover{background:var(--brass);color:var(--ivory)}
.knap-lille{min-height:44px;padding:0 20px;font-size:15px}
.ikon{width:20px;height:20px;flex:none}

/* Mærkater */
.maerke{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:rgba(244,241,234,.12);color:var(--ivory)}
.maerke.annonce{background:transparent;border:1px solid var(--muted-dark);color:var(--muted-dark)}
.maerke.ai{padding:7px 14px;font-size:12px;letter-spacing:.1em;background:transparent;border:1px solid var(--midnight);color:var(--midnight)}
.maerke.fyldt{background:var(--midnight);color:var(--ivory)}

/* Sektioner */
.sek{padding:var(--section-y) 0}
.lys{background:var(--ivory);color:var(--midnight)}
.sten{background:var(--stone);color:var(--midnight)}
.sek-hoved{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}
.sek-hoved p{margin:0;max-width:44ch;font-size:18px;color:var(--muted-light)}
.moerk .sek-hoved p{color:var(--soft-dark)}
h2.stor{font-size:clamp(48px,5.6vw,84px);line-height:.95}
h2.mellem{font-size:clamp(44px,5vw,72px);line-height:.95}
.over{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dark);margin-bottom:14px}
.lys .over,.sten .over{color:var(--brass)}
.mindre{margin:0;font-size:13px;color:var(--muted-light)}
.moerk .mindre,.hero .mindre{color:var(--muted-dark)}

/* Hero */
.hero .wrap{padding-top:64px;padding-bottom:104px;display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.hero-tekst{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:28px}
.hero h1{font-size:clamp(56px,7.4vw,112px);line-height:.95;letter-spacing:-.01em}
.hero h1 em{color:var(--accent)}
.hero-lead{margin:0;font-size:20px;line-height:1.5;color:var(--soft-dark);max-width:46ch}
.knapper{display:flex;flex-wrap:wrap;gap:12px}

/* Boarding pass */
.pass{flex:1 1 400px;max-width:520px;display:flex;flex-direction:column;border-radius:var(--radius-card);background:var(--ivory);color:var(--midnight);text-decoration:none;overflow:hidden}
.pass:hover{color:var(--midnight)}
.pass-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.pass .billede{margin:20px 24px 0;aspect-ratio:16/10;border-radius:12px}
.pass-navn{padding:20px 24px 8px;display:flex;flex-direction:column;gap:4px}
.pass-navn strong{font-family:var(--font-display);font-weight:400;font-size:34px;line-height:1.05}
.pass-navn span{color:var(--muted-light);font-size:15px}
.pass-streg{margin:12px 24px 0;border-top:2px dashed var(--border-light)}
.pass-felter{padding:16px 24px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-family:var(--font-mono)}
.pass-felter span{display:flex;flex-direction:column;gap:2px}
.pass-felter small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-light)}
.pass-felter b{font-size:14px;font-weight:500}

/* Billedplads */
.billede{background:var(--stone);display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-light);overflow:hidden}
.billede img{width:100%;height:100%;object-fit:cover}
.billede.moerk{background:var(--panel);color:var(--muted-dark)}

/* Kategorier */
.kat-net{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px}
.kat{display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:180px;padding:22px;border-radius:18px;text-decoration:none}
.kat .kode{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.kat strong{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1}
.kat.k-midnight{background:var(--midnight);color:var(--ivory)}
.kat.k-hvid{background:var(--white);color:var(--midnight)}
.kat.k-accent{background:var(--accent);color:var(--midnight)}
.kat.k-second{background:var(--second);color:var(--ivory)}
.kat:hover{transform:translateY(-3px)}
.lys a.kat.k-midnight,.lys a.kat.k-second{color:var(--ivory)}
.lys a.kat.k-hvid,.lys a.kat.k-accent{color:var(--midnight)}
.kat{transition:transform .15s}

/* Produktforslag */
.ai-hoved{padding-top:48px;border-top:1px solid var(--border-light);margin-top:var(--section-y)}
.ai-hoved h2{margin-top:14px}
.produkter{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:20px}
.produkt{display:flex;flex-direction:column;border-radius:var(--radius-card);background:var(--white);border:1px solid var(--card-border);overflow:hidden}
.produkt .billede{aspect-ratio:4/3}
.produkt-krop{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.produkt-kat{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}
.produkt h3{font-size:30px;line-height:1.05}
.produkt p{margin:0;color:var(--muted-light);font-size:15px}
.produkt-fod{margin-top:auto;padding-top:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.pris{display:flex;flex-direction:column}
.pris strong{font-size:20px;font-weight:600}
.pris span{font-size:13px;color:var(--muted-light)}

/* Hoteller */
.hotel-net{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px}
.hotel-stor{flex:999 1 640px;min-width:0;min-height:520px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:36px;border-radius:var(--radius-panel);background:var(--second);color:var(--ivory);text-decoration:none;overflow:hidden}
.hotel-stor .maerke{position:absolute;top:24px;left:24px;background:rgba(11,18,32,.7)}
.hotel-stor .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hotel-stor::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(7,12,22,.92) 0%,rgba(7,12,22,.62) 38%,rgba(7,12,22,.12) 72%,rgba(7,12,22,.28) 100%)}
.hotel-stor>:not(.bg):not(.maerke){position:relative;z-index:2}
.hotel-stor .maerke{z-index:2}
.hotel-stor .sted{font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.hotel-stor .navn{font-family:var(--font-display);font-size:clamp(40px,4.4vw,64px);line-height:.98}
.hotel-stor .pitch{max-width:48ch;color:var(--soft-dark)}
.hotel-stor .knap{align-self:flex-start;margin-top:8px;min-height:48px}
.hotel-smaa{flex:1 1 340px;display:flex;flex-direction:column;gap:20px}
.hotel-lille{flex:1;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--radius-panel);border:1px solid var(--line);color:var(--ivory);text-decoration:none}
.hotel-lille:hover{border-color:var(--accent);color:var(--ivory)}
.hotel-lille .billede{height:150px;border-radius:14px}
.hotel-lille .linje{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark)}
.hotel-lille strong{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1}
.hotel-lille span.pris-l{color:var(--soft-dark);font-size:15px}

/* Afgangstavle */
.tavle{border-radius:var(--radius-panel);background:var(--deep);border:1px solid var(--line);padding:40px;display:flex;flex-direction:column;gap:28px}
.tavle h2{font-size:clamp(44px,4.8vw,68px);line-height:.95}
.tavle h2 em{color:var(--accent)}
.tavle-scroll{overflow-x:auto}
.tavle-tabel{width:100%;min-width:760px;border-collapse:collapse;font-family:var(--font-mono)}
.tavle-tabel th{padding:0 16px 12px 0;text-align:left;font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dark);border-bottom:1px solid var(--line)}
.tavle-tabel td{padding:16px 16px 16px 0;border-bottom:1px solid var(--line-soft);font-size:15px;vertical-align:middle}
.tavle-tabel .rute{font-size:20px;font-weight:500;color:var(--accent)}
.tavle-tabel .dest{font-family:var(--font-body);font-size:17px;font-weight:500}
.tavle-tabel .dim{color:var(--soft-dark)}
.tavle-tabel td:last-child{text-align:right;padding-right:0}

/* Kuffert-guide */
.kuffert-net{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:56px;align-items:center}
.kuffert-tekst{display:flex;flex-direction:column;gap:24px}
.kuffert-tekst p{margin:0;max-width:44ch;font-size:18px;color:var(--body-light)}
.kuffert-tekst .knap-moerk{align-self:flex-start}
.kufferter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kuffert{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.kuffert .billede{aspect-ratio:3/5;border-radius:16px;background:var(--ivory);font-size:11px}
.kuffert .type{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}
.kuffert strong{margin-top:-6px;font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.05}

/* Blog */
.indlaeg-net{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:32px;margin-top:40px}
.indlaeg{display:flex;flex-direction:column;gap:16px;color:var(--ivory);text-decoration:none}
.indlaeg .billede{aspect-ratio:3/2;border-radius:18px}
.indlaeg .meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.indlaeg .meta .art{color:var(--accent)}
.indlaeg .meta .tid{color:var(--muted-dark)}
.indlaeg strong{font-family:var(--font-display);font-weight:400;font-size:32px;line-height:1.05}
.indlaeg .af{color:var(--muted-dark);font-size:15px}
.indlaeg:hover strong{color:var(--accent)}

/* Nyhedsbrev */
.nyhedsbrev{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:40px;align-items:end;padding:56px;border-radius:28px;background:var(--accent);color:var(--midnight)}
.nyhedsbrev .kolonne{display:flex;flex-direction:column;gap:16px}
.nyhedsbrev .over{color:var(--midnight);margin:0}
.nyhedsbrev label{font-weight:600}
.felt-raekke{display:flex;flex-wrap:wrap;gap:10px}
.felt{flex:1 1 240px;min-height:56px;padding:0 20px;border-radius:var(--radius-pill);border:1.5px solid var(--midnight);background:var(--ivory);color:var(--midnight);font:inherit;font-size:17px}
.felt::placeholder{color:var(--muted-light)}
.nyhedsbrev .knap-moerk{min-height:56px;padding:0 28px}
.nyhedsbrev .smaat{font-size:13px}
.status{min-height:1.4em;font-size:14px;font-weight:500}

/* Footer */
.fod{border-top:1px solid var(--line)}
.fod .wrap{padding-top:56px;padding-bottom:40px;display:flex;flex-direction:column;gap:40px}
.fod-maerke{margin:0;font-family:var(--font-display);font-size:clamp(64px,11vw,180px);line-height:.85;letter-spacing:-.02em}
.fod-maerke em,.fod-maerke .dot{color:var(--accent)}
.fod-net{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:24px;font-size:15px}
.fod-net div{display:flex;flex-direction:column;gap:8px}
.fod-net .over{margin:0;font-size:11px}
.fod-net p{margin:0;color:var(--muted-dark);font-size:13px}
.fod-bund{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:var(--muted-dark);font-size:13px;padding-top:24px;border-top:1px solid var(--line)}
.fod-bund a{color:var(--muted-dark)}
.fod-bund a:hover{color:var(--accent)}
.fod-bund nav{display:flex;flex-wrap:wrap;gap:24px}

/* Anmeldelse */
.artikel-top{padding-top:72px;padding-bottom:48px;display:flex;flex-direction:column;gap:24px}
.krumme{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-light)}
.krumme a{color:var(--muted-light)}
.artikel-top h1{max-width:18ch;font-size:clamp(48px,6.4vw,96px);line-height:.98;letter-spacing:-.01em}
.manchet{margin:0;max-width:56ch;font-size:21px;color:var(--body-light)}
.forfatter{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;font-size:15px;color:var(--muted-light)}
.forfatter .person{display:inline-flex;align-items:center;gap:10px}
.forfatter .portraet{width:44px;height:44px;border-radius:999px;background:var(--stone);border:1px solid var(--border-light);overflow:hidden}
.forfatter .portraet img{width:100%;height:100%;object-fit:cover}
.forfatter b{font-weight:600;color:var(--midnight)}
.topbillede{aspect-ratio:21/9;border-radius:var(--radius-panel);font-size:13px}
.artikel-net{padding-top:64px;padding-bottom:96px;display:flex;flex-wrap:wrap;gap:64px;align-items:flex-start}
.artikel{flex:999 1 600px;min-width:0;max-width:720px;display:flex;flex-direction:column;gap:24px;font-size:18px;line-height:1.65}
.artikel p{margin:0}
.artikel h2{margin:24px 0 0;font-size:44px;line-height:1.05}
.dom{display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:var(--radius-card);background:var(--midnight);color:var(--ivory)}
.dom-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.dom-karakter{font-family:var(--font-display);font-size:56px;line-height:1}
.dom-karakter small{font-size:28px;color:var(--muted-dark)}
.dom-tekst{margin:0;font-family:var(--font-display);font-size:30px;line-height:1.15}
.dom-net{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px;font-size:16px}
.dom-net div{display:flex;flex-direction:column;gap:8px}
.citat{margin:16px 0;font-family:var(--font-display);font-style:italic;font-size:40px;line-height:1.15}
.spec{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--border-light);font-size:16px}
.spec div{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid var(--border-light)}
.spec dt{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light)}
.spec dd{margin:0;font-weight:500;text-align:right}
.koeb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:var(--radius-card);background:var(--white);border:1px solid var(--card-border)}
.koeb .info{display:flex;align-items:center;gap:16px}
.koeb .billede{width:72px;height:72px;border-radius:12px;flex:none}
.koeb strong{font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.1;display:block}
.koeb span{font-size:15px;color:var(--muted-light)}
.sidebar{flex:1 1 320px;display:flex;flex-direction:column;gap:20px}
.rammeboks{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--radius-card);border:1px solid var(--border-light)}
.rammeboks .over{margin:0}
.rute-linje{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:15px}
.rute-linje span:last-child{color:var(--muted-light)}
.annonce-side{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:var(--radius-card);background:var(--second);color:var(--ivory);text-decoration:none}
.lys a.annonce-side{color:var(--ivory)}
.annonce-side .maerke{align-self:flex-start;background:transparent;padding:0;color:var(--soft-dark)}
.annonce-side .billede{aspect-ratio:4/3;border-radius:12px;background:rgba(244,241,234,.1);color:var(--soft-dark);font-size:11px}
.annonce-side strong{font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.05}
.annonce-side .knap{align-self:flex-start;min-height:44px;padding:0 18px;font-size:15px}
.laes-videre{padding:96px 0}
.laes-videre h2{font-size:clamp(40px,4.4vw,64px);line-height:.95;margin-bottom:32px}
.laes-videre h2 em{color:var(--accent)}
.laes-videre .indlaeg-net{margin-top:0;gap:28px}
.laes-videre .indlaeg strong{font-size:28px}
.laes-videre .indlaeg .billede{border-radius:16px}

/* Tekstsider */
.tekstside{padding-top:72px;padding-bottom:96px;max-width:820px}
.tekstside h1{font-size:clamp(48px,6vw,88px);line-height:.98;margin-bottom:32px}
.tekstside h2{font-size:44px;line-height:1.05;margin:48px 0 16px}
.tekstside p,.tekstside li{font-size:18px;line-height:1.65;color:var(--body-light)}

/* Annoncér hos os */
.format-net{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:40px;margin-top:40px;align-items:start}
.format{display:flex;flex-direction:column;gap:10px}
.format .etik{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--body-light)}
.eks{border-radius:6px;overflow:hidden;color:var(--ivory);max-width:100%}
.eks.rektangel{width:300px;height:250px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:var(--midnight)}
.eks.rektangel .rl{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dark)}
.eks.rektangel .rute-stor{font-family:var(--font-mono);font-size:34px;font-weight:500;color:var(--accent)}
.eks.rektangel .linje{font-family:var(--font-display);font-size:26px;line-height:1}
.eks.rektangel .knap{align-self:flex-start;min-height:44px;padding:0 18px;font-size:14px}
.eks.hotel300{width:300px;height:250px;display:flex;flex-direction:column;background:var(--second)}
.eks.hotel300 .billede{height:120px;border-radius:0;font-size:10px}
.eks.hotel300 .krop{flex:1;padding:14px 18px;display:flex;flex-direction:column;justify-content:space-between}
.eks.hotel300 .krop span:first-child{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft-dark)}
.eks.hotel300 .krop strong{font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1}
.eks.hotel300 .krop span:last-child{font-size:13px;color:var(--accent);font-weight:600}
.eks.halvside{width:300px;height:600px;padding:24px;display:flex;flex-direction:column;gap:18px;background:var(--deep)}
.eks.halvside .rl{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dark)}
.eks.halvside .tit{font-family:var(--font-display);font-size:40px;line-height:.95}
.eks.halvside .tit em{color:var(--accent)}
.eks.halvside .liste{flex:1;display:flex;flex-direction:column;font-family:var(--font-mono)}
.eks.halvside .liste span{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft);font-size:13px;color:var(--soft-dark)}
.eks.halvside .liste b{font-size:16px;font-weight:500;color:var(--accent)}
.eks.halvside .knap{min-height:48px}
.eks.native{width:100%;max-width:970px;display:flex;flex-wrap:wrap;gap:28px;align-items:center;padding:24px;border-radius:var(--radius-card);background:var(--white);border:1px solid var(--border-light);color:var(--midnight)}
.eks.native .billede{width:152px;height:152px;border-radius:14px;flex:none;font-size:11px}
.eks.native .tekst{flex:1 1 240px;display:flex;flex-direction:column;gap:6px}
.eks.native .tekst span:first-child{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
.eks.native .tekst strong{font-family:var(--font-display);font-weight:400;font-size:36px;line-height:1}
.eks.native .tekst span:last-child{color:var(--muted-light);font-size:15px}
.eks.billboard{width:100%;max-width:970px;min-height:250px;display:flex;flex-wrap:wrap;background:var(--second)}
.eks.billboard .billede{flex:1 1 280px;min-height:200px;border-radius:0;background:var(--panel);color:var(--muted-dark)}
.eks.billboard .krop{flex:2 1 320px;padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.eks.billboard .rl{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft-dark)}
.eks.billboard strong{font-family:var(--font-display);font-weight:400;font-size:48px;line-height:.95}
.eks.billboard .bund{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;color:var(--soft-dark)}
.priser{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;font-size:15px;margin-top:16px}
.priser span{padding:16px;border-radius:14px;border:1px solid var(--midnight);display:flex;flex-direction:column}
.priser b{font-weight:600}
.priser small{font-size:15px;color:var(--body-light)}

/* Admin-login */
.login{max-width:460px;margin:0 auto;padding:72px 0;display:flex;flex-direction:column;gap:16px}
.login label{font-weight:600}
.login .felt{border-radius:14px;flex:none;width:100%}

/* Mobil */
@media (max-width:720px){
  :root{--gutter:20px;--section-y:72px}
  body{font-size:16px}
  .logo{font-size:28px}
  .hero .wrap{padding-top:32px;padding-bottom:64px;gap:40px}
  .tavle{padding:24px}
  .nyhedsbrev{padding:28px;border-radius:20px}
  .hotel-stor{padding:24px;min-height:440px}
  .kufferter{gap:8px}
  .kuffert strong{font-size:20px}
  .artikel h2{font-size:34px}
  .citat{font-size:30px}
  .dom{padding:22px}
  .eks.rektangel,.eks.hotel300,.eks.halvside{max-width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}