@charset "UTF-8";
/* ---------------------------- */
/* --- vendor-prefix mixins --- */
/* ---------------------------- */
/* --------------- */
/* --- helpers --- */
/* --------------- */
/* === flip animation ===
   This effect needs the following elements:
   * flip-container: the container the mixin is applied to. Element that contains all the other elements; on this element the perspective
     property is set and the actual animation is triggered (by applying another class, on hover or however ... )
   * flipper: element that is flipped; this contains an element that serves as the front of the flipped thingy.
   * front: element that serves as the front of the flipped thingy
   * back: element that serves as the back of the flipped thingy. In the current implementation this is realized by an after-pseudoelement on
     the flipper-element. This could also be a separate element

   This mixin up to now is not too generic to keep it simple right now and mainly serves to make the CSS where it is called less cluttered.
   Can be made more generic as soon as needed.
*/
/* === breakpoints === */
.clsy-c-loading-indicator, .clsy-c-btn.clsy-c-loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
}

.clsy-c-loading-indicator::after, .clsy-c-btn.clsy-c-loading-indicator::after {
  content: " ";
  box-sizing: border-box;
  display: block;
  width: var(--loading-indicator-width);
  height: var(--loading-indicator-width);
  min-width: auto;
  min-height: auto;
  margin: 1px;
  background-color: transparent;
  border-radius: 50%;
  border: var(--loading-indicator-line-thickness) solid;
  border-color: var(--emphasized-color) transparent var(--emphasized-color) transparent;
  animation: rotate-360-deg 1.2s linear infinite;
}

.clsy-contact-card__entry-link, .clsy-c-expose-categories .clsy-c-external-link, .clsy-c-expose__commercial-vendor > a {
  padding: 0;
  border-bottom: none;
}

.clsy-contact-card__entry-link:after, .clsy-c-expose-categories .clsy-c-external-link:after, .clsy-c-expose__commercial-vendor > a:after {
  content: none;
}

.clsy-c-expose-organization .clsy-c-external-link {
  padding: 0;
  border-bottom: none;
}

.clsy-c-expose-organization .clsy-c-external-link:after {
  content: none;
  display: inline;
  height: auto;
  background-color: transparent;
  position: static;
  bottom: auto;
  left: auto;
  right: auto;
  transition: all 0s 0s ease;
}

.clsy-c-expose-organization .clsy-c-external-link:hover, .clsy-c-expose-organization .clsy-c-external-link:focus, .clsy-c-expose-organization .clsy-c-external-link:active {
  background-color: transparent;
}

.clsy-c-expose-organization .clsy-c-external-link:focus-visible, .clsy-c-expose-organization .clsy-c-external-link:active {
  outline: var(--standard-outline-style);
}

.clsy-c-message {
  --animation-duration-unitless: 200;
  --animation-duration: calc(var(--animation-duration-unitless) * 1ms);
  --mask-icon-width: calc(24px + .8em);
  --mask-icon-height: 100%;
  --mask-icon-color: var(--icon-color-messages);
  display: flex;
  align-items: center;
  position: relative;
  min-height: var(--mask-icon-width);
  line-height: var(--smaller-line-height);
  background-color: var(--cardlike-item-bg-color);
  border-style: solid;
  border-color: var(--message-class-color) !important;
  box-shadow: 0 -1px 0 0 var(--contentsection-border-color), 0 3px 0 0 var(--contentsection-border-color);
  margin: .8em auto;
  max-width: 80ch;
  border-width: 0 5px 0 var(--mask-icon-width);
  transition: opacity var(--animation-duration) ease-out, transform var(--animation-duration) var(--bouncy-transition-function);
  transform: scaleY(1);
  opacity: 1;
}

.clsy-c-message::before {
  content: "";
  flex: none;
  display: block;
  width: var(--mask-icon-width);
  height: var(--mask-icon-height);
  transform: var(--mask-icon-transform);
  opacity: var(--mask-icon-opacity);
  background-color: var(--mask-icon-color);
  -webkit-mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  -webkit-mask-size: var(--mask-icon-size);
  mask-size: var(--mask-icon-size);
  position: absolute;
  top: 0;
  left: calc(-1 * var(--mask-icon-width));
  bottom: 0;
}

