@import url('base/fonts.css');

@import url('base/root.css');
@import url('base/layout.css');

@import url('plugins/keen-slider.css');
@import url('plugins/wpcf7.css');

@import url('site/site.css');
@import url('site/site-nav.css');
@import url('site/site-header.css');
@import url('site/site-logo.css');
@import url('site/site-hero.css');
@import url('site/site-footer.css');

@import url('components/ui-big-card.css');
@import url('components/ui-bubble.css');
@import url('components/ui-button.css');
@import url('components/ui-card.css');
@import url('components/ui-field.css');
@import url('components/ui-link.css');
@import url('components/ui-tag.css');
@import url('components/ui-toast.css');

@import url('base/animate.css');
@import url('base/colors.css');
@import url('base/typography.css');
@import url('base/forms.css');

@import url('base/modifiers.css');


.page-numbers {
    display: inline-flex;
    padding: .25rem;
}
.page-numbers:not(.current) {
    color: var(--color-primary);
    text-decoration: none;
    text-decoration-thickness: .5px;
    text-underline-offset: 4px;
}
.page-numbers:not(.current):hover {
    text-decoration: underline;
}

.page-template-template-diensten .ui-big-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff3d 85%);
    z-index: 1;
}
.page-template-template-diensten .ui-big-card:hover::before {
    opacity: 0;
}