@font-face {
    font-display: swap; 
    font-family: 'Duru Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/duru-sans-v20-latin-regular.woff2') format('woff2');
  }
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Edu SA Beginner';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/edu-sa-beginner-v3-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* orienta-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Orienta';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/orienta-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Orbit';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/orbit-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* plus-jakarta-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/plus-jakarta-sans-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-display: swap;
    font-family: 'OpenSans';
    src: url(../../font/OpenSans-VariableFont_wdth\,wght.ttf);
    format('truetype');
}
/* -----fonts Anwendung--- */
html {
  font: 1.2rem OpenSans, sans-serif;
  font-variation-settings: 'wght' 428;
}
.textPhrase > h3 {
    text-transform: uppercase;
    font: 1.2rem Plus Jakarta Sans;
    color: gray;
  }
.textPhrase > p {
    /* text-transform: uppercase; */
    font: 300 1.2rem Plus Jakarta Sans;
    color: gray;
  }
  #imgHeaderText {
    text-transform: uppercase;
    font: 100 1.2rem Plus Jakarta Sans;
    color: rgb(255, 255, 255);
  }
  footer h4 {
    font: 1.2rem Plus Jakarta Sans;
    color: rgb(187, 187, 187);
  }
  footer a {
    font: 1rem Plus Jakarta Sans;
    color: rgb(148, 148, 148);
  }
  footer p {
    font: 1rem Plus Jakarta Sans;
    color: rgb(148, 148, 148);
  }
  .titleP {
    text-transform: uppercase;
    font: 2.7rem Plus Jakarta Sans;
    color: rgb(148, 148, 148);
  }
  .kontakt {
    font: 1rem Plus Jakarta Sans;
    font-weight: 200;
    color: rgb(148, 148, 148);
  }
  .kontakt a {
    font: 1rem Plus Jakarta Sans;
    font-weight: 200;

    color: rgb(148, 148, 148);
  }
  #form {
    font: 1rem Plus Jakarta Sans;
    font-weight: 200;
    color: rgb(148, 148, 148);
  }
  .zweispalter {
    font: 1rem Plus Jakarta Sans;
    font-weight: 200;
    color: rgb(148, 148, 148);  }
  ::placeholder {
    font: 1rem Plus Jakarta Sans;
    font-weight: 200;
    color: rgb(148, 148, 148);
  } 
  .datenschutzerklärung {
    font: 1rem Plus Jakarta Sans;
    font-weight: 200;
    color: rgb(40, 40, 40);
  }
  .textPhraseProjekte {
    /* text-transform: uppercase; */
    font: 1.4rem Plus Jakarta Sans;
    color: gray;
  }