.case-detail-grid{gap:20px;padding-top:30px}.case-detail-grid .case-detail{display:block;padding:28px 32px;background:#fffffff0;border:1px solid #b7c8ad;border-radius:18px}.case-detail[hidden]{display:none!important}.case-eyebrow{font-size:9px;letter-spacing:1.4px;color:#6c8d59}.case-summary h2{font-size:24px;margin:12px 0}.case-result{font-size:16px;line-height:1.8;color:#234c1f;max-width:70ch}.case-expand{border-top:1px solid #d7e0cf;margin-top:20px;padding-top:16px}.case-expand summary{font-size:12px;color:#537244;cursor:pointer}.case-detail-steps{margin-top:24px}.case-media-slot{margin-top:22px;padding:30px;border:1px dashed #a5b59a;border-radius:12px;background:#f1f5eb;font-size:11px;color:#78916a}.case-media-slot span{display:block;margin-top:12px;font-size:12px}.case-more{text-align:center;padding-block:20px 65px}.case-more p{font-size:12px;color:#728264}.customer-messages{padding-block:65px}.customer-messages>p:not(.section-kicker){color:#6d7b62}.message-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.message-card{padding:28px;background:#edf2e7;border:1px solid #c2d0b6;border-radius:20px}.message-person{display:flex;align-items:center;gap:14px;margin-bottom:24px}.message-avatar{width:42px;height:42px;border-radius:50%;background:#d6e2cc;display:grid;place-items:center;font-size:12px;color:#547344}.message-person strong{display:block;font-size:14px}.message-person small{font-size:11px;color:#7a8b6d}.message-bubble{border-radius:0 16px 16px 16px;background:white;padding:22px;box-shadow:0 4px 15px #05250608;font-size:15px;line-height:1.85;white-space:pre-line}.message-placeholder{font-size:12px;color:#829275;line-height:1.8}.audio-placeholder{margin-top:18px;padding:18px;border:1px dashed #b7c8a9;border-radius:30px;font-size:12px;color:#75876a}.message-card audio{width:100%;margin-top:18px}.message-card details{font-size:12px;margin-top:14px}.message-card blockquote{margin:0}.case-more [hidden]{display:none}@media(max-width:700px){.message-grid{grid-template-columns:1fr}.case-detail-grid .case-detail{padding:24px}.case-summary h2{font-size:21px}.case-result{font-size:14px}}

/* Full-width customer photography, scoped to the reference page. */
.wrap.case-detail-grid{margin:24px auto 0;gap:28px;width:100%;max-width:var(--wrap);padding:0 28px;box-sizing:border-box}
.case-detail-grid .case-photo{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,4.5vw,64px);border:0;border-radius:24px;background:#052506;box-shadow:0 18px 48px #05250618;min-height:460px;display:flex;flex-direction:column;justify-content:flex-end;color:white}
.case-detail-grid .case-hannker{background-image:url('../assets/case-hannker-event.jpg');background-size:cover;background-position:center 30%}
.case-detail-grid .case-sieger{background-image:url('../assets/case-sieger-team.jpg');background-size:cover;background-position:center 30%}
.case-detail-grid .case-stremlow{background-image:url('../assets/case-stremlow-team.jpg');background-size:cover;background-position:center top}
.case-hannker .case-backdrop,.case-sieger .case-backdrop,.case-stremlow .case-backdrop{display:none}
.case-backdrop{position:absolute;inset:0;z-index:0;background-image:var(--case-photo,url('../assets/hero-team-photo.webp'));background-size:cover;background-position:var(--case-position,center 38%);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.case-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,37,6,.94),rgba(5,37,6,.64) 48%,rgba(5,37,6,.08)),linear-gradient(0deg,rgba(5,37,6,.75),transparent 70%)}
.case-photo:hover .case-backdrop{transform:scale(1.025)}
.case-photo-note{position:absolute;top:24px;right:28px;margin:0;padding:8px 12px;border:1px solid #ffffff40;border-radius:30px;background:#05250680;color:#ffffffbd;font-size:9px;letter-spacing:1px}
.case-photo .case-eyebrow{color:#70ed41;font-size:10px;letter-spacing:2px;margin:36px 0 16px}
.case-photo .case-summary h2{color:white;font-size:clamp(27px,3.4vw,46px);line-height:1.15;max-width:20ch;margin:0 0 22px}
.case-photo .case-result{color:#fff;font-size:clamp(17px,1.6vw,21px);line-height:1.65;max-width:46ch;margin:0;border-left:3px solid #42c81a;padding-left:18px}
.case-photo .case-expand{border-color:#ffffff35;margin-top:30px;padding-top:20px}
.case-photo .case-expand summary{display:inline-block;color:#052506;background:#42c81a;font-size:12px;font-weight:700;padding:13px 22px;border-radius:30px;list-style:none}
.case-photo .case-expand summary:after{content:' +';padding-left:15px}.case-photo .case-expand[open] summary:after{content:' −'}
.case-photo .case-detail-steps{grid-template-columns:repeat(3,1fr);gap:24px;padding:24px;background:#052506d9;border-radius:14px}.case-photo .case-detail-steps dt{color:#70ed41}.case-photo .case-detail-steps dd{color:#fff;line-height:1.7}
.case-photo .case-summary,.case-photo .case-expand,.case-photo-note{position:relative;z-index:3}
@media(max-width:700px){.wrap.case-detail-grid{width:100%;padding-inline:28px;gap:20px}.case-detail-grid .case-photo{min-height:440px;padding:28px 24px;border-radius:18px}.case-photo:before{background:linear-gradient(0deg,#052506 0%,#052506c9 48%,#05250625 100%)}.case-photo-note{font-size:8px;top:18px;right:18px}.case-photo .case-detail-steps{grid-template-columns:1fr;padding:20px}.case-photo .case-summary h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.case-backdrop{transition:none}.case-photo:hover .case-backdrop{transform:none}}

/* Die drei führenden Kundenreferenzen: Personen im sichtbaren Bildzentrum. */
.case-detail-grid .case-photo:nth-child(1) .case-backdrop{--case-position:center 54%}
.case-detail-grid .case-photo:nth-child(2) .case-backdrop{--case-position:center 56%}
.case-detail-grid .case-photo:nth-child(3) .case-backdrop{--case-position:center 48%}

/* Future Smile: Markenkarte mit sanftem grünen Lichtschweif. */
.case-detail-grid .case-future-smile{background:linear-gradient(135deg,#031f08 0%,#0b4514 58%,#082b0c 100%)}
.case-future-smile .case-logo-art{position:absolute;inset:0;z-index:2;overflow:hidden;display:grid;place-items:center;justify-items:end;padding-right:clamp(34px,7vw,120px)}
.case-future-smile .case-logo-art span{position:absolute;width:48%;height:78%;right:3%;border-radius:50%;background:radial-gradient(ellipse,rgba(106,235,76,.30),rgba(66,200,26,.13) 45%,transparent 72%);filter:blur(10px);transform:rotate(-17deg)}
.case-future-smile .case-logo-art img{position:relative;width:min(310px,31vw);height:auto;filter:drop-shadow(0 14px 26px rgba(0,0,0,.28))}
@media(max-width:700px){.case-future-smile .case-logo-art{opacity:.38;justify-items:center;padding-right:0}.case-future-smile .case-logo-art img{width:240px}}

/* Senvis Medical: Markenkarte im selben ruhigen Look. */
.case-detail-grid .case-senvis{background:linear-gradient(135deg,#031f08 0%,#0b4514 58%,#082b0c 100%)}
.case-senvis .case-logo-art{position:absolute;inset:0;z-index:2;overflow:hidden;display:grid;place-items:center;justify-items:end;padding-right:clamp(34px,7vw,120px)}
.case-senvis .case-logo-art span{position:absolute;width:48%;height:78%;right:3%;border-radius:50%;background:radial-gradient(ellipse,rgba(106,235,76,.30),rgba(66,200,26,.13) 45%,transparent 72%);filter:blur(10px);transform:rotate(-17deg)}
.case-senvis .case-logo-art img{position:relative;width:min(310px,31vw);height:auto;filter:brightness(0) invert(1) drop-shadow(0 14px 26px rgba(0,0,0,.28))}
@media(max-width:700px){.case-senvis .case-logo-art{opacity:.38;justify-items:center;padding-right:0}.case-senvis .case-logo-art img{width:240px}}

/* Mevotec: freigestelltes Markenlogo auf ruhiger Grüntiefe. */
.case-detail-grid .case-mevotec{background:linear-gradient(135deg,#031f08 0%,#0b4514 58%,#082b0c 100%)}
.case-mevotec .case-logo-art{position:absolute;inset:0;z-index:2;overflow:hidden;display:grid;place-items:center;justify-items:end;padding-right:clamp(34px,7vw,120px)}
.case-mevotec .case-logo-art span{position:absolute;width:48%;height:78%;right:3%;border-radius:50%;background:radial-gradient(ellipse,rgba(106,235,76,.30),rgba(66,200,26,.13) 45%,transparent 72%);filter:blur(10px);transform:rotate(-17deg)}
.case-mevotec .case-logo-art img{position:relative;width:min(310px,31vw);height:auto;filter:brightness(1.48) saturate(.86) drop-shadow(0 14px 26px rgba(0,0,0,.28))}
@media(max-width:700px){.case-mevotec .case-logo-art{opacity:.42;justify-items:center;padding-right:0}.case-mevotec .case-logo-art img{width:240px}}

/* Weitere Kundenlogos mit ihrer ursprünglichen Farbwelt. */
.case-detail-grid .case-sd-gummi,.case-detail-grid .case-von-felbert{background:linear-gradient(135deg,#031f08 0%,#0b4514 58%,#082b0c 100%)}
.case-sd-gummi .case-logo-art,.case-von-felbert .case-logo-art{position:absolute;inset:0;z-index:2;display:grid;place-items:center;justify-items:end;padding-right:clamp(34px,7vw,120px);pointer-events:none}
.case-sd-gummi .case-logo-art span,.case-von-felbert .case-logo-art span{position:absolute;width:48%;height:78%;right:3%;border-radius:50%;background:radial-gradient(ellipse,rgba(106,235,76,.34),rgba(66,200,26,.15) 45%,transparent 72%);filter:blur(10px);transform:rotate(-17deg)}
.case-sd-gummi .case-logo-art img,.case-von-felbert .case-logo-art img{position:relative}
.case-sd-gummi .case-logo-art img{width:min(220px,24vw);height:auto;border-radius:22px;box-shadow:0 14px 30px rgba(0,0,0,.3)}
.case-von-felbert .case-logo-art img{width:min(330px,33vw);height:auto;filter:drop-shadow(0 14px 26px rgba(0,0,0,.28))}
@media(max-width:700px){.case-sd-gummi .case-logo-art,.case-von-felbert .case-logo-art{opacity:.4;justify-items:center;padding-right:0}.case-sd-gummi .case-logo-art img{width:190px}.case-von-felbert .case-logo-art img{width:255px}}

/* Video-Kundenstimmen: Text links, kompakter Player rechts. */
.video-testimonials{padding-block:78px}.video-testimonials__head{max-width:760px;margin-bottom:44px}.video-testimonials__head h2{margin:10px 0 14px}.video-testimonials__head>p:last-child{color:#687561;line-height:1.75}.video-testimonial{display:grid;grid-template-columns:minmax(0,.85fr) minmax(380px,1.15fr);gap:clamp(38px,7vw,96px);align-items:center;padding:42px 0;border-top:1px solid #a9bd9d}.video-testimonial:last-of-type{border-bottom:1px solid #a9bd9d}.video-testimonial__copy>span{display:block;color:#42b91e;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.video-testimonial__copy h3{font-size:clamp(26px,3vw,42px);line-height:1.08;margin:16px 0}.video-testimonial__copy p{max-width:48ch;color:#64715e;line-height:1.8}.video-testimonial__copy strong{color:#153e16}.video-testimonial__player{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #4e7750;border-radius:6px;background:#052506;box-shadow:10px 10px 0 rgba(5,37,6,.10)}.video-testimonial__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:800px){.video-testimonials{padding-block:58px}.video-testimonial{grid-template-columns:1fr;gap:24px;padding:34px 0}.video-testimonial__player{min-width:0}}

/* Sprachmemo-Kundenstimme mit pulsierendem Porträt. */
.audio-testimonial{padding:84px 28px}.audio-testimonial__intro{max-width:760px;margin-bottom:38px}.audio-testimonial__intro h2{margin:10px 0 14px}.audio-testimonial__intro>p:last-child{color:#687561;line-height:1.75}.audio-testimonial__card{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(42px,8vw,110px);padding:clamp(34px,5vw,70px);background:linear-gradient(135deg,#052506,#0c4212);color:white;border-radius:7px;overflow:hidden}.audio-testimonial__portrait{position:relative;width:min(330px,100%);aspect-ratio:1;margin:auto;display:grid;place-items:center;isolation:isolate}.audio-testimonial__portrait img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 18px 34px rgba(0,0,0,.35));transition:transform .35s ease,filter .35s ease}.audio-ring{position:absolute;inset:5%;z-index:1;border:2px solid rgba(104,237,65,.46);border-radius:50%;opacity:0}.audio-ring--two{inset:-3%;border-color:rgba(104,237,65,.22)}.audio-testimonial__portrait.is-speaking img{animation:voice-photo-pulse 1.05s ease-in-out infinite;filter:drop-shadow(0 0 22px rgba(104,237,65,.42)) drop-shadow(0 18px 34px rgba(0,0,0,.35))}.audio-testimonial__portrait.is-speaking .audio-ring--one{animation:voice-ring 1.05s ease-out infinite}.audio-testimonial__portrait.is-speaking .audio-ring--two{animation:voice-ring 1.05s .32s ease-out infinite}.audio-testimonial__content>span{color:#70ed41;font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.audio-testimonial__content h3{color:white;font-size:clamp(30px,4vw,52px);margin:14px 0}.audio-testimonial__content p{color:#c9d8c3;line-height:1.8;max-width:52ch}.audio-testimonial__content audio{width:100%;margin-top:22px;accent-color:#42c81a}.audio-testimonial__wave{height:54px;display:flex;align-items:center;gap:6px;margin-top:26px}.audio-testimonial__wave i{width:4px;height:18px;border-radius:4px;background:#70ed41;opacity:.55}.audio-testimonial__wave i:nth-child(3n){height:34px}.audio-testimonial__wave i:nth-child(4n){height:46px}.audio-testimonial__wave i:nth-child(5n){height:26px}.audio-testimonial__portrait.is-speaking~.audio-testimonial__content .audio-testimonial__wave i{animation:wave-talk .72s ease-in-out infinite alternate}.audio-testimonial__portrait.is-speaking~.audio-testimonial__content .audio-testimonial__wave i:nth-child(2n){animation-delay:-.24s}.audio-testimonial__portrait.is-speaking~.audio-testimonial__content .audio-testimonial__wave i:nth-child(3n){animation-delay:-.46s}@keyframes voice-photo-pulse{50%{transform:scale(1.045)}}@keyframes voice-ring{0%{opacity:.7;transform:scale(.94)}100%{opacity:0;transform:scale(1.16)}}@keyframes wave-talk{to{transform:scaleY(.42);opacity:1}}
@media(max-width:760px){.audio-testimonial{padding-block:58px}.audio-testimonial__card{grid-template-columns:1fr;padding:34px 24px;gap:30px}.audio-testimonial__portrait{width:220px}.audio-testimonial__content{text-align:center}.audio-testimonial__content p{margin-inline:auto}.audio-testimonial__wave{justify-content:center}}
@media(prefers-reduced-motion:reduce){.audio-testimonial__portrait.is-speaking img,.audio-testimonial__portrait.is-speaking .audio-ring,.audio-testimonial__portrait.is-speaking~.audio-testimonial__content .audio-testimonial__wave i{animation:none}}

/* Kompaktere 1:1-Fassung: nur die Kreise am Foto reagieren auf die Stimme. */
.audio-testimonial{padding-block:56px}.audio-testimonial__intro{margin-bottom:26px}.audio-testimonial__card{grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,6vw,72px);padding:34px 46px}.audio-testimonial__portrait{width:220px;aspect-ratio:1 / 1}.audio-testimonial__portrait img{aspect-ratio:1 / 1}.audio-testimonial__wave{display:none}.audio-testimonial__content h3{font-size:clamp(30px,3.5vw,46px);margin:10px 0}.audio-testimonial__content p{margin-block:8px 14px}.audio-testimonial__content video{display:block;width:100%;height:54px;margin-top:14px;background:transparent;object-fit:none}.audio-testimonial__portrait.is-speaking .audio-ring--one{animation:voice-ring-wide 1.2s ease-out infinite}.audio-testimonial__portrait.is-speaking .audio-ring--two{animation:voice-ring-wide 1.2s .38s ease-out infinite}@keyframes voice-ring-wide{0%{opacity:.82;transform:scale(.96)}100%{opacity:0;transform:scale(1.34)}}
@media(max-width:760px){.audio-testimonial{padding-block:44px}.audio-testimonial__card{grid-template-columns:1fr;padding:28px 22px}.audio-testimonial__portrait{width:190px}}

/* Speech-reactive rings: the photo stays still; the audio signal emits waves. */
.audio-testimonial__portrait .audio-ring{display:none}
.audio-testimonial__portrait.is-speaking img{animation:none!important;transform:none;filter:drop-shadow(0 0 calc(3px + var(--voice-level,0) * 20px) rgba(102,255,48,.6))}
.audio-voice-ring{position:absolute;inset:0;border:2px solid #70ff35;border-radius:50%;z-index:0;pointer-events:none;box-shadow:0 0 12px #70ff3566;opacity:0}
.audio-testimonial__content audio{display:block;width:100%;height:54px;margin-top:18px;accent-color:#42c81a}
.audio-testimonial__portrait{margin-block:18px}
@media(prefers-reduced-motion:reduce){.audio-voice-ring{display:none}.audio-testimonial__portrait.is-speaking img{filter:drop-shadow(0 0 5px #70ff3577);transition:none}}