/* Website: ruhige Bewegung. Einblenden beim Scrollen, langsamer Hero-Zoom, schwebende Pusteblumensamen, sanfte Hover-Effekte. */
@media (prefers-reduced-motion: no-preference) {
  html.motion [data-reveal] { opacity:0; transform:translateY(22px); transition:opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1); transition-delay:var(--reveal-delay, 0s); will-change:opacity, transform; }
  html.motion [data-reveal].is-visible { opacity:1; transform:none; }
  html.motion .hero, html.motion .guide-hero { overflow:hidden; }
  html.motion .hero .hero-image { animation:site-kenburns 28s ease-in-out infinite alternate; transform-origin:60% 40%; }
  @keyframes site-kenburns { from { transform:scale(1); } to { transform:scale(1.07) translate(-1.2%, -.8%); } }
  html.motion .hero > *:not(.hero-image):not(.site-seeds), html.motion .guide-hero > *:not(.site-seeds) { animation:site-hero-rise 1.1s cubic-bezier(.22,.61,.36,1) both; }
  @keyframes site-hero-rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
  html.motion .knowledge-card, html.motion .topic-card, html.motion .service-card, html.motion .step, html.motion article.card { transition:transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s; }
  html.motion .knowledge-card:hover, html.motion .topic-card:hover, html.motion .service-card:hover, html.motion article.card:hover { transform:translateY(-4px); box-shadow:0 18px 40px rgba(100,49,130,.14); }
  html.motion .button, html.motion .cta, html.motion a.button { transition:transform .25s, box-shadow .25s, background-color .25s; }
  html.motion .button:hover, html.motion .cta:hover, html.motion a.button:hover { transform:translateY(-2px); }
  html.motion .site-nav a, html.motion .header nav a { position:relative; }
  html.motion .site-nav a::after, html.motion .header nav a::after { content:""; position:absolute; left:0; right:0; bottom:-3px; height:2px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .3s cubic-bezier(.22,.61,.36,1); opacity:.7; }
  html.motion .site-nav a:hover::after, html.motion .header nav a:hover::after { transform:scaleX(1); }
  html.motion .site-seeds { position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none; }
  html.motion .site-seeds span { position:absolute; bottom:-40px; width:var(--seed-size, 14px); height:var(--seed-size, 14px); opacity:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M12 22V9'/%3E%3Cpath d='M12 9l-5-6M12 9l5-6M12 9l-7-2M12 9l7-2M12 9l-3-7M12 9l3-7M12 9V1'/%3E%3C/svg%3E") center/contain no-repeat; filter:drop-shadow(0 0 3px rgba(255,255,255,.7)); animation:site-seed var(--seed-duration, 18s) linear infinite; animation-delay:var(--seed-delay, 0s); }
  @keyframes site-seed { 0% { transform:translate(0, 0) rotate(0deg); opacity:0; } 8% { opacity:.85; } 50% { transform:translate(var(--seed-drift, 60px), -55vh) rotate(160deg); opacity:.75; } 92% { opacity:.5; } 100% { transform:translate(calc(var(--seed-drift, 60px) * 1.6), -115vh) rotate(340deg); opacity:0; } }
  html.motion .site-counter { font-variant-numeric:tabular-nums; }
}
/* Ohne Bewegung: alles sofort sichtbar */
@media (prefers-reduced-motion: reduce) { [data-reveal] { opacity:1 !important; transform:none !important; } .site-seeds { display:none; } }