.clsy-c-message--info {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/belck9g/image/pwa/icons/icon-message-info.svg);
  --message-class-color: var(--message-color-info);
}

.clsy-c-message--warning {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/86ckdgje/image/pwa/icons/icon-message-warning.svg);
  --message-class-color: var(--message-color-warning);
}

.clsy-c-message--error {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ihhdd7kg/image/pwa/icons/icon-message-error.svg);
  --message-class-color: var(--message-color-error);
  --mask-icon-color: var(--icon-color-messages--error);
}

.clsy-c-message--success {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/l9gccbbe/image/pwa/icons/icon-message-success.svg);
  --message-class-color: var(--message-color-success);
}

.clsy-c-message:has(.clsy-c-message__close) {
  display: flex;
  gap: var(--button-gutter);
  align-items: flex-start;
}

.clsy-c-message--hidden {
  opacity: 0;
  transform: scaleY(0);
}

.clsy-c-message__close {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ifjbbllb/image/pwa/icons/icon-close.svg);
  --mask-icon-color: var(--standard-link-color);
  margin-left: auto;
}

.clsy-c-message > div:first-child {
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
}

.clsy-c-message ul {
  margin: .4em 0 0 .4em;
  padding: 0;
  list-style-type: none;
}

.clsy-c-message ul > li {
  position: relative;
  margin: 0;
  padding: .2em 0 .2em .6em;
}

.clsy-c-message ul > li::before {
  content: "›";
  position: absolute;
  top: .18em;
  left: 0;
  font-weight: bold;
  color: var(--less-important-text-color);
}

/* === unread items indicator === */
.clsy-count-badge {
  --badge-diameter: 1.9em;
  display: inline-block;
  min-width: var(--badge-diameter);
  height: var(--badge-diameter);
  line-height: 1.7em;
  color: var(--emphasized-background-text-color);
  font-size: var(--fontsize-small);
  font-weight: bold;
  text-align: center;
  background-color: var(--emphasized-color);
  border: 2px solid var(--standard-bg-color);
  border-radius: calc(var(--badge-diameter) / 2);
  transform: scale(1);
  transition: transform 300ms var(--very-bouncy-transition-function), visibility 300ms;
}

.clsy-count-badge--hidden {
  visibility: hidden;
  transform: scale(0);
}

.clsy-count-badge--nav-trigger {
  position: absolute;
  top: 2px;
  right: 2px;
}

@media (max-width: 699px) {
  @supports (display: contents) {
    .clsy-c-expose {
      display: flex;
      flex-direction: column;
    }
    .clsy-c-expose-col {
      display: contents;
    }
    .clsy-c-expose-main-content {
      order: 0;
    }
    .clsy-c-expose-organization {
      order: 1;
    }
    .clsy-c-expose-user {
      order: 1;
    }
    .clsy-c-expose-mn-2 {
      order: 2;
    }
    .clsy-c-expose-attributes {
      order: 3;
    }
    .clsy-c-expose-mn-3 {
      order: 4;
    }
    .clsy-c-expose-tags-outer {
      order: 5;
    }
    .clsy-c-expose-similar-items {
      order: 6;
    }
    .clsy-c-expose-marktlet-wrapper.clsy-c-expose-marktlet-wrapper--similar-items-present {
      order: 7;
    }
    .clsy-c-expose-mn-4 {
      order: 8;
    }
    .clsy-c-expose-category-articles {
      order: 9;
    }
    .clsy-c-expose-marktlet-wrapper {
      order: 10;
    }
    .clsy-c-expose-more-user-items {
      order: 11;
    }
    .clsy-c-expose-categories--related {
      order: 12;
    }
    .clsy-c-expose-categories--similar {
      order: 13;
    }
    .clsy-c-expose-bottom {
      order: 14;
    }
    .clsy-c-expose-marktlet-wrapper {
      margin-top: 0 !important;
      margin-bottom: var(--contentsection-bottom-margin);
    }
    .clsy-contentsection + .clsy-c-expose-mn-3 {
      margin-bottom: calc(var(--contentsection-bottom-margin) / 2);
    }
  }
}

