/* Instrument Sans */

@font-face {
  font-family: 'InstrumentSans';
  src: url('/static/fonts/InstrumentSans/InstrumentSans.woff2') format('woff2');
  font-weight: 400 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'InstrumentSans-Italic';
  src: url('/static/fonts/InstrumentSans/InstrumentSans-Italic.woff2') format('woff2');
  font-weight: 400 700;
  font-display: swap;
  font-style: italic;
}

/* Plein Variable */

@font-face {
  font-family: 'Plein-Variable';
  src: url('/static/fonts/Plein/Plein-Variable.woff2') format('woff2');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Plein-VariableItalic';
  src: url('/static/fonts/Plein/Plein-VariableItalic.woff2') format('woff2');
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}

/* Monomakh */

@font-face {
  font-family: "Monomakh";
  src: url('/static/fonts/Monomakh/Monomakh-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Playfair Display";
  src: url('/static/fonts/Playfair_Display/playfair-display-latin-wght-normal.woff2') format('woff2');
  font-weight: 400 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('/static/fonts/Roboto/roboto-latin-wght-normal.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Ribeye";
  src: url('/static/fonts/Ribeye/Ribeye-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

/* Element styling */
/********************************/

/* Alle Fonts vergrössern */
html {
  font-size: 21.5px;
  font-weight: 350;
}

/* Defaults */
body {
    font-family: "Roboto", sans-serif;
    font-feature-settings: 'ss04', 'ss05'; /* Enable Stylistic Alternates */
       /* R ... K */
}

/* Schriftfarbe dunkler machen */
:root  > * {
  --default-fg-color: #1F1F1F;
}

/*
.md-typeset {
  font-size: 170%;
}

.md-nav {
  font-size: .8rem;
  line-height: 1.3;


@media screen and (max-width: 76.2344em) {
  .md-nav--primary .md-nav__item, .md-nav--primary .md-nav__title {
    line-height: 1.4;
    font-size: 0.9rem;
  }
}
*/

/* Font für Überschriften */
h1, h2, h3 {
    font-family: "Playfair Display", serif;
    color: rgb(30,30,30);
}

/* Überschrift 4 wird für die Blockquote-Admonition verwendet */
h4 {
  font-family: "Roboto", sans-serif;
  font-feature-settings: 'ss04', 'ss05';
}

.md-typeset h4 {
  font-weight: 600;
}

.md-typeset h1 {
  color: rgb(30, 30, 30);
}

/* Standard-Schriftgrösse */

/* Haupttitel im Menuband */
div.md-header__ellipsis {
    font-family: "Playfair Display", serif;
/*    letter-spacing: 0.1ex; */
}

.md-header__topic:first-child {
  font-weight: 800;
}

/* Überschriften 1 und 2 waren im gewählten Font zu dünn */
.md-typeset h1, .md-typeset h2 {
   font-weight: 600;
}

/* Lead dunkelgrau statt schwarz */
h1 + p {
    color: var(--md-code-fg-color);
}

strong {
    font-weight: 400;
    font-family: Roboto;
    font-style: italic;
}

/* Tags auf jeder Seite sowie auf der Kategorienseite */ 
span.md-tag {
    font-family: "Roboto", sans-serif;
    font-size: 120%;
}

.md-typeset .md-tag {
    letter-spacing: 0.1ex;
    font-weight: 630;
}

/* Neue Box, als Blockquote-Styling */
[dir="ltr"] .md-typeset blockquote {
  border: 1px solid black;
  padding: 0.5rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  color: black;
  background-color: var(--md-accent-fg-color--transparent);
  border-radius: 20px;
  margin-top: 2.5em;
}