*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial, sans-serif;
background:#e9e5dd;
color:#111;
}




.hero{
background:url("Assets/pictures/morning\ strand\ mau.jpg ") center/cover no-repeat;

    /* Parallax */
    background-attachment:fixed;
    background-position:center;
    background-size:cover;
}



/* TEXT BLOCK */

.text-block{
padding:120px 10%;
display:flex;
height: 55vh;
padding-top: 180px;

}

.split-text{
max-width:600px;
animation:fadeUp 1.2s ease;
}





/* RIGHT TEXT */

.text-block.right{
justify-content:flex-end;
text-align:right;
height: 35vh;
padding: 120px;
}



/* SERVICES */

.services{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
gap:30px;
padding:80px 10%;
}

.service-card{
background:#f7f3ee;
border-radius:20px;
overflow:hidden;
transition:.3s ease;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.service-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.service-card img{
width:100%;
height:300px;       /* 👈 deutlich höher */
object-fit:cover;
display:block;
}

.service-info{
padding:18px 20px;
}

.service-info span{
font-weight:600;
color:#2f5d50;
font-size:0.85rem;
}

.service-info h3{
margin:10px 0 6px;
font-size:1.1rem;
color:#222;
}

.service-info p{
font-size:0.92rem;
color:#666;
line-height:1.5;
}
/* GALLERY */

.gallery{
padding:100px 10%;
text-align:center;
}



.gallery-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.gallery-item{
overflow:hidden;
border-radius:20px;
}

.gallery-item img{
width:100%;
height:350px;
object-fit:cover;
transition:.5s;
}

.gallery-item:hover img{
transform:scale(1.1);
}



/* =========================
   TABLET (max 992px)
========================= */
@media (max-width: 992px) {

  .hero {
    background-attachment: scroll; /* Parallax auf Mobile vermeiden */
    height: 60vh;
  }

  .hero-title{
    font-size:50px;
letter-spacing:3px;
  }

  .text-block {
    flex-direction: column;
    height: auto;
    padding: 80px 8%;
  }

  .text-block.right {
    justify-content: flex-start;
    text-align: left;
    padding: 80px 8%;
    height: auto;
  }

  .split-text {
    max-width: 100%;
  }

  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* =========================
   MOBILE (max 600px)
========================= */
@media (max-width: 600px) {

  .hero {
    height: 50vh;
    background-position: center;
  }

  .hero-title{
    font-size:50px;
letter-spacing:3px;
  }

  .text-block {
    padding: 60px 6%;
  }

  .text-block.right {
    padding: 60px 6%;
  }

  .services {
    grid-template-columns: 1fr;
    padding: 60px 6%;
  }

  .service-card img {
    height: 220px;
  }

  .gallery-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .gallery-item img {
    height: 250px;
  }
}