.pd-site .pd-design-dienst-teamfotografie .service-hero{
      position: relative;
      min-height: 80vh;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding-bottom: clamp(4rem, 8vw, 7rem);
      overflow: hidden;
    }
.pd-site .pd-design-dienst-teamfotografie .service-hero-bg{
      position: absolute; inset: 0;
      
      background-size: cover;
      background-position: center 25%;
    }
.pd-site .pd-design-dienst-teamfotografie .service-hero-overlay{
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(26,25,24,0.90) 0%, rgba(26,25,24,0.3) 55%, rgba(26,25,24,0.05) 100%);
    }
.pd-site .pd-design-dienst-teamfotografie .gallery-grid{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 280px 280px;
      gap: 12px;
    }
.pd-site .pd-design-dienst-teamfotografie .gallery-item{
      border-radius: var(--r-md);
      overflow: hidden;
      position: relative;
    }
.pd-site .pd-design-dienst-teamfotografie .gallery-item img{
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform var(--ease-img);
    }
.pd-site .pd-design-dienst-teamfotografie .gallery-item:hover img{ transform: scale(1.05); }
.pd-site .pd-design-dienst-teamfotografie .gallery-item.feature{ grid-row: span 2; }
.pd-site .pd-design-dienst-teamfotografie .steps-timeline{
      position: relative;
    }
.pd-site .pd-design-dienst-teamfotografie .steps-timeline::before{
      content: '';
      position: absolute;
      left: 28px;
      top: 0; bottom: 0;
      width: 1px;
      background: linear-gradient(to bottom, var(--teal), var(--pink), var(--peach));
    }
.pd-site .pd-design-dienst-teamfotografie .step-item{
      display: flex;
      gap: var(--s-6);
      padding-bottom: var(--s-10);
      position: relative;
    }
.pd-site .pd-design-dienst-teamfotografie .step-item:last-child{ padding-bottom: 0; }
.pd-site .pd-design-dienst-teamfotografie .step-num{
      width: 56px; height: 56px;
      border-radius: 50%;
      background: var(--white);
      border: 2px solid var(--teal);
      display: flex; align-items: center; justify-content: center;
      font-family: var(--serif);
      font-size: var(--t-xl);
      font-weight: 500;
      color: var(--teal);
      flex-shrink: 0;
      z-index: 1;
      position: relative;
      background:var(--white);
    }
.pd-site .pd-design-dienst-teamfotografie .step-content h4{ font-size: var(--t-xl); margin-bottom: var(--s-2); padding-top: var(--s-3); }
.pd-site .pd-design-dienst-teamfotografie .step-content p{ color: var(--gray-500); font-size: var(--t-sm); }
@media (max-width: 768px){.pd-site .pd-design-dienst-teamfotografie .gallery-grid{ grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.pd-site .pd-design-dienst-teamfotografie .gallery-item.feature{ grid-row: auto; }
}