@media (min-width: 700px) {
  .clsy-c-expose {
    display: grid;
    grid-column-gap: var(--container-gutter);
    grid-template-columns: minmax(0, 1.9fr) minmax(var(--layout-column-min-width), 1.1fr);
    grid-template-areas: "top top" "col-left col-right" "bottom bottom";
  }
  .clsy-c-expose-top {
    grid-area: top;
  }
  .clsy-c-expose-col--left {
    grid-area: col-left;
  }
  .clsy-c-expose-col--right {
    grid-area: col-right;
  }
  .clsy-c-expose-bottom {
    grid-area: bottom;
  }
  .clsy-c-expose .clsy-c-advsection {
    background-color: transparent;
  }
  .clsy-c-expose-top:empty {
    margin-bottom: var(--container-gutter);
  }
  .clsy-c-expose-col--right .clsy-contentsection {
    --standard-content-padding-horizontal: var(--fixed-content-padding-horizontal);
  }
  .clsy-c-expose-col--right .clsy-attribute-list__item {
    grid-template-columns: minmax(min-content, 1.1fr) minmax(5ch, 1.9fr);
  }
}

.clsy-contentsection + .clsy-c-expose-mn-2, .clsy-contentsection + .clsy-c-expose-mn-3 {
  margin-top: calc(-1 * var(--contentsection-bottom-margin));
}

.clsy-c-expose-main-content {
  position: relative;
}

.clsy-c-expose-upload-teaser {
  --top-space-for-bg-image: 130px;
  display: block;
  position: relative;
  padding: var(--top-space-for-bg-image) var(--standard-content-padding-horizontal) var(--standard-content-padding-vertical);
  color: var(--emphasized-text-color);
  font-size: var(--fontsize-xlarge);
  line-height: var(--headline-line-height);
  text-align: center;
  background: var(--advsection-bg-color) url("https://static.testing.markt.de/bundles/hlkl6l9h/image/pwa/illustration_upload_image.svg") center 10px no-repeat;
  border-bottom: 1px solid var(--standard-border-color);
  border-top: 1px solid var(--standard-border-color);
}

.clsy-c-expose-upload-teaser:focus {
  background-color: var(--advsection-bg-color);
}

.clsy-c-expose-media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.clsy-c-expose-media > .clsy-c-expose-media__item:first-child {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.clsy-c-expose-media > .clsy-c-expose-media__item:first-child:before {
  content: "";
  box-sizing: border-box;
  display: block;
  width: var(--loading-indicator-width);
  height: var(--loading-indicator-width);
  min-width: auto;
  min-height: auto;
  margin: 1px;
  background-color: transparent;
  border-radius: 50%;
  border: var(--loading-indicator-line-thickness) solid;
  border-color: var(--emphasized-color) transparent var(--emphasized-color) transparent;
  position: absolute;
  top: 50%;
  right: auto;
  left: 50%;
  bottom: auto;
  animation: rotate-360-deg-center-both 1.2s linear infinite;
}

.clsy-c-expose-media__item {
  position: relative;
  margin: 0;
  padding: 0;
}

.clsy-c-expose-media a.clsy-c-expose-media__link {
  --bg-img-url: "";
  display: block;
  position: relative;
  overflow: hidden;
  height: 0;
  margin: 0;
  padding: 71% 0 0 0;
  border: 0;
  background: transparent var(--bg-img-url) center center no-repeat;
  background-size: cover;
  --link-hover-bg-color: transparent;
}

.clsy-c-expose-media a.clsy-c-expose-media__link:after {
  content: none;
}

.clsy-c-expose-media a.clsy-c-expose-media__link > .clsy-c-expose-media__imgwrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border 200ms;
  -webkit-backdrop-filter: brightness(1.7) blur(40px) saturate(0.5);
  backdrop-filter: brightness(1.7) blur(40px) saturate(0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not(.clsy-light-mode) .clsy-c-expose-media a.clsy-c-expose-media__link > .clsy-c-expose-media__imgwrapper {
    -webkit-backdrop-filter: brightness(0.8) blur(40px) saturate(0.9);
    backdrop-filter: brightness(0.8) blur(40px) saturate(0.9);
  }
}

:root.clsy-dark-mode .clsy-c-expose-media a.clsy-c-expose-media__link > .clsy-c-expose-media__imgwrapper {
  -webkit-backdrop-filter: brightness(0.8) blur(40px) saturate(0.9);
  backdrop-filter: brightness(0.8) blur(40px) saturate(0.9);
}

.clsy-c-expose-media a.clsy-c-expose-media__link > .clsy-c-expose-media__imgwrapper--loading::after {
  content: "";
  box-sizing: border-box;
  display: block;
  width: var(--loading-indicator-width);
  height: var(--loading-indicator-width);
  min-width: auto;
  min-height: auto;
  margin: 1px;
  background-color: transparent;
  border-radius: 50%;
  border: var(--loading-indicator-line-thickness) solid;
  border-color: var(--emphasized-color) transparent var(--emphasized-color) transparent;
  position: absolute;
  top: 50%;
  right: auto;
  left: 50%;
  bottom: auto;
  animation: rotate-360-deg-center-both 1.2s linear infinite;
}

.clsy-c-expose-media a.clsy-c-expose-media__link > .clsy-c-expose-media__imgwrapper > img {
  max-width: none;
}

@supports (object-fit: contain) {
  .clsy-c-expose-media a.clsy-c-expose-media__link > .clsy-c-expose-media__imgwrapper > img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    z-index: 1;
  }
}

