.background-container {
    position: fixed;
    width: 100%;
    overflow: hidden;
    z-index: -1;  
    left: 160px;
}

.background-slide {
    display: none;
    width: 90.6%;
    height: auto;
}

.background-slide img {
    width: 100%;
}

.background-slide.show {
    display: block;
}

.bottom-page {
    background: linear-gradient(180deg, rgba(237,237,237,0.8) 0%, rgba(125,158,63,1) 25%, rgba(125,158,63, 0.8) 100%);
    height: 200px;
    width: 100%;
    bottom: 0;
}

.bottom-page-text-container {
    position: relative;
    width: 50%; 
    left: 230px;
}

.button-container {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100vh;
    width: 180px;
    background: linear-gradient(90deg, rgba(237,237,237, 1) 0%, rgba(237,237,237, 1) 95%, rgba(237,237,237,0) 100%);
    position:fixed;
    left:0;
    z-index:9998;
}

.column-container {
    width: 100%;
    height: auto;
    margin-right: 350px;
    display: flex;
    background-color: rgba(237,237,237,0.8);
}

.home-link-home {
    width: 150px; 
    height: auto; 
    margin: 0 10px; 
    cursor: pointer;
    z-index: 9999;
}

.home-link {
    width: 150px; 
    height: auto; 
    margin: 0 10px; 
    cursor: pointer;
    z-index: 9999;
    filter: grayscale(45%);
    transform: scale(0.85);
    transition: all 0.5s ease;
}

.home-link:hover {
    z-index: 9999; 
    filter: grayscale(0%);
    transform: scale(1);
    transition: all 0.5s ease;
}

.image-button {
    width: 150px; 
    height: 60px; 
    margin: 0 10px; 
    background-image: url('/images/Sfondo pulsanti.png');
    background-size: cover;
    background-repeat: no-repeat;
    border: 4px solid #bed2be;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.5s ease;
} 

.image-button:hover {
    width: 150px; 
    height: 60px; 
    margin: 0 20px; 
    background-image: url('/images/Sfondo pulsanti hover.png');
    background-size: cover;
    background-repeat: no-repeat;
    border: 4px solid #8CA957;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.5s ease;
}

.image-button-appear{
    width: 150px; 
    height: 60px; 
    margin: 0 20px; 
    background-image: url('/images/Sfondo pulsanti hover.png');
    background-size: cover;
    background-repeat: no-repeat;
    border: 4px solid #8CA957;
    cursor: pointer;
    border-radius: 30px;
} 

.image-button-aqlab {
    width: 150px; 
    height: 60px; 
    margin: 0 10px; 
    background-image: url('/images/Sfondo pulsanti.png');
    background-size: cover;
    background-repeat: no-repeat;
    border: 4px solid #81a3b5;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.5s ease;
} 

.image-button-aqlab:hover {
    width: 150px; 
    height: 60px; 
    margin: 0 20px; 
    background-image: url('/images/Sfondo pulsante AQlab hover.png');
    background-size: cover;
    background-repeat: no-repeat;
    border: 4px solid #487187;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.5s ease;
} 

.image-button-aqlab-selected {
    width: 150px; 
    height: 60px; 
    margin: 0 20px; 
    background-image: url('/images/Sfondo pulsante AQlab hover.png');
    background-size: cover;
    background-repeat: no-repeat;
    border: 4px solid #487187;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.5s ease;
} 

.main-body-container {
    height: auto;
    width: 100%;
    display: flex;
    background: linear-gradient(180deg, rgba(237,237,237,0) 0%, rgba(237,237,237,1) 3%, rgba(237,237,237,0.8) 6%, rgba(237,237,237,0.8) 100%);
}

.main-text-container {
    left: 180px;
    margin-right: 350px;
    z-index: 0;
    height: auto;
    position: relative;
}

.main-body-container-contatti {
    height: auto;
    width: 100%;
    display: flex;
    background: linear-gradient(180deg, rgba(237,237,237,0) 0%, rgba(237,237,237,1) 15%, rgba(237,237,237,0.8) 30%, rgba(237,237,237,0.8) 100%);
}

.main-text-container0 {
    left: 180px;
    margin-right: 350px;
    z-index: 0;
    height: auto;
    position: relative;
}

.main-text-container1 {
    left: 170px;
    width: 40%;
    padding: 15px;
    z-index: 0;
    height: auto;
    position: relative;
}

.main-text-container2 {
    left: 170px;
    width: 40%;
    padding: 15px;
    z-index: 0;
    height: auto;
    position: relative;
}
.maps {
    width: 120px;
    height: 80px;
    position: relative;
    transition: all 0.5s ease;
}

.maps:hover {
    width: 600px;
    height:450px;
    position: relative;
    transition: all 0.5s ease;
}


.paragraph {
    font-size: 1.15em;
    color: #202020;
    font-family: Verdana;
}

.prodotti-container {
    width: 220px;
    overflow: hidden;
    z-index: 0;  
    right: 10px;
    position: absolute;
}

.prodotti-slide {
    display: none;
    width: 100%;
    height: auto;
}

.prodotti-slide.show {
    display: block;
}

.subtitle {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, rgba(237,237,237,0) 0%, rgba(237,237,237,1) 25%, rgba(237,237,237,0.8) 50%, rgba(237,237,237,1) 75%, rgba(237,237,237,0) 100%);
    color: #0c0c0c;
    font-family: Verdana;
    font-size: 125%;
    height: 75px;
}


.subtitle-container {
    display: flex;
    width:100%;
    background: linear-gradient(0deg, rgba(237,237,237,0) 0%, rgba(237,237,237,1) 30%, rgba(237,237,237,0.8) 100%);
}

.title-container {
    display: flex;
    width:100%;
    min-height: 80px;
    background: linear-gradient(180deg, rgba(237,237,237,0) 0%, rgba(237,237,237,1) 15%, rgba(237,237,237,0.8) 50%, rgba(237,237,237, 1) 85%, rgba(237,237,237, 0) 100%);
}

.title-container-home {
    display: flex;
    width:100%;
    min-height: 80px;
    background: linear-gradient(180deg, rgba(237,237,237,0) 0%, rgba(237,237,237,1) 30%, rgba(237,237,237,0.8) 100%);
}