.hero__bg { transform: scale(1); animation: heroKenBurns 12s linear forwards; will-change: transform; } @keyframes heroKenBurns { to { transform: scale(1.12); } } @media (prefers-reduced-motion: reduce) { .hero__bg { animation: none; transform: scale(1.04); } } .hero-fade-up { opacity: 0; transform: translateY(20px); animation: fadeUp 0.8s ease forwards; } .delay-200 { animation-delay: 0.2s; } .delay-400 { animation-delay: 0.4s; } @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }  .main-nav-slide.nav-slide-ready .bricks-nav-menu > li > a { position: relative; display: inline-block; overflow: hidden; line-height: 1.2em; height: 1.2em; color: transparent !important; } .main-nav-slide.nav-slide-ready .bricks-nav-menu > li > a::before { content: attr(data-nav-text); position: absolute; left: 0; top: 0; color: #111;  transform: translateY(0); transition: transform 0.35s cubic-bezier(.22,.61,.36,1); white-space: nowrap; } .main-nav-slide.nav-slide-ready .bricks-nav-menu > li > a::after { content: attr(data-nav-text); position: absolute; left: 0; top: 0; color: #bf0049; transform: translateY(1.2em); transition: transform 0.35s cubic-bezier(.22,.61,.36,1); white-space: nowrap; } @media (hover: hover) and (pointer: fine) { .main-nav-slide.nav-slide-ready .bricks-nav-menu > li > a:hover::before { transform: translateY(-1.2em); } .main-nav-slide.nav-slide-ready .bricks-nav-menu > li > a:hover::after { transform: translateY(0); } } .main-nav-slide.nav-slide-ready .bricks-nav-menu > li > a:focus, .main-nav-slide.nav-slide-ready .bricks-nav-menu > li > a:active { outline: none; }  .anbieter-card { opacity: 0; animation: anbieterFadeIn .6s ease forwards; } @keyframes anbieterFadeIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } .anbieter-card-inner { transition: transform .50s ease-out; } .anbieter-card:hover .anbieter-card-inner { transform: translateY(-6px); }  .footer-nav .menu-item > a { transition: color 1s ease-out; } .footer-nav .menu-item > a:hover { color: #fdc75f; transition: color 0.2s ease-in; }  .my-icon { transition: color 0.2s ease-in, transform 0.25s ease-out; transform-origin: center; } .my-icon:hover { color: #bf0049; transform: scale(1.1); }  .image-with-note { position: relative; overflow: hidden; } .image-with-note .image-note { position: absolute; right: 10px; bottom: 10px; z-index: 10; display: inline-flex; width: auto; margin: 0; padding: 4px 5px; font-size: 8px; line-height: 1.2; color: #fff; text-decoration: none; white-space: nowrap; background: rgba(0, 0, 0, 0.3); border-radius: 3px; pointer-events: auto; } .image-with-note .image-note:hover, .image-with-note .image-note:focus-visible { color: #fff; background: rgba(0, 0, 0, 0.78); }