.prosjekt-bilde {
    background-image: url(../index\ bilder/indexbanner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.prosjekt-gif {
    background: url(../utstyr\ bilder/utstyrvideo.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.prosjekt-bilde2 {
    background-image: url(../Prosjekt\ bilder/Prosjektbanner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.prosjekt-bilde3 {
    background-image: url(../Privatbruk\ bilder/Privatbrukbanner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.prosjekt-bilde4 {
    background-image: url(../B-produkter\ bilder/B-produktbanner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contrast-text {
    background-color:rgba(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
    padding: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.prosjekt-bilde5 {
    background-image: url(../Prosjekter/22mørk.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.prosjekt-bilde6 {
    background-image: url(../Bilder/palle6.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.prosjekt-bilde7 {
    background-image: url(../Prosjekter/pallekant1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.prosjekt-bilde8 {
    background-image: url(../Bilder/omoss10.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.prosjekt-bilde9 {
    background-image: url(../Bilder/omoss6.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.prosjekt-bilde10 {
    background-image: url(../index\ bilder/indexbunntekst.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.prosjekt-bilde11 {
    background-image: url(../utstyr\ bilder/utstyr26.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.prosjekt-bilde12 {
    background-image: url(../Bilder/omoss3.jpg) ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.shadow-text {
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
}

/* Grunnoppsett */
header {
    position: relative;
}

@media only screen and (max-width: 768px) {
    .banner-text-resize {
        width: 100%;
        background-color: white; /* Or your preferred background */
        position: absolute; /* Keeps it over the content */
        top: 90px; /* Adjust based on your header height */
        left: 0;
        z-index: 50;
        padding: 1rem 2rem;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }
}

.image-container {
    cursor: pointer;
}

.image-container.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.image-container.fullscreen img {
    width: 90vw;
    height: auto;
    max-height: 90vh;
    object-fit: contain;
}

.image-container.fullscreen p {
    color: white
}

.image-container.fullscreen h3 {
    color: white
}

.image-container.fullscreen h4 {
    color: white
}


/* Deaktiverer peker og klikk på mobil */
@media (max-width: 768px) {
    .image-container {
        cursor: default;
    }
}

.bg-color-granitt {
    background-color: #e5eaff;
}

.image-container {
  position: relative;
  display: inline-block;
}

.image-link {
  bottom: 10px;
  left: 10px;
  padding: 5px 0px;
  text-decoration: none;
  z-index: 1.1;
}

nav {
  transition: all 0.3s ease-in-out;
  width: fit-content;
  left: 0.1%;
}



.image-container{
  position: relative;
  width: 100%;
  height: 100%;
  transition: filter 200ms ease-in-out;
}

.image-container:hover {
  filter: brightness(92%); /* Reduserer lysstyrken til 50% ved hover */
}

.cookie-consent {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    z-index: 10000;           /* ← viktig å være høyere enn meny osv */
    display: none;
    font-family: Arial, sans-serif;
    text-align: center;
}

.cookie-consent.show {
    display: block;
}

.cookie-consent p {
    margin: 0 0 16px 0;
    font-size: 15px;
    color: #333;
}

.cookie-consent .buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.cookie-consent button {
    padding: 10px 24px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s;
}

.cookie-consent .accept {
    background-color: #28a745;
    color: white;
}

.cookie-consent .accept:hover {
    background-color: #218838;
}

.cookie-consent .decline {
    background-color: #6c757d;
    color: white;
}

.cookie-consent .decline:hover {
    background-color: #5a6268;
}

.bg-granitt1 {
    background-image: url(../utstyr\ bilder/utstyr2.jpg);  /* eller full URL */
}

.bg-granitt2 {
    background-image: url(../utstyr\ bilder/utstyr1.jpg);  /* eller full URL */
}

.bg-granitt3 {
    background-image: url(../utstyr\ bilder/utstyr4.jpg);  /* eller full URL */
}

.bg-granitt4 {
    background-image: url(../utstyr\ bilder/utstyrvideo1.gif);  /* eller full URL */
}

.bg-granitt5 {
    background-image: url(../utstyr\ bilder/utstyrvideo2.gif);  /* eller full URL */
}

.bg-granitt6 {
    background-image: url(../utstyr\ bilder/utstyrvideo3.gif);  /* eller full URL */
}

.bg-granitt7 {
    background-image: url(../utstyr\ bilder/utstyr12.jpg);  /* eller full URL */
}

.bg-granitt8 {
    background-image: url(../utstyr\ bilder/utstyr22.jpg);  /* eller full URL */
}

.bg-granitt9 {
    background-image: url(../utstyr\ bilder/utstyr25.jpg);  /* eller full URL */
}

.bg-granitt10 {
    background-image: url(../index\ bilder/produkter.jpg);  /* eller full URL */
}

.bg-granitt11 {
    background-image: url(../index\ bilder/prosjekter.jpeg);  /* eller full URL */
}

.bg-granitt12 {
    background-image: url(../Privatbruk\ bilder/Privatbruk17.jpg);  /* eller full URL */
}

.bg-granitt13 {
    background-image: url(../Privatbruk\ bilder/Privatbruk20.jpg);  /* eller full URL */
}

.bg-granitt14 {
    background-image: url(../Privatbruk\ bilder/Privatbruk10.jpg);  /* eller full URL */
}

.bg-granitt15 {
    background-image: url(../Privatbruk\ bilder/Privatbruk28.jpg);  /* eller full URL */
}

.bg-granitt16 {
    background-image: url(../Privatbruk\ bilder/Privatbruk3.jpg);  /* eller full URL */
}

.bg-granitt17 {
    background-image: url(../Privatbruk\ bilder/Privatbruk32.png);  /* eller full URL */
}

.bg-granitt18 {
    background-image: url(../Privatbruk\ bilder/Privatbruk6.jpg);  /* eller full URL */
}

.bg-granitt19 {
    background-image: url(../Prosjekt\ bilder/Prosjekt1.jpg);  /* eller full URL */
}

.bg-granitt20 {
    background-image: url(../Prosjekt\ bilder/Prosjekt5.jpg);  /* eller full URL */
}

.bg-granitt21 {
    background-image: url(../Prosjekt\ bilder/Prosjekt9.jpg);  /* eller full URL */
}

.bg-granitt22 {
    background-image: url(../Privatbruk\ bilder/Privatbruk38.JPG);  /* eller full URL */
}

.bg-granitt23 {
    background-image: url(../Privatbruk\ bilder/Privatbruk37.jpg);  /* eller full URL */
}

.bg-granitt24 {
    background-image: url(../Privatbruk\ bilder/Privatbruk39.jpg);  /* eller full URL */
}

.bg-granitt25 {
    background-image: url(../Privatbruk\ bilder/Privatbruk40.jpg);  /* eller full URL */
}

.bg-granitt26 {
    background-image: url(../Privatbruk\ bilder/Privatbruk44.jpg);  /* eller full URL */
}

.bg-granitt27 {
    background-image: url(../Privatbruk\ bilder/Privatbruk48.jpg);  /* eller full URL */
}

.bg-granitt28 {
    background-image: url(../Privatbruk\ bilder/Privatbruk40.jpg);  /* eller full URL */
}

.bg-granitt29 {
    background-image: url(../Privatbruk\ bilder/Privatbruk50.jpg);  /* eller full URL */
}

.bg-granitt30 {
    background-image: url(../Privatbruk\ bilder/Privatbruk51.jpeg);  /* eller full URL */
}

.bg-granitt31 {
    background-image: url(../Privatbruk\ bilder/Privatbruk51.jpeg);  /* eller full URL */
}

.bg-granitt32 {
    background-image: url(../Prosjekt\ bilder/prosjekt9.jpg);  /* eller full URL */
}

.bg-granitt33 {
    background-image: url(../Prosjekt\ bilder/prosjekt10.jpg);  /* eller full URL */
}

.bg-granitt34 {
    background-image: url(../Prosjekt\ bilder/prosjekt13.jpg);  /* eller full URL */
}

.bg-granitt35 {
    background-image: url(../Prosjekt\ bilder/prosjekt14.jpg);  /* eller full URL */
}

.bg-granitt36 {
    background-image: url(../Prosjekt\ bilder/prosjekt18.jpg);  /* eller full URL */
}

.bg-granitt37 {
    background-image: url(../Prosjekt\ bilder/prosjekt20.jpg);  /* eller full URL */
}

.bg-granitt38 {
    background-image: url(../Prosjekt\ bilder/prosjekt24.JPG);  /* eller full URL */
}

.bg-granitt39 {
    background-image: url(../Prosjekt\ bilder/prosjekt27.png);  /* eller full URL */
}

.bg-granitt40 {
    background-image: url(../Prosjekt\ bilder/prosjekt30.PNG);  /* eller full URL */
}

.bg-granitt41 {
    background-image: url(../Prosjekt\ bilder/prosjekt33.JPG);  /* eller full URL */
}

.bg-granitt42 {
    background-image: url(../Prosjekt\ bilder/prosjekt35.JPG);  /* eller full URL */
}

.bg-granitt43 {
    background-image: url(../Prosjekt\ bilder/prosjekt38.JPG);  /* eller full URL */
}

.bg-granitt44 {
    background-image: url(../Prosjekt\ bilder/prosjekt42.png);  /* eller full URL */
}

.bg-granitt45 {
    background-image: url(../Prosjekt\ bilder/prosjekt45.jpg);  /* eller full URL */
}

.bg-granitt46 {
    background-image: url(../Prosjekt\ bilder/prosjekt47.jpg);  /* eller full URL */
}

.bg-granitt47 {
    background-image: url(../Prosjekt\ bilder/prosjekt53.jpg);  /* eller full URL */
}

.bg-granitt48 {
    background-image: url(../Prosjekt\ bilder/prosjekt64.jpg);  /* eller full URL */
}


.googlemaps {
    width: 1700px;
    height: 450px;
}