/* Selected page transition: Flügeltüren. */
html[data-transition=doors]{background:#01182f}
.page-curtain{position:fixed;inset:0;z-index:10000;pointer-events:none}
.page-curtain::before,.page-curtain::after{content:"";position:absolute;top:0;bottom:0;width:50.1%;background:#062644;animation:door-left-open .7s cubic-bezier(.65,0,.25,1) both}
.page-curtain::before{left:0;border-right:2px solid #d8a13e;transform:translateX(-101%)}
.page-curtain::after{right:0;border-left:2px solid #d8a13e;transform:translateX(101%);animation-name:door-right-open}
html.page-leaving{cursor:progress}
html.page-leaving .page-curtain{pointer-events:auto}
html.page-leaving .page-curtain::before{animation:door-left-close .45s ease-in-out both}
html.page-leaving .page-curtain::after{animation:door-right-close .45s ease-in-out both}
@keyframes door-left-open{from{transform:translateX(0)}to{transform:translateX(-101%)}}
@keyframes door-right-open{from{transform:translateX(0)}to{transform:translateX(101%)}}
@keyframes door-left-close{from{transform:translateX(-101%)}to{transform:translateX(0)}}
@keyframes door-right-close{from{transform:translateX(101%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.page-curtain{display:none!important}}