body
{

font-family: "Roboto", sans-serif;
font-weight:400;
line-height: 1.6;
}



h1 {
  line-height: 1.2;
   font-family: "Cairo", sans-serif;
   border-bottom:none
}

h2 {
  line-height: 1.25;
   font-family: "Cairo", sans-serif;
   border-bottom:none
}

h3 {
  line-height: 1.3;
   font-family: "Cairo", sans-serif;
   border-bottom:none
}

h4 {
  line-height: 1.35;
   font-family: "Cairo", sans-serif;
border-bottom:none



}
.areaShortDesc
{

    color:black;


}



                
.payLogoText
{
    
    margin-top:15px;
    color:white;
    padding:10px;
    border:2px solid #F7F7F7;
    border-radius:3px;
    text-align:center;
}
           


p
{
    
font-family: "Roboto", sans-serif;

}


 /* BILDSPEL */
      .gallery-wrapper {
        overflow: hidden;
        position: relative;
      }

      .gallery {
        display: flex;
        gap: 10px;
        animation: scroll 40s linear infinite;
        width: max-content;
      }

      .thumbnail {
        width: 100px;
        height: 120px;
        object-fit: cover;
        border-radius: 8px;
        flex-shrink: 0;
      }

      @keyframes scroll {
        0% {
          transform: translateX(0%);
        }
        100% {
          transform: translateX(-50%);
        }
      }

      /* Dubbel uppsättning bilder för oändlig loop */
      .gallery-wrapper-inner {
        display: flex;
        width: max-content;
      }


@media (max-width: 768px) {
  
  .thumbnail {
        width: 80px;
        height: 96px;
        object-fit: cover;
        border-radius: 8px;
        flex-shrink: 0;
      }
  }
}

 /* BILDSPEL slut */


/*  DESKTOP START */

#divDesktopMenu ul {
    padding: 0;
    margin: 0;
}

#divDesktopMenu li {
    list-style: none;
}

/* Höger och vänsterjusterar */
#divDesktopMenu li:first-child {
    text-align: left;
}

#divDesktopMenu li:last-child {
    text-align: right;
}
/* Höger och vänsterjusterar SLUT*/

#divDesktopMenu li a {
    font-family: "Cairo", sans-serif;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #000;
    font-size: clamp(20px, 1.3vw, 25px);
    text-decoration: none;
    position: relative;
    display: inline-block;
    cursor: pointer;

    /* Förhindrar hopp vid hover */
    border-bottom: 5px solid transparent;
    padding-bottom: 1px;
}

#divDesktopMenu li a:active {
    text-decoration: none;
}

#divDesktopMenu li a:hover {
    border-bottom-color: #d30f1c;
}

#divDesktopMenu li a.mainMenuSelected {
    font-family: "Cairo", sans-serif;
    font-weight: 800;
    letter-spacing: 0.04em;
 
    
    border-bottom-color: #d30f1c;
}


@media (max-width: 1200px) {
    #divDesktopMenu li a {
        border-bottom-width: 1.5px;
    }
}

@media (max-width: 768px) {
    #divDesktopMenu li a {
        border-bottom-width: 2px;
        padding-bottom: 1px;
    }
}
    

/*  DESKTOP SLUT */

/*MOBIL*/

#divMobileMenu ul {
   
        margin-top:10px;
        width:100%;
        
        font-weight:400;
}

#divMobileMenu li {
        padding:10px 10px 5px 10px;
       font-weight:600;
        list-style-type:none;
        margin-top:5px;
        color:#fff ;
}



#divMobileMenu li a {
        font-size:22px;
       font-weight:600;
        color:#fff ;
        text-decoration:none;
        
        
        
        cursor:pointer;

    }
 
    
#divMobileMenu li a:Hover {
        
        font-weight:600;
        color:#fff ;
        text-decoration:underline; text-decoration-thickness: 2px;
        text-underline-offset: 3px;
        cursor:pointer;

    }
#divMobileMenu li:hover
{
        color:#fff ;
        font-weight:600;
        text-decoration:underline; text-decoration-thickness: 2px;
        text-underline-offset: 3px;
    

}
#divMobileMenu li:active
{
        color:#fff ;
        font-weight:600;
        text-decoration:underline; text-decoration-thickness: 2px;
        text-underline-offset: 3px;

}
     


#divNavBarMenu {
        padding-bottom: 0px;
        margin-bottom: 0px;

}

#divMobileMenu li a.mainMenuSelected {

        color: #fff ;
        font-weight:600;
        text-decoration:underline; text-decoration-thickness: 2px;
        text-underline-offset: 3px;
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
        cursor:pointer;

    }
    
   /*MOBIL SLUT*/
    
    

.navbar-brand {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
   
}
/*TAG BORT VIT BORDER RUNT MENYERNA!!*/
.navbar {
    border: none; /* tar bort standardborder */
    box-shadow: none; /* tar bort ev skugga */
}



    /*---------Login section style------*/

    .loginMenu hr {
        background-color: black;

    }
    .colorLoginBox{
        color: white !important;
    }

    /* Ändra färgen på knappen "Admin" */
    .loginMenu .btn-info:nth-child(1) {
        background-color: black !important;
        border-color: black;
    }

    .loginMenu .btn-info:nth-child(1):hover {
        background-color: #f4f4f4 !important;
        color: black !important;
    }

    /* Ändra färgen på knappen "Mitt konto" */
    .loginMenu .btn-info:nth-child(2) {
        background-color: black;
        border-color: black;
    }

    .loginMenu .btn-info:nth-child(2):hover {
        background-color: #f4f4f4 !important;
        color: black !important;
    }

    /* Ändra färgen på knappen "Logga ut" */
    .loginMenu .btn-warning {
        background-color: black;
        border-color: black !important;
    }

    .loginMenu .btn-warning:hover {
        background-color: #f4f4f4 !important;
        color: black !important;
    }

/* Bokningsida inforutan*/

.termsButton{
    display:inline-block;
    padding:5px;
    background-color:#325c9b;
    border-radius:5px;
}

.termsButton:hover{
    background-color:#1f3a61;
 
    transition:0.3s;
}