body#top.ttt .inside {
  --wrapper: 65rem;
}
body#top.ttt header {
  display: block;
}
body#top.ttt header .inside {
  --wrapper: 85rem;
  padding-block: 1rem 1.5rem;
}
body#top.ttt header .inside .logo {
  background-color: hsl(55, 80%, 51%);
}
@media screen and (max-width: 55rem) {
  body#top.ttt header .inside .logo {
    width: 200px;
  }
}
body#top.ttt .mod_newslist {
  margin-block: 2.5rem 3rem;
}
body#top.ttt .mod_newslist .layout_latest + .layout_latest {
  margin-block-start: 2rem;
}
body#top.ttt .mod_newslist .layout_latest {
  padding-block-end: 0.75rem;
  max-width: 25rem;
  background-color: hsl(197, 100%, 43%);
  color: white;
}
body#top.ttt .mod_newslist .layout_latest .image_container {
  height: 100%;
}
body#top.ttt .mod_newslist .layout_latest .image_container img {
  height: 100%;
  object-fit: cover;
}
body#top.ttt .mod_newslist .layout_latest .teaser {
  margin: 0.75rem;
}
body#top.ttt .mod_newslist .layout_latest .teaser h3 {
  color: white;
}
body#top.ttt .mod_newslist .layout_latest .trek {
  margin: 0.75rem;
  align-self: flex-end;
}
body#top.ttt .mod_newslist .layout_latest .trek .subheadline {
  font-style: italic;
}
body#top.ttt .mod_newslist .layout_latest .trek .content-player {
  margin-block-start: 1.5rem;
  margin-block-end: unset;
}
body#top.ttt .mod_newslist .layout_latest .trek .content-player audio {
  width: 100%;
}
body#top.ttt .mod_newslist .layout_latest p, body#top.ttt .mod_newslist .layout_latest a {
  color: white;
}
@media (width > 53rem) {
  body#top.ttt .mod_newslist .layout_latest {
    padding-block-end: unset;
    max-width: unset;
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
  }
  body#top.ttt .mod_newslist .layout_latest .trek {
    width: 35%;
  }
}
body#top.ttt footer {
  background-color: hsl(197, 100%, 43%);
}
body#top.ttt footer .inside {
  display: block;
  padding-block-start: unset;
}
body#top.ttt footer .flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
body#top.ttt footer .flex .nav_footer ul {
  flex-wrap: wrap;
}
@media (width > 48rem) {
  body#top.ttt footer .flex {
    flex-direction: row;
    justify-content: space-between;
  }
}
body#top.ttt footer p.sponsor {
  margin-inline: auto;
  width: fit-content;
  font-size: 0.8125rem;
  color: hsl(0, 0%, 26%);
  transform: translateY(-3rem);
}

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