#problem .problem--step{padding-block:25vh;align-items:center}#problem .problem--step .aside-graphic{width:100%}#problem .problem--step .aside-graphic>*{max-width:100%;max-height:50vh}@media screen and (min-width: 56rem){#problem .problem--step.reverse .problem--text{text-align:right}}#problem .problem--step .problem--text{font-size:1.5rem;opacity:.4;transition:opacity 1s}@media(min-width: 45rem)and (max-width: calc(80rem - 1px)){#problem .problem--step .problem--text{font-size:1.75rem}}@media(min-width: 80rem){#problem .problem--step .problem--text{font-size:2rem}}#problem .problem--step .problem--text strong{position:relative;display:inline-block;padding-inline:.5rem;transition:color 1s}#problem .problem--step .problem--text strong::before{content:"";position:absolute;top:0;left:0;background-color:#ffff09;z-index:-1;height:100%;width:0;transition:1s;transform:skewX(-15deg)}#problem .problem--step .problem--text.onscreen{opacity:1}#problem .problem--step .problem--text.onscreen strong{color:#323249}#problem .problem--step .problem--text.onscreen strong::before{width:100%}#problem #dynamic-scroll-indicator{position:fixed;bottom:1rem;left:calc(50% - 1.5rem);animation:indicatorMoveUp .7s}@keyframes indicatorMoveUp{from{opacity:0;transform:translateY(calc(100% + 1rem))}to{opacity:1;transform:translateY(0)}}/*# sourceMappingURL=entwicklung.css.map */