/* Gemeinsame Bausteine der drei FORME-Seiten. Bewegung setzt motion.js mit GSAP; ohne JS bleibt alles zu sehen. */
svg.pfeil,svg.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em;flex:none;display:inline-block}
.zeile{display:block;overflow:clip;padding-bottom:.1em;margin-bottom:-.1em}.zeile>span{display:inline-block}
@keyframes forme-details-in{from{opacity:.4;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
details[open]>:not(summary){animation:forme-details-in .32s ease-out both}
.pill,.round,.look-card button,.service-detail button{transition:filter .2s ease}
.pill:hover,.round:hover,.look-card button:hover,.service-detail button:hover{filter:brightness(.91)}
.demo-hinweis{font-size:12px;line-height:1.5}
.demo-hinweis a{text-underline-offset:3px}
.varianten-links{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.varianten-links a{text-decoration:none;opacity:.72}
.varianten-links a:hover,.varianten-links a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}