:root {
  --button-color: #7E7367;
  --button-color-hover: #464039;
  --button-color-active: #38332E;
  --button-color-disabled: #D8D4CF;
  --button-color-disabled-background: #F8F7F7;
  --button-color-secondary-background: #D8D4CF; }

.article-hero-caption {
  color: #9F9389;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px; }

.article-hero-picture-square {
  width: 100%;
  aspect-ratio: 1 / 1; }

.article-hero-picture-rectangle-vertical {
  width: 100%;
  aspect-ratio: 2 / 3; }

.article-hero-picture-rectangle-horizontal {
  width: 100%;
  aspect-ratio: 3 / 2; }

.article-hero-picture-hero {
  width: 100%;
  aspect-ratio: 1.75 / 1; }

.article-hero-picture-panoramic {
  width: 100%;
  aspect-ratio: 16 / 9; }

.article-hero-picture-two-columns img {
  aspect-ratio: 2 / 3; }

.articles-likes__imageThumbs {
  width: 18px;
  height: 22px;
  margin: 1px 5px 0 3px;
  cursor: pointer;
  background-image: url(../../images/rate/rate.svg); }
  .articles-likes__imageThumbs:hover {
    background-image: url(../../images/rate/rate-hover.svg); }
  .articles-likes__imageThumbs.liked {
    width: 19px;
    background-image: url(../../images/rate/rate-clicked.svg); }

.articles-likes .numberLikesInteger {
  color: #9F9389; }
  .articles-likes .numberLikesInteger.liked {
    color: #635950; }

.article-body-text {
  color: #464039;
  font-weight: 400;
  line-height: 136%;
  flex-direction: column; }
  @media (max-width: 768px) {
    .article-body-text {
      padding: 0 24px; } }
  .article-body-text.large {
    font-size: 16px; }
  .article-body-text.medium {
    font-size: 14px; }
  .article-body-text.small {
    font-size: 12px; }
  .article-body-text p {
    margin-bottom: 20px; }
  .article-body-text li:not(:last-of-type) {
    margin-bottom: 16px; }
  .article-body-text--narrow {
    max-width: 612px; }

.article-body-title__scroll-top {
  scroll-margin-top: 150px; }

.article-body-title .title-bubble {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 136%;
  letter-spacing: 0.5px;
  color: #fff;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: #464039;
  border-radius: 50%; }
  .article-body-title .title-bubble--small {
    font-size: 12px;
    width: 24px;
    height: 24px; }

.article-body-title.padding-h2 {
  padding-bottom: 32px; }

.article-body-title h2 {
  font-family: "Ubuntu", sans-serif !important;
  color: #464039;
  font-size: 32px !important;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -1.28px; }

.article-body-title h3 {
  font-family: "Ubuntu", sans-serif !important;
  color: #464039;
  font-size: 28px;
  font-weight: 400;
  line-height: 128%;
  letter-spacing: -1.12px; }

.article-body-title h4 {
  font-family: "Ubuntu", sans-serif !important;
  color: #464039;
  font-size: 22px;
  font-weight: 400;
  line-height: 128%;
  letter-spacing: -0.88px; }

.article-body-title h5 {
  font-family: "Ubuntu", sans-serif !important;
  color: #464039;
  font-size: 18px;
  font-weight: 500;
  line-height: 136%; }

.article-body-title--narrow {
  max-width: 612px; }

.article-body-video-title-wrapper {
  display: flex;
  background-color: #F9F2EC;
  border-radius: 0 0 8px 8px; }
  .article-body-video-title-wrapper.alternative {
    background-color: #F0F6EE; }

.article-body-video-title {
  color: #464039;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px; }

.article-body-video {
  max-width: 544px; }
  @media (max-width: 1024px) {
    .article-body-video {
      padding: 0 24px; } }
  .article-body-video iframe,
  .article-body-video video {
    border-radius: 8px 8px 0 0;
    width: 100%; }
  .article-body-video.rounded-corners iframe,
  .article-body-video.rounded-corners video {
    border-radius: 8px; }

.article-body-teaser-multiple .article-teaser-multiple-flex.flex-md-row .teaser-multiple-image {
  margin-right: 48px; }

.article-body-teaser-multiple .article-teaser-multiple-flex.flex-md-row-reverse .teaser-multiple-image {
  margin-left: 48px;
  margin-right: unset; }

.article-body-teaser-multiple .article-teaser-multiple-flex .article-teaser-multiple {
  font-family: "Ubuntu", sans-serif;
  font-size: 16px; }
  .article-body-teaser-multiple .article-teaser-multiple-flex .article-teaser-multiple .font-weight-bold {
    font-size: 18px; }

.article-body-teaser-image {
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 1.21 / 1;
  object-fit: cover;
  margin-bottom: 20px;
  margin-right: 0;
  border-radius: 12px; }

.article-buttons-wrapper {
  gap: 12px; }
  .article-buttons-wrapper .article-download-button,
  .article-buttons-wrapper .article-share-button {
    padding: 10px 16px;
    gap: 8px;
    border-radius: 50px;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    width: auto; }
    .article-buttons-wrapper .article-download-button.full-width,
    .article-buttons-wrapper .article-share-button.full-width {
      width: 100%; }
  .article-buttons-wrapper .article-download-button {
    text-decoration: none;
    color: #fff;
    background-color: #936031;
    border: 0; }

.article-playlist-wrapper {
  border-radius: 12px;
  background: #fff; }

.article-playlist-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px; }

.article-playlist-video-wrapper {
  border-bottom: 0.5px solid #D7D3D0;
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(23, 20, 18, 0.08); }
  .article-playlist-video-wrapper.selected {
    background-color: #ECE5D9; }
    .article-playlist-video-wrapper.selected.alternative {
      background-color: #D8E5DD; }

.article-playlist-video-text-wrapper {
  padding-top: 18px; }

.article-playlist-video-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 12px; }

.article-playlist-video-subtitle {
  overflow: hidden;
  color: #292524;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 8px; }

.article-playlist-video-description {
  overflow: hidden;
  color: #292524;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

.article-playlist-video-image {
  border-radius: 12px;
  width: 100%;
  height: 168px; }

.article-playlist-video-link {
  text-decoration: none; }

.article-playlist-video-image-play {
  bottom: 30px;
  right: 30px; }

.article-recommender-wrapper {
  width: 100%;
  margin: 0 20px; }
  .article-recommender-wrapper .article-recommender-title {
    font-family: "Ubuntu", sans-serif !important;
    color: #171412;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px; }
  .article-recommender-wrapper .exclusive-articles-block .article-module-list {
    gap: 0;
    margin-left: 0; }
  .article-recommender-wrapper .exclusive-articles-block .article-module-item {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 4px 16px 0px #17141214;
    margin: 0;
    height: 247px; }
  .article-recommender-wrapper .exclusive-articles-block .bottom-content {
    display: flex;
    flex-direction: column;
    row-gap: 12px; }
    .article-recommender-wrapper .exclusive-articles-block .bottom-content .title-wrapper,
    .article-recommender-wrapper .exclusive-articles-block .bottom-content .title {
      margin: 0; }

.article-page__author-picture {
  object-fit: cover; }

.article-page__author-picture-wrapper {
  height: 40px;
  width: 40px; }

.article-page__author-name-wrapper {
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  line-height: 21.76px;
  color: #635950; }

.article-page__author-name {
  text-decoration: underline; }

.article-page__time-edited {
  font-size: 10px;
  line-height: 13.6px; }

.article-page__time-wrapper {
  color: #9F9389;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.04px; }

.article-page__share-icon path {
  fill: #7E7367; }

.article-page__share-icon--open path {
  fill: #464039; }

.article-page__share-icon:hover {
  cursor: pointer; }
  .article-page__share-icon:hover path {
    fill: #464039; }

.article-page__share-menu {
  border-radius: 16px;
  box-shadow: 0px 2px 2px 0px rgba(56, 51, 46, 0.02), 0px 6px 24px 0px rgba(56, 51, 46, 0.08);
  z-index: 10;
  right: 0;
  width: max-content; }

.article-page__share-item {
  color: #464039;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  line-height: 136%;
  cursor: pointer; }
  .article-page__share-item:not(:last-child) {
    padding-bottom: 20px; }

.article-page__progress-bar-wrapper {
  height: 8px;
  z-index: 998; }

.article-page__progress-bar {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.article-hero-partnership + .article-hero-picture-hero .article-hero-image.typeHero {
  margin-top: -2px; }

@media (min-width: 768px) {
  .article-page-container__blocks {
    align-items: center; }
  .article-hero-image {
    border-radius: 8px; }
  .article-hero-partnership {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden; }
    .article-hero-partnership + .article-hero-picture-hero {
      aspect-ratio: 1.80 / 1; }
      .article-hero-partnership + .article-hero-picture-hero .article-hero-image.article-hero-image {
        border-top-left-radius: 0;
        border-top-right-radius: 0; } }

@media (min-width: 1024px) {
  .article-page__like-padding {
    padding: 0 100px 0 100px; }
  .article-page__author-padding {
    padding: 0 100px 0 100px; }
  .article-hero-picture-square,
  .article-hero-picture-rectangle-vertical {
    width: 400px; }
  .article-hero-picture-rectangle-horizontal,
  .article-hero-picture-panoramic {
    margin: 0 20px;
    width: 100%; }
  .article-body-title h2 {
    font-size: 40px !important;
    letter-spacing: -1.6px; }
  .article-body-title h3 {
    font-size: 32px;
    letter-spacing: -1.28px; }
  .article-body-title h4 {
    font-size: 24px;
    letter-spacing: -0.96px; }
  .article-body-teaser-image {
    width: 400px;
    margin-right: 40px;
    margin-bottom: 40px; }
  .teaser-multiple-image {
    width: 180px;
    height: 180px;
    margin-bottom: 16px; }
    .teaser-multiple-image__img {
      border-radius: 8px; }
  .article-buttons-wrapper .article-download-button,
  .article-buttons-wrapper .article-share-button {
    width: auto !important; }
  .article-playlist-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 38px; }
  .article-playlist-video-text-wrapper {
    padding: 12px 12px 16px 24px; }
  .article-playlist-video-image {
    width: 246px;
    height: auto; }
  .article-recommender-wrapper {
    width: 848px;
    margin: 0; }
    .article-recommender-wrapper .article-recommender-title {
      color: #1C1917;
      font-size: 30px;
      font-weight: 500;
      line-height: 38px;
      margin-bottom: 32px; }
    .article-recommender-wrapper .exclusive-articles-block .article-module-list {
      gap: 16px; }
  .article-hero-image--desktop-none img {
    object-fit: none; }
  .article-hero-image--desktop-fill img {
    object-fit: fill; }
  .article-hero-image--desktop-contain img {
    object-fit: contain;
    max-width: fit-content; }
  .article-hero-image--desktop-cover img {
    object-fit: cover; }
  .article-hero-image--desktop-scale-down img {
    object-fit: scale-down; } }

@media (min-width: 1024px) {
  .article-page[data-exclusive="false"] .article-hero-image {
    border-radius: 8px;
    width: 100%; } }

.article-page[data-exclusive="false"] .article-body-video-title-wrapper {
  display: none; }

.article-page[data-exclusive="false"] .article-body-video iframe,
.article-page[data-exclusive="false"] .article-body-video video {
  border-radius: 8px; }

.article-page[data-exclusive="false"] .article-hero-picture-rectangle-vertical img {
  width: 100%; }

.article-page[data-exclusive="false"] .article-hero-image-container__two-columns img {
  height: fit-content !important; }

[data-pet-world="Dog"] li a,
[data-pet-world="Dog"] li a:link,
[data-pet-world="Dog"] li a:hover,
[data-pet-world="Dog"] li a:visited,
[data-pet-world="Dog"] p a,
[data-pet-world="Dog"] p a:link,
[data-pet-world="Dog"] p a:hover,
[data-pet-world="Dog"] p a:visited,
body[data-color-site="dogColor"] li a,
body[data-color-site="dogColor"] li a:link,
body[data-color-site="dogColor"] li a:hover,
body[data-color-site="dogColor"] li a:visited,
body[data-color-site="dogColor"] p a,
body[data-color-site="dogColor"] p a:link,
body[data-color-site="dogColor"] p a:hover,
body[data-color-site="dogColor"] p a:visited {
  color: #936031; }

[data-pet-world="Dog"] .article-body-title .title-bubble,
body[data-color-site="dogColor"] .article-body-title .title-bubble {
  background-color: #936031; }

[data-pet-world="Dog"] .article-page__progress-bar,
body[data-color-site="dogColor"] .article-page__progress-bar {
  background-color: #936031; }

[data-pet-world="Dog"] .article-buttons-wrapper .article-share-button,
body[data-color-site="dogColor"] .article-buttons-wrapper .article-share-button {
  color: #936031;
  border: 1px solid #936031; }

[data-pet-world="Dog"] .article-buttons-wrapper .article-download-button,
body[data-color-site="dogColor"] .article-buttons-wrapper .article-download-button {
  background-color: #936031; }
  [data-pet-world="Dog"] .article-buttons-wrapper .article-download-button:hover,
  body[data-color-site="dogColor"] .article-buttons-wrapper .article-download-button:hover {
    background-color: #936031; }

[data-pet-world="Dog"] .article-playlist-video-title,
body[data-color-site="dogColor"] .article-playlist-video-title {
  color: #936031; }

[data-pet-world="Dog"] *::selection,
body[data-color-site="dogColor"] *::selection {
  background: #936031; }

[data-pet-world="Cat"] li a,
[data-pet-world="Cat"] li a:link,
[data-pet-world="Cat"] li a:hover,
[data-pet-world="Cat"] li a:visited,
[data-pet-world="Cat"] p a,
[data-pet-world="Cat"] p a:link,
[data-pet-world="Cat"] p a:hover,
[data-pet-world="Cat"] p a:visited,
body[data-color-site="catColor"] li a,
body[data-color-site="catColor"] li a:link,
body[data-color-site="catColor"] li a:hover,
body[data-color-site="catColor"] li a:visited,
body[data-color-site="catColor"] p a,
body[data-color-site="catColor"] p a:link,
body[data-color-site="catColor"] p a:hover,
body[data-color-site="catColor"] p a:visited {
  color: #4A773C; }

[data-pet-world="Cat"] .article-body-title .title-bubble,
body[data-color-site="catColor"] .article-body-title .title-bubble {
  background-color: #4A773C; }

[data-pet-world="Cat"] .article-page__progress-bar,
body[data-color-site="catColor"] .article-page__progress-bar {
  background-color: #4A773C; }

[data-pet-world="Cat"] .article-buttons-wrapper .article-share-button,
body[data-color-site="catColor"] .article-buttons-wrapper .article-share-button {
  color: #4A773C;
  border: 1px solid #4A773C; }
  [data-pet-world="Cat"] .article-buttons-wrapper .article-share-button path,
  body[data-color-site="catColor"] .article-buttons-wrapper .article-share-button path {
    fill: #4A773C; }

[data-pet-world="Cat"] .article-buttons-wrapper .article-download-button,
body[data-color-site="catColor"] .article-buttons-wrapper .article-download-button {
  background-color: #4A773C; }
  [data-pet-world="Cat"] .article-buttons-wrapper .article-download-button:hover,
  body[data-color-site="catColor"] .article-buttons-wrapper .article-download-button:hover {
    background-color: #4A773C; }

[data-pet-world="Cat"] .article-playlist-video-title,
body[data-color-site="catColor"] .article-playlist-video-title {
  color: #4A773C; }

[data-pet-world="Cat"] *::selection,
body[data-color-site="catColor"] *::selection {
  background: #4A773C; }

@media (max-width: 768px) {
  .article-page__categories .category-tag.hide-responsive {
    display: none; }
  .article-hero-image-container {
    padding: 0 24px; }
  .article-body-teaser-multiple .article-teaser-multiple-flex {
    align-items: center; }
    .article-body-teaser-multiple .article-teaser-multiple-flex.flex-md-row .teaser-multiple-image {
      margin-left: unset;
      margin-right: unset; }
    .article-body-teaser-multiple .article-teaser-multiple-flex.flex-md-row-reverse .teaser-multiple-image {
      margin-left: unset;
      margin-right: unset; }
  .teaser-multiple-image {
    width: 150px;
    height: 150px; } }

@media (max-width: 1024px) {
  .article-body-title {
    padding: 0 24px; }
  .article-hero-image--mobile-none img {
    object-fit: none; }
  .article-hero-image--mobile-fill img {
    object-fit: fill; }
  .article-hero-image--mobile-contain img {
    object-fit: contain; }
  .article-hero-image--mobile-cover img {
    object-fit: cover; }
  .article-hero-image--mobile-scale-down img {
    object-fit: scale-down; } }

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