@font-face {
 font-family: 'syne-sb'; /* Gewünschter Name */
 src: url('../webfonts/syne-variablefont_wght.woff') 
           format('woff'), 
          /* für moderne Browser */
      url('../webfonts/syne-variablefont_wght.woff2') 
           format('woff2');
         /* bester webfont */
      url('../fonts/syne-variablefont_wght.ttf') 
           format('truetype');
         /* für Safari, Android, iOS */
      font-weight: 600;
    font-style: semibold;
    font-display: swap;
}
@font-face {
 font-family: 'syne-bl'; /* Gewünschter Name */
 src: url('../webfonts/syne-variablefont_wght.woff') 
           format('woff'), 
          /* für moderne Browser */
      url('../webfonts/syne-variablefont_wght.woff2') 
           format('woff2');
         /* bester webfont */
      url('../fonts/syne-variablefont_wght.ttf') 
           format('truetype');
         /* für Safari, Android, iOS */
      font-weight: 900;
    font-style: black;
    font-display: swap;
}
@font-face {
 font-family: 'spacegrotesk-n'; /* Gewünschter Name */
 src: url('../webfonts/spacegrotesk-variablefont_wght.woff') 
           format('woff'), 
          /* für moderne Browser */
      url('../webfonts/spacegrotesk-variablefont_wght.woff2') 
           format('woff2');
         /* bester webfont */
      url('../fonts/spacegrotesk-variablefont_wght.ttf') 
           format('truetype');
         /* für Safari, Android, iOS */
      font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
 font-family: 'spacegrotesk-sb'; /* Gewünschter Name */
 src: url('../webfonts/spacegrotesk-variablefont_wght.woff') 
           format('woff'), 
          /* für moderne Browser */
      url('../webfonts/spacegrotesk-variablefont_wght.woff2') 
           format('woff2');
         /* bester webfont */
      url('../fonts/spacegrotesk-variablefont_wght.ttf') 
           format('truetype');
         /* für Safari, Android, iOS */
      font-weight: 800;
    font-style: black;
    font-display: swap;
}
body, p {font-family: 'spacegrotesk-n', Arial, Helvetica;}
h1, h6, a {font-family: 'spacegrotesk-sb', Arial, Helvetica;}
h2, h3 { font-family: 'syne-bl', Arial, Helvetica; }
h4, h5 { font-family: 'syne-sb', Arial, Helvetica; }
#sp-footer #sp-footer1 ul.menu li a, div#sp-page-builder span.sppb-person-designation {font-family: 'syne-bl', Arial, Helvetica;}
h6.sppb-addon-title {font-family: 'spacegrotesk-sb', Arial, Helvetica;
                      font-size: 20px;
                    }
h3.sppb-addon-title {font-family: 'syne-bl', Arial, Helvetica;
                      font-size: 48px;
                    }