/* Zahnschmuck only: one photographic illustration and native topic disclosures. */
.zahnschmuck-photo-explorer {
  padding: clamp(56px, 7vw, 96px) 0;
  color: #594f44;
  background: #f3ede3;
  border-block: 1px solid #684e2e24;
}
.zahnschmuck-photo-explorer .zahnschmuck-photo-heading { max-width: 820px; margin-bottom: 38px; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-heading .eyebrow { color: #705434; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-heading h2 {
  margin: 20px 0 0;
  color: #302820;
  font-size: clamp(32px, 3.65vw, 47px);
  line-height: 1.15;
  text-wrap: balance;
}
.zahnschmuck-photo-explorer .zahnschmuck-photo-heading > p:last-child { max-width: 62ch; margin-top: 20px; font-size: 15.5px; line-height: 1.85; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 48px; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-figure { min-width: 0; margin: 0; background: #292219; border-top: 2px solid #b59a6e; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-stage { position: relative; background: #292219; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-stage img { display: block; width: 100%; height: auto; aspect-ratio: 1; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-ai-label { position: absolute; left: 12px; bottom: 12px; padding: 4px 8px; border: 0; color: #efe7db; background: #29231ded; font-size: 12px; line-height: 1.5; }
.zahnschmuck-photo-explorer figcaption { position: static; padding: 23px 24px; color: #d4c7b7; font-size: 13px; line-height: 1.75; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-caption-title { display: block; margin-bottom: 9px; color: #f4e9d8; font-family: var(--serif); font-size: 27px; font-weight: 400; line-height: 1.2; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-topics { min-width: 0; border-top: 1px solid #684e2e47; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-topic { border-bottom: 1px solid #684e2e47; }
.zahnschmuck-photo-explorer summary { display: grid; grid-template-columns: 26px minmax(0, 1fr) 18px; align-items: center; gap: 13px; min-height: 84px; padding: 19px 10px; list-style: none; cursor: pointer; color: #302820; font-size: 15px; font-weight: 400; line-height: 1.55; }
.zahnschmuck-photo-explorer summary::-webkit-details-marker { display: none; }
.zahnschmuck-photo-explorer summary::marker { content: ''; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-number { color: #705434; font-family: var(--serif); font-size: 18px; font-style: italic; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-mark { position: relative; width: 16px; height: 16px; color: #705434; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-mark::before, .zahnschmuck-photo-explorer .zahnschmuck-photo-mark::after { content: ''; position: absolute; background: currentColor; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-mark::before { width: 16px; height: 1px; left: 0; top: 7px; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-mark::after { width: 1px; height: 16px; left: 7px; top: 0; }
.zahnschmuck-photo-explorer details[open] .zahnschmuck-photo-mark::after { display: none; }
.zahnschmuck-photo-explorer details[open] summary { color: #705434; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-answer { padding: 0 10px 27px 49px; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-answer h3 { margin: 0 0 15px; color: #302820; font-size: 27px; line-height: 1.2; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-answer p { margin: 0 0 18px; font-size: 14px; line-height: 1.85; }
.zahnschmuck-photo-explorer .zahnschmuck-photo-answer a { display: inline-block; color: #705434; font-size: 14px; line-height: 1.7; text-decoration: underline; text-underline-offset: 5px; }
.zahnschmuck-photo-explorer summary:focus-visible, .zahnschmuck-photo-explorer a:focus-visible { outline: 2px solid #705434; outline-offset: 4px; }
@media (hover: hover) {
  .zahnschmuck-photo-explorer summary:hover { background: #e9dfd0; }
  .zahnschmuck-photo-explorer a:hover { text-decoration-thickness: 2px; }
}
@media (max-width: 820px) {
  .zahnschmuck-photo-explorer .wrap { padding-inline: 20px; }
  .zahnschmuck-photo-explorer .zahnschmuck-photo-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
}
@media (max-width: 480px) {
  .zahnschmuck-photo-explorer .zahnschmuck-photo-heading { margin-bottom: 28px; }
  .zahnschmuck-photo-explorer .zahnschmuck-photo-heading > p:last-child { font-size: 14.5px; }
  .zahnschmuck-photo-explorer figcaption { padding: 20px; }
  .zahnschmuck-photo-explorer summary { min-height: 80px; padding-inline: 3px; gap: 10px; font-size: 14px; }
  .zahnschmuck-photo-explorer .zahnschmuck-photo-answer { padding-left: 39px; padding-right: 3px; }
}
@media (forced-colors: active) {
  .zahnschmuck-photo-explorer .zahnschmuck-photo-figure { border: 1px solid CanvasText; }
  .zahnschmuck-photo-explorer .zahnschmuck-photo-ai-label { background: Canvas; color: CanvasText; }
  .zahnschmuck-photo-explorer .zahnschmuck-photo-mark { color: ButtonText; }
  .zahnschmuck-photo-explorer summary:focus-visible, .zahnschmuck-photo-explorer a:focus-visible { outline-color: Highlight; }
}

/* The explicitly requested upper image replaces the practice lounge only here. */
.page-zahnschmuck .zahnschmuck-intro-photo { min-width: 0; margin: 0; }
.page-zahnschmuck .zahnschmuck-intro-photo .zahnschmuck-photo-stage { position: relative; background: #292219; }
.page-zahnschmuck .zahnschmuck-intro-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; }
.page-zahnschmuck .zahnschmuck-intro-photo .zahnschmuck-photo-ai-label { position: absolute; left: 12px; bottom: 12px; padding: 4px 8px; border: 0; color: #efe7db; background: #29231ded; font-size: 12px; line-height: 1.5; }
.page-zahnschmuck .zahnschmuck-intro-photo figcaption { position: static; margin-top: 12px; color: #655b50; font-size: 12px; line-height: 1.7; }