.clsy-c-expose-media a.clsy-c-expose-media__link > .clsy-c-expose-media__imgwrapper > img.img.physical-size-exceed {
  width: auto;
  height: auto;
}

.clsy-c-expose-media a.clsy-c-expose-media__link:focus > .clsy-c-expose-media__imgwrapper {
  border: var(--button-outline-style);
}

.clsy-c-expose-media a.clsy-c-expose-media__link .clsy-c-expose-media__indicator {
  display: none;
}

.clsy-c-expose-media a.clsy-c-expose-media__link--video > .clsy-c-expose-media__indicator {
  --mask-icon-color: var(--inverted-text-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/d6gebbeg/image/pwa/icons/icon-play-video.svg);
  --mask-icon-width: 48px;
  --mask-icon-height: 48px;
  --mask-icon-size: 48px auto;
  display: block;
  width: var(--mask-icon-width);
  height: var(--mask-icon-height);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));
}

.clsy-c-expose-media a.clsy-c-expose-media__link--video > .clsy-c-expose-media__indicator::after {
  content: "";
  flex: none;
  display: block;
  width: var(--mask-icon-width);
  height: var(--mask-icon-height);
  transform: var(--mask-icon-transform);
  opacity: var(--mask-icon-opacity);
  background-color: var(--mask-icon-color);
  -webkit-mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  -webkit-mask-size: var(--mask-icon-size);
  mask-size: var(--mask-icon-size);
}

.clsy-c-expose-media-wrapper {
  position: relative;
  display: block;
  padding: 71% 0 0;
  height: 0;
  overflow: hidden;
  border-bottom: var(--standard-border-style);
}

