.modal--1{position:fixed;top:var(--page-header-height,0);left:0;z-index:var(--z-index-modal-1);padding:calc(5.3333333333 * var(--vw-unit)) 0;width:100%;height:auto;background:var(--color-dark-two);pointer-events:none;-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0;-webkit-transition:opacity .2s,top .5s,-webkit-transform .2s cubic-bezier(.5, 0, 0, 1.25);transition:opacity .2s,top .5s,-webkit-transform .2s cubic-bezier(.5, 0, 0, 1.25);transition:opacity .2s,transform .2s cubic-bezier(.5, 0, 0, 1.25),top .5s;transition:opacity .2s,transform .2s cubic-bezier(.5, 0, 0, 1.25),top .5s,-webkit-transform .2s cubic-bezier(.5, 0, 0, 1.25)}@media (min-width:768px){.modal--1{top:calc(var(--page-header-height,0) * .8);padding:0 0 2rem 0}}@media (min-width:1280px){.modal--1{top:calc(var(--page-header-height,0) * .8);padding:calc(0 * var(--vw-unit)) calc(0 * var(--vw-unit)) calc(2.0833333333 * var(--vw-unit)) calc(0 * var(--vw-unit))}}.is--page-header-sticky .modal--1{top:var(--page-header-height,0)}.modal--1.is--active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:auto}.modal--1 .modal__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1em}.modal--1 .modal__content{-webkit-box-flex:0;-ms-flex:none;flex:none}.modal--1 .modal__x{-webkit-box-flex:0;-ms-flex:none;flex:none;display:block;position:relative;overflow:hidden;color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;width:calc(10.6666666667 * var(--vw-unit));height:calc(10.6666666667 * var(--vw-unit))}@media (min-width:768px){.modal--1 .modal__x{width:4rem;height:4rem}}@media (min-width:1280px){.modal--1 .modal__x{width:calc(2.0833333333 * var(--vw-unit));height:calc(2.0833333333 * var(--vw-unit))}}.modal--1 .modal__x::after,.modal--1 .modal__x::before{content:"";position:absolute;top:50%;left:50%;width:55%;height:calc(.5333333333 * var(--vw-unit));-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;background-color:#fff;-webkit-transition:background-color .2s;transition:background-color .2s}@media (min-width:768px){.modal--1 .modal__x::after,.modal--1 .modal__x::before{height:.2rem}}@media (min-width:1280px){.modal--1 .modal__x::after,.modal--1 .modal__x::before{height:calc(.1041666667 * var(--vw-unit))}}.modal--1 .modal__x:focus::after,.modal--1 .modal__x:focus::before,.modal--1 .modal__x:hover::after,.modal--1 .modal__x:hover::before{background-color:var(--color-accent-two-angepasst)}.modal--1 .modal__x::after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}