/* Børns Vilkår - design 2026. Overrider theme.css og gamle inline-styles. */ @font-face { font-family: "Metropolis"; src: url("/font/metropolis-latin-400-normal.woff") format("woff"), url("/font/metropolis-latin-400-normal.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "ABC Gravity Condensed"; src: url("/font/ABCGravity-Condensed.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } :root { --bv-tekst: #252525; --bv-bg: #fffeee; /* Farver fra BørnsVilkår_Designguide_20260706.pdf */ --bv-roed: #E84249; /* primærpalet - erstatter den gamle #F05041 */ --bv-groen: #10AE8C; /* primærpalet - knapper og aktivt trin i flow-bjælken */ --bv-groen-moerk: #0D9375; /* hover-nuance af --bv-groen */ --bv-groen-lys: #CBE5DA; /* sekundærpalet - flow-bjælkens bund */ --bv-broedtekst: "Metropolis", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; --bv-overskrift: "ABC Gravity Condensed", "Metropolis", "Arial Narrow", Arial, sans-serif; } /* Baggrundsfarve */ html, body { background-color: var(--bv-bg); } .hovedindhold, .hovedindhold2, .melddig, .whitepadding, .hvidbg, .inviter { background-color: var(--bv-bg) !important; background-image: none !important; } /* Brødtekst */ body, p, li, td, th, div, span, label, a, input, select, textarea, button, .form-control, .btn { font-family: var(--bv-broedtekst); } /* Tekststørrelse. Bootstrap 3 sætter 14px, hvilket er småt efter nutidens standard. Hævet til 16px med luftigere linjeafstand. Alt, der ikke selv sætter en størrelse, arver herfra - så det er den ene knap at dreje på, hvis teksten skal op eller ned igen. Designguiden foreskriver ingen px-skala; den eneste konkrete regel er, at tekst på farvet baggrund skal være over 14 pkt. eller bold (side 7). */ body { font-size: 16px; line-height: 1.55; } body, p, li, td, th, div, span, font, label, .blaahead, .blaaheadmain, .toptextbv { color: var(--bv-tekst); } /* Footeren er mørk - den skal blive ved med at have hvid tekst */ .footer, .footer p, .footer div, .footer span, .footer font, .footer li, .footer td, .footer th, .footer label, .footer a, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { color: #fff !important; } /* Overskrifter */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .RobotoSlab, .toptekst, a.forsidelink, .greyboks > strong:first-of-type, .greyboks > p > strong:first-of-type, .greyboks > span > strong:first-of-type, .greyboks > span > p > strong:first-of-type { font-family: var(--bv-overskrift) !important; } /* Farve på overskrifter - !important fordi de gamle sider sætter color inline */ h1, h2, h3, h4, h5, h6, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .toptekst { color: var(--bv-tekst) !important; } /* Logo-label. SVG'en har selv rød flade, så ingen wrapper-baggrund/padding. Logoet 2026 er kvadratisk (1:1), hvor det gamle var aflangt (694x483). Bredden er derfor sat ned fra 170px til 120px, så det fylder det samme i højden som før og ikke skubber headeren. */ .bvlogo { width: 120px; margin: 0; padding: 0; line-height: 0; } .bvlogo img { display: block; width: 100%; height: auto; } /* Logoet skal flugte med indholdet, ikke med browserkanten. Bootstrap-gridet får derfor beholde sin centrering og sine 15px - kun tabellens eget cellemellemrum fjernes, så logoet starter præcis på indholdskanten. */ .bvtop table { border-collapse: collapse; } @media only screen and (max-width: 600px) { .bvlogo { width: 90px; } } /* ============================================================ Knapper - grønne (Designguide 2026) Gælder både links-knapperne i boksene (.forsidelink) og formularknapperne (.btn-moveon, .btn-primary, .btn-danger). !important er nødvendigt, fordi flere sider sætter den gamle røde farve i