/* Compasse Fonts + globale Anwendung */
@font-face { font-family: 'Compasse'; src: url('fonts/compasse-thin.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Compasse'; src: url('fonts/compasse-extralight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Compasse'; src: url('fonts/compasse-light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Compasse'; src: url('fonts/compasse-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Compasse'; src: url('fonts/compasse-bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Compasse'; src: url('fonts/compasse-extrabold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }

html body,
html body button,
html body input,
html body select,
html body textarea {
  font-family: 'Compasse', Arial, sans-serif !important;
  font-weight: 400;
}
html h1, html h2, html h3, html h4, html h5, html h6,
html .wc-block-grid__product-title,
html #masthead,
html #site-navigation,
html .top-bar,
html #colophon,
html .widget,
html .site-footer {
  font-family: 'Compasse', Arial, sans-serif !important;
}
html h1 { font-weight: 800 }
html h2 { font-weight: 700 }
html h3 { font-weight: 400 }
html h4 { font-weight: 300 }
html h5 { font-weight: 200 }
html h6 { font-weight: 100; text-transform: uppercase }