@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_200.otf'),
    url('/res/typsnitt/LotaGrotesque_200.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_250.otf'),
    url('/res/typsnitt/LotaGrotesque_250.woff') format('woff');
    font-weight: 250;
    font-style: normal;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_300.otf'),
    url('/res/typsnitt/LotaGrotesque_300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_400.otf'),
    url('/res/typsnitt/LotaGrotesque_400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_500.otf'),
    url('/res/typsnitt/LotaGrotesque_500.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_600.otf'),
    url('/res/typsnitt/LotaGrotesque_600.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_800.otf'),
    url('/res/typsnitt/LotaGrotesque_800.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_200i.otf'),
    url('/res/typsnitt/LotaGrotesque_200i.woff') format('woff');
    font-weight: 200;
    font-style: oblique;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_250i.otf'),
    url('/res/typsnitt/LotaGrotesque_200i.woff') format('woff');
    font-weight: 250;
    font-style: oblique;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_300i.otf'),
    url('/res/typsnitt/LotaGrotesque_200i.woff') format('woff');
    font-weight: 300;
    font-style: oblique;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_400i.otf'),
    url('/res/typsnitt/LotaGrotesque_200i.woff') format('woff');
    font-weight: 400;
    font-style: oblique;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_500i.otf'),
    url('/res/typsnitt/LotaGrotesque_200i.woff') format('woff');
    font-weight: 500;
    font-style: oblique;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_600i.otf'),
    url('/res/typsnitt/LotaGrotesque_200i.woff') format('woff');
    font-weight: 600;
    font-style: oblique;
}

@font-face {
    font-family: 'LotaGrotesque';
    src: url('/res/typsnitt/LotaGrotesque_800i.otf'),
    url('/res/typsnitt/LotaGrotesque_200i.woff') format('woff');
    font-weight: 800;
    font-style: oblique;
}