.clsy-c-expose-media-wrapper.clsy-c-expose-media-wrapper--vip:before {
  content: "VIP";
  position: absolute;
  top: calc(var(--standard-content-padding-vertical) / 2);
  left: calc(var(--carousel-slide-items-gap) * -1);
  padding: 0.1em calc( var(--fixed-content-padding-horizontal) * 0.5) 0.1em calc( var(--fixed-content-padding-horizontal) * 1.5);
  z-index: var(--fixed-zindex-content-elements);
  min-width: 5rem;
  font-size: var(--fontsize-small);
  text-transform: uppercase;
  color: var(--emphasized-background-text-color);
  background-color: var(--emphasized-color);
  --icon-width: 16px;
  --padding-left: 12px;
  padding-left: calc( var(--padding-left) + var(--icon-width) + .5em);
  -webkit-mask: url(https://static.testing.markt.de/bundles/ag7e8ej7/image/pwa/mask-vip-label.svg) center right no-repeat;
  mask: url(https://static.testing.markt.de/bundles/ag7e8ej7/image/pwa/mask-vip-label.svg) center right no-repeat;
}

.clsy-c-expose-media-wrapper.clsy-c-expose-media-wrapper--vip::after {
  --mask-icon-color: var(--emphasized-background-text-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7k8h8lh8/image/pwa/icons/icon-crown.svg);
  content: "";
  flex: none;
  display: block;
  width: var(--mask-icon-width);
  height: var(--mask-icon-height);
  transform: var(--mask-icon-transform);
  opacity: var(--mask-icon-opacity);
  background-color: var(--mask-icon-color);
  -webkit-mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  -webkit-mask-size: var(--mask-icon-size);
  mask-size: var(--mask-icon-size);
  position: absolute;
  top: calc(var(--standard-content-padding-vertical) / 2 - 2px);
  left: 3px;
  z-index: 1;
}

.clsy-c-expose-media-needs-check {
  display: block;
  margin: 1rem auto 0;
  max-width: 300px;
}

.clsy-c-expose-media__controls {
  --mask-icon-color: var(--standard-link-color);
  position: absolute;
  top: calc(50% - var(--smaller-touchtarget-min-height) / 2);
  min-width: var(--smaller-touchtarget-min-width);
  width: var(--smaller-touchtarget-min-width);
  min-height: var(--smaller-touchtarget-min-height);
  height: var(--smaller-touchtarget-min-height);
  z-index: 1;
  transition: transform 200ms;
  border-radius: 50% !important;
  box-shadow: var(--floating-ui-elements-box-shadow);
  background-color: var(--mediacontrols-bg-color);
}

.clsy-c-expose-media__controls:focus {
  transform: scale(1.1);
}

.clsy-c-expose-media__controls--prev {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7h6dbc6i/image/pwa/icons/icon-chevron-left.svg);
  left: .8rem;
}

.clsy-c-expose-media__controls--prev[disabled] {
  --mask-icon-opacity: .5;
  box-shadow: none;
}

.clsy-c-expose-media__controls--next {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
  right: .8rem;
}

.clsy-c-expose-media__controls--next[disabled] {
  --mask-icon-opacity: .5;
  box-shadow: none;
}

.clsy-c-expose-media__controls--hidden {
  transform: scale(0);
}

.clsy-c-expose-media__pager {
  --mask-icon-color: var(--icon-color-above-img);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/a7jacblc/image/pwa/icons/icon-camera.svg);
  --mask-icon-transform: translateY(-1px);
  display: flex;
  align-items: center;
  position: absolute;
  bottom: .2em;
  right: var(--fixed-content-padding-horizontal);
  width: auto;
  text-shadow: 0px 0px 2px black;
  color: var(--icon-color-above-img);
}

@supports (filter: drop-shadow(0 0 black)) {
  .clsy-c-expose-media__pager {
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);
    filter: drop-shadow(0px 0px 2px black);
    background-color: transparent;
  }
}

.clsy-c-expose-media__pager:before {
  content: "";
  flex: none;
  display: block;
  width: var(--mask-icon-width);
  height: var(--mask-icon-height);
  transform: var(--mask-icon-transform);
  opacity: var(--mask-icon-opacity);
  background-color: var(--mask-icon-color);
  -webkit-mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  -webkit-mask-size: var(--mask-icon-size);
  mask-size: var(--mask-icon-size);
  margin-right: .3em;
}

.clsy-c-expose-media__similar-adverts {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/e8elch9c/image/pwa/icons/icon-search.svg);
  position: absolute;
  bottom: 5px;
  left: var(--standard-content-padding-horizontal);
  gap: .5em;
  padding: var(--small-button-padding);
  max-width: 24ch;
  width: auto;
  text-align: left;
  color: var(--standard-link-color);
}

.clsy-c-expose-media__similar-adverts:hover, .clsy-c-expose-media__similar-adverts:active, .clsy-c-expose-media__similar-adverts:focus {
  top: unset;
  left: var(--standard-content-padding-horizontal);
}

.clsy-c-expose-advert-actions {
  display: flex;
  justify-content: flex-end;
  gap: .3rem;
  margin: 0 0 calc(-1 * var(--standard-contentsection-padding-vertical) / 2);
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal) 0;
}

.clsy-c-expose-advert-actions .clsy-c-btn.clsy-c-btn--icon-only.clsy-c-btn--secondary-restrained {
  --mask-icon-color: var(--standard-link-color);
  min-width: var(--standard-touchtarget-min-width);
  width: var(--standard-touchtarget-min-width);
  min-height: var(--standard-touchtarget-min-height);
  height: var(--standard-touchtarget-min-height);
  z-index: 1;
  transition: transform 200ms;
  border-radius: 50%;
  border: 1px solid;
  background-color: var(--advertactions-bg-color);
}

