:root {
  --primary: #620719;
  --secondary: #001D47;
  --third: #E6EDF0;
  --fourth: #F0EEE7;
  --lugn-30: #F3F6F8;
  --clear-blue: #D5E2E8;
  --adel-red: #DB160F;
  --beige: #F8E8D8;
  --light-beige: #FCF8F3;
  --bs-nav-link-color: #fff;
  --black: #000000;
  --grey: #5e5e5e;
  --white: #ffffff;
  --light-grey: #EBE9E3;
  --nyfiken-60: #F9F1E8;
  --light-light-grey: #F5F4F1;
  --balans: #3F3E3E;
  --bs-border-radius: 8px;
  --bs-border-color: #8d96a7 !important;
}

.primary {
    color: var(--primary) !important;
}

.secondary,
a.secondary,
span.secondary {
    color: var(--secondary);
}

.third {
    color: var(--third);
}

p, a {
    color: var(--primary);
}

.bg-Primary, .bg-primary, .bg-red {
    background-color: var(--primary);
}

.bg-Primary *, .bg-red * {
    color: var(--white);
}

.bg-Secondary, .bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-Secondary h1, .bg-Secondary h2, .bg-Secondary h3, .bg-Secondary h4, .bg-Secondary h5 {
    color: var(--primary);
}

.bg-Third, .bg-Beige {
    background-color: var(--third);
}

.bg-Third * {
    color: var(--primary);
}

.bg-Fourth{
    background-color: var(--fourth);
}

.bg-clear-blue {
    background-color: var(--clear-blue);
}

.bg-beige {
    background-color: var(--beige);
}

.bg-light-beige {
    background-color: var(--light-beige);
}

.bg-light-blue {
    background-color: var(--third);
}

.bg-blue {
    background-color: var(--secondary);
}

.bg-blue * {
    color: var(--white);
}

.bg-blue path {
    fill: var(--white);
}

.bg-light-grey {
    background: var(--light-grey);
}

.bg-light-light-grey {
    background: var(--light-light-grey);
}

.primary, .dark-red {
    color: var(--primary);
}

.bg-nyfiken-60 {
    background-color: var(--nyfiken-60);
}

.bg-nyfiken-60 h3 {
    color: var(--primary);
}

.white,
.color-white * {
    color: var(--white);
}

.balans {
    color: var(--balans) !important;
}

.red {
    color: var(--adel-red) !important;
}

.grey {
    color: var(--grey);
}

.clear-blue, .clear-blue p {
    color: var(--clear-blue) !important;
}

.color-black,
.black {
    color: var(--black) !important;
}

.fade-text {
    display: inline-block;
    position: relative;
    max-width: 40ch;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
/*    mask-image: linear-gradient(to right, black 70%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 70%, transparent 100%);*/
}

.border-bottom-grey {
    border-color: #d5c9c9 !important;
}

.bg-opacity {
    background: rgba(255,255,255,0.8);
}

.bg-opacity * {
    color: var(--black);
}

.box.bg-secondary h4 {
    color: var(--white);
}