html{background:#f10e00}body{background:#fff}.page-transition{position:fixed;z-index:99999;inset:0;pointer-events:none;background:#f10e00;transform:scaleX(0);transform-origin:left center;animation:ideal-page-reveal .55s cubic-bezier(.76,0,.24,1) both}.page-transition::after{content:'IDEAL';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font:700 clamp(42px,6vw,82px)/1 'Fira Sans Extra Condensed',Arial,sans-serif;letter-spacing:2px;opacity:0;animation:ideal-mark-reveal .55s ease both}.page-transition.is-leaving{transform-origin:right center;animation:ideal-page-cover .38s cubic-bezier(.76,0,.24,1) both}.page-transition.is-leaving::after{animation:ideal-mark-cover .38s ease both}@keyframes ideal-page-reveal{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes ideal-page-cover{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes ideal-mark-reveal{0%,45%{opacity:1}100%{opacity:0}}@keyframes ideal-mark-cover{0%,55%{opacity:0}100%{opacity:1}}@media(prefers-reduced-motion:reduce){.page-transition,.page-transition::after{display:none!important;animation:none!important}html{background:#fff}}
.page-transition::after{top:calc(50% - 18px)}.page-transition::before{content:'Qualität bis ins Detail.';position:absolute;left:50%;top:calc(50% + 48px);transform:translateX(-50%);color:#fff;font:600 clamp(11px,1.1vw,16px)/1.2 'Fira Sans Extra Condensed',Arial,sans-serif;letter-spacing:4px;text-transform:uppercase;white-space:nowrap;opacity:0;animation:ideal-mark-reveal .55s ease both}.page-transition.is-leaving::before{animation:ideal-mark-cover .38s ease both}@media(prefers-reduced-motion:reduce){.page-transition::before{display:none!important;animation:none!important}}