@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --max-width: 1280px;
  --bg-color: #eeecea;
  --second-bg-color: #e6e2dc;
  --third-bg-color:#cdcac5;
  --font-color: #634e4b;
  --primary: #7b0121;
  --primary-faded: #7b0121dd;
  --secondary: #65051f;
}

body { font-family: 'Work Sans', tahoma, helvetica; font-size:16px; color:var(--font-color); }
hr.divider { border: none; height: calc(2em + 32px); background: url('/wp-content/themes/klosterkroen/_img/divider.png') center center no-repeat; background-size: auto 32px; width: 200px; display: block; margin:0 auto;  }
hr.divider2 { border: none; height: calc(2em + 13px); background: url('/wp-content/themes/klosterkroen/_img/divider2.png') center center no-repeat; background-size: auto 13px; width: 200px; display: block; margin:0 auto; }

h1, h1.overskrift { font-family: 'DM Serif Display', tahoma, helvetica; font-weight: 700; font-size:4em; line-height: 1; margin-top:0; }
h2, h2.overskrift { font-family: 'DM Serif Display', tahoma, helvetica; font-weight: 700; font-size:3em; line-height: 1; margin-top:0; }
h3, h3.overskrift { font-family: 'DM Serif Display', tahoma, helvetica; font-weight: 700; font-size:1.75em; line-height: 1; margin-top:0; }
h4, h4.overskrift { font-family: 'DM Serif Display', tahoma, helvetica; font-weight: 700; font-size:1.25em; line-height: 1; margin-top:0; }

/* Any h1, h2 or h3 or h4 following a h1, h2 or h3 or h4 */
:is(h1, h2, h3, h4) + :is(h1, h2, h3, h4) { margin-top: 0; }

/* Any h1, h2 or h3 with a following h1, h2 or h3 */
:is(h1, h2, h3, h4):has(+ :is(h1, h2, h3, h4)) { margin-bottom: 0; }

/* Any h1, h2 or h3 or h4 with a following hr */
:is(h1, h2, h3, h4):has(+ hr) { margin-bottom: 0; }

p { line-height: 1.4; margin:0; }
p + h1, p + h2 { margin-top:0; }

a.knap { transition: border-color 0.3s, transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); overflow:hidden; position: relative; display: inline-flex; background: var(--primary); color: var(--bg-color); margin:.25em; padding: .75em 1em !important; border-radius: .5em; border: 2px solid var(--primary); font-family: 'DM Serif Display', tahoma, helvetica; align-items: center; gap: .5em; line-height: 1; text-decoration: none; vertical-align: middle; }
a.knap:hover { background-color: var(--secondary); color: var(--bg-color); border-color: var(--secondary); transform: translateY(-3px); }

ul { padding-left:1.25em; }
ul[style*="text-align: center"] { list-style: none; padding:0; margin:0; }
ul li { line-height: 1.4; margin:0; }
ul li + li { margin-top: .5em; }