@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600;700&display=swap");

.german-collagen-ex-page {
  min-width: 0;
  padding-top: 92px;
  overflow: clip;
  background: #fbf4ef;
}

.german-collagen-ex-page + .site-footer { margin-top: 0; }
.german-collagen-ex-page > .wp-block-wd-section { margin: 0 !important; padding: 0 !important; background: #fbf4ef; }
.german-collagen-ex-page .wd-bg-overlay,
.german-collagen-ex-page .wd-shape-divider { display: none; }

.german-collagen-ex-page .wd-b90e3645 {
  margin: 0;
  padding: 90px 24px 38px;
  color: #4d1406;
  background: #fbf4ef;
  font: 600 clamp(28px, 4vw, 42px)/1.25 "Noto Serif TC", serif;
  text-align: center;
}

@keyframes collagenExAwards {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(-100% - 22px), 0, 0); }
}

.german-collagen-ex-page .wd-marquee {
  --wd-marquee-gap: 22px;
  display: flex;
  max-width: 100%;
  gap: var(--wd-marquee-gap);
  padding: 0 0 90px;
  overflow: hidden;
  background: #fbf4ef;
}

.german-collagen-ex-page .wd-marquee-content {
  min-width: 100%;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-around;
  gap: var(--wd-marquee-gap);
  animation: collagenExAwards 50s linear infinite;
}

.german-collagen-ex-page .wd-marquee-item { flex: 0 0 150px; }
.german-collagen-ex-page .wd-marquee-item img { width: 150px; height: 150px; object-fit: contain; }
.german-collagen-ex-page .wd-marquee:hover .wd-marquee-content { animation-play-state: paused; }

@media (max-width: 980px) {
  .german-collagen-ex-page { padding-top: 70px; }
}

@media (max-width: 640px) {
  .german-collagen-ex-page .wd-b90e3645 { padding-top: 64px; }
  .german-collagen-ex-page .wd-marquee { padding-bottom: 64px; }
  .german-collagen-ex-page .wd-marquee-item { flex-basis: 110px; }
  .german-collagen-ex-page .wd-marquee-item img { width: 110px; height: 110px; }
}