/* So kannst du deine eigene Schriftart angeben. Der Ordner der Schrift muss unter assets/fonts/ liegen */
@font-face {
    font-family: 'Genia_Mono';
    src:    url('fonts/Genia-Mono.eot');
    src:    url('fonts/Genia-Mono.eot?#iefix') format('embedded-opentype'),
            url('fonts/Genia-Mono.woff') format('woff'),
            url('fonts/Genia-Mono.woff2') format('woff2'),
            url('fonts/Genia-Mono.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-feature-settings: "ss02" 1, "ss03" 1;
}

@font-face {
    font-family: 'Weaver Mono_Regular';
    src:    url('fonts/Weaver_Mono.eot');
    src:    url('fonts/Weaver_Mono.eot?#iefix') format('embedded-opentype'),
            url('fonts/Weaver_Mono.woff') format('woff'),
            url('fonts/Weaver_Mono.woff2') format('woff2'),
            url('fonts/Weaver_Mono.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Constructa_Regular';
    src:    url('fonts/ConstructaWerkschau-Regular.eot');
    src:    url('fonts/ConstructaWerkschau-Regular.eot?#iefix') format('embedded-opentype'),
            url('fonts/ConstructaWerkschau-Regular.woff') format('woff'),
            url('fonts/ConstructaWerkschau-Regular.woff2') format('woff2'),
            url('fonts/ConstructaWerkschau-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Normalerweise wird die Schriftart dann überall verändert.*/ 
/* Die Variablen der Schrift werden in :root werden die Variablen definiert: */ 
:root {
    --font-family-text: 'Genia_Mono', "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    --font-family-headline: 'Constructa_Regular', "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    --font-family-navi: 'Constructa_Regular', "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

h1 span {
    font-family: 'Weaver Mono_Regular', "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

h3 {
    font-family: 'Weaver Mono_Regular', "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.logo {
    font-size: calc(var(--font-base)* 1.88);
}

#responsiveNav li a {
    font-size: calc(var(--font-base)* 1.24);
}

.kirbytext p,
p.kirbytext,
.kirbytext ul {
    font-size: calc(var(--font-base)* 0.9);
}

/* Über das Hintergrundbild kannn der Mapbox-Marker verändert werden. Der Marker liegt im gleichen Verzeichnis wie das Custom CSS. */
.mapboxgl-marker {
    background-image: url("./icon_marker.svg");
}

.marquee {
    padding-top: 0.3em;
    font-family: 'Weaver Mono_Regular', "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
/* .marquee--wrapper {
    background-color: #2C2FEF;
} */

.h0, .h1, .h2 {
    letter-spacing: -0.01em;
}

.sponsorimage img {
    filter: none;
    /* object-fit: unset; */
}

.students-grid a {
    text-decoration: none;
}

.students-grid a:hover {
    color: var(--color-hover);
    text-decoration: none;
}

.bordered .kirbytext .student--content a {
	word-break: break-all;
}

/* .sponsorimage img:hover {
    filter: grayscale();
} */