.promotion{background-color:#fff;border:1px solid silver;bottom:0;opacity:0;pointer-events:none;position:absolute;right:-16px;transform:translateX(20px);transition:opacity .25s cubic-bezier(.645,.045,.355,1),transform .25s cubic-bezier(.645,.045,.355,1);width:100vw}.promotion.is--open{opacity:1;pointer-events:auto;transform:translateX(0)}@media only screen and (min-width:1024px){.promotion{max-width:600px;min-width:400px;right:0;width:50vw}}.promotion__content{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:45px 40px}@media only screen and (min-width:1024px){.promotion__content{padding:85px 20px}}.promotion__headline{color:#000;font-size:18px;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:center;text-transform:uppercase}@media only screen and (min-width:1024px){.promotion__headline{font-size:42px;line-height:1.2;text-transform:uppercase}}.promotion__copy{color:#000;margin-bottom:40px;text-align:center}@media only screen and (min-width:1024px){.promotion__copy{margin-bottom:60px}}.promotion__close{cursor:pointer;display:block;height:30px;padding:5px;position:absolute;right:20px;top:12px;width:30px}.promotion__close[class*=" icon-"]:before{color:#000;display:block;font-size:24px;line-height:24px;text-align:center;transform:rotate(0);transition:transform .25s cubic-bezier(.645,.045,.355,1);width:24px}.promotion__close>i{display:none}.csshover .promotion__close:hover[class*=" icon-"]:before{transform:rotate(90deg)}.promotion__toggle+.nav__button__container{z-index:3}.promotion__toggle:checked+.nav__button__container .promotion{opacity:1;pointer-events:auto;transform:translateX(0)}