/* Archivo (SIL Open Font License 1.1), selbst gehostet - ersetzt Raleway/Verdana/Arial der alten Seite.
   Variable Font: Gewicht 100-900, Breite 62-125 %. Lizenztext: /fileadmin/fonts/OFL.txt */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("/fileadmin/fonts/archivo-latin-wdth-normal.woff2") format("woff2");
}

:root {
  --font-text: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --head-stretch: 125%;   /* Ueberschriften: "wide" */
  --nav-stretch: 112%;    /* Navigation/Buttons etwas schmaler, damit nichts umbricht */
}

html body {
  font-family: var(--font-text);
  font-weight: 400;
  font-stretch: 100%;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}

/* Fliesstext: ueberall Archivo, ausser bei Icon-Schriften */
html body :not(.fa):not(.glyphicon):not(.ion):not([class^="ion-"]):not([class*=" ion-"]):not([class^="fa-"]):not([class*=" fa-"]) {
  font-family: var(--font-text) !important;
}

/* Ueberschriften: Archivo Bold, volle Breite */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .h1, html body .h2, html body .h3, html body .h4, html body .h5, html body .h6 {
  font-family: var(--font-text) !important;
  font-weight: 700 !important;
  font-stretch: var(--head-stretch) !important;
}

/* Navigation, Buttons, Hinweisleiste: Archivo Bold, leicht breit */
html body .navbar-main > li > a,
html body .navbar-main > li > .navbar-text,
html body .navbar-nav > li > a,
html body .dropdown-menu > li > a,
html body .btn {
  font-family: var(--font-text) !important;
  font-weight: 700 !important;
  font-stretch: var(--nav-stretch) !important;
}

/* Cookie-Hinweis: fett, aber normale Breite (der Button hat eine feste Groesse) */
html body .cc_btn, html body .cc_message a {
  font-family: var(--font-text) !important;
  font-weight: 700 !important;
  font-stretch: 100% !important;
}

/* Kleine Beschriftungen etwas kraeftiger */
html body small, html body .small, html body figcaption, html body label {
  font-weight: 500;
}
