*, *::before, *::after {
  box-sizing: border-box; }

* {
  margin: 0; }

html, body {
  height: 100%; }

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%; }

input, button, textarea, select {
  font: inherit; }

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; }

#root, #__next {
  isolation: isolate; }

h1, h2, h3, h4, h5, h6, strong {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* roboto-100 - 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: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto-v48-latin-100.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-100italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/roboto-v48-latin-100italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-200 - 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: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/roboto-v48-latin-200.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-200italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/roboto-v48-latin-200italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-300 - 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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v48-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-300italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-v48-latin-300italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v48-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-v48-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-500 - 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: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v48-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-500italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/roboto-v48-latin-500italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-600 - 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: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/roboto-v48-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-600italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/roboto-v48-latin-600italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-700 - 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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v48-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-700italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-v48-latin-700italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-800 - 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: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/roboto-v48-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-800italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/roboto-v48-latin-800italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-900 - 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: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto-v48-latin-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-900italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/roboto-v48-latin-900italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/*Margin Classes

 */
.margin-full {
  margin-top: 50px;
  margin-bottom: 50px; }
  @media (min-width: 767px) {
    .margin-full {
      margin-top: 75px;
      margin-bottom: 75px; } }
  @media (min-width: 1024px) {
    .margin-full {
      margin-bottom: 100px;
      margin-top: 100px; } }

.margin-top {
  margin-top: 50px; }
  @media (min-width: 767px) {
    .margin-top {
      margin-top: 75px; } }
  @media (min-width: 1024px) {
    .margin-top {
      margin-top: 100px; } }

.margin-bottom {
  margin-bottom: 50px; }
  @media (min-width: 767px) {
    .margin-bottom {
      margin-bottom: 75px; } }
  @media (min-width: 1024px) {
    .margin-bottom {
      margin-bottom: 100px; } }

.wrapper {
  max-width: 1410px;
  margin-inline: auto;
  padding-inline: var(--paddinginline);
  overflow: hidden; }

.mastercontent {
  margin-top: var(--margin); }
  .mastercontent h1 {
    color: var(--text-color);
    font-size: calc( 24 * var(--unit));
    line-height: 1.389;
    font-weight: bold;
    text-align: center;
    margin-block-end: calc( 50 * var(--unit)); }
    @media (min-width: 767px) {
      .mastercontent h1 {
        font-size: calc( 35 * var(--unit)); } }
  .mastercontent p {
    font-size: calc( 16 * var(--unit));
    line-height: 1.389;
    color: var(--text-color); }
  .mastercontent p:not(:last-child) {
    margin-block-end: calc( 25 * var(--unit)); }
  .mastercontent ul:not(.content-list) {
    margin-left: 0;
    padding-left: 0; }
    .mastercontent ul:not(.content-list) li {
      list-style-type: none; }
  .mastercontent ul.content-list {
    list-style-type: disc;
    margin-block-end: calc( 25 * var(--unit));
    padding-left: 0;
    margin-left: calc( 20 * var(--unit)); }
    .mastercontent ul.content-list li {
      font-size: calc( 16 * var(--unit));
      line-height: 1.389;
      color: var(--text-color); }
  .mastercontent li {
    font-size: calc( 16 * var(--unit));
    line-height: 1.389;
    color: var(--text-color); }
    @media (min-width: 767px) {
      .mastercontent li {
        font-size: calc( 18 * var(--unit)); } }
  .mastercontent ul.imagelist:first-of-type {
    margin-block: var(--margin) 25px; }
    @media (min-width: 767px) {
      .mastercontent ul.imagelist:first-of-type {
        margin-block: 0px; } }
  .mastercontent ul.imagelist:last-of-type {
    margin-block-end: var(--margin); }
    @media (min-width: 767px) {
      .mastercontent ul.imagelist:last-of-type {
        margin-block-end: 0px; } }
  @media (min-width: 767px) {
    .mastercontent ul.imagelist {
      margin-block-end: 0px; } }
  .mastercontent ul.imagelist li {
    width: 100%; }
    .mastercontent ul.imagelist li img {
      width: 100%;
      height: auto; }
  .mastercontent ul.imagelist li:not(:last-child) {
    margin-block-end: calc( 25 * var(--unit)); }
  .mastercontent .infocontent {
    text-align: center;
    margin-block: calc( 50 * var(--unit)); }
    @media (min-width: 767px) {
      .mastercontent .infocontent {
        margin-block-start: calc( 45 * var(--unit));
        margin-block-end: calc( 75 * var(--unit)); } }
    .mastercontent .infocontent p {
      font-weight: bold; }
  .mastercontent strong {
    font-weight: bold; }
  .mastercontent .contactbox {
    color: white;
    padding-block: calc( 25 * var(--unit));
    background-color: #2C2926;
    text-align: center; }
    @media (min-width: 767px) {
      .mastercontent .contactbox {
        padding-block: calc( 50 * var(--unit)); } }
    .mastercontent .contactbox a, .mastercontent .contactbox p {
      color: inherit; }
  .mastercontent footer {
    padding-block: calc( 25 * var(--unit)); }
    @media (min-width: 767px) {
      .mastercontent footer {
        padding-block: calc( 50 * var(--unit)); } }
    .mastercontent footer ul {
      display: grid;
      justify-content: center;
      grid-template-columns: 120px 105px; }
      .mastercontent footer ul a {
        text-decoration: none;
        color: var(--text-color);
        font-size: 1rem; }
    .mastercontent footer span.line {
      margin-left: 12px;
      display: inline-block; }

@media (min-width: 767px) {
  .imagelist {
    margin-block-end: 30px; }

  .contentgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-block-end: calc( 75 * var(--unit)); }

  ul.twoimagelements {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px; }

  ul.threeimagelements {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px; } }
.maxwidthcontent {
  max-width: 600px;
  min-height: 450px;
  margin-inline: auto; }
  .maxwidthcontent h3:first-of-type {
    margin-block-start: calc( 15*var(--unit)); }
  .maxwidthcontent h2 {
    font-weight: bold; }
  .maxwidthcontent h3 {
    font-weight: bold;
    margin-block-end: calc( 15*var(--unit)); }
  .maxwidthcontent a {
    color: var(--text-color); }

:root {
  --margin: 50px;
  --paddinginline: 13px;
  --text-color: #2C2926;
  --unit: 0.0625rem; }
  @media (min-width: 767px) {
    :root {
      --paddinginline: 21px;
      --margin: 100px; } }
  @media (min-width: 1200px) {
    :root {
      --margin: 150px; } }
  @media (min-width: 1411px) {
    :root {
      --paddinginline: 0; } }

body {
  font-size: 16px;
  font-family: "Roboto",sans-serif;
  background-color: #E1E0DE; }

/*# sourceMappingURL=main.css.map */