html, body {
  overflow-x: hidden;
}
 
            .button-container
            {
                font-size:16px;
                margin-top:50px;
                display: flex;
                flex-direction: column;
                align-items: stretch;
                gap: 20px;
                /* Mellanrum mellan knapparna */
                max-width: 370px;
                /* Justera efter behov */
                margin: auto;
                /* Centrera container */
            }
            
            .grayButton
            {
                font-family: "Gidole", sans-serif;

                display: flex;
                justify-content: center;
                padding: 10px 20px;
                border-radius: 60px;
                background-color: white;
                color: #1d70b6;
                text-decoration: none;
                transition: background-color 0.3s, color 0.3s;
                cursor: pointer;
                border: 2px solid white;
                /*TESTAR: innan vart det-- Anders kod:  font-size: min(4.5vw, 20px); */
                font-size: clamp(1rem, 5vw, 2rem);
                width: 100%;
                /* Samma bredd */
                max-width: 380px;
                /* Maxbredd om du vill begränsa */
                font-weight: 500;
                letter-spacing: 2px;
            }
            
            .grayButton:hover
            {
                color: #fff;
                background-color: #01619c
            }
            .btn-1 a:hover{
                text-decoration: none !important;
            }
            
            .btn-1:hover img {
            content: url("");
            }
             .btn-2:hover img {
            content: url("");
            }
             .btn-3:hover img {
            content: url("");
            }
            
            .grayButton a{
                display:flex;
                justify-content: space-between;
                align-items:center;
                gap:10px;
                text-decoration: none;
            }
            /*äldre kod, vill spara tillfälligt */
            #panorama
            {
                background-image: url("https://cdn.hsystemcontent.com/images/99724.jpg");
                margin: 0;
                /*max-height: 600px; */
                display: flex;
                justify-content: center;
                align-items: flex-start;
                /* Align items at the start (top) */
                /*padding-top: 12vw;*/ /*5vw;*/
                /* Adjust this value to move items slightly down from the top */
                background-size: cover;
                /* or use 'contain' based on your requirement */
                background-repeat: no-repeat;
                background-position: center;
               /* height: 100vh;*/ /*TESTAR: innan 100vh eller 90vh*/
               min-height: 100vh;
               /* height: calc(100vh - 100px) !important;*/
              
            }
            #panorama {
                position: relative;
                margin: 0;
                display: flex;
                justify-content: center;
                align-items: flex-start;
                /*padding-top: 9vw;*/
                background: none; /* flyttar bakgrunden till pseudo-elementet */
                min-height: 100vh;
                z-index: 1;
            }

            #panorama::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100vh;
                background-image: url("https://cdn.hsystemcontent.com/images/99724.jpg");
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                opacity: 0.4; /* justera opacitet här */
                z-index: -1; /* så att den ligger bakom innehållet */
            }