@font-face {
    font-family: 'Nocken';
    src: url('NockenBoldItalic.woff2') format('woff2'),
        url('NockenBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenRegular.woff2') format('woff2'),
        url('NockenRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenBold.woff2') format('woff2'),
        url('NockenBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenMedium.woff2') format('woff2'),
        url('NockenMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenLight.woff2') format('woff2'),
        url('NockenLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenItalic.woff2') format('woff2'),
        url('NockenItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenLightItalic.woff2') format('woff2'),
        url('NockenLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenSemibold.woff2') format('woff2'),
        url('NockenSemibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenSemiboldItalic.woff2') format('woff2'),
        url('NockenSemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenBoldItalic.woff2') format('woff2'),
        url('NockenBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenBold.woff2') format('woff2'),
        url('NockenBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenMediumItalic.woff2') format('woff2'),
        url('NockenMediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenMediumItalic.woff2') format('woff2'),
        url('NockenMediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenMedium.woff2') format('woff2'),
        url('NockenMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenSemibold.woff2') format('woff2'),
        url('NockenSemibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenSemiboldItalic.woff2') format('woff2'),
        url('NockenSemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenItalic.woff2') format('woff2'),
        url('NockenItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenLightItalic.woff2') format('woff2'),
        url('NockenLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenLight.woff2') format('woff2'),
        url('NockenLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    
}

@font-face {
    font-family: 'Nocken';
    src: url('NockenRegular.woff2') format('woff2'),
        url('NockenRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    
}