@import url('base/reset.css');
@import url('base/variables.css');
@import url('base/typography.css');

@import url('layout/cookies.css');
@import url('layout/header.css');
@import url('layout/footer.css');

@import url('sections/hero.css');
@import url('sections/services.css');
@import url('sections/jobs.css');
@import url('sections/insights.css');
@import url('sections/contact.css');
@import url('sites/impressum.css');
@import url('sites/datenschutz.css');

html {
    scroll-behavior: smooth;
}

body {
    padding-top: 80px;
}

.separator {
    height: 4px;
    width: 100%;
    background-color: var( --color-primary);
}

.section-headline{
    color: red;
}

section[id] {
    scroll-margin-top: 80px;
}