@font-face{font-family:"Red Hat Display";src:url(/static/fonts/red-hat-display-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Red Hat Display";src:url(/static/fonts/red-hat-display-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"PT Serif";src:url(/static/fonts/pt-serif-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"PT Serif";src:url(/static/fonts/pt-serif-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"PT Serif";src:url(/static/fonts/pt-serif-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/static/fonts/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
/* Halvøen Qatar – rødbrun, golfturkis og safran på hvidt. Mobil først. Præfiks: g2 */
:root {
  --g2-roed: #8A1538;
  --g2-roed-m: #6E0F2C;
  --g2-nat: #22060F;
  --g2-blaek: #17131B;
  --g2-turkis: #14B8B0;
  --g2-turkis-m: #00736D;
  --g2-safran: #FFB81C;
  --g2-tdis: #E7F7F6;
  --g2-graa: #5B5560;
  --g2-linje: #E4DEE5;
  --g2-rosa: #F6D5DE;
  --g2-natl: #CDBFC4;
  --g2-r: 6px;
  --g2-max: 960px;
  --g2-h: "Red Hat Display", "Segoe UI", Arial, sans-serif;
  --g2-b: "PT Serif", Georgia, "Times New Roman", serif;
  --g2-m: "IBM Plex Mono", Consolas, "Courier New", monospace;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 16px; }
body {
  margin: 0;
  background: #FFFFFF;
  color: var(--g2-blaek);
  font-family: var(--g2-b);
  font-size: 1.0625rem;
  line-height: 1.65;
  overflow-wrap: break-word;
}
img { display: block; max-width: 100%; height: auto; }
a { color: var(--g2-roed); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--g2-turkis-m); outline-offset: 2px; }
.g2-hero :focus-visible, .g2-ft :focus-visible, .g2-ah-r :focus-visible, .g2-ur :focus-visible { outline-color: var(--g2-safran); }
.g2-kp-s :focus-visible, .g2-ah-s :focus-visible, .g2-ah-t :focus-visible { outline-color: var(--g2-blaek); }

.g2-w { max-width: var(--g2-max); margin: 0 auto; padding: 0 20px; }
.g2-vh {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.g2-skip {
  position: absolute; left: 12px; top: -120px; z-index: 50;
  background: var(--g2-blaek); color: #FFFFFF; padding: 10px 16px; border-radius: var(--g2-r);
  font-family: var(--g2-h); font-weight: 800; text-decoration: none;
}
.g2-skip:focus { top: 12px; }

/* Knapper */
.g2-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 46px;
  padding: 10px 22px; border: 2px solid transparent; border-radius: var(--g2-r);
  font-family: var(--g2-h); font-weight: 800; font-size: 1rem; line-height: 1.2;
  text-decoration: none; cursor: pointer;
  background: var(--g2-roed); color: #FFFFFF;
}
.g2-btn:hover { background: var(--g2-roed-m); }
.g2-btn-s { background: var(--g2-safran); color: var(--g2-blaek); }
.g2-btn-s:hover { background: #FFCB52; }
.g2-btn-l { background: transparent; border-color: #FFFFFF; color: #FFFFFF; }
.g2-btn-l:hover { background: rgba(255, 255, 255, .14); }

/* Sidehoved */
.g2-hd { background: #FFFFFF; border-top: 6px solid var(--g2-roed); border-bottom: 1px solid var(--g2-linje); }
.g2-hd-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 28px; padding-top: 14px; padding-bottom: 10px; }
.g2-lg { display: block; line-height: 0; }
.g2-lg svg { display: block; height: 30px; width: auto; max-width: 100%; }
.g2-nv-l { display: flex; flex-wrap: wrap; gap: 0 18px; list-style: none; margin: 0; padding: 0; }
.g2-nv-a {
  display: inline-block; padding: 8px 0 5px; border-bottom: 3px solid transparent;
  font-family: var(--g2-h); font-weight: 500; font-size: .98rem; color: var(--g2-blaek); text-decoration: none;
}
.g2-nv-a:hover { border-bottom-color: var(--g2-turkis); }
.g2-nv-a[aria-current="page"] { color: var(--g2-roed); border-bottom-color: var(--g2-roed); }

/* Forsiden: flagblokken */
.g2-hero { position: relative; overflow: hidden; background: var(--g2-roed); color: #FFFFFF; padding: 52px 0 96px; }
.g2-saw { position: absolute; display: block; pointer-events: none; }
.g2-saw-v { display: none; left: 0; top: 0; width: 64px; height: 100%; }
.g2-saw-h { left: 0; top: 0; width: 100%; height: 26px; }
.g2-hero-in { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 30px; align-items: center; }
.g2-hero-k {
  display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px;
  font-family: var(--g2-m); font-weight: 500; font-size: .8rem; color: var(--g2-rosa);
}
.g2-hero-k::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: var(--g2-safran); flex: none; }
.g2-h1 { margin: 0 0 18px; font-family: var(--g2-h); font-weight: 800; line-height: 1; }
.g2-h1-a { display: block; font-size: clamp(3.2rem, 15vw, 5.8rem); letter-spacing: -.02em; }
.g2-h1-b { display: block; margin-top: 10px; font-size: clamp(1.3rem, 4.6vw, 1.9rem); font-weight: 500; line-height: 1.2; }
.g2-hero-ld { margin: 0 0 26px; max-width: 34em; font-size: 1.08rem; line-height: 1.6; }
.g2-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
.g2-hero-md { min-width: 0; }
.g2-fg { margin: 0; }
.g2-cap { margin: 8px 0 0; font-family: var(--g2-m); font-weight: 500; font-size: .74rem; line-height: 1.4; color: var(--g2-graa); }
.g2-fg-hero .g2-im { width: 100%; border-radius: var(--g2-r); box-shadow: 12px 12px 0 var(--g2-turkis); }
.g2-fg-hero .g2-cap { margin-top: 18px; color: var(--g2-rosa); }
.g2-hero-svg { display: block; width: 100%; height: auto; box-shadow: 12px 12px 0 var(--g2-turkis); border-radius: var(--g2-r); }

/* Qatar på et øjeblik */
.g2-ob { position: relative; z-index: 1; margin-top: -56px; }
.g2-ob-in {
  background: #FFFFFF; border-radius: var(--g2-r); padding: 20px 16px 18px;
  box-shadow: 0 0 0 1px var(--g2-linje), 0 22px 44px -22px rgba(34, 6, 15, .45);
}
.g2-ob-h { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; font-family: var(--g2-h); font-weight: 800; font-size: 1.4rem; line-height: 1.2; }
.g2-ob-h::before { content: ""; width: 14px; height: 14px; background: var(--g2-roed); border-radius: 3px; flex: none; }
.g2-ob-l { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.g2-ob-i { padding: 12px 10px 14px; border-top: 4px solid var(--g2-turkis); }
.g2-ob-i:nth-child(even) { border-top-color: var(--g2-roed); }
.g2-ob-t { margin: 0 0 4px; font-family: var(--g2-m); font-weight: 500; font-size: .76rem; color: var(--g2-graa); }
.g2-ob-v { margin: 0; font-family: var(--g2-h); font-weight: 800; font-size: 1.2rem; line-height: 1.15; color: var(--g2-roed); }
.g2-ob-n { margin: 6px 0 0; font-size: .86rem; line-height: 1.4; color: var(--g2-graa); }
.g2-ob-u { margin: 8px 0 0; font-family: var(--g2-m); font-weight: 500; font-size: .78rem; line-height: 1.45; color: var(--g2-turkis-m); }
.g2-ob-mr { background: var(--g2-safran); border-top-color: var(--g2-roed) !important; border-radius: 0 0 var(--g2-r) var(--g2-r); }
.g2-ob-mr .g2-ob-t { color: var(--g2-blaek); }
.g2-ob-a { color: var(--g2-roed); text-decoration: none; }
.g2-ob-a:hover { text-decoration: underline; }

/* Kapitler: fælles hoved */
.g2-kp { padding: 60px 0; }
.g2-kh { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 18px; align-items: start; margin-bottom: 30px; }
.g2-kh-n { margin: 0; font-family: var(--g2-h); font-weight: 800; font-size: clamp(4.4rem, 18vw, 7.5rem); line-height: .8; color: var(--g2-roed); }
.g2-kh-k { margin: 2px 0 4px; font-family: var(--g2-m); font-weight: 500; font-size: .8rem; color: var(--g2-graa); }
.g2-kh-h { margin: 0 0 10px; font-family: var(--g2-h); font-weight: 800; font-size: clamp(2rem, 7vw, 2.8rem); line-height: 1.05; }
.g2-kh-i { margin: 0; max-width: 40em; font-size: 1.02rem; line-height: 1.55; }

/* Kapitel 1: Landet – register */
.g2-rg-2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 34px; }
.g2-rg-l { list-style: none; margin: 0; padding: 0; border-top: 3px solid var(--g2-blaek); }
.g2-rg-i { position: relative; display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: 4px 12px; padding: 16px 0; border-bottom: 1px solid var(--g2-linje); }
.g2-rg-i:hover { background: linear-gradient(90deg, rgba(138, 21, 56, .06), rgba(138, 21, 56, 0)); }
.g2-rg-n { padding-top: 4px; font-family: var(--g2-m); font-weight: 500; font-size: .86rem; color: var(--g2-roed); }
.g2-rg-h { margin: 0 0 4px; font-family: var(--g2-h); font-weight: 800; font-size: 1.15rem; line-height: 1.25; }
.g2-rg-a { color: var(--g2-blaek); text-decoration: none; }
.g2-rg-a::after { content: ""; position: absolute; inset: 0; }
.g2-rg-a:hover { color: var(--g2-roed); text-decoration: underline; }
.g2-rg-d { margin: 0; font-size: .94rem; line-height: 1.5; color: var(--g2-graa); }
.g2-flag-mini { grid-column: 2; display: block; width: 62px; height: auto; margin-top: 6px; border-radius: 2px; box-shadow: 0 0 0 1px var(--g2-linje); }
.g2-fg-rg .g2-im { width: 100%; border-radius: var(--g2-r); box-shadow: 10px 10px 0 var(--g2-roed); }
.g2-fg-rg .g2-cap { margin-top: 16px; }
.g2-rg-fx { margin: 10px 0 0; font-size: .95rem; }
.g2-rg-fa { font-family: var(--g2-h); font-weight: 800; }

/* Kapitel 2: Kulturen – safranmosaik */
.g2-kp-s { background: var(--g2-safran); }
.g2-kp-s .g2-kh-k { color: var(--g2-blaek); }
.g2-mo { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.g2-mo-i { position: relative; display: flex; flex-direction: column; overflow: hidden; background: #FFFFFF; border-radius: var(--g2-r); box-shadow: 0 3px 0 rgba(34, 6, 15, .16); }
.g2-mo-i:not(.g2-mo-b) { border-left: 8px solid var(--g2-roed); }
.g2-fg-mo { position: relative; }
.g2-fg-mo .g2-im { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.g2-fg-mo .g2-cap { position: absolute; left: 8px; bottom: 8px; margin: 0; padding: 2px 8px; border-radius: 3px; background: rgba(23, 19, 27, .82); color: #FFFFFF; font-size: .7rem; }
.g2-mo-tx { padding: 16px 18px 18px; }
.g2-mo-k { margin: 0 0 6px; font-family: var(--g2-m); font-weight: 500; font-size: .76rem; color: var(--g2-roed); }
.g2-mo-h { margin: 0 0 8px; font-family: var(--g2-h); font-weight: 800; font-size: 1.15rem; line-height: 1.25; }
.g2-mo-a { color: var(--g2-blaek); text-decoration: none; }
.g2-mo-a::after { content: ""; position: absolute; inset: 0; }
.g2-mo-a:hover { color: var(--g2-roed); text-decoration: underline; }
.g2-mo-d { margin: 0; font-size: .94rem; line-height: 1.5; color: var(--g2-graa); }

/* Kapitel 3: Rejsen – rutelinje */
.g2-kp-t { background: var(--g2-tdis); }
.g2-kp-t .g2-kh-n { color: var(--g2-turkis-m); }
.g2-rt { position: relative; list-style: none; margin: 0; padding: 0; }
.g2-rt::before { content: ""; position: absolute; left: 17px; top: 12px; bottom: 30px; width: 6px; border-radius: 3px; background: var(--g2-turkis); }
.g2-rt-i { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px 14px; padding-bottom: 26px; }
.g2-rt-p {
  position: relative; z-index: 1; display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%; background: #FFFFFF; border: 5px solid var(--g2-turkis);
  font-family: var(--g2-h); font-weight: 800; font-size: 1rem; color: var(--g2-blaek);
}
.g2-rt-i:last-child .g2-rt-p { background: var(--g2-turkis); }
.g2-rt-tx { position: relative; padding: 14px 18px 16px; background: #FFFFFF; border-radius: var(--g2-r); }
.g2-rt-h { margin: 0 0 6px; font-family: var(--g2-h); font-weight: 800; font-size: 1.15rem; line-height: 1.25; }
.g2-rt-a { color: var(--g2-blaek); text-decoration: none; }
.g2-rt-a::after { content: ""; position: absolute; inset: 0; }
.g2-rt-a:hover { color: var(--g2-roed); text-decoration: underline; }
.g2-rt-d { margin: 0; font-size: .94rem; line-height: 1.5; color: var(--g2-graa); }
.g2-rt-w { margin: 10px 0 0; }
.g2-rt-wa { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 8px; font-family: var(--g2-m); font-weight: 500; font-size: .8rem; color: var(--g2-turkis-m); }
.g2-rt-wa::before { content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid currentColor; flex: none; }
.g2-fg-rt { grid-column: 2; }
.g2-fg-rt .g2-im { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--g2-r); }

/* Flere artikler og "kort fortalt" */
.g2-fl { padding: 52px 0 8px; }
.g2-fl-h, .g2-kf-h { margin: 0 0 16px; font-family: var(--g2-h); font-weight: 800; font-size: 1.8rem; line-height: 1.15; }
.g2-fl-l { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 28px; }
.g2-fl-i { padding: 14px 0; border-bottom: 1px solid var(--g2-linje); }
.g2-fl-t { margin: 0 0 4px; font-family: var(--g2-h); font-weight: 800; font-size: 1.1rem; }
.g2-fl-a { color: var(--g2-blaek); }
.g2-fl-d { margin: 0; font-size: .94rem; color: var(--g2-graa); }
.g2-kf { padding: 60px 0 64px; }
.g2-kf-h::after { content: ""; display: block; width: 64px; height: 6px; margin-top: 12px; border-radius: 3px; background: var(--g2-roed); }

/* Sidehoveder på undersider: farveblok efter kapitel */
.g2-ah { padding: 22px 0 36px; }
.g2-ah-md { padding-bottom: 96px; }
.g2-ah-r { background: var(--g2-roed); color: #FFFFFF; }
.g2-ah-s { background: var(--g2-safran); color: var(--g2-blaek); }
.g2-ah-t { background: var(--g2-turkis); color: var(--g2-blaek); }
.g2-ah-o { background: var(--g2-tdis); color: var(--g2-blaek); }
.g2-sti-l { display: flex; flex-wrap: wrap; list-style: none; margin: 0 0 22px; padding: 0; font-family: var(--g2-m); font-weight: 500; font-size: .78rem; }
.g2-sti-i + .g2-sti-i::before { content: "/"; margin: 0 8px; }
.g2-sti-a { color: inherit; }
.g2-ah-k { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; font-family: var(--g2-h); font-weight: 500; font-size: 1rem; }
.g2-ah-nr { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; font-weight: 800; font-size: 1.15rem; background: var(--g2-safran); color: var(--g2-blaek); flex: none; }
.g2-ah-s .g2-ah-nr { background: var(--g2-roed); color: #FFFFFF; }
.g2-ah-t .g2-ah-nr { background: #FFFFFF; color: var(--g2-blaek); }
.g2-ah-h { margin: 0 0 14px; max-width: 22em; font-family: var(--g2-h); font-weight: 800; font-size: clamp(1.9rem, 7vw, 3.1rem); line-height: 1.08; }
.g2-ah-ld { margin: 0 0 12px; max-width: 40em; font-size: 1.1rem; line-height: 1.55; }
.g2-dt { margin: 0; font-family: var(--g2-m); font-weight: 500; font-size: .78rem; }
.g2-ah-r .g2-dt, .g2-ah-r .g2-sti-l { color: var(--g2-rosa); }
.g2-ab { padding-bottom: 64px; }
.g2-ah:not(.g2-ah-md) + .g2-ab { padding-top: 36px; }
.g2-fg-ar, .g2-fg-fl { position: relative; margin: -72px 0 32px; }
.g2-fg-ar .g2-im { width: 100%; border-radius: var(--g2-r); box-shadow: 0 22px 44px -24px rgba(34, 6, 15, .55); }
.g2-fg-fl { padding: 18px; background: #FFFFFF; border-radius: var(--g2-r); box-shadow: 0 0 0 1px var(--g2-linje), 0 22px 44px -24px rgba(34, 6, 15, .45); }
.g2-flag-st { display: block; width: 100%; height: auto; box-shadow: 0 0 0 1px var(--g2-linje); }
.g2-cap-fl { margin-top: 12px; }
.g2-tx { max-width: 700px; }
.g2-tx > .g2-dt { margin-bottom: 18px; color: var(--g2-graa); }

/* Brødtekst */
.g2-prose { overflow-wrap: anywhere; font-size: 1.0625rem; line-height: 1.72; }
.g2-prose > :first-child { margin-top: 0; }
.g2-prose p { margin: 0 0 1.1em; }
.g2-prose h2 { margin: 2.1em 0 .6em; font-family: var(--g2-h); font-weight: 800; font-size: 1.6rem; line-height: 1.2; }
.g2-prose h2::before { content: ""; display: block; width: 44px; height: 5px; margin-bottom: 12px; border-radius: 3px; background: var(--g2-turkis); }
.g2-prose h3 { margin: 1.8em 0 .45em; font-family: var(--g2-h); font-weight: 800; font-size: 1.25rem; line-height: 1.25; }
.g2-prose h4 { margin: 1.5em 0 .35em; font-family: var(--g2-h); font-weight: 800; font-size: 1.05rem; color: var(--g2-roed); }
.g2-prose ul, .g2-prose ol { margin: 0 0 1.2em; padding-left: 1.4em; }
.g2-prose li { margin: .3em 0; }
.g2-prose li > ul, .g2-prose li > ol { margin: .3em 0 .2em; }
.g2-prose ul > li::marker { color: var(--g2-roed); }
.g2-prose ol > li::marker { color: var(--g2-roed); font-family: var(--g2-h); font-weight: 800; }
.g2-prose blockquote { margin: 1.6em 0; padding: 14px 20px; border-left: 6px solid var(--g2-safran); border-radius: 0 var(--g2-r) var(--g2-r) 0; background: var(--g2-tdis); font-style: italic; }
.g2-prose blockquote p:last-child { margin-bottom: 0; }
.g2-prose strong { font-weight: 700; }

/* Tabeller: rul vandret i rammen; ord brydes aldrig midt i (heller ikke arabisk) */
.g2-prose > table { display: block; overflow-x: auto; margin: 1.6em 0; }
.g2-tb { margin: 1.6em 0; overflow-x: auto; border: 1px solid var(--g2-linje); border-radius: var(--g2-r); }
.g2-prose table { width: 100%; border-collapse: collapse; font-size: .95rem; line-height: 1.45; }
.g2-prose th, .g2-prose td { padding: 10px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--g2-linje); overflow-wrap: normal; word-break: normal; hyphens: manual; }
.g2-prose th { background: var(--g2-roed); color: #FFFFFF; font-family: var(--g2-h); font-weight: 800; white-space: nowrap; }
.g2-prose tbody tr:nth-child(even) { background: #F3FAFA; }
.g2-prose tbody tr:last-child td { border-bottom: 0; }
.g2-prose .g2-ar-s { text-align: right; font-family: "Segoe UI", Tahoma, "Geeza Pro", "Noto Naskh Arabic", "Noto Sans Arabic", Arial, sans-serif; font-size: 1.2em; line-height: 1.5; white-space: nowrap; }

/* Spørgsmål og svar, kilder */
.g2-sp { margin-top: 48px; padding-top: 18px; border-top: 4px solid var(--g2-blaek); }
.g2-sp-h { margin: 0 0 4px; font-family: var(--g2-h); font-weight: 800; font-size: 1.45rem; }
.g2-sp-i { padding: 16px 0; border-bottom: 1px solid var(--g2-linje); }
.g2-sp-q { display: flex; gap: 10px; margin: 0 0 6px; font-family: var(--g2-h); font-weight: 800; font-size: 1.08rem; line-height: 1.35; }
.g2-sp-q::before { content: ""; flex: none; width: 10px; height: 10px; margin-top: .45em; border-radius: 2px; background: var(--g2-roed); }
.g2-sp-a { margin: 0 0 0 20px; line-height: 1.65; }
.g2-kl { margin-top: 36px; padding: 16px 20px; border-radius: var(--g2-r); background: var(--g2-tdis); }
.g2-kl-h { margin: 0 0 8px; font-family: var(--g2-h); font-weight: 800; font-size: 1rem; }
.g2-kl-l { margin: 0; padding-left: 1.2em; font-size: .92rem; }
.g2-kl-i { margin: 4px 0; }
.g2-kl-a { color: var(--g2-turkis-m); overflow-wrap: anywhere; }

/* Videre i kapitlet */
.g2-kv { margin-top: 48px; padding: 18px 20px 20px; border-top: 6px solid var(--g2-roed); border-radius: var(--g2-r); background: var(--g2-tdis); }
.g2-kv-s { border-top-color: var(--g2-safran); }
.g2-kv-t { border-top-color: var(--g2-turkis); }
.g2-kv-k { margin: 0 0 10px; font-family: var(--g2-m); font-weight: 500; font-size: .78rem; color: var(--g2-graa); }
.g2-kv-l { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 14px; padding: 0; }
.g2-kv-a { display: inline-block; padding: 7px 12px; border: 1px solid var(--g2-linje); border-radius: var(--g2-r); background: #FFFFFF; font-family: var(--g2-h); font-weight: 500; font-size: .92rem; color: var(--g2-blaek); text-decoration: none; }
a.g2-kv-a:hover { border-color: var(--g2-roed); color: var(--g2-roed); }
.g2-kv-nu { background: var(--g2-blaek); border-color: var(--g2-blaek); color: #FFFFFF; }
.g2-kv-n { display: block; padding-top: 12px; border-top: 1px solid #C9E6E3; font-family: var(--g2-h); font-weight: 800; font-size: 1.12rem; line-height: 1.3; color: var(--g2-roed); text-decoration: none; }
.g2-kv-n::after { content: " →"; }
.g2-kv-n:hover { text-decoration: underline; }
.g2-kv-nl { display: block; margin-bottom: 2px; font-family: var(--g2-m); font-weight: 500; font-size: .76rem; color: var(--g2-graa); }

/* Klokken i Doha */
.g2-ur { margin: 0 0 40px; padding: 20px 18px; border-radius: var(--g2-r); background: var(--g2-nat); color: #FFFFFF; }
.g2-ah:not(.g2-ah-md) + .g2-ab .g2-ur { margin-top: 0; }
.g2-ur-hd { display: flex; gap: 14px; align-items: flex-start; }
.g2-ur-ik { flex: none; width: 40px; height: 40px; color: var(--g2-safran); }
.g2-ur-h { margin: 0 0 6px; font-family: var(--g2-h); font-weight: 800; font-size: 1.45rem; line-height: 1.2; }
.g2-ur-rg { margin: 0; font-size: .98rem; line-height: 1.55; color: var(--g2-natl); }
.g2-ur-nu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.g2-ur-c { padding: 12px 14px; border-top: 4px solid var(--g2-natl); border-radius: var(--g2-r); background: rgba(255, 255, 255, .06); }
.g2-ur-c-d { border-top-color: var(--g2-turkis); }
.g2-ur-by { margin: 0; font-family: var(--g2-m); font-weight: 500; font-size: .74rem; color: var(--g2-natl); }
.g2-ur-tid { margin: 4px 0; font-family: var(--g2-h); font-weight: 800; font-size: 2.3rem; line-height: 1.05; font-variant-numeric: tabular-nums; }
.g2-ur-c-d .g2-ur-tid { color: var(--g2-turkis); }
.g2-ur-dag { margin: 0; font-size: .85rem; line-height: 1.35; color: var(--g2-natl); }
.g2-ur-fs { grid-column: 1 / -1; margin: 0; font-size: .95rem; }
.g2-ur-om { margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .2); }
.g2-ur-oh { margin: 0 0 12px; font-family: var(--g2-h); font-weight: 800; font-size: 1.12rem; }
.g2-ur-fl { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.g2-ur-f { display: flex; flex-direction: column; gap: 4px; flex: 1 1 140px; min-width: 0; }
.g2-ur-lb { font-family: var(--g2-m); font-weight: 500; font-size: .76rem; color: var(--g2-natl); }
.g2-ur-in { width: 100%; min-width: 0; min-height: 46px; padding: 8px 10px; border: 2px solid var(--g2-natl); border-radius: var(--g2-r); background: #FFFFFF; color: var(--g2-blaek); font-family: var(--g2-h); font-weight: 500; font-size: 1.05rem; }
.g2-ur-bt { flex: 1 1 100%; background: var(--g2-safran); color: var(--g2-blaek); }
.g2-ur-bt:hover { background: #FFCB52; }
.g2-ur-ud { margin-top: 16px; padding: 14px 16px; border-left: 8px solid var(--g2-turkis); border-radius: var(--g2-r); background: #FFFFFF; color: var(--g2-blaek); }
.g2-ur-ul { margin: 0; font-family: var(--g2-m); font-weight: 500; font-size: .76rem; color: var(--g2-graa); }
.g2-ur-res { margin: 2px 0 4px; font-family: var(--g2-h); font-weight: 800; font-size: 2.1rem; line-height: 1.1; color: var(--g2-roed); font-variant-numeric: tabular-nums; }
.g2-ur-dg, .g2-ur-fk { margin: 0; font-size: .95rem; line-height: 1.5; }
.g2-ur-nt { margin: 6px 0 0; font-size: .88rem; line-height: 1.45; color: var(--g2-graa); }
.g2-ur-nt:empty, .g2-ur-dg:empty, .g2-ur-fk:empty { display: none; }
.g2-ur-fd { margin: 16px 0 0; font-size: .82rem; line-height: 1.5; color: var(--g2-natl); }

/* Oversigt (list) og 404 */
.g2-ov { margin-top: 40px; }
.g2-ov-h { display: flex; align-items: center; gap: 12px; margin: 0 0 6px; padding-bottom: 10px; border-bottom: 4px solid var(--g2-roed); font-family: var(--g2-h); font-weight: 800; font-size: 1.5rem; }
.g2-ov-s .g2-ov-h { border-bottom-color: var(--g2-safran); }
.g2-ov-t .g2-ov-h { border-bottom-color: var(--g2-turkis); }
.g2-ov-o .g2-ov-h { border-bottom-color: var(--g2-blaek); }
.g2-ov-n { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--g2-blaek); color: #FFFFFF; font-size: 1rem; }
.g2-ov-l { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 28px; }
.g2-ov-i { padding: 12px 0; border-bottom: 1px solid var(--g2-linje); }
.g2-ov-a { font-family: var(--g2-h); font-weight: 800; font-size: 1.08rem; color: var(--g2-blaek); }
.g2-ov-d { margin: 4px 0 0; font-size: .92rem; line-height: 1.5; color: var(--g2-graa); }
.g2-nf { margin: 0 0 16px; font-size: 1.08rem; }
.g2-nf-l { display: grid; gap: 10px; list-style: none; margin: 22px 0 26px; padding: 0; }
.g2-nf-a { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: var(--g2-r); background: var(--g2-tdis); font-family: var(--g2-h); font-weight: 800; font-size: 1.25rem; color: var(--g2-blaek); text-decoration: none; }
.g2-nf-a:hover { text-decoration: underline; }
.g2-nf-r .g2-nf-a { background: var(--g2-roed); color: #FFFFFF; }
.g2-nf-s .g2-nf-a { background: var(--g2-safran); }
.g2-nf-t .g2-nf-a { background: var(--g2-turkis); }
.g2-nf-n { font-size: 2rem; line-height: 1; }

/* Kontakt */
.g2-ct { display: grid; grid-template-columns: minmax(0, 1fr); gap: 30px; align-items: start; }
.g2-ct-nt { margin: 0; font-size: 1.05rem; }
.g2-ct-bx { padding: 22px 18px; border-top: 6px solid var(--g2-roed); border-radius: var(--g2-r); background: #FFFFFF; box-shadow: 0 0 0 1px var(--g2-linje), 0 18px 36px -24px rgba(34, 6, 15, .4); }
.g2-ct-bx > p[role="status"] { margin: 0 0 16px; padding: 10px 14px; border-radius: var(--g2-r); background: var(--g2-tdis); font-weight: 700; }
.g2-frm { position: relative; }
.g2-fe { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.g2-lb { font-family: var(--g2-h); font-weight: 800; font-size: .95rem; }
.g2-in { width: 100%; padding: 11px 12px; border: 2px solid #7A7480; border-radius: var(--g2-r); background: #FFFFFF; color: var(--g2-blaek); font: inherit; font-size: 1rem; }
.g2-in:focus-visible { border-color: var(--g2-turkis-m); outline-offset: 1px; }
.g2-in-ta { min-height: 160px; resize: vertical; }
.g2-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.g2-fa { margin-top: 4px; }
.g2-fs { margin: 14px 0 0; font-size: .85rem; line-height: 1.5; color: var(--g2-graa); }

/* Stor mørk sidefod */
.g2-ft { padding: 0 0 26px; background: var(--g2-nat); color: #FFFFFF; }
.g2-ft-bar { display: flex; height: 8px; }
.g2-ft-bar span:nth-child(1) { flex: 3; background: var(--g2-roed); }
.g2-ft-bar span:nth-child(2) { flex: 1; background: var(--g2-safran); }
.g2-ft-bar span:nth-child(3) { flex: 2; background: var(--g2-turkis); }
.g2-ft-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: 34px; padding: 44px 0 30px; }
.g2-ft-lg { display: inline-block; margin-bottom: 16px; line-height: 0; }
.g2-ft-lg svg { display: block; height: 32px; width: auto; max-width: 100%; }
.g2-ft-lg svg > path { fill: #FFFFFF; }
.g2-ft-lg svg > svg { fill: var(--g2-safran); }
.g2-ft-tx { margin: 0 0 12px; max-width: 30em; font-size: .95rem; line-height: 1.6; color: var(--g2-natl); }
.g2-ft-nv { display: grid; grid-template-columns: minmax(0, 1fr); gap: 26px; }
.g2-ft-h { margin: 0 0 10px; padding-bottom: 8px; border-bottom: 3px solid #FFFFFF; font-family: var(--g2-h); font-weight: 800; font-size: 1.05rem; }
.g2-ft-k-s .g2-ft-h { border-bottom-color: var(--g2-safran); }
.g2-ft-k-t .g2-ft-h { border-bottom-color: var(--g2-turkis); }
.g2-ft-ha { color: #FFFFFF; text-decoration: none; }
.g2-ft-ha:hover { text-decoration: underline; }
.g2-ft-l { list-style: none; margin: 0; padding: 0; }
.g2-ft-l li { margin: 0 0 4px; }
.g2-ft-a { display: inline-block; padding: 3px 0; color: var(--g2-natl); font-size: .95rem; text-decoration: none; }
.g2-ft-a:hover { color: #FFFFFF; text-decoration: underline; }
.g2-ft-a[aria-current="page"] { color: var(--g2-safran); }
.g2-ft-bund { display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: center; justify-content: space-between; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .18); font-size: .88rem; color: var(--g2-natl); }
.g2-ft-sm { display: flex; flex-wrap: wrap; gap: 4px 18px; list-style: none; margin: 0; padding: 0; }
.g2-ft-ai, .g2-ft-c { margin: 0; }

/* Fra 600 px */
@media (min-width: 600px) {
  .g2-lg svg { height: 34px; }
  .g2-ob-in { padding: 24px 24px 22px; }
  .g2-ob-v { font-size: 1.35rem; }
  .g2-mo { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .g2-mo-i:first-child, .g2-mo-i:last-child:nth-child(2n) { grid-column: 1 / -1; }
  .g2-mo-i.g2-mo-b:first-child, .g2-mo-i.g2-mo-b:last-child:nth-child(2n) { flex-direction: row; }
  .g2-mo-i.g2-mo-b:first-child .g2-fg-mo, .g2-mo-i.g2-mo-b:last-child:nth-child(2n) .g2-fg-mo { flex: 0 0 54%; }
  .g2-mo-i.g2-mo-b:first-child .g2-fg-mo .g2-im, .g2-mo-i.g2-mo-b:last-child:nth-child(2n) .g2-fg-mo .g2-im { height: 100%; }
  .g2-mo-i.g2-mo-b:first-child .g2-mo-tx, .g2-mo-i.g2-mo-b:last-child:nth-child(2n) .g2-mo-tx { align-self: center; padding: 22px 24px; }
  .g2-mo-i:first-child .g2-mo-h { font-size: 1.45rem; }
  .g2-fl-l, .g2-ov-l { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .g2-ft-nv { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .g2-ur { padding: 24px; }
  .g2-ur-bt { flex: 0 0 auto; }
  .g2-ct-bx { padding: 26px 24px; }
}

/* Fra 860 px */
@media (min-width: 860px) {
  .g2-hd-in { flex-wrap: nowrap; }
  .g2-hero { padding: 64px 0 112px; }
  .g2-saw-v { display: block; }
  .g2-saw-h { display: none; }
  .g2-hero-in { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 44px; padding-left: clamp(20px, calc(104px - (100vw - 960px) / 2), 84px); }
  .g2-h1-a { font-size: clamp(4rem, 8vw, 5.8rem); }
  .g2-ob { margin-top: -64px; }
  .g2-ob-in { padding: 28px 28px 24px; }
  .g2-ob-h { font-size: 1.55rem; }
  .g2-ob-l { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .g2-ob-i { padding: 14px 14px 16px; }
  .g2-ob-v { font-size: 1.45rem; }
  .g2-kp { padding: 76px 0; }
  .g2-kh { gap: 6px 26px; margin-bottom: 38px; }
  .g2-rg-2 { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 44px; align-items: start; }
  .g2-rg-i { grid-template-columns: 3.2rem minmax(0, 1fr) auto; gap: 4px 16px; padding: 18px 8px 18px 0; }
  .g2-flag-mini { grid-column: 3; grid-row: 1; margin-top: 4px; }
  .g2-rg-bl { position: sticky; top: 24px; }
  .g2-rt::before { left: 21px; }
  .g2-rt-i { grid-template-columns: 48px minmax(0, 1fr); gap: 0 22px; padding-bottom: 30px; }
  .g2-rt-i.g2-rt-b { grid-template-columns: 48px minmax(0, 1fr) 240px; }
  .g2-rt-p { width: 48px; height: 48px; border-width: 6px; font-size: 1.1rem; }
  .g2-fg-rt { grid-column: 3; }
  .g2-rt-tx { padding: 18px 22px 20px; }
  .g2-ah { padding: 26px 0 44px; }
  .g2-ah-md { padding-bottom: 116px; }
  .g2-fg-ar, .g2-fg-fl { margin: -88px 0 40px; }
  .g2-fg-fl { padding: 28px; }
  .g2-ur-nu { gap: 14px; }
  .g2-ur-tid { font-size: 2.7rem; }
  .g2-ct { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 44px; }
  .g2-ft-top { grid-template-columns: minmax(0, 1.2fr) minmax(0, 2fr); gap: 44px; padding: 56px 0 36px; }
}

@media print {
  .g2-hd, .g2-ft, .g2-saw, .g2-ur-om, .g2-kv { display: none; }
  .g2-hero, .g2-ah { background: none; color: #000000; }
}