.video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* Proporzione 16:9 */
    overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Adatta il video senza distorsioni */
}
.spaziatore-home{background: none !important; border-bottom:var(--colred) 1px solid; margin-left:var(--margin-lr-xl); margin-right: var(--margin-lr-xl); margin-bottom: 40px}
.carousel-item img{width: 100%}
.carousel-lion{margin-left:var(--margin-lr-xl); margin-right: var(--margin-lr-xl); position:relative}

#lion-int{position:absolute; width: 250px; height:auto; top:calc(50% - 101px); left:calc(50% - 125px); z-index:5; opacity: 0.6}

.aree-preview{margin-top:60px;}
.aree-preview hr {border-color: #b0b0b0; max-width: 50%; margin: 6px auto; opacity: 1}
.aree-preview .col-12{margin-bottom: 60px}
.t1{
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  /* color: #b0b0b0; */
  color: var(--colred);
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
}
.t2{
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: var(--colred);
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
}
.tt{
	font-size: 0.8em; text-align: center; max-width: 70%; margin:auto;
}
.divider{background: url('../imgs/divider.svg') no-repeat; background-position: right center; background-size: 1px 30px}

.presentazione{position:relative; overflow: hidden;  margin-left:var(--margin-lr-xl); margin-right: var(--margin-lr-xl); min-height: 400px; display: flex; align-items:center; justify-content:center; border-top: #707070 1px solid; border-bottom: #707070 1px solid}
.over-copertina-pag{position:absolute; z-index:1; right: 0; top: -200px; width: 100%; height: auto; opacity: 0.2;}
.copertina-parallax{transition:all 0.2s cubic-bezier(.215, .61, .355, 1);}
#parallax-sm{display: none}
#parallax-xs{display: none}

.presentazione div{max-width: 70%; color: var(--colblue); font-size: 1.2em}
.presentazione div strong {color: var(--colred);}
.text-justify{text-align: justify;}

.titolone{width: 100%; margin-top: 60px; margin-bottom: 60px; /* background: url('../imgs/pixel-707070.svg') repeat-x; background-position: center center; background-size: 1px 1px;*/ text-align: center}
.titolone div{display: inline-block; margin:0 auto; padding: 0 30px; background: #fff;
font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  font-size: 2.4em;
  text-transform: uppercase;
  text-align: center;}

.news-container div {padding: 0 20px;} 
  .datacontainer{display: flex; align-items: center;}
  .giorno{font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 4em;
  padding-right: 6px;
  text-transform: uppercase;
 }
 .mese{font-size: 1.4em; line-height: 1em; margin-top: 8px}
 .datacontainer hr{margin:0; opacity: 1; border-color: #707070}
 .titlecontainer{font-size: 1.8em; margin-bottom: 24px}
 .textcontainer{font-size: 1em;}
.img-news{border:#707070 1px solid;}
 .spaziatore-news {min-height: 80px}
 .news-container a:link, .news-container a:visited {color: var(--colred);}
 .news-container a:hover {color: var(--colblue);}

@media (max-width: 1400px) {
  .spaziatore-home{margin-left:var(--margin-lr-lg); margin-right: var(--margin-lr-lg);}
 .carousel-lion{margin-left:var(--margin-lr-lg); margin-right: var(--margin-lr-lg);}
 .presentazione{margin-left:var(--margin-lr-lg); margin-right: var(--margin-lr-lg);}
}

@media (max-width: 1190px) {
  .over-copertina-pag{top: -100px;}
}


@media (max-width: 991px) {
  .spaziatore-home{margin-left:var(--margin-lr-md); margin-right: var(--margin-lr-md);}
 .carousel-lion{margin-left:var(--margin-lr-md); margin-right: var(--margin-lr-md);}
 .presentazione{margin-left:var(--margin-lr-md); margin-right: var(--margin-lr-md);}
 .presentazione div{max-width: 80%; text-align: center}
 #parallax-sm{display: block}
 #parallax-lg{display: none}
 #parallax-xs{display: none}
}

@media (max-width: 767px) {

	.titolone div{ font-size: 2em; }
	.presentazione{min-height: 340px;}
  .presentazione div{max-width: 90%; text-align: center; font-size: 1.2em}
	.over-copertina-pag{height:500; width:auto; opacity: 0.2; top: -150px; right:-360px}
	.titlecontainer{font-size: 1.8em; margin-bottom: 16px}
  .t1, .t2 {font-size: 1em }
}

@media (max-width: 575px) {
  .spaziatore-home{margin-left:var(--margin-lr-xs); margin-right: var(--margin-lr-xs);}
 .carousel-lion{margin-left:var(--margin-lr-xs); margin-right: var(--margin-lr-xs);}
 .presentazione{margin-left:var(--margin-lr-xs); margin-right: var(--margin-lr-xs);}
 .presentazione div{max-width: 98%; padding-top: 20px}
 .over-copertina-pag{left: 0; top: -50}
 #parallax-sm{display: none}
 #parallax-lg{display: none}
 #parallax-xs{display: block}
}