html,
 body {
     height: 100%;
     margin: 0;
 }

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

.page.home-page {
  background: url('/assets/graphics/bitmaps/background-1.jpg') no-repeat center center fixed;
  background-size: cover;
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
}

 .overlay {
      flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* presser midten og bunnen fra hverandre */
  min-height: 100vh;
 }

        /* Hero-område øverst */
        .hero {
            position: relative;
            height: 100vh;
            background: url('/assets/graphics/bitmaps/header-image-tilleie.jpg') no-repeat center center;
            background-size: cover;
            color: white;
        }
/* Hero-område øverst */
        .forsalg {
            position: relative;
            height: 100vh;
            background: url('/assets/graphics/bitmaps/header-image-tilleie.jpg') no-repeat center center;
            background-size: cover;
            color: white;
        }
 .tilleie {
            position: relative;
            height: 100vh;
            background: url('/assets/graphics/bitmaps/header-image-tilleie.jpg') no-repeat center center;
            background-size: cover;
            color: white;
        }
 .ombygget {
            position: relative;
            height: 100vh;
            background: url('/assets/graphics/bitmaps/header-image-ombygget.jpg') no-repeat center center;
            background-size: cover;
            color: white;
        }
 .kontakt {
            position: relative;
            height: 100vh;
            background: url('/assets/graphics/bitmaps/header-image-kontakt.jpg') no-repeat center center;
            background-size: cover;
            color: white;
        }

 /* Navbar */
 .navbar {
     background: transparent !important;
     padding: 1rem;
 }

 .navbar-nav {
     margin: 0 auto;
 }

 .navbar-nav .nav-link {
     color: #fff !important;
     font-size: 0.9rem;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding: 0.5rem 1rem;
     margin: 0 3.0rem;
 }

 .navbar-toggler {
     border: none;
     box-shadow: none !important;
     position: absolute;
     right: 1rem;
     top: 1rem;
 }

 .navbar-toggler-icon {
     filter: invert(1);
 }

 /* Fullskjerm mobilmeny */
 .offcanvas {
     background-color: black;
     text-align: center;
     height: 100vh !important;
     /* dekker hele skjermen */
 }

 .offcanvas-backdrop {
     display: none;
     /* ingen mørk bakgrunn utenfor menyen */
 }

 .offcanvas a {
     color: #fff;
     text-transform: uppercase;
     font-size: 1.1rem;
     margin: 2rem 0;
     display: block;
     letter-spacing: 2px;
 }

 .offcanvas-header {
     justify-content: end;
 }

 .btn-close-white {
     filter: invert(1);
 }

 /* Logo og tekst */
 .center-content {
  flex: 1; /* tar opp midtrommet */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
 }

 .logo {
     background-color: white;
     border-radius: 50%;
     padding: 30px;
     max-width: 300px;
     height: auto;
 }

/* Gjør senter-logoen mindre på mobil */
@media (max-width: 767.98px) {
    .logo {
        max-width: 150px;   /* var 250px før */
        padding: 15px;      /* mindre padding inni den hvite sirkelen */
    }

    .address {
        font-size: 1rem;    /* gjør også adresseteksten litt mindre */
    }
}

 .address {
     margin-top: 1rem;
     font-size: 1.2rem;
     font-weight: 500;
     letter-spacing: 1px;
 }

 /* Knapper nederst */
 .bottom-buttons {
     display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 3rem;
 }

 .btn-custom {
     background-color: #c9d765;
     border: none;
     color: #000;
     text-transform: uppercase;
     letter-spacing: 1px;
     padding: 0.75rem 2rem;
     font-size: 0.9rem;
 }

 .btn-custom:hover {
     background-color: #d4e06f;
 }

 .small-logo {
    position: absolute;
    top: 1.5rem;
    left: 2rem;
    z-index: 10;
    width: 250px;
}

.nav-logo {
    width: 75px;
    filter: brightness(0) invert(1);
}

/* Gjør senter-logoen mindre på mobil */
@media (min-width: 768px) {
    .nav-logo {
        width: 100px;   /* var 250px før */
        padding: 15px;      /* mindre padding inni den hvite sirkelen */
    }
}
@media (min-width: 1024px) {
    .nav-logo {
        width: 100px;   /* var 250px før */
        padding: 15px;      /* mindre padding inni den hvite sirkelen */
    }
}

@media (min-width: 1280px) {
    .nav-logo {
        width: 130px;   /* var 250px før */
        padding: 15px;      /* mindre padding inni den hvite sirkelen */
    }
}

 /* Knapper nederst */
        .bottom-buttons {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-bottom: 3rem;
        }

        .btn-custom {
            background-color: #c9d765;
            border: none;
            color: #000;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding: 0.75rem 2rem;
            font-size: 0.9rem;
        }

        .btn-custom:hover {
            background-color: #d4e06f;
        }

        /* Seksjoner nedenfor */
        .section {
            padding: 6rem 1.5rem;
            background-color: white;
            max-width: 1280px;
            margin: 0 auto 3rem auto;
            border-radius: 12px;
            /* box-shadow: 0 2px 15px rgba(0,0,0,0.1); */
        }

        .section:nth-of-type(even) {
            /* background-color: #fafafa; */
        }

        .section h2 {
            font-size: 1.8rem;
            margin-bottom: 1rem;
            color: #333;
        }

        .section p {
            font-size: 1rem;
            line-height: 1.6;
            color: #555;
        }


header h1 {
    position: absolute;
    left: calc(50% + 0px);
    top: calc(50% + 0%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-family: "aktiv-grotesk-extended", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
    font-size: 6.4vw;
    font-weight: 900;
    line-height: 6.4vw;
    text-align: center;
    text-decoration: underline;
    text-transform: capitalize;
    width: auto;
}



  .footer {
            background-color: #2c3e50;
            color: white;
            padding: 40px 0;
        }
        .footer-text {
            color: #bdc3c7;
        }
        .footer-title {
            color: #c3d861;
            font-weight: bold;
        }