.dienstenblok .absolutedienst, .dienstenblok .interheadingfont, .dienstenblok .bodyfontsize{ opacity:0; transform:translateY(10px); transition:opacity .25s ease, transform .25s ease; } .dienstenblok.actief .absolutedienst, .dienstenblok.actief .interheadingfont, .dienstenblok.actief .bodyfontsize{ opacity:1; transform:translateY(0); transition-delay:.35s; } .dienstenblok{ cursor:pointer; position:relative; transition: all .35s ease; overflow:hidden; } .arrow svg { transform: rotate(-45deg); transition:400ms; } .arrow:hover svg { transform: rotate(0deg); transition:400ms; } span.simpel { background: var(--orange); border-radius: 20px; padding: 0.4em; color:white; } @media only screen and (max-width:743px) { .dienstenblok .absolutedienst { opacity:1!important; } } body,html { overflow-x:hidden!important; } .jrs-breadcrumbs { font-family: 'Inter'; color: white; } .jrs-breadcrumb__link { text-decoration: none; color: white; } .jrs-breadcrumb__link:hover { text-decoration: underline; } .jrs-breadcrumb__current { font-weight: 700; color:white } button.bricks-button.bricks-background-primary.icon-right svg { font-size: 1.5em; transform:rotate(-45deg); transition:400ms; } button.bricks-button.bricks-background-primary.icon-right:hover svg { transform:rotate(0deg); transition:400ms; } .current-menu-item, .menu-item:hover { color: var(--orange)!important; }