/* Dynamisch aus webserver/config.txt erzeugte lokale Genre-Schriften */

@font-face {
    font-family: "Limelight";
    src: url("/static/fonts/Limelight.woff2") format("woff2");
    font-display: swap;
}


[data-genre-link="60s"],
.genre-header[data-genre-key="60s"] .genre-heading h1,
.song-card[data-genre-key="60s"] .song-title {
    font-family: "Limelight", sans-serif;
    font-weight: 400;
}


@font-face {
    font-family: "Monoton";
    src: url("/static/fonts/Monoton.woff2") format("woff2");
    font-display: swap;
}


[data-genre-link="70s"],
.genre-header[data-genre-key="70s"] .genre-heading h1,
.song-card[data-genre-key="70s"] .song-title {
    font-family: "Monoton", sans-serif;
    font-weight: 400;
}


@font-face {
    font-family: "Orbitron";
    src: url("/static/fonts/Orbitron.woff2") format("woff2");
    font-display: swap;
}


[data-genre-link="80s"],
.genre-header[data-genre-key="80s"] .genre-heading h1,
.song-card[data-genre-key="80s"] .song-title {
    font-family: "Orbitron", sans-serif;
    font-weight: 400;
}


@font-face {
    font-family: "Audiowide";
    src: url("/static/fonts/Audiowide.woff2") format("woff2");
    font-display: swap;
}


[data-genre-link="90s"],
.genre-header[data-genre-key="90s"] .genre-heading h1,
.song-card[data-genre-key="90s"] .song-title {
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
}


@font-face {
    font-family: "Montserrat";
    src: url("/static/fonts/Montserrat.woff2") format("woff2");
    font-display: swap;
}


[data-genre-link="2000s"],
.genre-header[data-genre-key="2000s"] .genre-heading h1,
.song-card[data-genre-key="2000s"] .song-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}


@font-face {
    font-family: "Staatliches";
    src: url("/static/fonts/Staatliches.woff2") format("woff2");
    font-display: swap;
}


[data-genre-link="ndw"],
.genre-header[data-genre-key="ndw"] .genre-heading h1,
.song-card[data-genre-key="ndw"] .song-title {
    font-family: "Staatliches", sans-serif;
    font-weight: 400;
}


@font-face {
    font-family: "Bebas Neue";
    src: url("/static/fonts/Bebas%20Neue.woff2") format("woff2");
    font-display: swap;
}


[data-genre-link="rock"],
.genre-header[data-genre-key="rock"] .genre-heading h1,
.song-card[data-genre-key="rock"] .song-title {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
}


@font-face {
    font-family: "Michroma";
    src: url("/static/fonts/Michroma.woff2") format("woff2");
    font-display: swap;
}


[data-genre-link="house"],
.genre-header[data-genre-key="house"] .genre-heading h1,
.song-card[data-genre-key="house"] .song-title {
    font-family: "Michroma", sans-serif;
    font-weight: 400;
}


@font-face {
    font-family: "Righteous";
    src: url("/static/fonts/Righteous.woff2") format("woff2");
    font-display: swap;
}


[data-genre-link="italo_disco"],
.genre-header[data-genre-key="italo_disco"] .genre-heading h1,
.song-card[data-genre-key="italo_disco"] .song-title {
    font-family: "Righteous", sans-serif;
    font-weight: 400;
}


@font-face {
    font-family: "Oswald";
    src: url("/static/fonts/Oswald.woff2") format("woff2");
    font-display: swap;
}


[data-genre-link="ddr"],
.genre-header[data-genre-key="ddr"] .genre-heading h1,
.song-card[data-genre-key="ddr"] .song-title {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
}