.landing-page-header {
  background-image: linear-gradient(#3e4046, #262626);
  box-shadow: 0 2px 2px 0 rgb(0 0 0/14%), 0 3px 1px -2px rgb(0 0 0/12%), 0 1px 5px 0 rgb(0 0 0/20%)
}

.landing-page-header__content {
  padding: 10px 1.25rem
}

.landing-page-header .custom-logo-link {
  width: 185px;
  height: 42px;
  display: inline-block
}

.landing-page-header+main {
  margin-top: 30px
}

.page-template-landing-page .content-wrapper {
  margin-top: 0
}

.toptext__wrapper h1 {
  text-align: center
}

.list__container {
  margin: 30px 0
}

.list__container .filter {
  display: none
}

.toptext__wrapper>ul li {
  margin-bottom: 1.15rem
}

.toptext__wrapper>ul li:last-child {
  margin-bottom: 0
}

.tl-dropdown-list .list__dropdown-pro-cons,
.tl-dropdown-list .list__dropdown-rating {
  display: none
}

.list__dropdown-list .list__dropdown-header {
  grid-template-columns: auto
}

@media screen and (min-width: 768px) {
  .content-wrapper {
    margin-top: 6rem
  }

  .landing-page-header__content {
    padding: 10px calc((100vw - (1040px - 2.5rem)) * 0.5)
  }

  .list__container .filter {
    display: block
  }

  .home .toptext__wrapper h2 {
    font-size: var(--font-size-h2-desktop)
  }
}

.read-more__foldout {
  transition: max-height .2s ease-out;
  font-size: var(--font-size-body)
}

.read-more__foldout a {
  color: var(--text-color-light)
}

.read-more__state {
  display: none
}

.read-more__foldout .read-more__trigger {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  display: block;
  text-align: center;
  font-size: var(--font-size-body);
  color: var(--color-cta);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  margin: 0
}

.page-template-default .read-more__foldout:before,
.page-template-text-php .read-more__foldout:before,
.page-template-simple-text .read-more__foldout:before {
  background-image: linear-gradient(to bottom, var(--bg-color-transparent), var(--bg-color-readmore-alternate) 75%)
}

.fold-open {
  height: 100%
}

.fold-open::before {
  content: none !important
}

.fold-open .read-more__trigger {
  display: none
}

.list__dropdown-cta:first-child {
  display: none
}

.read-more__foldout img {
  max-width: 100%;
  height: auto;
  border-radius: var(--border-radius);
  overflow: hidden;
  margin: auto;
  display: flex
}

.read-more__foldout h2 {
  max-width: 700px;
  font-size: var(--font-size-h2);
  font-weight: var(--headers-weight);
  margin: .75rem auto;
  text-transform: var(--headers-transform);
  color: var(--text-color-dark)
}

.read-more__foldout h3 {
  font-weight: var(--headers-weight);
  font-size: var(--font-size-h3);
  line-height: var(--line-height-headings);
  margin-top: 1.5rem;
  color: var(--text-color-dark)
}

.read-more__foldout ul {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-light);
  color: var(--text-color-light)
}

.read-more__foldout p,
.read-more__foldout>ol {
  font-size: var(--font-size-body-desktop);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-mobile);
  color: var(--text-color-dark);
  margin-bottom: 0;
  padding: 0
}

@media screen and (min-width: 600px) {
  .read-more__foldout .read-more__trigger {
    font-size: var(--font-size-caption-desktop);
    margin: 0;
    padding-top: .5rem
  }
}

.home .read-more__foldout {
  color: var(--text-color-dark);
  background-color: var(--bg-color);
  max-height: 12rem
}

.home .read-more__foldout:after {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--bg-color) 95%)
}

@media screen and (min-width: 600px) {
  .home .read-more__foldout {
    max-height: 10rem;
    box-shadow: 0 0 8px 12px var(--bg-color)
  }
}

@media screen and (min-width: 768px) {
  .read-more__foldout {
    font-size: var(--font-size-body-desktop)
  }

  .read-more__foldout h2 {
    font-size: var(--font-size-h2-desktop)
  }

  .read-more__foldout h2 {
    font-size: var(--font-size-h3-desktop)
  }
}

@media screen and (min-width: 860px) {

  .read-more__foldout p,
  .read-more__foldout ol {
    font-size: var(--font-size-body-desktop);
    line-height: var(--line-height);
    color: var(--text-color-light)
  }
}

footer {
  background: var(--color-tooltip);
}

.footer__copyright {
  text-align: center
}

footer .site-logo {
  width: 185px;
  height: auto;
  display: block;
  margin: auto
}

.footer__copyright p {
  display: block;
  margin: 1rem 0;
  font-size: 14px;
  color: #ececec
}