/* ===============
    ALL: IE Fixes
   =============== */

.ie7 {
}


/* ===============
    Fonts
   =============== */

/*
      This CSS resource incorporates links to font software which is the valuable copyrighted
      property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
      redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
      Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
      */





@font-face {
  font-family: "KlintLight";
  src: url("../fonts/d03bb261-0462-4d67-b698-82c0537b5e76.eot?#iefix") format("embedded-opentype"), url("../fonts/7d47ba5b-bf8e-450c-b749-e236dd07085b.woff2") format("woff2"), url("../fonts/07d538e2-2990-4825-96c9-caaa24ef9d1e.woff") format("woff"), url("../fonts/cdf8f61c-b054-40cc-ac85-8393d8e2b03f.ttf") format("truetype"), url("../fonts/6833d460-dc47-4c13-9643-4713fe3525ad.svg#6833d460-dc47-4c13-9643-4713fe3525ad") format("svg");
}



@font-face {
  font-family: "KlintRegular";
  src: url("../fonts/1a600d6d-a636-4eb0-944a-9fb6d94ffc61.eot?#iefix") format('embedded-opentype'), 
       url("../fonts/3f1b4871-73d0-4bba-9e1f-ad3a3a5a5a40.woff") format("woff"), 
       url("../fonts/32ff0ab0-d409-48f1-9b72-1152fd4f33d0.ttf") format("truetype"), 
       url("../fonts/7ce8e8a9-6695-4c74-85ae-b1d482413f1c.svg#7ce8e8a9-6695-4c74-85ae-b1d482413f1c") format("svg");
}

@font-face {
  font-family: "KlintMedium";
  src: url("../fonts/38b8bc7e-97c1-445a-a092-1f610c15b998.eot");
  src: url("../fonts/38b8bc7e-97c1-445a-a092-1f610c15b998.eot?#iefix") format("embedded-opentype"), 
       url("../fonts/2535dc54-4238-48d2-aaa4-237c58067374.woff") format("woff"), 
       url("../fonts/cf4a49b4-b15d-401b-992c-931de73b4c6d.ttf") format("truetype"), 
       url("../fonts/5a7e93bf-81ed-4d81-ad1c-a83c8029ef52.svg#5a7e93bf-81ed-4d81-ad1c-a83c8029ef52") format("svg");
}


@font-face {
  font-family: "KlintBold";
  src: url("../fonts/25d018b8-edb4-4bf5-b9fa-34a0d8aa9311.eot?#iefix");
  src: url("../fonts/25d018b8-edb4-4bf5-b9fa-34a0d8aa9311.eot?#iefix") format("eot"),
       url("../fonts/db93857b-f035-4a17-b088-1f1505c0218f.woff2") format("woff2"),
       url("../fonts/a62f658e-e35c-4241-9d13-96ed8b5433f9.woff") format("woff"),
       url("../fonts/89ed2b56-27ee-444a-88cf-c9b63e389213.ttf") format("truetype"),
       url("../fonts/986c2421-17dd-43f2-9344-615afc2a44b9.svg#986c2421-17dd-43f2-9344-615afc2a44b9") format("svg");
}







/* --- START: CSS til Modal Overlay --- */

.ti-menu.filter-glass {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.ti-menu.bg-lightest-70\% {
  background-color: rgba(243, 243, 243, 0.7);
}

a.close, button.close {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 60;
  cursor: pointer;
  border: none;
  background: transparent;
}

  a.close:before, a.close:after,
  button.close:before, button.close:after {
    content: "";
    width: 26px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -13px;
    background-color: #000;
    transition: transform 300ms;
  }

  a.close:before, button.close:before {
    transform: rotate(-45deg);
  }

  a.close:after, button.close:after {
    transform: rotate(45deg);
  }

  a.close:hover:before, a.close:hover:after,
  button.close:hover:before, button.close:hover:after {
    background-color: #008fce;
  }

.box-ai {
  position: relative;
}

  .box-ai:before, .box-ai:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: 50%;
    z-index: -1;
    border-radius: 0.5rem; /* Matcher .rounded-lg */
  }

  .box-ai:before {
    left: 0;
    box-shadow: -0.5rem 0 2rem 0.5rem rgba(242, 182, 63, 0.1), 0 -0.5rem 2rem 0.5rem rgba(242, 182, 63, 0.1), 0 0 2rem 0.5rem rgba(196, 0, 14, 0.1);
    animation: box-ai 3s infinite alternate;
  }

  .box-ai:after {
    right: 0;
    box-shadow: 0 0 2rem 0.5rem rgba(196, 0, 14, 0.1), -0.5rem 0 2rem 0.5rem rgba(242, 182, 63, 0.1), 0 -0.5rem 2rem 0.5rem rgba(242, 182, 63, 0.1);
    animation: box-ai 2s infinite alternate;
  }

