

:root {
  --mf-flade: #FFFFFF;
  --mf-tekst: #23211E;          
  --mf-tekst-2: #5B5852;        
  --mf-linje: #E4E1DA;
  --mf-linje-2: #CFCBC2;
  --mf-cta: #1F7A47;            
  --mf-cta-hover: #16613A;
  --mf-cta-tekst: #FFFFFF;
  --mf-chip: #DDF3E6;           
  --mf-chip-tekst: #14532D;
  --mf-fokus: #1F7A47;
  --mf-radius: 8px;
  --mf-pille: 999px;
  --mf-font: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mf-maks: 1120px;
  --mf-spalte: 700px;           
}

:root, [data-retning="a"] {
  --mf-baand: #221E1A;          
  --mf-baand-tekst: #FFFFFF;
  --mf-baand-accent: #E0A526;   
  --mf-tint: #FBF3DC;           
  --mf-tint-kant: #EAD9A6;
  --mf-link: #8A6210;           
  --mf-kort-1: #E0A526; --mf-kort-2: #C8742E; --mf-kort-3: #6B8E4E; --mf-kort-4: #3E7C8C; --mf-kort-5: #8A5A8C; --mf-kort-6: #A8A29A;
}

[data-retning="b"] {
  --mf-baand: #2F3A22;          
  --mf-baand-tekst: #FFFFFF;
  --mf-baand-accent: #C9D6A3;   
  --mf-tint: #EEF2E6;           
  --mf-tint-kant: #CBD6B4;
  --mf-link: #4F6A2A;           
  --mf-cta: #24784A;            
  --mf-cta-hover: #1B5E39;
  --mf-kort-1: #8DA34A; --mf-kort-2: #C8742E; --mf-kort-3: #4F6A2A; --mf-kort-4: #3E7C8C; --mf-kort-5: #8A5A8C; --mf-kort-6: #A8A29A;
}

[data-retning="c"] {
  --mf-baand: #2A2D31;          
  --mf-baand-tekst: #FFFFFF;
  --mf-baand-accent: #7FD1A0;   
  --mf-tint: #F1EFEA;           
  --mf-tint-kant: #D9D5CC;
  --mf-link: #1F7A47;
  --mf-kort-1: #1F7A47; --mf-kort-2: #C8742E; --mf-kort-3: #E0A526; --mf-kort-4: #3E7C8C; --mf-kort-5: #8A5A8C; --mf-kort-6: #A8A29A;
}

html { -webkit-text-size-adjust: 100%; }
body.mf {
  margin: 0; background: var(--mf-flade); color: var(--mf-tekst);
  font: 400 17px/1.6 var(--mf-font); font-feature-settings: "tnum" 1, "ss01" 0;
}
.mf *, .mf *::before, .mf *::after { box-sizing: border-box; }
.mf img { max-width: 100%; height: auto; display: block; }
.mf a { color: var(--mf-link); text-decoration-thickness: 1px; text-underline-offset: 2px; }
.mf a:hover { color: var(--mf-tekst); }
.mf :focus-visible { outline: 3px solid var(--mf-fokus); outline-offset: 2px; border-radius: 4px; }
.mf h1, .mf h2, .mf h3 { font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; margin: 0 0 .5em; text-wrap: balance; }
.mf h1 { font-size: 32px; }           
.mf h2 { font-size: 24px; margin-top: 1.8em; }
.mf h3 { font-size: 19px; margin-top: 1.4em; }
.mf p { margin: 0 0 1em; }
.mf .mf-tekst-2 { color: var(--mf-tekst-2); }
.mf .mf-lille { font-size: 14px; line-height: 1.5; }
.mf .mf-tal { font-variant-numeric: tabular-nums; font-weight: 700; }
.mf-wrap { max-width: var(--mf-maks); margin: 0 auto; padding: 0 20px; }
.mf-spalte { max-width: var(--mf-spalte); }
.mf-skjul { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 600px) { .mf h1 { font-size: 27px; } .mf h2 { font-size: 21px; } body.mf { font-size: 17px; } }

