.elementor-44615 .elementor-element.elementor-element-dd44017 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-44615 .elementor-element.elementor-element-8f52225{--spacer-size:50px;}.elementor-44615 .elementor-element.elementor-element-d1c4e2e{text-align:center;}/* Start custom CSS for html, class: .elementor-element-dd44017 *//* Hero Section Layout */
.trentino-hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

/* Hintergrundbild mit Verlauf */
.background-hero-trentino {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)),
                    url('https://www.wir-leben-outdoor.de/wp-content/uploads/2025/08/©Trentino-Marketing_Tommaso-Prugnola_Percorso-Naturalistico-Torbiera-di-Fiave_2023_00006.webp');
  background-size: cover;
  background-position: right;
  z-index: 1;
}

/* Textblock */
.hero-textblock {
  position: relative;
  z-index: 2;
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
  color: #ffffff;
  margin-top: 35vh;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}

/* Hauptüberschrift */
.hero-textblock h1 {
  font-size: 5rem;
  margin: 0;
}

/* Keywords animiert */
.hero-keywords {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 15px;
  font-size: 1.8rem;
  font-weight: 600;
}

.hero-keywords span {
  opacity: 0;
  animation: fadeIn 1s ease-in-out forwards;
}

/* Unterzeile */
.hero-textblock h3 {
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: 30px;
  opacity: 0;
  animation: fadeIn 1s ease-in-out 1.5s forwards;
}

/* Scroll-Pfeil */
.scroll-arrow {
  display: inline-block;
  margin-top: 40px;
  width: 64px;
  height: 64px;
  color: #fff;
  opacity: 0;
  animation: fadeIn 1s ease-in-out 2s forwards;
  transition: transform 0.3s;
}

.scroll-arrow:hover {
  transform: translateY(5px);
  color: #BE5103;
}

/* Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESPONSIVE: Text bei kleiner als 768px nach unten verschieben */
@media (max-width: 768px) {
  .trentino-hero {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .hero-textblock {
    margin-top: auto;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    padding: 20px;
  }
}

/* Mobilansicht: Fokus leicht nach links schieben */
@media (max-width: 430px) {
  .background-hero-trentino {
    background-position: 80% center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-deaaa71 */.trentino-credit{
    max-width: 1200px;
    margin:0 auto 30px;
    padding:0 40px;
    text-align:right;
    font-size:12px;
    line-height:1.4;
    color:#777;
}

.trentino-credit span{
    opacity:.8;
}

@media (max-width:767px){
    .trentino-credit{
        padding:0 25px;
        font-size:11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de3b347 */.trentino-wrapper{
    width:100%;
    max-width:1280px;
    margin:70px auto;
    padding:0 20px;
    font-family:inherit;
}

/* ------------------------ */

.trentino-card{

    position:relative;

    display:flex;

    align-items:center;

    margin:90px 0;

}

/* jede zweite Karte */

.trentino-card.reverse{

    flex-direction:row-reverse;

}

/* ------------------------ */
/* Bild */
/* ------------------------ */

.trentino-image{

    width:68%;
    height:520px;

    border-radius:28px;

    overflow:hidden;

    position:relative;

    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;

    box-shadow:
    0 25px 60px rgba(0,0,0,.16);

    transition:all .6s ease;

}

/* dunkler Verlauf */

.trentino-image:after{

    content:"";

    position:absolute;

    left:0;
    top:0;
    right:0;
    bottom:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.20),
        rgba(0,0,0,0)
    );

    transition:.5s;

}

/* Hover Verlauf */

.trentino-image:before{

    content:"";

    position:absolute;

    left:0;
    top:0;
    right:0;
    bottom:0;

    background:
    linear-gradient(
        120deg,
        rgba(0,164,208,.60),
        rgba(203,211,0,.45)
    );

    opacity:0;

    transition:.7s;

    z-index:2;

}

.trentino-card:hover .trentino-image{

    transform:scale(1.015);

}

.trentino-card:hover .trentino-image:before{

    opacity:.16;

}

/* ------------------------ */
/* Content */
/* ------------------------ */

.trentino-content{

    width:44%;

    margin-left:-120px;

    background:#ffffff;

    border-radius:26px;

    padding:50px;

    position:relative;

    z-index:5;

    box-shadow:
    0 20px 50px rgba(0,0,0,.10);

    transition:.35s;

}

.trentino-card.reverse .trentino-content{

    margin-left:0;
    margin-right:-120px;

}

.trentino-card:hover .trentino-content{

    transform:translateY(-6px);

}

/* ------------------------ */

.trentino-label{

    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:#edf8fb;

    color:#0082a4;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

    margin-bottom:20px;

}

/* ------------------------ */

.trentino-content h2{

    font-size:42px;

    line-height:1.15;

    color:#222;

    margin:0 0 20px;

}

/* ------------------------ */

.trentino-content p{

    color:#666;

    font-size:17px;

    line-height:1.8;

    margin-bottom:35px;

}

/* ------------------------ */

.trentino-button{

    display:inline-block;

    text-decoration:none;

    background:#0082a4;

    color:#fff;

    padding:16px 34px;

    border-radius:60px;

    font-weight:700;

    transition:all .35s ease;

}

.trentino-button:hover{

    color:#fff;

    background:linear-gradient(
        to right,
        #00a4d0,
        #cbd300
    );

    transform:translateX(8px);

    box-shadow:
    0 15px 35px rgba(0,130,164,.25);

}


/* ------------------------ */
/* Tablet */
/* ------------------------ */

@media screen and (max-width:1024px){

.trentino-card,
.trentino-card.reverse{

    display:block;

}

.trentino-image{

    width:100%;

    height:430px;

}

.trentino-content{

    width:92%;

    margin:auto;

    margin-top:-70px;

    padding:40px;

}

.trentino-card.reverse .trentino-content{

    margin-right:auto;

}

}

/* ------------------------ */
/* Smartphone */
/* ------------------------ */

@media screen and (max-width:768px){

.trentino-wrapper{

    padding:0 15px;

}

.trentino-card{

    margin:60px 0;

}

.trentino-image{

    height:260px;

    border-radius:20px;

}

.trentino-content{

    width:95%;

    margin-top:-35px;

    padding:28px;

    border-radius:20px;

}

.trentino-content h2{

    font-size:28px;

}

.trentino-content p{

    font-size:15px;

    line-height:1.7;

}

.trentino-button{

    width:100%;

    text-align:center;

    padding:15px;

}

.trentino-card:before{

    display:none;

}

}

/* ------------------------ */
/* Große Monitore */
/* ------------------------ */

@media screen and (min-width:1600px){

.trentino-image{

    height:600px;

}

.trentino-content{

    max-width:540px;

}

}/* End custom CSS */