.clsy-c-expose-advert-actions .clsy-c-btn.clsy-c-btn--icon-only.clsy-c-btn--secondary-restrained:focus-visible, .clsy-c-expose-advert-actions .clsy-c-btn.clsy-c-btn--icon-only.clsy-c-btn--secondary-restrained:hover {
  background-color: var(--standard-button-bg-color--hover);
}

.clsy-c-expose-main-content:has(.clsy-c-expose-media-wrapper, .clsy-c-expose-media-needs-check, .clsy-c-expose-upload-teaser) .clsy-c-expose-advert-actions {
  position: absolute;
  top: var(--standard-content-padding-vertical);
  right: var(--fixed-content-padding-horizontal);
  padding: 0;
  margin: 0;
}

.clsy-c-expose-main-content:has(.clsy-c-expose-media-wrapper, .clsy-c-expose-media-needs-check, .clsy-c-expose-upload-teaser) .clsy-c-expose-advert-actions .clsy-c-btn.clsy-c-btn--icon-only.clsy-c-btn--secondary-restrained {
  box-shadow: var(--floating-ui-elements-box-shadow);
  border: none;
}

.clsy-c-expose-main-content:has(.clsy-c-expose-media-wrapper, .clsy-c-expose-media-needs-check, .clsy-c-expose-upload-teaser) .clsy-c-expose-advert-actions .clsy-c-btn.clsy-c-btn--icon-only.clsy-c-btn--secondary-restrained:focus-visible {
  transform: scale(1.1);
}

.clsy-c-expose-main-content:has(.clsy-c-expose-media-wrapper, .clsy-c-expose-media-needs-check, .clsy-c-expose-upload-teaser) .clsy-c-expose-advert-actions .clsy-c-btn.clsy-c-btn--icon-only.clsy-c-btn--secondary-restrained:focus-visible, .clsy-c-expose-main-content:has(.clsy-c-expose-media-wrapper, .clsy-c-expose-media-needs-check, .clsy-c-expose-upload-teaser) .clsy-c-expose-advert-actions .clsy-c-btn.clsy-c-btn--icon-only.clsy-c-btn--secondary-restrained:hover {
  background-color: var(--mediacontrols-bg-color);
}

.clsy-c-expose__action--share {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/jkd6dd6e/image/pwa/icons/icon-share.svg);
}

.clsy-c-expose__action--report {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/jfljb96a/image/pwa/icons/icon-alarm.svg);
  --mask-icon-size: 70% auto;
}

.clsy-c-expose-attributes .clsy-c-button-bar {
  margin-bottom: calc(-1 * var(--standard-content-padding-vertical) / 2);
  flex-wrap: nowrap;
}

.clsy-c-expose-attributes .clsy-c-button-bar > button:last-of-type {
  flex: 0 auto;
  text-wrap: pretty;
}

.clsy-c-expose__subject {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-c-expose-details {
  /*
   what we want to achieve here:
   * if there is enough horizontal space position 2 elements in one row: the first left-aligned, the second right-aligned
   * if there is not enough horizontal space display them below each other
   * if any of those elements is missing the other element(s) still should have the same alignment
  */
}

.clsy-c-expose-details__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}

.clsy-c-expose-details__upsellings {
  display: flex;
  gap: .3em;
  color: var(--emphasized-text-color);
  font-weight: bold;
}

.clsy-c-expose-details__upsellings:before {
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7k8h8lh8/image/pwa/icons/icon-crown.svg);
  --mask-icon-width: 16px;
  content: "";
  flex: none;
  display: block;
  width: var(--mask-icon-width);
  height: var(--mask-icon-height);
  transform: var(--mask-icon-transform);
  opacity: var(--mask-icon-opacity);
  background-color: var(--mask-icon-color);
  -webkit-mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  -webkit-mask-size: var(--mask-icon-size);
  mask-size: var(--mask-icon-size);
}

.clsy-c-expose-details__price {
  margin-left: auto;
  padding-bottom: var(--standard-content-padding-vertical);
  color: var(--emphasized-text-color);
  text-align: right;
  line-height: var(--smallest-line-height);
}

.clsy-c-expose-details__price-amount, .clsy-c-expose-details__price-amount:empty + .clsy-c-expose-details__price-label {
  font-size: var(--fontsize-xlarge);
  font-weight: bold;
}

