@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body { font-family: 'Montserrat'; font-size:13px; font-weight: 400; }
:root { --color-primary: #2a4467; --color-secondary: #1d3759; --color-tertiary: #f37721; --color-quaternary: #e6ecf4; --color-quinary: #dae3ef; --color-positive:#089f6b; --hr-color:#dbe3e7; --color-font: #2a4467; --padding:2em; --font-size: 16px; }

/* Text styles */
h1, h2, h3, h4, h5 { position: relative; margin:0; font-weight: 800; word-break:break-word; }
h1, h1.Overskrift-1 { font-size:3em; text-transform: uppercase; font-weight: 900; line-height: .9;}
h2, h2.Overskrift-2 { font-size:2em; text-transform: uppercase; font-weight: 900; line-height: .9;}
h3, h3.Overskrift-3 { font-size:1.25em; text-transform: uppercase; } 
h4, h4.Overskrift-4 { font-size:1em; text-transform: uppercase; }
h5, h5.Overskrift-5 { font-size:.9em; text-transform: uppercase; }
b, strong { font-weight: 700; }
hr { border: none; border-top: 1px solid var(--hr-color); }
p { line-height: 1.5; word-break:break-word; }
p:has(.Overskrift-Hero) { margin:0 !important;}
.Overskrift-Hero { font-size: 4em; font-weight: 900; margin:0 !important; line-height: .9; text-transform: uppercase; }
a.Knap { display: inline-flex; background: var(--color-tertiary); color: #fff !important; border: none; padding: 1em 2em; font-size: .8em; font-weight: 700; text-transform: uppercase; cursor: pointer; border-radius: 9999px; transform-origin: center center; transition: transform .3s cubic-bezier(0.075, 0.82, 0.165, 1); will-change: transform; }
a.Stor-Knap { display: inline-flex; background: var(--color-tertiary); color: #fff !important; border: none; padding: 1em 2em; font-size: 1.2em; font-weight: 800; text-transform: uppercase; cursor: pointer; border-radius: 9999px; transform-origin: center center; transition: transform .3s cubic-bezier(0.075, 0.82, 0.165, 1); will-change: transform; }
a.Call-to-action { display: inline-flex; background: var(--color-positive); color: #fff !important; border: none; padding: 1em 2em; font-size: .8em; font-weight: 700; text-transform: uppercase; cursor: pointer; border-radius: 9999px; transform-origin: center center; transition: transform .3s cubic-bezier(0.075, 0.82, 0.165, 1); will-change: transform; }
a { color: var(--color-tertiary); text-decoration: none; }
a.Knap, a.Call-to-action, a.Stor-Knap { align-items: center; }
a.Knap:hover, a.Call-to-action:hover, a.Stor-Knap:hover { transform: scale(1.05) !important; }
a.Link { position: relative; display: inline-block; transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1); }
a.Link:hover { transform: translateX(5px) !important; }
a.Link:before { content:'\ea50'; font-family: 'boxicons'; display: inline-block; margin-right: .5em; font-size: .8em; transition: transform .3s cubic-bezier(0.075, 0.82, 0.165, 1); }
.small { font-size: .8em; }

a.disabled { opacity: .5; transform: none !important; filter:grayscale(100%); }
a.Knap.disabled:hover, a.Call-to-action.disabled:hover, a.Stor-Knap.disabled:hover { transform: none !important; }

/* Lists */
ul:not([style*="list-style-type"]), ol:not([style*="list-style-type"])  { padding: 0; margin:0; }
ul:not([style*="list-style-type"]) li { position: relative; margin: .5em 0; padding:.5em 0;  }
ul:not([style*="list-style-type"]) li { list-style: none; border-bottom: 1px solid var(--hr-color); }
ul:not([style*="list-style-type"]) li:last-child { border-bottom: none; }

/* Tables */
table { min-width: 320px; width:auto; max-width: 100%; border-radius: .5em; border:0; }
table thead { background: var(--color-primary); color:#fff; }   
table thead th { padding:1em; font-weight: 700; text-transform: uppercase; }
table tbody tr:nth-child(even) { background:#00000003; }
table tbody tr:nth-child(odd) { background:#00000006; }
table tbody tr>td:first-child { border-top-left-radius: .5em; border-bottom-left-radius: .5em; }
table tbody tr>td:last-child { border-top-right-radius: .5em; border-bottom-right-radius: .5em; }
table tbody td { padding:1em; }

/* Utility classes */
.Highlight { color: var(--color-tertiary); }
.Gennemsigtig { opacity: .5; }