body{
     font-family: "Poppins", sans-serif;
}

h1{
     font-family: "Gelasio", serif;
}

h2{
     font-family: "Poppins", sans-serif;;
}
h3{
     font-family: "Poppins", sans-serif;;
}
h4{
     font-family: "Poppins", sans-serif;;
}


/*SPEC*/
.termsButton{
    display:inline-block;
    padding:5px;
    background-color:#1e2037;
    border-radius:5px;
}

.termsButton:hover{
    background-color:#325c9b;
 
    transition:0.3s;
}





/*GENERAL*/


            .menu a {
                color: #fff;
                text-decoration: none;
                font-weight: 400;
           font-family: "Gelasio", serif;
                letter-spacing: 1px;

            }

            .menu a:hover,
            .menu .mainMenuSelected a {
                text-decoration: underline;
                text-decoration-thickness: 2px;
                text-underline-offset: 10px;
                font-weight: 400;
               
            }

            #divMobileMenu a:hover,
            #divMobileMenu .mainMenuSelected a {
                font-weight: 400;
                text-decoration: underline;
                text-decoration-thickness: 2px;
                text-underline-offset: 10px;
               

            }
            
             .desktop-left .desktop-right .smalMenu a {
                font-size: 15px;
            }


            /* =========================
               Bakgrundsbild
               ========================= */
            .desktop-navbar,
            .mobile-navbar {
                background-image: url('https://cdn.hsystemcontent.com/images/104711.jpg');
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }
        /*      
            =========================
            Bakgrundsfärg
            ========================= 
.desktop-navbar,
            .mobile-navbar {
                background-color: #1e2037;
            }
        /* 

      
        =========================
        DESKTOPMENY
        ========================= */





            .desktop-navbar {
                background-color: #1e2037;
                border: none;
                margin-bottom: 0;
                position: relative;
                min-height: 210px;
            }

            .desktop-menu-flex {
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                min-height: 170px;
            }

            /* Vänster & höger menyer */
            .desktop-left,
            .desktop-right {
                flex: 1;
                display: flex;
                align-items: center;
            }

            .desktop-left {
                justify-content: flex-end;
                padding-right: 70px;
                /* drar in mot loggan */
            }

            .desktop-right {
                justify-content: flex-start;
                padding-left: 70px;
                /* drar in mot loggan */
            }

            /* Centerlogga */
            .desktop-center {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                text-align: center;
                z-index: 2;
            }

            .desktop-center img {
                height: 120px;
            }

            /* Menylistor */
            .desktop-left ul,
            .desktop-right ul {
                list-style: none;
                display: flex;
                margin: 0;
                padding: 0;
            }

            .desktop-left li {
                margin-right: 50px;
            }

            .desktop-right li {
                margin-left: 50px;
            }

          

            /* Språkväxlare – LIGGER KVAR I HÖGER DOM, MEN CENTRERAS VISUELLT */
            .lang-switch {
                position: absolute;
                top: 160px;
                /* justera vid behov */
                left: 50%;
                transform: translateX(-50%);
                z-index: 3;
            }

            /* =========================
   MOBILMENY
   ========================= */
            .mobile-menu-toggle {
                background: none;
                border: none;
                border-radius: 4px;
                padding: 5px;
                cursor: pointer;
            }

            .mobile-menu-toggle span {
                display: block;
                width: 30px;
                height: 3px;
                background: #fff;
                margin: 4px 0 6px;
                transition: .3s;
                border-radius: 4px;
            }

            #divMobileMenu ul {
                list-style: none;
                padding: 0;
                
                text-align: right;
            }

            #divMobileMenu li {
                padding: 10px;
                color: #fff;
                margin: 10px 0 10px;
            }

            #divMobileMenu a {
                font-size: 18px;
                color: #fff;
                text-decoration: none;
                font-weight: 400;
            }



            /* =========================
   VISNING DESKTOP / MOBIL
   ========================= */
            .desktop-navbar {
                display: block
            }

            .mobile-navbar {
                display: none
            }

            @media (max-width:991px) {
                .desktop-navbar {
                    display: none
                }

                .mobile-navbar {
                    display: block
                }
            }
            

            /* =========================
   NAVBAR RESET
   ========================= */
            .navbar {
                border: none;
                box-shadow: none;
            }



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

            .loginMenu hr {
                background-color: #799191;

            }

            .colorLoginBox {
                color: #f4f4f4 !important;
            }

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

            .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: #765949;
                border-color: #765949;
            }

            .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: #765949;
                border-color: #765949 !important;
            }

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