/* Kompakter Einstieg in die Ästhetik; ausschließlich im Home-Abschnitt. */
.page-home #aesthetik.home-aesthetics-teaser{padding:64px 0;scroll-margin-top:88px;border-top:1px solid rgba(184,155,106,.2);border-bottom:1px solid rgba(184,155,106,.2)}
.page-home #aesthetik .home-aesthetics-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4.5vw,56px);align-items:center}
.page-home #aesthetik .home-aesthetics-photo{margin:0;overflow:hidden;background:var(--bg-deep)}
.page-home #aesthetik .home-aesthetics-photo img{display:block;width:100%;height:auto;aspect-ratio:1120/511;object-fit:contain;filter:grayscale(.85) brightness(.88);transform:scale(1);transform-origin:50% 50%;transition:filter 800ms ease,transform 1400ms cubic-bezier(.2,.6,.3,1)}
.page-home #aesthetik:focus-within .home-aesthetics-photo img{filter:grayscale(0) brightness(1);transform:scale(1.025)}
.page-home #aesthetik .home-aesthetics-copy{min-width:0}
.page-home #aesthetik .home-aesthetics-copy h2{margin:0;color:var(--text-light);font-size:clamp(34px,3.4vw,44px);line-height:1.12}
.page-home #aesthetik .home-aesthetics-copy>p{margin:18px 0 22px;max-width:39em;color:#c9c1b8;font-size:15px;line-height:1.8}
.page-home #aesthetik .home-aesthetics-overview{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:14px 22px;font-size:13px;letter-spacing:.1em}
.page-home #aesthetik .home-aesthetics-overview span{flex:none;font-size:18px;line-height:1}
.page-home #aesthetik .home-aesthetics-links{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:16px}
.page-home #aesthetik .home-aesthetics-links a{display:inline-flex;align-items:center;min-height:44px;color:#c9c1b8;font-size:14px;line-height:1.5;text-decoration:underline;text-decoration-color:rgba(184,155,106,.55);text-underline-offset:5px;transition:color .25s ease,text-decoration-color .25s ease}
.page-home #aesthetik a:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
.page-home #aesthetik .home-aesthetics-links a:focus-visible{color:var(--text-light);text-decoration-color:var(--gold-light)}
@media(hover:hover) and (pointer:fine){
  .page-home #aesthetik:hover .home-aesthetics-photo img{filter:grayscale(0) brightness(1);transform:scale(1.025)}
  .page-home #aesthetik .home-aesthetics-links a:hover{color:var(--text-light);text-decoration-color:var(--gold-light)}
}
@media(hover:none){.page-home #aesthetik .home-aesthetics-photo img,.page-home #aesthetik:focus-within .home-aesthetics-photo img{filter:grayscale(.25) brightness(.96);transform:none}}
@media(max-width:760px){
  .page-home #aesthetik.home-aesthetics-teaser{padding:48px 0}
  .page-home #aesthetik .home-aesthetics-layout{grid-template-columns:minmax(0,1fr);gap:28px}
  .page-home #aesthetik .home-aesthetics-copy h2{font-size:36px}
}
@media(max-width:560px){
  .page-home #aesthetik.home-aesthetics-teaser{padding:40px 0}
  .page-home #aesthetik .home-aesthetics-layout{gap:24px}
  .page-home #aesthetik .home-aesthetics-copy h2{font-size:34px}
  .page-home #aesthetik .home-aesthetics-copy>p{margin:16px 0 20px}
  .page-home #aesthetik .home-aesthetics-overview{width:100%;gap:12px;padding:14px 16px;letter-spacing:.07em}
  .page-home #aesthetik .home-aesthetics-links{gap:0 22px;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){
  .page-home #aesthetik .home-aesthetics-photo img{transition:none;transform:none!important}
  .page-home #aesthetik .home-aesthetics-links a,.page-home #aesthetik .home-aesthetics-overview{transition:none}
}