/* Home – Figma „🏠 Home V1“ (3838:49730) */

/* Hero: Text links, Illustration rechts (Container 1330 px, rechtsbündig) */
.home-hero { padding-block: 90px; overflow: hidden; }
.home-hero__inner {
  width: min(1330px, 100% - var(--gutter)); margin-left: auto;
  display: grid; grid-template-columns: 706px 624px; align-items: center;
}
.home-hero__inner { padding-left: max(0px, calc((100vw - 1440px) / 2)); }
.home-hero__text { display: grid; gap: 48px; justify-items: start; }
.home-hero__text h1 { margin-bottom: -36px; }
.home-hero__lead { max-width: 606px; }
.home-hero__media img { width: 624px; height: auto; }

@media (min-width: 1441px) {
  .home-hero__inner { width: 1330px; margin-inline: auto; padding-left: 0; transform: translateX(55px); }
}
@media (max-width: 1279px) {
  .home-hero__inner { width: min(var(--container), 100% - 2 * var(--gutter)); margin-inline: auto; padding: 0; grid-template-columns: 1.1fr 1fr; gap: 32px; }
  .home-hero__media img { width: 100%; }
}
@media (max-width: 991px) {
  .home-hero { padding-block: 64px 32px; }
  .home-hero__inner { grid-template-columns: 1fr; }
  .home-hero__media { max-width: 560px; }
}
@media (max-width: 767px) {
  .home-hero__text { gap: 32px; }
  .home-hero__text h1 { margin-bottom: -20px; }
}

/* Themen-Schwerpunkte */
.home-features { padding-block: 132px; }
.home-features__title { max-width: 600px; margin: 0 auto 48px; }
/* Alle drei Karten gleich hoch; „Mehr erfahren“ sitzt jeweils unten */
.home-features .feature-cards { align-items: stretch; }
.home-features .feature-card { min-height: 590px; justify-content: flex-start; }
.home-features .feature-card__text { flex: 1; display: flex; flex-direction: column; gap: 18px; }
.home-features .feature-card__link { margin-top: auto; padding-top: 12px; }
.home-features__buttons { margin-top: 49px; }
@media (max-width: 991px) { .home-features .feature-card { min-height: 0; } }
@media (max-width: 767px) { .home-features { padding-block: 80px; } }

/* Vier Spielfelder */
.home-tabs { padding: 232px 0 160px; }
.home-tabs__title { max-width: 900px; margin: 0 auto 48px; }
.home-tabs__buttons { margin-top: 48px; }
@media (max-width: 991px) { .home-tabs { padding: 104px 0; } }
@media (max-width: 767px) { .home-tabs { padding: 80px 0; } }

/* Prozess: Reihe 1 = Intro (492) + 2 Karten (335), Reihe 2 = 2 Karten (335) + Kontakt-Kachel (492) */
.home-process { padding-block: 160px; }
.home-process__row { display: grid; gap: 28px; align-items: center; }
.home-process__row--1 { grid-template-columns: 492fr 335fr 335fr; }
.home-process__row--2 { grid-template-columns: 335fr 335fr 492fr; margin-top: 30px; }
.home-process__intro { display: grid; gap: 12px; }
.home-process__intro h2 { max-width: 450px; }

/* Kontakt-Kachel mit Teamfoto: Text oben auf Schwarz (nicht über Gesichtern), Foto randlos unten */
.contact-card--foto { display: flex; flex-direction: column; padding: 40px 38px 0; }
.contact-card--foto .contact-card__content { max-width: none; }
.contact-card--foto .contact-card__content .btn { margin-top: 24px; }
.contact-card__foto { margin: 20px -38px 0; flex: 1 0 160px; position: relative; }
.contact-card__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; }
@media (max-width: 991px) {
  .home-process__row--1, .home-process__row--2 { grid-template-columns: 1fr 1fr; }
  .home-process__intro { grid-column: 1 / -1; margin-bottom: 8px; }
  .home-process__row--2 .contact-card { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .home-process { padding-block: 80px; }
  .home-process__row--1, .home-process__row--2 { grid-template-columns: 1fr; }
  .contact-card--foto { min-height: 0; }
}

/* Ausgewählte Projekte – volle Breite 1440 */
.home-projects { padding-block: 160px; }
.home-projects .section-head { margin-bottom: 90px; }
.home-projects__list { width: min(1440px, 100%); margin-inline: auto; }
.home-projects .project-feature__card { width: 100%; }
@media (max-width: 767px) { .home-projects { padding-block: 80px; } .home-projects .section-head { margin-bottom: 48px; } }

/* Kundenstimmen */
.home-testimonial { padding-block: 160px; }
.home-testimonial__inner { width: min(1012px, 100% - 2 * var(--gutter)); display: grid; gap: 48px; }
@media (max-width: 767px) { .home-testimonial { padding-block: 80px; } .home-testimonial__inner { gap: 32px; } }

/* Blog */
.home-blog { padding-block: 160px; }
@media (max-width: 767px) { .home-blog { padding-block: 80px; } }