main {
  flex: 1 0 auto;
  overflow: hidden; }

.detail-wrapper {
  --logo-width: 72px;
  --logo-height: var(--logo-width);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 50px; }
  @media (min-width: 900px) {
    .detail-wrapper {
      --logo-width: 112px; } }
  @media (min-width: 900px) {
    .detail-wrapper {
      padding-top: 0; } }
  .detail-wrapper h1 {
    color: #46712d;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0.3em;
    max-width: 1000px;
    padding-top: 0.65em; }
    @media (min-width: 900px) {
      .detail-wrapper h1 {
        font-size: 40px; } }
    @media (min-width: 1200px) {
      .detail-wrapper h1 {
        font-size: 48px; } }
  .detail-wrapper .hero::before {
    background-image: url(section-wave-dark.f6434158.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 200px;
    width: 100%;
    position: absolute;
    top: 0;
    transform: rotate(180deg); }
    @media (min-width: 900px) {
      .detail-wrapper .hero::before {
        height: 300px; } }
    @media (min-width: 1400px) {
      .detail-wrapper .hero::before {
        height: 400px; } }
  .detail-wrapper .hero-content__image {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 3.75em;
    text-align: center; }
    @media (min-width: 900px) {
      .detail-wrapper .hero-content__image {
        font-size: 20px; } }
    @media (min-width: 1400px) {
      .detail-wrapper .hero-content__image {
        font-size: 23px; } }
    .detail-wrapper .hero-content__image img {
      height: auto; }
  .detail-wrapper .hero-content__logo {
    inset-inline-start: 50%;
    inset-block-start: unset;
    inset-block-end: 0;
    position: absolute;
    transform: translate(-50%, 50%); }
    .detail-wrapper .hero-content__logo img {
      width: 100%; }
  .detail-wrapper .hero-content__category {
    align-items: center;
    background-repeat: no-repeat;
    display: flex;
    height: 85px;
    inset-block-start: 0;
    inset-inline-start: 0;
    justify-content: center;
    position: absolute;
    transform: translate(20px, -20px);
    width: 150px; }
    @media (min-width: 900px) {
      .detail-wrapper .hero-content__category {
        height: 90px;
        width: 170px; } }
    @media (min-width: 1400px) {
      .detail-wrapper .hero-content__category {
        height: 110px;
        width: 220px; } }
    .detail-wrapper .hero-content__category span {
      max-width: 10ch; }
      [lang="fr-CH"] .detail-wrapper .hero-content__category span {
        max-width: none; }
  .detail-wrapper[data-category="category-1"] .hero-content__category {
    background-image: url(biodiversity_bubble.0cf6475f.svg);
    transform: translate(20px, -10px); }
  .detail-wrapper[data-category="category-2"] .hero-content__category {
    background-image: url(climate_bubble.e0bbc184.svg);
    transform: translate(20px, -15px); }
  .detail-wrapper[data-category="category-3"] .hero-content__category {
    background-image: url(fair_bubble.0ecc0793.svg);
    color: #462f1e; }
  .detail-wrapper[data-category="category-4"] .hero-content__category {
    background-image: url(ressource_bubble.f6754fea.svg);
    height: 100px;
    transform: translate(20px, -25px); }
    @media (min-width: 900px) {
      .detail-wrapper[data-category="category-4"] .hero-content__category {
        height: 110px;
        width: 180px; } }
    @media (min-width: 1400px) {
      .detail-wrapper[data-category="category-4"] .hero-content__category {
        height: 120px;
        width: 200px; } }
  .detail-wrapper[data-category="category-5"] .hero-content__category {
    color: #005472;
    background-image: url(health_bubble.3884d22d.svg); }
  .detail-wrapper[data-category="category-6"] .hero-content__category {
    background-image: url(dialog_bubble.76cd6e15.svg);
    height: 90px;
    transform: translate(20px, -20px);
    width: 180px; }
    @media (min-width: 900px) {
      .detail-wrapper[data-category="category-6"] .hero-content__category {
        height: 110px;
        width: 220px; }
        [lang="fr-CH"] .detail-wrapper[data-category="category-6"] .hero-content__category {
          width: 240px; } }

.hero-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0; }
  .hero-content:not(:has(.hero-content__image)) {
    margin-bottom: 10em; }

.hero-content__header {
  text-align: center; }
  .hero-content__header p {
    color: #b4be5d;
    font-size: 25px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase; }

.detail-content {
  box-sizing: content-box;
  font-size: 16px;
  padding-bottom: 3em; }
  @media (min-width: 481px) {
    .detail-content {
      font-size: 20px; } }
  @media (min-width: 900px) {
    .detail-content {
      font-size: 22px; } }
  .detail-content + .content-area {
    padding: 3em 0 3em; }
  .detail-content__section-small .container {
    max-width: 780px; }
  .detail-content__section-small:first-child p:first-child {
    color: #46712d;
    font-weight: 700; }
  .detail-content__section-small .cols {
    margin: 0 0 1.5em; }
    @media (min-width: 481px) {
      .detail-content__section-small .cols {
        display: flex; } }
    @media (min-width: 900px) {
      .detail-content__section-small .cols {
        margin: 0 -20px 1.5em; } }
  .detail-content__section-small .col {
    min-width: 170px;
    width: auto; }
    @media (min-width: 481px) {
      .detail-content__section-small .col:first-child {
        margin-right: 1.5em; } }
    .detail-content__section-small .col img {
      margin-bottom: 1.5em;
      max-height: 130px;
      max-width: 180px;
      width: auto;
      max-width: 100%; }
      @media (min-width: 900px) {
        .detail-content__section-small .col img {
          margin-bottom: 0; } }
  .detail-content p {
    margin: 0 auto 1em; }
    @media (min-width: 900px) {
      .detail-content p {
        margin: 0 auto 2em; } }
    .detail-content p a {
      color: #46712d;
      font-weight: 700; }
  .detail-content .section__headline {
    font-size: 20px;
    margin: 0 0 2em; }
    @media (min-width: 900px) {
      .detail-content .section__headline {
        font-size: 22px;
        margin: 0 0 3em; } }
    .detail-content .section__headline span:before, .detail-content .section__headline span:after {
      width: 240px; }
  .detail-content .related__links {
    list-style: none;
    margin-bottom: 100px;
    padding: 0;
    text-align: center; }
    .detail-content .related__links li {
      color: #46712d;
      margin-bottom: 20px; }
    .detail-content .related__links a {
      font-size: 16px;
      font-weight: 700;
      overflow-wrap: break-word;
      word-break: break-word; }
      @media (min-width: 900px) {
        .detail-content .related__links a {
          font-size: 20px; } }

.swiper-media-gallery .media-gallery__play {
  background: #46712d;
  border-radius: 33px;
  height: 66px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 66px;
  z-index: 1; }

.swiper-media-gallery .media-gallery__thumbnail {
  height: 100%;
  max-width: 100%;
  width: 100%; }

.swiper-media-gallery .swiper-slide {
  background: #707070;
  cursor: pointer;
  height: 330px;
  position: relative;
  width: auto; }


/*# sourceMappingURL=detail.a83ab4cd.css.map */