.clsy-c-expose-details__price-label {
  font-size: var(--fontsize-small);
}

.clsy-c-expose-details__date {
  color: var(--less-important-text-color);
}

.clsy-c-expose-details__location {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/cc8j9kcj/image/pwa/icons/icon-location.svg);
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-transform: translateY(.3em);
  --mask-icon-width: 1.5em;
  --mask-icon-height: 1.5em;
  --mask-icon-size: auto 1.5em;
  align-items: baseline;
  margin-left: auto;
  color: var(--less-important-text-color);
}

.clsy-c-expose-details .clsy-adv-labels {
  min-height: 1.5rem;
}

.clsy-c-expose-body {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-c-expose-links {
  padding: 0 var(--button-active-offset) var(--button-active-offset) 0;
}

.clsy-c-expose-links > div {
  text-align: right;
}

.clsy-c-expose-links > div > a {
  word-break: break-all;
}

.clsy-c-expose-deeplinks {
  text-align: center;
}

.clsy-c-expose-similar-adverts-wrapper > .clsy-c-result-list {
  margin-left: calc(var(--standard-content-padding-horizontal) * -1);
  margin-right: calc(var(--standard-content-padding-horizontal) * -1);
}

.clsy-c-expose-similar-adverts__more {
  margin-top: var(--standard-content-padding-vertical);
}

.clsy-c-expose__commercial-vendor {
  --company-logo-max: 80px;
}

.clsy-c-expose__commercial-vendor > a {
  display: grid;
  grid-template-columns: var(--company-logo-max) 1fr;
  grid-column-gap: 1em;
  align-items: center;
  border-top: var(--standard-border-style);
  border-bottom: var(--standard-border-style);
  border-radius: var(--standard-border-radius);
}

.clsy-c-expose__commercial-vendor .clsy-company-logo {
  --logo-padding: .2em;
  justify-self: center;
  box-sizing: border-box;
  width: var(--company-logo-max);
  margin: -1px 0;
  object-fit: contain;
}

.clsy-c-expose__commercial-vendor + .clsy-c-userbox {
  padding-top: var(--standard-content-padding-vertical);
}

.clsy-c-expose-organization .clsy-c-external-link {
  display: block;
}

.clsy-c-expose-organization .clsy-c-btn + .clsy-c-btn {
  margin-top: var(--standard-button-margin-vertical);
}

#clsy-c-expose-phone-number {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
}

.clsy-c-expose-actions .clsy-c-pwa-toolbar__action {
  --mask-icon-color: var(--cta-button-text-color);
}

.clsy-c-expose-actions .clsy-c-pwa-toolbar__action:not(:first-child) {
  --mask-icon-color: var(--standard-link-color);
  color: var(--standard-link-color);
  background-color: var(--contentsection-bg-color);
  border: 1px solid var(--standard-link-color);
}

.clsy-c-expose-actions .clsy-c-pwa-toolbar__action:not(:first-child):hover, .clsy-c-expose-actions .clsy-c-pwa-toolbar__action:not(:first-child):focus {
  background-color: var(--standard-button-bg-color--hover);
}

.clsy-c-expose-actions .clsy-c-pwa-toolbar__action:not(:first-child):active {
  background-color: var(--standard-button-bg-color--active);
}

@media (max-width: 699px) {
  .clsy-c-expose-actions {
    display: none;
  }
}

@media (min-width: 700px) {
  .clsy-c-expose-bottom {
    display: none;
  }
}

.clsy-c-expose-toolbar__action--call {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ied9efkk/image/pwa/icons/icon-phone.svg);
  --mask-icon-size: 22px auto;
}

.clsy-c-expose-toolbar__action--whatsapp {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/cgcii8il/image/pwa/icons/icon-whatsapp.svg);
  --mask-icon-size: 22px auto;
}

.clsy-c-expose-toolbar__action--telegram {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/l89hf6dk/image/pwa/icons/icon-telegram--solid.svg);
}

.clsy-c-expose-toolbar__action--contact {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/lfblb6g9/image/pwa/icons/icon-mail.svg);
}

.clsy-c-expose-toolbar__action--edit {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/bgildgll/image/pwa/icons/icon-pen.svg);
}

.clsy-c-expose-toolbar__action--mailbox {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/d68fd8d6/image/pwa/icons/icon-mailbox.svg);
}

