/* seo-text.css — ported from sass/blocks/seotext.scss.
 * Tokens swapped where the hex matched:
 *   #009fed -> --color-brand, #0048a7 -> --color-brand-dark,
 *   #333333 -> --color-slate-800.
 */

#block-frontpageseotext {
  padding-top: 24px;
  padding-bottom: 35px;
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (min-width: 601px) {
  #block-frontpageseotext { width: 85%; }
}
@media only screen and (min-width: 993px) {
  #block-frontpageseotext { width: 80%; }
}
@media only screen and (min-width: 1201px) {
  #block-frontpageseotext { width: 70%; }
}
#block-frontpageseotext:before,
#block-frontpageseotext:after {
  display: table;
  content: " ";
}
#block-frontpageseotext:after {
  clear: both;
}
#block-frontpageseotext a {
  color: var(--color-brand);
  font-weight: 500;
  transition: color 0.3s ease-in-out;
}
#block-frontpageseotext a:hover {
  color: var(--color-brand-dark);
}
#block-frontpageseotext .field {
  text-align: left;
}
@media screen and (min-width: 1200px) {
  #block-frontpageseotext .field {
    padding-left: 115px;
  }
}
#block-frontpageseotext h2 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.05px;
  font-weight: 500;
  text-transform: inherit;
  position: relative;
  margin: 30px 0 5px;
  color: var(--color-slate-800);
}
@media screen and (min-width: 1200px) {
  #block-frontpageseotext h2:before {
    display: inline-block;
    position: absolute;
    left: -130px;
    width: 102px;
    height: 153px;
    content: "";
  }
  #block-frontpageseotext h2:nth-of-type(1):before {
    background: url("/themes/custom/menutech/img/seo-images/first.webp") center no-repeat;
    background-size: cover;
  }
  #block-frontpageseotext h2:nth-of-type(2):before {
    background: url("/themes/custom/menutech/img/seo-images/second.webp") center no-repeat;
    background-size: cover;
  }
  #block-frontpageseotext h2:nth-of-type(3):before {
    background: url("/themes/custom/menutech/img/seo-images/third.webp") center no-repeat;
    background-size: cover;
  }
  #block-frontpageseotext h2:nth-of-type(4):before {
    background: url("/themes/custom/menutech/img/seo-images/fourth.webp") center no-repeat;
    background-size: cover;
  }
  #block-frontpageseotext h2:nth-of-type(5):before {
    background: url("/themes/custom/menutech/img/seo-images/fifth.webp") center no-repeat;
    background-size: cover;
  }
}
#block-frontpageseotext p {
  margin-bottom: 10px;
  color: var(--color-slate-800);
  font-weight: 400;
}