/* Fælles udseende for informationssiderne (Sådan fungerer det, Om, privatlivspolitik) i samme stil som forsiden.
   Indlæses efter sidens egen <style>. Skriften er Instrument Sans (OFL), som ligger lokalt. */
@font-face { font-family: "Instrument Sans"; src: url("/static/instrument-sans.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
:root {
  --flade: #ffffff; --kort: #ffffff; --tekst: #141714; --daemp: #4c524e; --svag: #6c726e;
  --linje: #e4e7e3; --linje-staerk: #9aa19c; --groen: #141714; --groen-moerk: #2c312d; --groen-lys: #e5f3e8; --mint: #b9e2c3;
  --serif: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
body { background: #fff; font-family: var(--sans); color: var(--tekst); }
h1, h2, h3, .virksomhed-navn { font-family: var(--sans) !important; letter-spacing: -0.02em; }
h1 { font-weight: 700 !important; } h2 { font-weight: 600 !important; }
header { background: #fff; border-bottom: 1px solid var(--linje); }
header .indhold { height: 76px; }
.maerke svg { display: none !important; }
.maerke span { font: 700 26px/1 var(--sans) !important; letter-spacing: -0.02em; color: var(--tekst); }
header nav a { color: var(--tekst); font-weight: 500; font-size: 16px; }
.overtitel { text-transform: none !important; letter-spacing: 0 !important; color: var(--svag) !important; font-weight: 500 !important; }
.knap { border-radius: 8px; font-weight: 600; }
input { border-width: 1.5px; }
.kort, .gratis, .mulighed, .trin div { border-radius: 14px !important; box-shadow: none !important; }
.ikon { background: var(--groen-lys) !important; color: var(--tekst) !important; }
.betaling { background: var(--groen-lys) !important; border-color: var(--mint) !important; }
.hero, section.blok:nth-of-type(odd) { background: #fff; }
section.blok { background: #f3f4f2; border-top: 0; }
footer { background: #fff; }

/* Ny stil (nov. 2026): sort tekst, sorte runde knapper, lysegrøn accent, lysegrå flader. Samme som forsiden. */
:root { --tekst: #141714; --groen: #141714; --groen-moerk: #2c312d; --graa: #f3f4f2; --accent: #8fd3a3; --accent-moerk: #2f7d4c; }
a { color: var(--tekst); }
header { border-bottom: 0 !important; }
header .indhold { height: 84px !important; max-width: 1200px; gap: 48px; }
header nav { flex: 1; justify-content: center; gap: 36px !important; margin-left: 0 !important; }
header nav a[aria-current] { font-weight: 700; }
header nav .hoejre { margin-left: auto; display: flex; gap: 10px; align-items: center; }
.knap { border-radius: 999px !important; }
.knap.omrids { background: transparent; color: var(--tekst); border: 1.5px solid var(--tekst); }
.knap.omrids:hover { background: var(--graa); }
.knap.lille { height: 36px; padding: 0 16px; font-size: 14px; display: inline-flex; align-items: center; text-decoration: none; }
.knap:not(.omrids) { background: var(--tekst); border-color: var(--tekst); color: #fff; }
.kort, .gratis, .mulighed, .trin div { border-radius: 20px !important; }
.overtitel { color: var(--accent-moerk) !important; font-weight: 600 !important; }
section.blok { background: var(--graa); }
.ikon { background: var(--groen-lys) !important; color: var(--accent-moerk) !important; }
footer.g-fod { background: var(--graa); border-top: 0; padding: 56px 0 40px; font-size: 14px; color: var(--daemp); margin-top: 0; }
footer.g-fod .indhold { display: grid !important; grid-template-columns: 1.4fr 1fr 1.4fr; gap: 40px; align-items: start; max-width: 1200px; }
footer.g-fod h4 { margin: 0 0 12px; font-size: 15px; color: var(--tekst); }
footer.g-fod ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
footer.g-fod a { color: var(--daemp); text-decoration: none; } footer.g-fod a:hover { color: var(--tekst); text-decoration: underline; }
footer.g-fod .klage { background: #fff; border-radius: 16px; padding: 20px 22px; }
footer.g-fod .klage p { margin: 0; }
footer.g-fod .bund { grid-column: 1 / -1; border-top: 1px solid var(--linje); padding-top: 20px; font-size: 13px; color: var(--svag); }
footer.g-fod .maerke span { font-size: 22px !important; }
footer.g-fod .maerke + p { margin: 12px 0 0; max-width: 26em; }
@media (max-width: 960px) { footer.g-fod .indhold { grid-template-columns: 1fr; } }
@media (max-width: 600px) { header nav > a { display: none; } header nav .hoejre .omrids { display: none; } }

/* Penop-logo: mærket foran navnet */
a.maerke { display: inline-flex !important; align-items: center; gap: 10px; text-decoration: none; }
a.maerke::before { content: ""; flex: none; width: 1.15em; height: 1.15em; font-size: 26px; background: url(/static/logo-lys.svg) center / contain no-repeat; }
footer.g-fod a.maerke::before { font-size: 24px; }