.mf-knap {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 12px 22px; border-radius: var(--mf-pille);
  background: var(--mf-cta); color: var(--mf-cta-tekst) !important; font-weight: 700; font-size: 17px;
  text-decoration: none; border: 0; cursor: pointer; white-space: nowrap;
}
.mf-knap:hover { background: var(--mf-cta-hover); color: #fff !important; }
.mf-knap--lys { background: #fff; color: var(--mf-tekst) !important; border: 1.5px solid var(--mf-linje-2); }
.mf-knap--lys:hover { background: var(--mf-tint); color: var(--mf-tekst) !important; }
.mf-knap--lille { min-height: 40px; padding: 8px 16px; font-size: 15px; }
.mf-chip { display: inline-block; padding: 3px 10px; border-radius: var(--mf-pille); background: var(--mf-chip); color: var(--mf-chip-tekst); font-size: 13px; font-weight: 700; line-height: 1.4; }
.mf-annonce { font-size: 13px; color: var(--mf-tekst-2); }
.mf-baand .mf-annonce { color: rgba(255,255,255,.82); }

.mf-header { border-bottom: 1px solid var(--mf-linje); background: #fff; position: sticky; top: 0; z-index: 20; }
.mf-header .mf-wrap { display: flex; align-items: center; gap: 24px; min-height: 60px; }
.mf-logo { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 19px; color: var(--mf-tekst); text-decoration: none; letter-spacing: -0.02em; }
.mf-logo svg { width: 28px; height: 28px; }
.mf-nav { display: flex; gap: 22px; margin-left: auto; }
.mf-nav a { color: var(--mf-tekst); text-decoration: none; font-weight: 600; font-size: 15px; }
.mf-nav a:hover { color: var(--mf-link); }
.mf-header .mf-knap--lille { margin-left: 8px; }
.mf-burger { display: none; margin-left: auto; background: none; border: 1.5px solid var(--mf-linje-2); border-radius: var(--mf-radius); width: 44px; height: 44px; }
@media (max-width: 800px) { .mf-nav, .mf-header .mf-knap--lille { display: none; } .mf-burger { display: inline-flex; align-items: center; justify-content: center; } }

.mf-baand { background: var(--mf-baand); color: var(--mf-baand-tekst); }
.mf-baand h1, .mf-baand h2 { color: #fff; }
.mf-baand a:not(.mf-knap) { color: var(--mf-baand-accent); }
.mf-hero { padding: 40px 0 36px; }
.mf-hero .mf-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; align-items: center; }
.mf-hero .mf-kicker { color: var(--mf-baand-accent); font-weight: 700; font-size: 14px; margin-bottom: 8px; }
.mf-hero h1 { font-size: 34px; margin-bottom: 10px; }
.mf-hero .mf-under { font-size: 18px; color: rgba(255,255,255,.88); max-width: 600px; margin-bottom: 20px; }
.mf-hero figure { margin: 0; }
.mf-hero figure svg { width: 100%; height: auto; }
.mf-hero--lille { padding: 28px 0 24px; }
.mf-hero--lille .mf-wrap { grid-template-columns: 1fr; }
@media (max-width: 800px) { .mf-hero .mf-wrap { grid-template-columns: 1fr; } .mf-hero figure { display: none; } .mf-hero { padding: 24px 0 24px; } .mf-hero h1 { font-size: 27px; } .mf-hero .mf-under { font-size: 16px; margin-bottom: 14px; } }

.mf-soeg { display: flex; gap: 8px; max-width: 560px; }
.mf-soeg input { flex: 1; min-width: 0; min-height: 48px; padding: 10px 14px; border-radius: var(--mf-radius); border: 1.5px solid rgba(255,255,255,.35); background: #fff; color: var(--mf-tekst); font: inherit; font-size: 17px; }
.mf-soeg input::placeholder { color: #6B6862; } 
@media (max-width: 480px) { .mf-soeg { flex-direction: column; } .mf-soeg .mf-knap { width: 100%; max-width: 340px; } }

.mf-talrk { display: flex; flex-wrap: wrap; gap: 6px 26px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.18); font-size: 15px; color: rgba(255,255,255,.85); }
.mf-talrk b { color: #fff; font-variant-numeric: tabular-nums; }
.mf-talrk .mf-talrk-accent { color: var(--mf-baand-accent); font-weight: 700; }

.mf-sektion { padding: 40px 0; }
.mf-sektion--tint { background: var(--mf-tint); }
.mf-sektion--linje { border-top: 1px solid var(--mf-linje); }
.mf-sektion > .mf-wrap > h2:first-child { margin-top: 0; }
.mf-sektion-hoved { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.mf-sektion-hoved h2 { margin: 0; }
.mf-sektion-hoved a { font-weight: 600; font-size: 15px; }

.mf-trin { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; counter-reset: trin; }
.mf-trin li { position: relative; padding-left: 52px; counter-increment: trin; }
.mf-trin li::before { content: counter(trin); position: absolute; left: 0; top: 0; width: 38px; height: 38px; border-radius: 50%; background: var(--mf-baand); color: var(--mf-baand-accent); font-weight: 800; display: grid; place-items: center; font-variant-numeric: tabular-nums; }
.mf-trin h3 { margin: 4px 0 4px; font-size: 18px; }
.mf-trin p { margin: 0; color: var(--mf-tekst-2); font-size: 16px; }
@media (max-width: 800px) { .mf-trin { grid-template-columns: 1fr; gap: 18px; } }

.mf-tabel { width: 100%; border-collapse: collapse; font-size: 16px; }
.mf-tabel th, .mf-tabel td { text-align: left; padding: 11px 12px; border-bottom: 1px solid var(--mf-linje); vertical-align: top; }
.mf-tabel th { font-size: 13px; letter-spacing: .02em; color: var(--mf-tekst-2); font-weight: 700; border-bottom: 2px solid var(--mf-linje-2); }
.mf-tabel td.mf-tal, .mf-tabel th.mf-tal { text-align: right; white-space: nowrap; }
.mf-tabel caption { caption-side: bottom; text-align: left; font-size: 13px; color: var(--mf-tekst-2); padding: 8px 0 0; }
.mf-tabel-wrap { overflow-x: auto; }
@media (max-width: 600px) { .mf-tabel th, .mf-tabel td { padding: 10px 8px; font-size: 15px; } }

.mf-farvekort { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.mf-farvekort li { border: 1px solid var(--mf-linje); border-radius: var(--mf-radius); overflow: hidden; background: #fff; }
.mf-farvekort a { display: grid; grid-template-columns: 56px 1fr; gap: 12px; align-items: center; padding: 14px 14px 14px 0; text-decoration: none; color: var(--mf-tekst); border-left: 10px solid var(--k, var(--mf-kort-6)); min-height: 84px; }
.mf-farvekort a:hover { background: var(--mf-tint); }
.mf-farvekort svg { width: 36px; height: 36px; margin-left: 10px; }
.mf-farvekort strong { display: block; font-size: 17px; }
.mf-farvekort span { display: block; font-size: 14px; color: var(--mf-tekst-2); font-variant-numeric: tabular-nums; }
.mf-farvekort li:nth-child(1) a { --k: var(--mf-kort-1); } .mf-farvekort li:nth-child(2) a { --k: var(--mf-kort-2); } .mf-farvekort li:nth-child(3) a { --k: var(--mf-kort-3); }
.mf-farvekort li:nth-child(4) a { --k: var(--mf-kort-4); } .mf-farvekort li:nth-child(5) a { --k: var(--mf-kort-5); } .mf-farvekort li:nth-child(6) a { --k: var(--mf-kort-6); }
@media (max-width: 800px) { .mf-farvekort { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .mf-farvekort { grid-template-columns: 1fr; } }

.mf-register { columns: 3; column-gap: 32px; list-style: none; margin: 0; padding: 0; font-size: 16px; }
.mf-register li { break-inside: avoid; display: flex; justify-content: space-between; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--mf-linje); }
.mf-register a { text-decoration: none; color: var(--mf-tekst); font-weight: 600; }
.mf-register a:hover { color: var(--mf-link); text-decoration: underline; }
.mf-register small { color: var(--mf-tekst-2); font-variant-numeric: tabular-nums; }
@media (max-width: 800px) { .mf-register { columns: 2; } }
@media (max-width: 480px) { .mf-register { columns: 1; } }
.mf-alfabet { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.mf-alfabet a { min-width: 36px; height: 36px; display: inline-grid; place-items: center; border: 1px solid var(--mf-linje-2); border-radius: var(--mf-radius); text-decoration: none; color: var(--mf-tekst); font-weight: 700; font-size: 14px; }
.mf-alfabet a:hover { background: var(--mf-tint); }

.mf-cta-boks { background: var(--mf-tint); border: 1px solid var(--mf-tint-kant); border-radius: var(--mf-radius); padding: 18px 18px 14px; margin: 22px 0; max-width: 560px; }
.mf-cta-boks p { margin: 0 0 10px; }
.mf-cta-boks .mf-cta-titel { font-weight: 800; font-size: 18px; margin-bottom: 4px; }
.mf-cta-boks .mf-knap { width: 100%; max-width: 340px; }
.mf-cta-boks .mf-annonce { margin: 8px 0 0; }

.mf-prisblok { display: grid; grid-template-columns: repeat(3, auto); gap: 8px 28px; margin: 18px 0 4px; }
.mf-prisblok div { border-left: 3px solid var(--mf-baand-accent); padding-left: 10px; }
.mf-prisblok b { display: block; font-size: 22px; font-variant-numeric: tabular-nums; }
.mf-prisblok span { font-size: 13px; color: rgba(255,255,255,.8); }
@media (max-width: 600px) { .mf-prisblok { grid-template-columns: 1fr 1fr; gap: 10px 16px; } .mf-prisblok b { font-size: 19px; } }

.mf-artikel { padding: 28px 0 48px; }
.mf-artikel .mf-spalte > p, .mf-artikel .mf-spalte > ul, .mf-artikel .mf-spalte > ol { max-width: var(--mf-spalte); }
.mf-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 14px; color: var(--mf-tekst-2); margin-bottom: 18px; }
.mf-meta b { color: var(--mf-tekst); }
.mf-figur { margin: 22px 0; }
.mf-figur img { border-radius: var(--mf-radius); width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.mf-figur figcaption { font-size: 13px; color: var(--mf-tekst-2); margin-top: 6px; }
.mf-tjek { list-style: none; padding: 0; margin: 0 0 1em; }
.mf-tjek li { padding: 8px 0 8px 30px; position: relative; border-bottom: 1px solid var(--mf-linje); }
.mf-tjek li::before { content: ""; position: absolute; left: 4px; top: 15px; width: 12px; height: 12px; border-radius: 3px; background: var(--mf-cta); }

.mf-produkter { list-style: none; margin: 18px 0; padding: 0; display: grid; gap: 12px; }
.mf-produkt { display: grid; grid-template-columns: 96px 1fr auto; gap: 16px; align-items: center; border: 1px solid var(--mf-linje); border-radius: var(--mf-radius); padding: 12px; background: #fff; }
.mf-produkt img { width: 96px; height: 96px; object-fit: contain; border-radius: 6px; background: var(--mf-tint); }
.mf-produkt .mf-produkt-navn { font-weight: 700; margin: 0 0 2px; }
.mf-produkt .mf-produkt-info { margin: 0; font-size: 14px; color: var(--mf-tekst-2); }
.mf-produkt .mf-pris { font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; margin: 0 0 6px; text-align: right; }
.mf-produkt .mf-butik { font-size: 13px; color: var(--mf-tekst-2); display: block; text-align: right; margin-top: 4px; }
.mf-produkt--tom img { background: var(--mf-tint); }
.mf-produkt--tom .mf-produkt-billede { width: 96px; height: 96px; border-radius: 6px; background: var(--mf-tint); display: grid; place-items: center; color: var(--mf-tekst-2); }
.mf-produkt--tom .mf-produkt-billede::after { content: attr(data-init); font-weight: 800; font-size: 22px; }
@media (max-width: 600px) { .mf-produkt { grid-template-columns: 72px 1fr; } .mf-produkt img, .mf-produkt--tom .mf-produkt-billede { width: 72px; height: 72px; } .mf-produkt > div:last-child { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; } .mf-produkt .mf-pris { margin: 0; } .mf-produkt .mf-butik { text-align: left; margin: 0; } }

.mf-to-udgange { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 22px 0; }
.mf-to-udgange > div { border: 1px solid var(--mf-linje); border-radius: var(--mf-radius); padding: 16px; }
.mf-to-udgange > div:first-child { background: var(--mf-tint); border-color: var(--mf-tint-kant); }
.mf-to-udgange h3 { margin: 0 0 6px; font-size: 17px; }
.mf-to-udgange p { font-size: 15px; color: var(--mf-tekst-2); margin: 0 0 10px; }
@media (max-width: 600px) { .mf-to-udgange { grid-template-columns: 1fr; } }

.mf-guider { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 32px; }
.mf-guider li { display: grid; grid-template-columns: 72px 1fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--mf-linje); align-items: center; }
.mf-guider img { width: 72px; height: 54px; object-fit: cover; border-radius: 6px; }
.mf-guider .mf-glyf { width: 72px; height: 54px; border-radius: 6px; background: var(--mf-tint); display: grid; place-items: center; }
.mf-guider .mf-glyf svg { width: 30px; height: 30px; }
.mf-guider a { text-decoration: none; color: var(--mf-tekst); font-weight: 700; }
.mf-guider a:hover { color: var(--mf-link); }
.mf-guider small { display: block; color: var(--mf-tekst-2); font-size: 14px; font-weight: 400; }
@media (max-width: 800px) { .mf-guider { grid-template-columns: 1fr; } }

.mf-slut { padding: 32px 0; }
.mf-slut .mf-wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.mf-slut h2 { margin: 0 0 4px; font-size: 22px; }
.mf-slut p { margin: 0; color: rgba(255,255,255,.85); }

.mf-footer { border-top: 1px solid var(--mf-linje); padding: 28px 0 36px; font-size: 14px; color: var(--mf-tekst-2); background: #fff; }
.mf-footer .mf-wrap { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 24px; }
.mf-footer h3 { font-size: 14px; margin: 0 0 8px; color: var(--mf-tekst); }
.mf-footer ul { list-style: none; margin: 0; padding: 0; }
.mf-footer li { margin: 0 0 6px; }
.mf-footer a { color: var(--mf-tekst); }
@media (max-width: 700px) { .mf-footer .mf-wrap { grid-template-columns: 1fr; } }




@font-face { font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("https://malerfirma1.dk/wp-content/uploads/2026/09/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("https://malerfirma1.dk/wp-content/uploads/2026/09/manrope-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

body.mf { font-family: var(--mf-font); font-size: 17px; line-height: 1.6; color: var(--mf-tekst); background: var(--mf-flade); overflow-x: hidden; }
body.mf :where(h1, h2, h3, h4) { font-family: var(--mf-font); color: var(--mf-tekst); font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; }
body.mf :where(h1) { font-size: 32px; }
body.mf :where(h2) { font-size: 24px; margin-top: 1.8em; margin-bottom: .5em; }
body.mf :where(h3) { font-size: 19px; margin-top: 1.4em; margin-bottom: .4em; }
body.mf :where(a) { color: var(--mf-link); }
body.mf :where(a:hover) { color: var(--mf-tekst); }
body.mf :where(.entry-content p, .entry-content ul, .entry-content ol) { margin-bottom: 1em; }
@media (max-width: 600px) { body.mf :where(h1) { font-size: 27px; } body.mf :where(h2) { font-size: 21px; } }

body.mf .grid-container, body.mf .inside-header, body.mf .inside-site-info { max-width: var(--mf-maks); padding-left: 20px; padding-right: 20px; }
body.mf .site-content { padding: 0; }
body.mf .content-area { width: 100%; float: none; }
body.mf .inside-article { padding: 0; background: transparent; }
body.mf .separate-containers .inside-article, body.mf .one-container .inside-article { padding: 0; }
body.mf .site-main > article { margin: 0; }
body.mf.single-post .entry-content, body.mf.single-post .entry-header .inside-mf, body.mf.page .mf-spalte { max-width: var(--mf-spalte); }
body.mf.single-post .entry-content { padding-top: 24px; }
body.mf .widget-area { display: none; }

body.mf .entry-content .mf-baand, body.mf .site-main .mf-baand, body.mf .mf-slut { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

body.mf .site-header { background: #fff; border-bottom: 1px solid var(--mf-linje); box-shadow: none; }
body.mf .inside-header { display: flex; align-items: center; gap: 24px; min-height: 60px; padding-top: 0; padding-bottom: 0; }
body.mf .site-branding { padding: 0; }
body.mf .main-title { font-size: 19px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; }
body.mf .main-title a, body.mf .main-title a:hover { color: var(--mf-tekst); display: inline-flex; align-items: center; gap: 10px; }
body.mf .main-title a::before { content: ""; width: 28px; height: 28px; flex: none; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect x='2' y='2' width='11' height='11' rx='2' fill='%238DA34A'/%3E%3Crect x='15' y='2' width='11' height='11' rx='2' fill='%23C8742E'/%3E%3Crect x='2' y='15' width='11' height='11' rx='2' fill='%234F6A2A'/%3E%3Crect x='15' y='15' width='11' height='11' rx='2' fill='%232F3A22'/%3E%3C/svg%3E"); background-size: 28px 28px; }
body.mf .site-description { display: none; }
body.mf .main-navigation { margin-left: auto; background: transparent; }
body.mf .main-navigation .main-nav ul li a { color: var(--mf-tekst); font-weight: 600; font-size: 15px; line-height: 60px; padding: 0 11px; }
body.mf .main-navigation .main-nav ul li:hover > a, body.mf .main-navigation .main-nav ul li.current-menu-item > a { color: var(--mf-link); background: transparent; }
body.mf .main-navigation .menu-toggle, body.mf .main-navigation .menu-bar-item > a { color: var(--mf-tekst); line-height: 60px; }
body.mf .main-navigation .menu-bar-items { display: flex; align-items: center; }
body.mf .mf-header-cta { margin-left: 8px; }
body.mf .main-navigation.toggled .main-nav > ul { background: #fff; border-top: 1px solid var(--mf-linje); }
body.mf .main-navigation.toggled .main-nav ul li a { line-height: 48px; }
@media (max-width: 800px) { body.mf .mf-header-cta { display: none; } }

body.mf.single-post .entry-header { background: var(--mf-baand); color: var(--mf-baand-tekst); width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 28px 20px 24px; margin-bottom: 0; }
body.mf.single-post .entry-header .inside-mf, body.mf.single-post .entry-header > * { max-width: var(--mf-maks); margin-left: auto; margin-right: auto; }
body.mf.single-post .entry-header .entry-title { color: #fff; font-size: 34px; max-width: 760px; margin: 0 auto .4em; }
body.mf.single-post .entry-header .entry-meta { color: rgba(255,255,255,.8); font-size: 14px; }
body.mf.single-post .entry-header .entry-meta a { color: var(--mf-baand-accent); }
@media (max-width: 800px) { body.mf.single-post .entry-header { padding: 22px 20px 20px; } body.mf.single-post .entry-header .entry-title { font-size: 27px; } }
body.mf.single-post .entry-content img { border-radius: var(--mf-radius); }
body.mf.single-post .entry-content > p:first-child { font-size: 18px; }
body.mf .post-navigation, body.mf .comments-area, body.mf .entry-meta.post-meta, body.mf .cat-links, body.mf .tags-links { display: none; }

body.mf.blog .site-main article, body.mf.archive .site-main article { border-bottom: 1px solid var(--mf-linje); padding: 18px 0; margin: 0; }
body.mf.blog .site-main .entry-title, body.mf.archive .site-main .entry-title { font-size: 20px; margin: 0 0 4px; }
body.mf.blog .site-main .entry-summary p, body.mf.archive .site-main .entry-summary p { color: var(--mf-tekst-2); font-size: 16px; }
body.mf.blog .site-main .read-more-container, body.mf.archive .site-main .read-more-container { font-size: 15px; }
body.mf.blog .page-header, body.mf.archive .page-header { padding: 24px 0 8px; }
body.mf.blog .site-main, body.mf.archive .site-main { max-width: var(--mf-maks); margin: 0 auto; padding: 0 20px; }

body.mf .site-footer .site-info { display: none; }
body.mf .mf-footer .mf-wrap { max-width: var(--mf-maks); }

body.mf input[type="search"], body.mf input[type="text"] { border-radius: var(--mf-radius); border: 1.5px solid var(--mf-linje-2); font: inherit; }
body.mf button, body.mf input[type="submit"] { background: var(--mf-cta); color: #fff; border-radius: var(--mf-pille); font-weight: 700; border: 0; }
body.mf button:hover, body.mf input[type="submit"]:hover { background: var(--mf-cta-hover); }

body.mf .mf-baand img[data-lazy-src] { background: transparent; }

body.mf .mf-baand :is(h1, h2, h3) { color: #fff; }
body.mf .mf-baand .mf-kicker a { color: var(--mf-baand-accent); }
body.mf .mf-baand a:not(.mf-knap) { color: var(--mf-baand-accent); }

body.mf.single-post .featured-image { max-width: var(--mf-spalte); margin: 22px auto 0; padding: 0 20px; }
body.mf.single-post .featured-image img { border-radius: var(--mf-radius); width: 100%; height: auto; }

body.mf .main-navigation .mf-header-cta > a.mf-knap { line-height: 1.2; min-height: 40px; padding: 8px 16px; font-size: 15px; color: #fff; }

body.mf.single-post .inside-article { display: flex; flex-direction: column; }
body.mf.single-post .inside-article > * { order: 3; }
body.mf.single-post .inside-article > .entry-header { order: 0; }
body.mf.single-post .inside-article > .mf-wrap { order: 1; }
body.mf.single-post .inside-article > .featured-image { order: 2; }
body.mf.single-post .inside-article > .entry-content { order: 3; }

body.mf.blog .mf-hero--lille { margin-bottom: 8px; }

body.mf .entry-content > .mf-wrap:not(.mf-baand .mf-wrap) { padding-left: 0; padding-right: 0; }

body.mf.page .entry-content > :where(p, h2, h3, ul, ol, figure, table, .mf-cta-boks, .mf-tabel-wrap) { max-width: var(--mf-spalte); }
body.mf.page .entry-content > figure.mf-figur { margin: 22px 0; }
body.mf.page .entry-content > figure.mf-figur img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; height: auto; border-radius: var(--mf-radius); }

body.mf.page .featured-image, body.mf.page .page-header-image, body.mf.page .page-header-image-single { display: none; }
