/* Möbel- und Küchenmontage: Einstieg (Aufbau R2) */
.mm-hero { padding-block: clamp(24px, 4vw, 56px) clamp(32px, 5vw, 64px); }
.mm-hero__in { position: relative; padding-bottom: 150px; }
.mm-hero__foto { aspect-ratio: 16 / 8; border-radius: var(--r); overflow: hidden; }
.mm-hero__foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mm-hero__flaeche { position: absolute; left: clamp(24px, 5vw, 72px); bottom: 0; width: min(560px, 86%); padding: clamp(28px, 3.6vw, 48px); background: var(--grund); border-radius: var(--r); box-shadow: 0 30px 60px -44px rgba(11, 26, 58, .5); }
.mm-hero .krumen { margin-bottom: 18px; }
.mm-hero h1 { font: 400 clamp(34px, 3.6vw, 50px)/1.06 var(--serif); letter-spacing: -0.022em; color: var(--titel); text-wrap: balance; }
.mm-hero__lead { margin-top: 16px; max-width: 32em; font-size: 18px; line-height: 1.7; color: var(--text-2); }
.mm-hero__aktion { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin-top: 28px; }
@media (max-width: 960px) {
  .mm-hero__in { padding-bottom: 0; }
  .mm-hero__foto { aspect-ratio: 4 / 3; }
  .mm-hero__flaeche { position: relative; left: auto; width: auto; margin: -48px 0 0; padding: 24px 20px 28px; }
  .mm-hero__aktion .knopf { width: 100%; justify-content: center; white-space: nowrap; font-size: 15px; padding-inline: 16px; }
}

/* Kundenstimmen Montage (M4 A) */
.gqs { padding-block: clamp(64px, 8vw, 112px); background: var(--flaeche); }
.gqs .sterne { display: inline-flex; gap: 2px; color: var(--gold); } .gqs .sterne .i { width: 17px; height: 17px; }
.gqs mark { background: linear-gradient(transparent 60%, color-mix(in srgb, var(--gold) 32%, transparent) 60%); color: inherit; padding-inline: 1px; }
.gq { position: relative; display: flex; flex-direction: column; gap: 14px; margin: 0; padding: clamp(24px, 2.4vw, 32px); border-radius: 20px; background: var(--karte); box-shadow: 0 1px 2px rgba(11,26,58,.06), 0 24px 48px -36px rgba(11,26,58,.35); transition: transform .3s var(--ease), box-shadow .3s var(--ease); }
.gq:hover { transform: translateY(-3px); box-shadow: 0 1px 2px rgba(11,26,58,.06), 0 32px 60px -34px rgba(11,26,58,.45); }
.gq__kopf { display: flex; align-items: center; gap: 14px; }
.gq__av { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 50%; font: 700 15px/1 var(--sans); letter-spacing: .02em; color: #fff; }
.gq__av.a1 { background: var(--navy); } .gq__av.a2 { background: var(--gold-text); } .gq__av.a3 { background: var(--tief); }
.gq__wer { display: grid; gap: 2px; min-width: 0; } .gq__wer b { font-size: 16px; color: var(--titel); } .gq__wer span { font-size: 13px; color: var(--text-2); }
.gq__kopf .bw__g { width: 22px; height: 22px; margin-left: auto; flex: none; }
.gq blockquote { margin: 0; } .gq blockquote p { font-size: 16px; line-height: 1.7; color: var(--text); }
.gq--breit blockquote p { font: 400 clamp(20px, 1.9vw, 25px)/1.5 var(--serif); color: var(--titel); }
.gqa { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: clamp(36px, 4vw, 52px); }
.gq--breit { grid-column: span 2; }
.gq-sum { display: flex; flex-direction: column; gap: 6px; padding: clamp(24px, 2.4vw, 32px); border-radius: 20px; background: var(--tief); color: #fff; }
.gq-sum__marke { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: rgba(255,255,255,.9); }
.gq-sum__marke .bw__g { width: 30px; height: 30px; padding: 5px; border-radius: 50%; background: #fff; box-sizing: content-box; }
.gq-sum__note { display: flex; align-items: center; gap: 14px; margin-top: 22px; } .gq-sum__note b { font: 400 76px/1 var(--serif); }
.gq-sum .sterne { color: var(--gold-hell); } .gq-sum__n { color: rgba(255,255,255,.75); font-size: 15px; }
.gq-sum__knopf { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 24px; font-weight: 700; color: #fff; text-decoration: none; }
.gq-sum__knopf .i { width: 16px; height: 16px; transition: transform .25s var(--ease); } .gq-sum__knopf:hover .i { transform: translateX(3px); }
@media (max-width: 960px) { .gqa { grid-template-columns: 1fr; } .gq--breit { grid-column: auto; } }
@media (prefers-reduced-motion: reduce) { .gq, .gq-sum__knopf .i { transition: none; } .gq:hover { transform: none; } }
.gqs__kopf { max-width: 760px; }

/* Leistungen (L8) */
.ml { padding-block: clamp(64px, 8vw, 112px); }
.ml__liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: clamp(36px, 4vw, 52px) 0 0; padding: 0; list-style: none; }
.ml__punkt:nth-child(even) { margin-top: 56px; }
.ml__foto { aspect-ratio: 4 / 5; margin-bottom: 20px; border-radius: 20px; overflow: hidden; }
.ml__foto img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.ml__punkt:hover .ml__foto img { transform: scale(1.03); }
.ml h3 { font: 400 26px/1.15 var(--serif); color: var(--titel); }
.ml p { margin-top: 8px; font-size: 16px; line-height: 1.65; color: var(--text-2); }
@media (max-width: 1100px) { .ml__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 960px) { .ml__punkt:nth-child(even) { margin-top: 0; } }
@media (max-width: 640px) { .ml__liste { grid-template-columns: 1fr; } .ml__foto { aspect-ratio: 4 / 3; } }
@media (prefers-reduced-motion: reduce) { .ml__foto img { transition: none; } .ml__punkt:hover .ml__foto img { transform: none; } }