/* IVS-Logo-Intro beim Öffnen (einmal pro Besuch, siehe ivs-intro.js) */
.ivs-intro{display:none}
html.ivs-intro-on{overflow:hidden}
html.ivs-intro-on .ivs-intro{display:grid;place-items:center;position:fixed;inset:0;z-index:2147483000;background:#fff;
  transition:transform .75s cubic-bezier(.76,0,.24,1),opacity .75s ease}
.ivs-intro__inner{display:grid;justify-items:center;gap:6px;width:min(68vw,320px)}
.ivs-intro__logo{width:100%;opacity:0;transform:scale(.92);
  animation:ivs-intro-logo .9s cubic-bezier(.22,1,.36,1) .1s forwards}
.ivs-intro__logo img{display:block;width:100%;height:auto}
.ivs-intro__bar{display:block;width:62%;height:3px;border-radius:3px;background:#f3e3d6;overflow:hidden}
.ivs-intro__bar b{display:block;height:100%;width:100%;background:#f07a1f;transform:scaleX(0);transform-origin:left;
  animation:ivs-intro-bar 1.3s cubic-bezier(.65,0,.35,1) .35s forwards}
.ivs-intro__claim{margin:14px 0 0;text-align:center;font:500 11px/1.4 system-ui,-apple-system,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#7a7468;
  opacity:0;animation:ivs-intro-fade .8s ease .6s forwards}
html.ivs-intro-out .ivs-intro{transform:translateY(-100%);opacity:.6}
@keyframes ivs-intro-logo{to{opacity:1;transform:none}}
@keyframes ivs-intro-bar{to{transform:none}}
@keyframes ivs-intro-fade{to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  html.ivs-intro-on .ivs-intro{transition:opacity .4s ease}
  .ivs-intro__logo,.ivs-intro__claim{animation-duration:.01s}
  .ivs-intro__bar b{animation-duration:.6s}
  html.ivs-intro-out .ivs-intro{transform:none;opacity:0}
}