/* jost-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  src: url('../font/jost-woff2/jost-v19-latin-100.woff2') format('woff2');
}
/* jost-100italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 100;
  src: url('../font/jost-woff2/jost-v19-latin-100italic.woff2') format('woff2');
}
/* jost-200 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  src: url('../font/jost-woff2/jost-v19-latin-200.woff2') format('woff2');
}
/* jost-200italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 200;
  src: url('../font/jost-woff2/jost-v19-latin-200italic.woff2') format('woff2');
}
/* jost-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('../font/jost-woff2/jost-v19-latin-300.woff2') format('woff2');
}
/* jost-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  src: url('../font/jost-woff2/jost-v19-latin-300italic.woff2') format('woff2');
}
/* jost-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('../font/jost-woff2/jost-v19-latin-regular.woff2') format('woff2');
}
/* jost-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  src: url('../font/jost-woff2/jost-v19-latin-italic.woff2') format('woff2');
}
/* jost-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('../font/jost-woff2/jost-v19-latin-500.woff2') format('woff2');
}
/* jost-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  src: url('../font/jost-woff2/jost-v19-latin-500italic.woff2') format('woff2');
}
/* jost-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('../font/jost-woff2/jost-v19-latin-600.woff2') format('woff2');
}
/* jost-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  src: url('../font/jost-woff2/jost-v19-latin-600italic.woff2') format('woff2');
}
/* jost-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url('../font/jost-woff2/jost-v19-latin-700.woff2') format('woff2');
}
/* jost-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  src: url('../font/jost-woff2/jost-v19-latin-700italic.woff2') format('woff2');
}
/* jost-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  src: url('../font/jost-woff2/jost-v19-latin-800.woff2') format('woff2');
}
/* jost-800italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 800;
  src: url('../font/jost-woff2/jost-v19-latin-800italic.woff2') format('woff2');
}
/* jost-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 900;
  src: url('../font/jost-woff2/jost-v19-latin-900.woff2') format('woff2');
}
/* jost-900italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Jost';
  font-style: italic;
  font-weight: 900;
  src: url('../font/jost-woff2/jost-v19-latin-900italic.woff2') format('woff2');
}

body, button, select, input {
 font-family: 'Jost';
}

body {
  margin: 0px;
  color: #1a1a1a;
}

/* HEADER */
.site-header {
  padding: 20px 30px;
  background-color: #effbe5;
}

.header_content {
  width: 100%;
  max-width: 600px;
  display: flex  ;
  align-items: center;
  gap: 15px;
  margin: 0 auto;
}

.header_content .header_logo {
  height: 55px;
  width: 55px;
}

.sv_logo {
  width: 55px;
}

.header_content  .header_headlines {
  text-decoration: none;
  color: black;
}

.header_headlines h1 {
  margin: 0 0 -5px 0!important;
  font-size: 1.7em;
  color: #206d29;
}

.header_headlines span {
  font-size: 0.9em;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#main-content {
  flex: 1;
  padding: 20px;
}