html { -webkit-text-size-adjust: 100%; } body, *::before, *::after { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-rendering: optimizeLegibility; } body { min-height: 100vh; min-height: 100dvh; font-variation-settings: 'slnt' 0; } .slant-bottom {  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 0 100%); } .slant-top { clip-path: polygon(0 calc(5vw), 100% 0, 100% 100%, 0% 100%); } .slant-top-bottom { clip-path: polygon(0 calc(5vw),100% 0,100% calc(100% - 5vw),0% 100%); } .brxe-text ul li+li { margin-block-start: var(--article-gutter-vertical-xsmall); } .btn--text > i.fa-arrow-right { transition: all .3s ease; } .btn--text:hover > i.fa-arrow-right { transition: all .3s ease; padding-left: 4px; }  .list--icon ul { list-style: none; padding: 0; margin-block: var(--global-gutter); margin-inline-start: var(--list-indent); display: flex; flex-direction: column; gap: var(--list-gap); } .list--icon ul:last-child { margin-block-end: 0; } .list--icon li { display: grid; grid-template-columns: auto minmax(0,1fr); gap: var(--icon-gap); margin-block-start: 0; &::before { content: ''; display: var(--icon-display); width: var(--icon-size); height: var(--icon-size); background-color: var(--icon-color); -webkit-mask-image: var(--icon-url); mask-image: var(--icon-url); mask-size: cover; translate: var(--icon-offset); z-index: 1; } &::after { content: ''; position: absolute; z-index: 0; width: calc(var(--icon-size) + 8px); height: calc(var(--icon-size) + 8px); background-color: var(--icon-bg-color); translate: var(--icon-bg-offset); border-radius: var(--radius-full); } }  .is-check { --icon-url: url(//www.woi-kellner.de/wp-content/uploads/2025/09/material-symbols-check.svg); --icon-color: var(--secondary); --icon-offset: 0 .5ex; --icon-size: 1em; --icon-gap: 15px; --icon-display: flex; --list-indent: .5em; --list-gap: var(--space-3); --icon-bg-offset: -.4ex 0; --icon-bg-color: var(--tertiary-l-4); } .card[class*="bg-secondary"] .list--icon.is-check { --icon-color: var(--secondary); --icon-bg-color: var(--secondary-10); } .is-logo { --icon-url: url(//www.woi-kellner.de/wp-content/uploads/2025/09/kellner-list-icon.svg); --icon-color: var(--secondary); --icon-offset: -.3ex -.3ex; --icon-size: 1em; --icon-gap: var(--space-3xs); --icon-display: flex; --list-indent: .5em; --list-gap: var(--space-3xs); } .is-logo li::before { height: 1.6em!important; } .is-logo li::after { display: none; }  .bricks-is-frontend .animation-trigger { opacity: 0; }  .animate { animation-name: fadeAnimation; animation-delay: calc(var(--delay, 0) * var(--delay-step, 200ms)); animation-duration: var(--duration, 400ms); animation-timing-function: ease-in-out; animation-fill-mode: both; will-change: transform, opacity; }  :root { --distance: 20px; } .animation--left-to-right { --translate: calc(-1 * var(--distance)),0,0; } .animation--right-to-left { --translate: var(--distance),0,0; } .animation--top-to-bottom { --translate: 0,calc(-1 * var(--distance)),0; } .animation--bottom-to-top { --translate: 0,var(--distance),0; } :where(.stagger) { --delay-step: 200ms; } .stagger > * { --delay: 0; }  .stagger > *:nth-child(1) { --delay: 0 } .stagger > *:nth-child(2) { --delay: 1 } .stagger > *:nth-child(3) { --delay: 2 } .stagger > *:nth-child(4) { --delay: 3 } .stagger > *:nth-child(5) { --delay: 4 } .stagger > *:nth-child(6) { --delay: 5 } .stagger > *:nth-child(7) { --delay: 6 } .stagger > *:nth-child(8) { --delay: 7 } .stagger > *:nth-child(9) { --delay: 8 } .stagger > *:nth-child(10) { --delay: 9 } .stagger > *:nth-child(11) { --delay: 10 } .stagger > *:nth-child(12) { --delay: 11 }  @keyframes fadeAnimation { from{ transform: translate3d(var(--translate, 0,0,0)); opacity: 0; } to{ opacity: 1; transform: translate3d(0,0,0); } } @keyframes simpleParallax { 100% { transform: translateY(var(--parallax)); } }