.site {
    background-color: white;}

h1, h2, h3, h4, h5, h6 {
    color: #5D4037; /* Rich Espresso for headings */}

.card-header {
    color: DarkGoldenRod;
    background-color: #FFFBF0;}

.tags a.btn {
    font-weight: 600;
    background-color: GoldenRod;}

.breadcrumb {background-color: white;}

.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
    font-weight: 600;}

.container-header, .header {
    border-bottom: 6px solid;
    color: #CBA135;}

.card, .card-header:first-child {
    border-color: #eeeeee;
    border-width: 3px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}

h1, .h1 {font-size: 2.0rem;}

h2, .h2 {font-size: 1.6rem;}

h3, .h3 {font-size: 1.4rem;}

h4, .h4 {font-size: 1.2rem;}

h5, .h5 {font-size: 1.1rem;}

b, strong {
    font-weight: 600;
    color: #5D4037;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: var(--cassiopeia-font-weight-headings, 600);}

a {text-decoration: none;}

.dms-categories-grid-items .dms-category-link .dms-document-link {
    font-size: 24px;
    font-weight: 600;
    font-family: Verdana, Trebuchet MS, sans-serif;}

:root {
    --cassiopeia-color-primary: #AC9C84;
    --cassiopeia-color-link: DarkGoldenRod;
    --link-color: DarkGoldenRod;
    --link-color-rgb: 184, 134, 11;
    --cassiopeia-color-hover: #DEC9AA;
    --link-hover-color: #417990;
    --link-hover-color-rgb: 128, 0, 0;}

a:not([class]) {text-decoration: none;}

img, .img {
    border-radius: 8px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}

.btn-info {
    --btn-color: #fff;
    --btn-bg: #4DA4B0;
    --btn-border-color: GoldenRod;
    --btn-hover-color: #fff;
    --btn-hover-bg: #295477;
    --btn-hover-border-color: #264f70;
    --btn-focus-shadow-rgb: 79, 122, 158;
    --btn-active-color: #fff;
    --btn-active-bg: #264f70;
    --btn-active-border-color: #244a69;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #4DA4B0;
    --btn-disabled-border-color: #4DA4B0;}

input, button, select, optgroup, textarea {
    border-radius: 5px;
    border-width: 1px;
    border-color: #dddddd;
    background-color: #FFF8E7; /* Cream White */
    color: #5D4037; /* Rich Espresso */}

.video-container {
    position: relative;
    width: 100%; /* Full width */
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio (height/width = 9/16 = 0.5625) */
    height: 0;
    overflow: hidden;}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.form-control {line-height: 1.0;} 

.vivavita-share {
  display: flex;
  flex-direction: row; /* vandret layout */
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-top: 1rem;
  flex-wrap: nowrap; /* forhindrer linjeskift */
  overflow-x: auto; /* gør det scrolleligt på mobil, hvis der ikke er plads */
  padding-bottom: 4px;
}

.share-btn {
  background: #0077cc;
  color: white;
  border: none;
  cursor: pointer;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 14px;
  white-space: nowrap; /* holder teksten på én linje */
  transition: background 0.2s;
}

.share-btn:hover {
  background: #005fa3;
}

.share-btn .icon {
  margin-right: 5px;
}