.brx-body { min-height:100vh; min-height:100dvh; } #brx-content { margin-top:80px; } html { scroll-padding-top: 250px; } @media (min-width: 1279px) { html { scroll-padding-top: 300px; } } .highlight { font-family: "Caveat"; font-size:var(--h-xl); color:var(--bricks-color-mzooog); } .highlight--eis { font-family: "Caveat"; font-size:var(--h-xl); color:var(--bricks-color-zlqlvk); } .highlight--querfeldein { font-family: "Caveat"; font-size:var(--h-xl); color:var(--bricks-color-ynneqk); } .text__block { display:block; } em { } @-webkit-keyframes slideInDownSubtle { 0% { transform: translate3d(0,-60px,0); visibility: visible } to { transform: translateZ(0) } } @keyframes slideInDownSubtle { 0% { transform: translate3d(0,-60px,0); visibility: visible } to { transform: translateZ(0) } } .brx-animate-slideInDown { animation-name: slideInDownSubtle } @-webkit-keyframes slideInLeftSubtle { 0% { transform: translate3d(-60px,0,0); visibility: visible } to { transform: translateZ(0) } } @keyframes slideInLeftSubtle { 0% { transform: translate3d(-60px,0,0); visibility: visible } to { transform: translateZ(0) } } .brx-animate-slideInLeft { animation-name: slideInLeftSubtle } @-webkit-keyframes slideInRightSubtle { 0% { transform: translate3d(60px,0,0); visibility: visible } to { transform: translateZ(0) } } @keyframes slideInRightSubtle { 0% { transform: translate3d(60px,0,0); visibility: visible } to { transform: translateZ(0) } } .brx-animate-slideInRight { animation-name: slideInRightSubtle } @-webkit-keyframes slideInUpSubtle { 0% { transform: translate3d(0,60px,0); visibility: visible } to { transform: translateZ(0) } } @keyframes slideInUpSubtle { 0% { transform: translate3d(0,60px,0); visibility: visible } to { transform: translateZ(0) } } .brx-animate-slideInUp { animation-name: slideInUpSubtle }