@keyframes O45-desktop-title{0%{opacity:1;transform:none;white-space:normal}0.001%{opacity:0;transform:none;white-space:normal}50%{transform:translateY(100%) rotate(-90deg);white-space:nowrap}60%{opacity:0;transform:translateY(100%) rotate(-90deg);white-space:nowrap}to{opacity:.6;transform:translateY(100%) rotate(-90deg);white-space:nowrap}}@keyframes O45-desktop-btn{0%{opacity:0}to{opacity:1}}.O45-container{padding:2rem}.O45-container--is-light-grey{background-color:#f5f5f5}.O45-visual-accordion{background:#000;color:#fff;margin:6rem auto;max-width:46.75rem;min-width:37.5rem;position:relative;width:100%;z-index:0}@media screen and (min-width:768px){.O45-visual-accordion{max-width:85rem}}@media screen and (min-width:992px){.O45-visual-accordion{max-width:97rem}}@media screen and (min-width:1200px){.O45-visual-accordion{max-width:150rem}}.O45-visual-accordion__bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.O45-visual-accordion__bg img{font-family:"object-fit: cover;";height:100%;object-fit:cover;opacity:.25;pointer-events:none;transition:opacity .3s cubic-bezier(.25,.46,.45,.94),filter .3s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:-1}@media screen and (min-width:1200px){.O45-visual-accordion__bg img{opacity:.9}}.O45-visual-accordion__bg:before{background:linear-gradient(90deg,#000c,#0000 21rem,#0000 34rem,#000c);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:1}@media screen and (min-width:768px){.O45-visual-accordion__bg:before{background:linear-gradient(90deg,#000c,#0000 41rem,#0000 69rem,#000c)}}@media screen and (min-width:1200px){.O45-visual-accordion__bg:before{background:linear-gradient(#0000,#0000 35%,#000c)}}.O45-visual-accordion__list{padding:0 1.875rem}.O45-visual-accordion__list.transition-disabled .O45-visual-accordion__item,.O45-visual-accordion__list.transition-disabled _:-ms-lang(x){opacity:0}.O45-visual-accordion__list.transition-disabled .O45-visual-accordion__item{transition:none}@media screen and (min-width:768px){.O45-visual-accordion__list{padding:0}}@media screen and (min-width:1200px){.O45-visual-accordion__list{align-items:stretch;display:flex}}.O45-visual-accordion.has-accordion-open .O45-visual-accordion__bg{filter:blur(20px)}@media screen and (min-width:1200px){.O45-visual-accordion.has-accordion-open .O45-visual-accordion__bg{filter:none;opacity:.55}}.O45-visual-accordion__headline{float:none;margin-left:auto;margin-right:auto;max-width:100%;text-align:center;width:43rem}.row>.O45-visual-accordion__headline{max-width:calc(100% - 1rem)}@media screen and (min-width:768px){.O45-visual-accordion__headline{max-width:none;width:63rem}}@media screen and (min-width:992px){.O45-visual-accordion__headline{width:77rem}}@media screen and (min-width:1200px){.O45-visual-accordion__headline{width:92rem}}.O45-visual-accordion__item{backface-visibility:hidden;border-top:1px solid #ffffff4d;cursor:pointer;padding:2rem 3.5rem 2rem 0;position:relative;z-index:1}@media screen and (min-width:768px){.O45-visual-accordion__item{padding:4rem 7.5rem 4rem 4rem}}.O45-visual-accordion__item.has-accordion-open .O45-visual-accordion__item__header{margin-bottom:4rem}@media screen and (min-width:1200px){.O45-visual-accordion__item{border-left:1px solid #ffffff4d;border-top:0;display:flex;flex-direction:column;height:62.5rem;justify-content:flex-end;overflow:hidden;padding:3rem 3rem 7.75rem;transition:width .3s cubic-bezier(.25,.46,.45,.94);width:100%}}.O45-visual-accordion__item:first-child{border-top:0}@media screen and (max-width:1199px){.O45-visual-accordion__item__title-container{display:flex;flex-direction:column;height:100%;justify-content:space-between}}.O45-visual-accordion__item__header{align-items:flex-start;transition:margin .3s cubic-bezier(.25,.46,.45,.94)}@media screen and (max-width:1199px){.O45-visual-accordion__item__header{display:flex;position:relative}}.O45-visual-accordion__item__icon{height:10rem;margin-bottom:2.5rem;padding-right:1.875rem;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}@media screen and (max-width:1199px){.O45-visual-accordion__item__icon{height:100%}}.O45-visual-accordion__item__icon img{max-height:100%}.O45-visual-accordion__item__content{height:0;overflow:hidden;transition:height .3s cubic-bezier(.25,.46,.45,.94),padding .3s cubic-bezier(.25,.46,.45,.94)}.O45-visual-accordion__item__content,.O45-visual-accordion__item__content p{font-size:14px;font-size:1.75rem}.O45-visual-accordion__item__content p{margin:0 0 1em;opacity:.9}.O45-visual-accordion__item__label{font-weight:600;margin:0 0 1rem;padding:0;transform:translateZ(0);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.fs-lg>.O45-visual-accordion__item.has-accordion-open .O45-visual-accordion__item__title{font-size:6rem}.O45-visual-accordion__item__title{font-size:16px;font-size:2rem;font-weight:500;line-height:1.33;margin:0;opacity:1;padding:0;transform:translateZ(0);transform-origin:0 0;transition:padding .3s cubic-bezier(.25,.46,.45,.94),opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94),font-size .15s cubic-bezier(.25,.46,.45,.94)}@media screen and (min-width:768px){.O45-visual-accordion__item__title{font-size:24px;font-size:3rem}}@media screen and (min-width:1200px){.O45-visual-accordion__item__title{font-size:18px;font-size:2.25rem;transform-origin:0 0;transition:opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94),padding .3s cubic-bezier(.25,.46,.45,.94)}}.O45-visual-accordion__item__btn{-webkit-tap-highlight-color:rgba(255,255,255,0);appearance:none;backface-visibility:hidden;background:#0000;border:0;border-radius:0;height:3.5rem;left:100%;margin:0;outline:0;padding:0;position:absolute;top:50%;transform:translate3d(0,-50%,0);transition:transform .3s cubic-bezier(.25,.46,.45,.94),top .3s cubic-bezier(.25,.46,.45,.94);width:3.5rem}.O45-visual-accordion__item__btn:focus{outline:0}@media screen and (min-width:768px){.O45-visual-accordion__item__btn{right:3.125rem}}@media screen and (min-width:1200px){.O45-visual-accordion__item__btn{bottom:2.125rem;left:2.125rem;right:auto;top:auto;transform:none}}.O45-visual-accordion__item__btn:after,.O45-visual-accordion__item__btn:before{background:var(--color-brand-color);content:"";display:block;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.site-lapinus .O45-visual-accordion__item__btn:after,.site-lapinus .O45-visual-accordion__item__btn:before,.site-rockpanel .O45-visual-accordion__item__btn:after,.site-rockpanel .O45-visual-accordion__item__btn:before{background-color:#fff}.O45-visual-accordion__item__btn:before{height:1.75rem;width:2px}.O45-visual-accordion__item__btn:after{height:2px;width:1.75rem}.O45-visual-accordion__item__btn.has-accordion-open{transform:translate3d(0,-50%,0) rotate(225deg)}@media screen and (min-width:1200px){.O45-visual-accordion__item__btn.has-accordion-open{transform:translate3d(-50%,0,0) rotate(45deg)}}.O45-visual-accordion__item .btn{color:#fff}.site-lapinus .O45-visual-accordion__item .btn .icon circle,.site-lapinus .O45-visual-accordion__item .btn .icon path,.site-lapinus .O45-visual-accordion__item .btn .icon polygon,.site-lapinus .O45-visual-accordion__item .btn .icon rect,.site-lapinus .O45-visual-accordion__item .btn .icon use,.site-rockpanel .O45-visual-accordion__item .btn .icon circle,.site-rockpanel .O45-visual-accordion__item .btn .icon path,.site-rockpanel .O45-visual-accordion__item .btn .icon polygon,.site-rockpanel .O45-visual-accordion__item .btn .icon rect,.site-rockpanel .O45-visual-accordion__item .btn .icon use{fill:#fff}body.has-hover .O45-visual-accordion__item a.btn:hover{color:#fff;text-decoration:none}.O45-visual-accordion__item p.O45-visual-accordion__item__copy-intro,.O45-visual-accordion__item__copy-intro{font-size:16px;font-size:2rem;font-weight:400}@media screen and (min-width:1200px){body.has-hover .O45-visual-accordion:not(.has-accordion-open) .O45-visual-accordion__item:hover .O45-visual-accordion__item__icon,body.has-hover .O45-visual-accordion:not(.has-accordion-open) .O45-visual-accordion__item:hover .O45-visual-accordion__item__label,body.has-hover .O45-visual-accordion:not(.has-accordion-open) .O45-visual-accordion__item:hover .O45-visual-accordion__item__title{transform:translate3d(0,-3rem,0)}}@media screen and (min-width:992px){body.has-hover .O45-visual-accordion__item:not(.has-accordion-open):hover .O45-visual-accordion__item__btn:after,body.has-hover .O45-visual-accordion__item:not(.has-accordion-open):hover .O45-visual-accordion__item__btn:before{transform:translate3d(-50%,-50%,0) scale(1.5)}}@media screen and (min-width:1200px){.has-accordion-open .O45-visual-accordion__item:not(.has-accordion-open) .O45-visual-accordion__item__title{margin-left:-.625rem;overflow:hidden;text-overflow:ellipsis;width:45rem}.has-accordion-open .O45-visual-accordion__item{flex:0 1 auto;overflow:hidden;width:9rem}}.has-accordion-open .O45-visual-accordion__item__title{opacity:.6}@media screen and (min-width:768px)and (max-width:1199px){.has-accordion-open .O45-visual-accordion__item__title{font-size:16px;font-size:2rem}}@media screen and (min-width:1200px){.has-accordion-open .O45-visual-accordion__item__title{animation:O45-desktop-title .3s cubic-bezier(.25,.46,.45,.94) forwards;white-space:nowrap}.has-accordion-open .O45-visual-accordion__item__label{left:3rem;position:absolute;text-align:left;top:4rem}.has-accordion-open .O45-visual-accordion__item__content{opacity:0}.has-accordion-open .O45-visual-accordion__item__btn{left:50%;transform:translate3d(-50%,0,0)}.has-accordion-open .O45-visual-accordion__item__btn.has-accordion-open{transform:translate3d(-50%,0,0) rotate(45deg)}.O45-visual-accordion__item.has-accordion-open{flex-shrink:1;overflow:hidden;padding-left:4rem;padding-right:4rem;width:100%}}.O45-visual-accordion__item.has-accordion-open .O45-visual-accordion__item__title{cursor:default;font-size:24px;font-size:3rem;opacity:1}@media screen and (min-width:1200px){.O45-visual-accordion__item.has-accordion-open .O45-visual-accordion__item__title{animation:none;white-space:normal}}@media screen and (min-width:768px){.O45-visual-accordion__item.has-accordion-open .O45-visual-accordion__item__btn{top:0}}@media screen and (min-width:1200px){.O45-visual-accordion__item.has-accordion-open .O45-visual-accordion__item__btn{animation:O45-desktop-btn .3s cubic-bezier(.25,.46,.45,.94) forwards;left:auto;right:3.125rem;top:3.125rem}}.O45-visual-accordion__item.has-accordion-open .O45-visual-accordion__item__content{cursor:default}@media screen and (min-width:1200px){.O45-visual-accordion__item.has-accordion-open .O45-visual-accordion__item__content{opacity:1}.O45-visual-accordion__item.has-accordion-open .O45-visual-accordion__item__label{left:4rem}}
/*# sourceMappingURL=O45-visual-accordion.f6295cd9e56eb80967b9.css.map*/