.clsy-c-expose-toolbar__action--pushup-now::before {
  content: none;
}

.clsy-c-expose-toolbar__action--contact-card {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7k8h8lh8/image/pwa/icons/icon-crown.svg);
}

div.fancybox-navigation a.fancybox-button:after {
  background-color: initial;
}

.clsy-c-expose-tags {
  display: flex;
  flex-wrap: wrap;
}

.clsy-c-expose-tags a, .clsy-c-expose-tags button {
  display: flex;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin: 0 .2em;
  line-height: var(--standard-line-height);
}

.clsy-c-expose-categories {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.clsy-c-expose-categories .clsy-c-external-link {
  display: flex;
  align-items: baseline;
  padding: .4em;
  line-height: var(--smaller-line-height);
}

.clsy-c-expose-categories .clsy-c-external-link:before {
  position: relative;
  top: .1em;
}

.clsy-c-expose-contact__info {
  margin-bottom: var(--formfield-wrapper-bottom-margin);
}

.clsy-c-expose-contact__info > :first-child {
  margin-top: 0;
}

.clsy-c-expose-contact__message {
  height: 7em;
}

.clsy-c-expose-contact__phone--readonly {
  margin-bottom: calc(var(--formfield-wrapper-bottom-margin)/3);
}

.clsy-c-expose-mn-3 + .clsy-c-expose-marktlet-wrapper {
  margin-top: var(--contentsection-bottom-margin);
}

.clsy-contact-card {
  --content-margin: 2em;
}

@media (max-width: 374px) {
  .clsy-contact-card {
    --content-margin: 0;
  }
}

.clsy-contact-card__intro {
  margin: 0 var(--content-margin) 1.6em;
  font-size: var(--fontsize-large);
  font-weight: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-contact-card__entries {
  margin: 0 var(--content-margin);
}

.clsy-contact-card__entry {
  --mask-icon-color: var(--standard-link-color);
  margin: 0 0 1.2em;
}

.clsy-contact-card__entry-link {
  --icon-container-gutter: .5em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  padding: .4em .2em;
  border-radius: var(--stronger-border-radius);
}

.clsy-contact-card__entry-label {
  margin: 0 0 .2em;
  font-size: var(--fontsize-large);
  font-weight: bold;
}

.clsy-contact-card__entry-text {
  display: inline-block;
  line-height: var(--smaller-line-height);
  border-bottom: 1px dotted var(--standard-link-color);
}

.clsy-contact-card__entry--PHONE {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ied9efkk/image/pwa/icons/icon-phone.svg);
  --mask-icon-size: 20px auto;
}

.clsy-contact-card__entry--WHATSAPP {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/cgcii8il/image/pwa/icons/icon-whatsapp.svg);
  --mask-icon-size: 22px auto;
}

.clsy-contact-card__entry--TELEGRAM {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7fbj7b6k/image/pwa/icons/icon-telegram.svg);
}

.clsy-contact-card__entry--ONLYFANS {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/fkgdcgi9/image/pwa/icons/icon-onlyfans.svg);
}

.clsy-contact-card__entry--WEBSITE {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/lg8ibdgh/image/pwa/icons/icon-website.svg);
}

.clsy-contact-card-dialog .clsy-c-dialog__title {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7k8h8lh8/image/pwa/icons/icon-crown.svg);
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-height: 1.5em;
  --mask-icon-width: 1.5em;
  --mask-icon-size: 1.5em auto;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: var(--fontsize-xlarge);
  font-weight: bold;
  color: var(--emphasized-text-color);
}

.clsy-contact-card-dialog .clsy-c-dialog__title::before {
  margin-right: .2em;
  content: "";
  flex: none;
  display: block;
  width: var(--mask-icon-width);
  height: var(--mask-icon-height);
  transform: var(--mask-icon-transform);
  opacity: var(--mask-icon-opacity);
  background-color: var(--mask-icon-color);
  -webkit-mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  mask: var(--mask-icon-image) var(--mask-icon-position) no-repeat;
  -webkit-mask-size: var(--mask-icon-size);
  mask-size: var(--mask-icon-size);
}

.clsy-contact-card-dialog .clsy-c-dialog__body {
  padding-top: 1.5em;
}