body {
    font-family: Arial, sans-serif;
}

.icon-link > .bi {
  width: .75em;
  height: .75em;
}

/*
 * Custom translucent site header
 */

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.site-header a {
  color: #8e8e8e;
  transition: color .15s ease-in-out;
}

.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

.accordion-button:not(.collapsed) {
  background-color: rgb(200, 201, 202); /* Erstat #your-color med den ønskede farve */
  color: rgb(0,0,0); /* Erstat #your-text-color med den ønskede tekstfarve */
}

.no-break {
  word-wrap: nowrap;
  white-space: nowrap;
  word-break: keep-all;
}

/*
 * Backgrounds!
 */

.bg-white{
  background-color: rgb(255,255,255);
  color: rgb(40,40,40); 
}

.bg-red{
  background-color: rgb(255,66,104);
  color: rgb(255,255,255); 
}

.bg-blue{
  background-color: rgb(66,202,255);
  color: rgb(255,255,255);
}

.bg-dblue{
  background-color: rgb(34,69,159);
  color: rgb(255,255,255); 
}

.bg-yellow{
  background-color: rgb(255,193,4);
}

.bg-grey{
  background-color: rgb(248,249,250);
}

.bg-dgrey{
  background-color: rgb(97,119,128);
  color: rgb(255,255,255); 
}

.bg-dark{
  background-color: rgb(40,41,42);
  color: rgb(255,255,255); 
}

.light-border{
  border: 1px solid rgb(228,229,230);
  border-radius: 0.375rem;
}

/*
 * Fonts
 */

.sub-headline{
  /* font-weight: lighter; */
  font-weight: 100;
  
}

/*
 * Extra utilities
 */

.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
}

/*
 * Fade effekt
 */


.fade-in {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fade-in.visible {
  opacity: 1;
}