@keyframes box-ai {
  0% {
    box-shadow: -0.5rem 0 2rem 0.5rem rgba(242, 182, 63, 0.1), 0 -0.5rem 2rem 0.5rem rgba(242, 182, 63, 0.1), 0 0 2rem 0.5rem rgba(196, 0, 14, 0.1);
  }

  25% {
    box-shadow: 0 0.5rem 2rem 0.5rem rgba(242, 182, 63, 0.1), 0 0 2rem 0.5rem rgba(242, 182, 63, 0.1), -0.5rem 0 2rem 0.5rem rgba(242, 182, 63, 0.1);
  }

  50% {
    box-shadow: 0 0 2rem 0.5rem rgba(196, 0, 14, 0.1), -0.5rem 0 2rem 0.5rem rgba(242, 182, 63, 0.1), 0 -0.5rem 2rem 0.5rem rgba(242, 182, 63, 0.1);
  }

  75% {
    box-shadow: 0 -0.5rem 2rem 0.5rem rgba(196, 0, 14, 0.1), 0 0 2rem 0.5rem rgba(242, 182, 63, 0.1), 0 0 2rem 0.5rem rgba(196, 0, 14, 0.1);
  }

  100% {
    box-shadow: 0.5rem 0 2rem 0.5rem rgba(196, 0, 14, 0.1), 0 0.5rem 2rem 0.5rem rgba(242, 182, 63, 0.1), -0.5rem 0 2rem 0.5rem rgba(196, 0, 14, 0.1);
  }
}

/* Positionering af close-knappen (fra tailwind config) */
.top-s5 {
  top: 1.25rem;
}

.right-s5 {
  right: 1.25rem;
}

@media (min-width: 950px) {
  .lg\:top-s8 {
    top: 2rem;
  }

  .lg\:right-s8 {
    right: 2rem;
  }
}

body.modal-open {
  overflow: hidden !important;
}



.prose h1 {
  color: #a81b31;
  font-size: 2.25rem; 
  margin-bottom: 1.5rem;
}




.prose p > strong {
  display: block; /* Gør den til en blok, så den står på sin egen linje */
  margin-top: 1.5rem;
  font-size: 1.25rem;
  color: #333;
}


.prose ul {
  list-style-type: none;
  padding-left: 0;
}

  .prose ul > li {
    position: relative;
    padding-left: 1.75rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

    .prose ul > li::before {
      content: '' !important;
      position: absolute !important;
      left: 0 !important;
      background-color: #a81b31 !important; /* Tving rød farve */
      height: 0.5em !important; /* Tving højde */
      width: 0.5em !important; /* Tving bredde */
      top: 0.65em !important; /* Tving vertikal placering */
      border-radius: 50%; /* Sørg for at den er rund */
    }



.prose h5 {
  display: none;
}

  .prose h5:first-of-type {
    padding: 0rem 0rem 2rem 0rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    font-weight: bold;
    color: #4b5563;
  }

    /* Style den efterfølgende paragraf, der indeholder links */
    .prose h5:first-of-type + p {
      padding: 0rem 0rem 2rem 0rem;
      border-bottom-left-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
    }

      /* Style selve links'ne inde i den boks, så de ligner knapper */
      .prose h5:first-of-type + p a {
        display: inline-block;
        background-color: white;
        color: #374151;
        font-size: 0.875rem;
        font-weight: 500;
        padding: 0.5rem 0.75rem;
        border-radius: 0.375rem;
        border: 1px solid #e5e7eb;
        text-decoration: none;
        transition: background-color 0.2s, color 0.2s, border-color 0.2s;
      }

        /* Hover-effekt for knapperne - magen til din header */
        .prose h5:first-of-type + p a:hover {
          background-color: #008fce;
          color: #fff;
          border-color: #008fce;
        }

.active-subpage {
  background-color: #008fce !important; /* TI Rød farve */
  color: #ffffff !important;
  border-color: transparent !important;
  pointer-events: none; /* Forhindrer at man kan klikke på det link, man allerede er på */
}