/* poppins-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: Poppins;
  font-style: normal;
  font-weight: 100;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-100.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: italic;
  font-weight: 100;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-100italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: normal;
  font-weight: 200;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-200.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: italic;
  font-weight: 200;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-200italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: italic;
  font-weight: 300;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-300italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: italic;
  font-weight: 400;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: italic;
  font-weight: 500;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-500italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: italic;
  font-weight: 600;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-600italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: italic;
  font-weight: 700;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-700italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: normal;
  font-weight: 800;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: italic;
  font-weight: 800;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-800italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: normal;
  font-weight: 900;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: Poppins;
  font-style: italic;
  font-weight: 900;
  src: url("/assets/fonts/Poppins/poppins-v20-latin-900italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*
 * The follow definitions of the colors
 * are calculated on top of the base-color
 */
/**
 * size number
 *    how many defined sizes are used for spacing
 *
 * getPixelValue  boolean
 *    in cases where you have to use a representation as Pixel value.
 *    This is used for calculation with other Values where as example a Pixel Value is used.
 *    Downside is you will lose the flexibility of having dynamic value without rebuilding the app.
 */
.redactor,
.richtext {
  display: block;
}
.redactor h2,
.richtext h2 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: normal;
  color: #9d2923;
  font-size: 4rem;
  line-height: 6rem;
}
@media (max-width: 767px) {
  .redactor h2,
.richtext h2 {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
}
.redactor h3,
.richtext h3 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: normal;
  color: #9d2923;
  font-size: 2.4rem;
  line-height: 3.2rem;
}
@media (max-width: 767px) {
  .redactor h3,
.richtext h3 {
    font-size: 2.2rem;
    line-height: 3rem;
  }
}
.redactor h4,
.richtext h4 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: normal;
  color: #9d2923;
  font-size: 2rem;
  line-height: 2.4rem;
}
@media (max-width: 767px) {
  .redactor h4,
.richtext h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.redactor ul li,
.redactor ol li,
.redactor a,
.redactor p,
.richtext ul li,
.richtext ol li,
.richtext a,
.richtext p {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 400;
  letter-spacing: normal;
  color: #555555;
}
@media (max-width: 767px) {
  .redactor ul li,
.redactor ol li,
.redactor a,
.redactor p,
.richtext ul li,
.richtext ol li,
.richtext a,
.richtext p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.redactor p,
.richtext p {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-bottom: 1rem;
}
.redactor ul,
.richtext ul {
  padding-left: 2.4rem;
}
.redactor ol,
.richtext ol {
  padding-left: 2rem;
}
.redactor a,
.richtext a {
  text-decoration: none;
}
.redactor a:not([class^=btn-]):hover,
.richtext a:not([class^=btn-]):hover {
  text-decoration: underline;
}
.redactor .btn-01,
.richtext .btn-01 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: normal;
  cursor: pointer;
  border-radius: 5px;
  display: inline;
  width: auto;
  padding: 1.5rem 4rem;
  color: #9d2923;
  box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.15);
  transition: background-position 0.3s ease-in-out, color 0.2s ease-in-out;
  background-image: linear-gradient(90deg, white 50%, #9d2923 50%);
  background-size: 220% 100%;
}
.redactor .btn-01:hover, .redactor .btn-01:active,
.richtext .btn-01:hover,
.richtext .btn-01:active {
  color: white;
  background-position: -90% 0;
}
.redactor .btn-02,
.richtext .btn-02 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: normal;
  cursor: pointer;
  border-radius: 5px;
  display: inline;
  width: auto;
  padding: 0.9rem 1.5rem;
  color: #9d2923;
  transition: background-position 0.2s ease-in-out, color 0.2s ease-in-out;
  background-image: linear-gradient(90deg, #eeeee5 50%, #9d2923 50%);
  background-size: 220% 100%;
}
.redactor .btn-02:hover, .redactor .btn-02:active,
.richtext .btn-02:hover,
.richtext .btn-02:active {
  color: white;
  background-position: -90% 0;
}
.redactor .primary,
.richtext .primary {
  color: #9d2923;
}

/* stylelint-disable selector-max-specificity */
/* stylelint-disable selector-max-id */
.redactor {
  font-family: Poppins, sans-serif;
}
.redactor h2 {
  font-size: 40px;
  line-height: 60px;
}
.redactor h3 {
  font-size: 24px;
  line-height: 32px;
}
.redactor h4 {
  font-size: 20px;
  line-height: 24px;
}
.redactor ul li,
.redactor ol li,
.redactor a,
.redactor p {
  font-size: 16px;
  line-height: 28px;
}
.redactor .btn-01,
.redactor .btn-02 {
  font-size: 16px;
  line-height: 24px;
}
.redactor .btn-01 {
  padding: 15px 40px;
}
.redactor .btn-02 {
  padding: 9px 15px;
}

#main-content.has-details,
#main-content.has-details #details {
  padding-left: 8px;
}