/* =========================================================
   OPEN SANS – lokale Webfonts
   Voraussetzung:
   Diese CSS-Datei liegt im selben Verzeichnis wie die Fonts
========================================================= */

/* ---------------------------------------------------------
   Light
--------------------------------------------------------- */

@font-face {
  font-family: "Open Sans";
  src: url("opensans-light-webfont.woff2") format("woff2"),
       url("opensans-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Light Italic */

@font-face {
  font-family: "Open Sans";
  src: url("opensans-lightitalic-webfont.woff2") format("woff2"),
       url("opensans-lightitalic-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}


/* ---------------------------------------------------------
   Regular
--------------------------------------------------------- */

@font-face {
  font-family: "Open Sans";
  src: url("opensans-regular-webfont.woff2") format("woff2"),
       url("opensans-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Regular Italic */

@font-face {
  font-family: "Open Sans";
  src: url("opensans-italic-webfont.woff2") format("woff2"),
       url("opensans-italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}


/* ---------------------------------------------------------
   Semibold
--------------------------------------------------------- */

@font-face {
  font-family: "Open Sans";
  src: url("opensans-semibold-webfont.woff2") format("woff2"),
       url("opensans-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Semibold Italic */

@font-face {
  font-family: "Open Sans";
  src: url("opensans-semibolditalic-webfont.woff2") format("woff2"),
       url("opensans-semibolditalic-webfont.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}


/* ---------------------------------------------------------
   Bold
--------------------------------------------------------- */

@font-face {
  font-family: "Open Sans";
  src: url("opensans-bold-webfont.woff2") format("woff2"),
       url("opensans-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Bold Italic */

@font-face {
  font-family: "Open Sans";
  src: url("opensans-bolditalic-webfont.woff2") format("woff2"),
       url("opensans-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


/* ---------------------------------------------------------
   ExtraBold
--------------------------------------------------------- */

@font-face {
  font-family: "Open Sans";
  src: url("opensans-extrabold-webfont.woff2") format("woff2"),
       url("opensans-extrabold-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ExtraBold Italic */

@font-face {
  font-family: "Open Sans";
  src: url("opensans-extrabolditalic-webfont.woff2") format("woff2"),
       url("opensans-extrabolditalic-webfont.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}