:root {
  --black: #000000;
  --black-0: rgba(0,0,0,0);
  --black-25: rgba(0,0,0,0.25);
  --black-50: rgba(0,0,0,0.5);
  --black-75: rgba(0,0,0,0.75);
  --grey: #e5e5e5;
  --grey-0: rgba(229,229,229,0);
  --grey-25: rgba(229,229,229,0.25);
  --grey-50: rgba(229,229,229,0.5);
  --grey-75: rgba(229,229,229,0.75);
  --white: #ffffff;
  --white-0: rgba(255,255,255,0);
  --white-25: rgba(255,255,255,0.25);
  --white-50: rgba(255,255,255,0.5);
  --white-75: rgba(255,255,255,0.75);
  --brand: #713d50;
  --brand-0: rgba(113,61,80,0);
  --brand-25: rgba(113,61,80,0.25);
  --brand-50: rgba(113,61,80,0.5);
  --brand-75: rgba(113,61,80,0.75);
  --lighter: #b78094;
  --lighter-0: rgba(183,128,148,0);
  --lighter-25: rgba(183,128,148,0.25);
  --lighter-50: rgba(183,128,148,0.5);
  --lighter-75: rgba(183,128,148,0.75);
  --darker: #44202d;
  --darker-0: rgba(68,32,45,0);
  --darker-25: rgba(68,32,45,0.25);
  --darker-50: rgba(68,32,45,0.5);
  --darker-75: rgba(68,32,45,0.75);
  --background: #fdf4e8;
  --background-0: rgba(253,244,232,0);
  --background-25: rgba(253,244,232,0.25);
  --background-50: rgba(253,244,232,0.5);
  --background-75: rgba(253,244,232,0.75);
  --font-family-title: 'Grenze Gotisch';
  --font-family-text: 'Montserrat';
}

h1,h2,h3,h4,h5,h6 { font-family: var(--font-family-title); }
body,p,span,a { font-family: var(--font-family-text); }

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-bolditalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Grenze Gotisch';
  src: url('../fonts/grenzegotisch-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}