body {
        padding-top: 30px;
      }

      #background-video {
        width: 100vw;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -2;
      }

      #bgoverlay {
        background-color: rgba(0, 0, 0, 0.5);
        width: 100vw;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
      }

      #intro,
      section {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 50% 0;
        height: auto;
        margin: 60px auto 60px auto;
        width: 100%;
        position: relative;
        padding: 200px 0 250px 0;
        background-size: cover;

        /*        padding: 200px 0 450px 0;*/
        color: #fff;
      }

      section.nobg {
        background-color: #fff;
        padding: 50px 0;
        margin: 0 auto;
      }

      section.nobg h1,
      section.nobg h2,
      section.nobg p {
        color: #000;
      }


      #intro h1,
      section h2,
      #intro p,
      section p {
        color: #fff;
      }

      #intro h1,
      #section h2 {
        border-color: #c41230;
      }
      
            h3 {
          color:#333;
font-family:          "Exo 2", sans-serif !important;
      }

      /*#intro {
            background: #c7e1f5;
            background-size:contain;
            height: auto;
            margin: 0 auto 50px auto;
            width: 100%;
            position: relative;
            padding: 100px 0 50px 0;
        }*/

      #nav a {
        text-transform: uppercase;
        color: #000 !important;
        font-weight: bold;
        font-family: "Istok Web", sans-serif;
        transition: color 0.4s;
      }

      nav {
        height: 80px;
      }

      nav>.container {
        padding-top: 10px;
      }

      nav a {
        font-size: 18px;
      }

      #nav a:hover {
        color: #c41230 !important;
      }



      .language-label a {
        color: #ccc!important;
        padding-right: 0px!important;
      }

      .navbar-brand {
        color: #c41230 !important;
        font-family: "Exo 2", sans-serif !important;
        font-weight: 400;
        font-size: 22px;
      }

      @media (max-width: 1199px) { 
        .navbar-brand {
          font-size: 16px;
        }
      }

      /* Main title must wrap on phone when in portrait */
      @media (max-width: 400px) {
        .navbar-brand {
          max-width: 225px;
          padding-top: 7px;
        }
      }

      p {
        color: #000;
        font-family: "Exo 2", sans-serif !important;
        font-weight: 300;
        font-size: 20px;
      }

      hr {
        margin-bottom: 30px;
        color: #000;
        border-top-color: #c41230;
      }

      .red {
        color: #c41230;
      }

      .navbar-default {
        border-top-width: 3px;
        border-top-style: solid;
        border-top-color: #c41230 !important;
        background-color: #fff;
        border-color: transparent;
      }

      #home {
        background: url(images/gert.jpg) no-repeat 50% 0 fixed;
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 250px 0;
      }

      #slaget {
        background: url(images/sr_jutland_01.jpg) no-repeat 50% 0 fixed;
        position: relative;
        background-size: cover;
        width: 100%;
        margin: 0 auto;
        height: auto;
        padding: 250px 0;
      }

      #mindeparken {
        background: url(/mindeparken2.jpg) no-repeat 50% 0 fixed;
        position: relative;
        background-size: cover;
        width: 100%;
        margin: 0 auto;
        height: auto;
        padding: 250px 0;
      }

      #monumenter {
        background: url(monumenter.JPG) no-repeat 50% 0 fixed;
        position: relative;
        background-size: cover;
        width: 100%;
        margin: 0 auto;
        height: auto;
        padding: 250px 0;
      }

      #stedet {
        background: url(/warmuseum.jpg) no-repeat 50% 0 fixed;
        position: relative;
        background-size: cover;
        width: 100%;
        margin: 0 auto;
        height: auto;
        padding: 250px 0;
      }

      #udfordringen {
        background: url(images/gade.jpg) no-repeat 50% 0 fixed;
        position: relative;
        width: 100%;
        margin: 0 auto;
        height: auto;
        padding: 250px 0;
      }

      #about {
        background: #fff;
        position: relative;
        width: 100%;
        margin: 0 auto;
        height: auto;
        padding: 50px 0;
        color: #000;
      }

      @media (max-width: 991px) {
        .navbar-brand {
          margin-left: 15px;
        }
      }

      @media (max-device-width: 1024px) {
        #home {
          background-image: url(images/gert_mobile.jpg);
          background-attachment: scroll;
          background-size: cover;
        }

        #slaget {
          background-image: url(images/sr_jutland_01.jpg);
          background-attachment: scroll;
          background-size: cover;
        }

        #mindeparken {
          background-image: url(/mindeparken2.jpg);
          background-attachment: scroll;
          background-size: cover;
        }

        #kunstneren {
          background-image: url(images/kunsteren_mobile.jpg);
          background-attachment: scroll;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
        }

        #stedet {
          background-image: url(images/stedet_mobile.jpg);
          background-attachment: scroll;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
        }

        #udfordringen {
          background-image: url(images/gade_mobile.jpg);
          background-attachment: scroll;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
        }
      }

      .textblok {
        background: #fff;
        height: auto;
        margin: 0 auto;
        width: 100%;
        position: relative;
        padding: 50px 0;
        color: #000;
      }

      h1,
      h2 {
        text-transform: uppercase;
        font-weight: bold;
        color: #000;
        font-size: 32px;
        border-bottom: 8px solid #c41230;
        padding-bottom: 30px;
        display: inline-block;
        margin-bottom: 25px;
        font-family: "Istok Web", sans-serif;
      }

      /* Non-essential demo stuff */
      .hero-unit {
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      }

      .media-object {
        width: 64px;
        height: 64px;
        padding-bottom: 30px;
      }

      .navbar-separator {
        border-top: 1px solid lightgray;
      }

      .navbar-mobile-style>li:last-child {
        border-bottom: 3px solid #c41230;
      }

      @media (max-width: 991px) {
        .navbar-header {
          float: none;
        }

        .navbar-toggle {
          display: block;
        }

        .navbar-collapse {
          border-top: 1px solid transparent;
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }

        .navbar-collapse.collapse {
          display: none !important;
        }

        .navbar-nav {
          float: none !important;
          margin: 7.5px -15px;
        }

        .navbar-nav>li {
          float: none;
        }

        .navbar-nav>li>a {
          padding-top: 10px;
          padding-bottom: 10px;
        }

        .navbar-text {
          float: none;
          margin: 15px 0;
        }

        /* since 3.1.0 */
        .navbar-collapse.collapse.in {
          display: block !important;
        }

        .collapsing {
          overflow: hidden !important;
        }
      }
      
      svg a circle {
        stroke: #000;
        stroke-width: 1px;
        fill: rgba(255,255,255,0.06); /* let synlig fyld så puls kan ses */
      }
      
      /* Hover: pulse + stabil skalering omkring centrum */
      svg a:hover circle {
        stroke: #000;
        fill: rgba(255,255,255,0.06);
        stroke-width: 3px;
        cursor: pointer;
        animation: pulse 1.2s infinite ease-in-out;
        transform-origin: center;
        transform-box: fill-box; /* vigtigt for at undgå drift */
      }
      
      /* Puls – med stroke-opacity så effekten også er tydelig uden markant fill */
      @keyframes pulse {
        0%   { transform: scale(1);   stroke-opacity: 1; stroke-width: 1px;   fill: rgba(255,255,255,0.06);}
        50%  { transform: scale(1.18); stroke-opacity: 0.55; stroke-width: 3px;  fill: rgba(0,0,0,0.3);}
        100% { transform: scale(1);   stroke-opacity: 1;  stroke-width: 1px;  fill: rgba(255,255,255,0.06);}
      }
      
      /* (Valgfrit) Dev overlay til hurtig justering – slå til ved at sætte showGuides=true i scriptet nedenfor */
      .guides circle {
        fill: none;
        stroke: magenta;
        stroke-dasharray: 3 3;
        pointer-events: none;
      }