.button-container
            {
                font-size:16px;
                margin-top:50px;
                display: flex;
                flex-direction: column;
                align-items: stretch;
                gap: 20px;
                /* Mellanrum mellan knapparna */
                max-width: 500px;
                /* Justera efter behov */
                margin: auto;
                /* Centrera container */
            }
            
            .grayButton
            {
                font-family: "Encode Sans Condensed", sans-serif;

                display: flex;
                justify-content: center;
                padding: 10px 20px;
                border-radius: 60px;
                background-color: #fbda03;
                color: #000;
                text-decoration: none;
                transition: background-color 0.3s, color 0.3s;
                cursor: pointer;
                border: 2px solid #fbda03;
                /*TESTAR: innan vart det-- Anders kod:  font-size: min(4.5vw, 20px); */
                font-size: 2.5rem;
                width: 100%;
                /* Samma bredd */
                max-width: 400px;
                /* Maxbredd om du vill begränsa */
                font-weight: 500;
                letter-spacing: 2px;
            }
            
            .grayButton:hover
            {
                color: #fff;
                background-color: #060501; /* #15201c;*/
                 text-decoration: none;
            }
            .btn-1:hover img {
            content: url("https://cdn.hsystemcontent.com/images/99601.png");
            }
             .btn-2:hover img {
            content: url("https://cdn.hsystemcontent.com/images/99602.png");
            }
             .btn-3:hover img {
            content: url("https://cdn.hsystemcontent.com/images/99603.png");
            }
            
            .grayButton a{
                display:flex;
                justify-content: space-between;
                align-items:center;
                gap:10px;
            }
            
            #panorama
            {
                background-image: url("https://cdn.hsystemcontent.com/images/98998.jpg");
                margin: 0;
                /*max-height: 600px; */
                display: flex;
                justify-content: center;
                align-items: flex-start;
                /* Align items at the start (top) */
                padding-top: 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;*/
              
            }