* {transition: .25s ease-in-out;} :where(.brxe-text) a { --base: #ac639e00;  --hover: #e86464;  text-decoration: none; padding-bottom: 2px;  background-image: linear-gradient(var(--hover), var(--hover)), linear-gradient(var(--base), var(--base)); background-repeat: no-repeat; background-position: left bottom; background-size: 0% 2px, 100% 2px; transition: background-size 0.35s cubic-bezier(0.65, 0, 0.35, 1); } :where(.brxe-text) a:hover, :where(.brxe-text) a:focus-visible { background-size: 100% 2px, 100% 2px; }  @media (prefers-reduced-motion: reduce) { :where(.brxe-text) a { transition: none; } }.brxe-button.bricks-button { transition: transform .15s cubic-bezier(.16,1,.3,1), box-shadow .25s ease, background-color .2s ease;}.brxe-button.bricks-button:hover { transform: translateY(-2px); }.brxe-button.bricks-button:active { transform: translateY(0) scale(.97); transition-duration: .08s; }@media (min-width: 1001px) { #brx-header .bricks-nav-menu > li > a { background: linear-gradient(currentColor, currentColor) left bottom / 0% 2px no-repeat; padding-bottom: 3px; transition: background-size .25s cubic-bezier(.16,1,.3,1), color .2s ease; } #brx-header .bricks-nav-menu > li > a:hover, #brx-header .bricks-nav-menu > li > a[aria-current="page"] { background-size: 100% 2px; }}.home_leistungen__block { transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s ease; }.home_leistungen__block:hover { transform: translateY(-6px); box-shadow: 0 18px 34px rgba(246,162,43,.30); }.home_leistungen__icon { transition: transform .35s cubic-bezier(.16,1,.3,1); }.home_leistungen__block:hover .home_leistungen__icon { transform: rotate(-7deg) scale(1.08); }.home_leistungen__text-link { transition: transform .2s cubic-bezier(.16,1,.3,1); }.home_leistungen__text-link:hover { transform: translateX(5px); }.home_leistungen-auflistung__text { transition: background-color .2s ease, transform .2s cubic-bezier(.16,1,.3,1); }.home_leistungen-auflistung__text:hover { background-color: #FFE9DA; transform: translateX(3px); }.bewertung__block { transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s ease; }.bewertung__block:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(172,99,158,.18); }.ablauf__container { position: relative; }.ablauf__container > .ablauf__block { position: relative; z-index: 1; }.ablauf__container::before { content: ""; position: absolute; left: 8%; right: 8%; top: calc(var(--space-l) + 32px); border-top: 3px dashed var(--secondary); transform-origin: left center; pointer-events: none; z-index: 0;}@media (max-width: 991px) { .ablauf__container::before { display: none; } }.ablauf__container > .ablauf__block:nth-child(1) .ablauf__icon { --i: 0; }.ablauf__container > .ablauf__block:nth-child(2) .ablauf__icon { --i: 1; }.ablauf__container > .ablauf__block:nth-child(3) .ablauf__icon { --i: 2; }.ablauf__container > .ablauf__block:nth-child(4) .ablauf__icon { --i: 3; }.ablauf__icon { position: relative; z-index: 3; }@supports (animation-timeline: view()) { .ablauf__container > .ablauf__block { overflow: clip; } .ablauf__container::before { transform: scaleX(0); animation: ew-route linear both; animation-timeline: view(); animation-range: entry 40% cover 50%; } .ablauf__icon { animation: ew-lit linear both; animation-timeline: view(); animation-range: cover calc(20% + var(--i) * 7%) cover calc(23% + var(--i) * 7%); }}@keyframes ew-route { to { transform: scaleX(1); } }@keyframes ew-lit { from { background-color: var(--white); color: var(--secondary); box-shadow: inset 0 0 0 2px var(--secondary); } to { background-color: var(--secondary); color: var(--white); box-shadow: inset 0 0 0 2px var(--secondary); }}@media (prefers-reduced-motion: reduce) { .brxe-button.bricks-button, .home_leistungen__block, .home_leistungen__icon, .home_leistungen__text-link, .home_leistungen-auflistung__text, .bewertung__block, #brx-header .bricks-nav-menu > li > a { transition-property: background-color, box-shadow, color, background-size; } .brxe-button.bricks-button:hover, .brxe-button.bricks-button:active, .home_leistungen__block:hover, .home_leistungen__block:hover .home_leistungen__icon, .home_leistungen__text-link:hover, .home_leistungen-auflistung__text:hover, .bewertung__block:hover { transform: none; } .ablauf__container::before, .ablauf__icon { animation: none !important; transform: none; }}