/* Entwurf 22: slow heading fades and a small hover zoom on offer photos. */
.calm-motion-page .preview-note{min-height:36px;height:auto;padding:4px 22px;justify-content:space-between;gap:15px}
.calm-motion-page .preview-label{display:flex;align-items:center;gap:16px;font-size:9px}
.calm-motion-page .preview-label>span:first-child{font-size:8px;letter-spacing:.15em}
.calm-motion-page #calm-motion-replay{border:0;background:transparent;padding:5px 0;font:10px/1.5 Raleway,Arial,sans-serif;color:#665440;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.calm-motion-page #calm-motion-replay span{font-size:15px;margin-left:5px;text-decoration:none;display:inline-block}
.calm-motion-page #calm-motion-replay[hidden]{display:none}
.calm-motion-page #calm-motion-replay:disabled{cursor:default;opacity:.6;text-decoration:none}
.calm-motion-page .test-card:hover,.calm-motion-page .button:hover{transform:none}
.calm-motion-page .test-photo img,.calm-motion-page .hero-photo img,.calm-motion-page .test-arrow,
.calm-motion-page .button>span,.calm-motion-page .text-link>span{transition:none}
.calm-motion-page .test-card:hover .test-photo img{transform:none}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .calm-motion-page.calm-motion-on .test-photo img,.calm-motion-page.calm-motion-on .about-photo-frame img{transform:scale(1);transition:transform .8s cubic-bezier(.25,.1,.25,1);transform-origin:center}
  .calm-motion-page.calm-motion-on .test-card:hover .test-photo img,.calm-motion-page.calm-motion-on .about-photo-frame:hover img{transform:scale(1.025)}
}
.calm-motion-page .motion-control{display:flex;justify-content:flex-end;margin-top:15px}
.calm-motion-page .motion-control button{border:0;background:transparent;padding:10px 0;min-height:40px;font:11px/1.5 Raleway,Arial,sans-serif;color:#6b5d4c;text-decoration:underline;text-decoration-color:#c6b394;text-underline-offset:5px}
.calm-motion-page .motion-control button[hidden]{display:none}
.calm-motion-page .motion-control button:disabled{cursor:default;text-decoration:none}
html.calm-motion-off{scroll-behavior:auto}
.calm-motion-page:not(.calm-motion-on) *, .calm-motion-page:not(.calm-motion-on) *:before, .calm-motion-page:not(.calm-motion-on) *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
  .calm-motion-page *,.calm-motion-page *:before,.calm-motion-page *:after{animation:none!important;transition:none!important}
  .calm-motion-page .test-card:hover,.calm-motion-page .button:hover,.calm-motion-page .test-card:hover .test-photo img,.calm-motion-page .hero-photo:hover img,.calm-motion-page .test-card:hover .test-arrow,.calm-motion-page .button:hover>span,.calm-motion-page .text-link:hover>span{transform:none!important}
}
@media(max-width:600px){.calm-motion-page .motion-control{justify-content:flex-start}.calm-motion-page .preview-context{display:none}.calm-motion-page .preview-note{padding-left:20px;padding-right:20px}}