@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-search-menu__submit--loading, .clsy-c-endlessScrolling--loading, .clsy-container-is-loading, .clsy-c-btn.clsy-c-loading-indicator, .clsy-c-btn.clsy-c-search-menu__submit--loading, .clsy-c-btn.clsy-c-endlessScrolling--loading, .clsy-c-btn.clsy-container-is-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.clsy-c-loading-indicator::after, .clsy-c-search-menu__submit--loading::after, .clsy-c-endlessScrolling--loading::after, .clsy-container-is-loading::after, .clsy-c-btn.clsy-c-loading-indicator::after, .clsy-c-btn.clsy-c-search-menu__submit--loading::after, .clsy-c-btn.clsy-c-endlessScrolling--loading::after, .clsy-c-btn.clsy-container-is-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;
  animation: rotate-360-deg 1.2s linear infinite;
}

a.clsy-tabbedpane__tab {
  border-bottom: none;
}

a.clsy-tabbedpane__tab:after {
  content: none;
}

a.markt_cmsCustom_navLink, .markt-cms-carousel__item, .clsy-home-footer ul.markt_cms_linkList_multiColumn > li > a,
.clsy-cmscontent ul.markt_cms_linkList_multiColumn > li > a, .clsy-cmscontent .markt_cms_lightbox, .clsy-cmscontent .markt_cms_linkgrid > a, .clsy-cmscontent .markt_cms_inpagenav_letterContainer a, .clsy-cmscontent .markt_aList_item a, .clsy-breadcrumbs__link, .clsy-marktlet-wrapper a:has(img), .clsy-header__image-button, .clsy-c-footer__link, .clsy-c-footer__cooperation a, .clsy-c-carousel__item, .clsy-youth-protection__link, .clsy-c-userbox, .clsy-cms-article-teaser__heading-link, .clsy-c-btn--icon-labelled, .clsy-c-btn--icon-labelled-hor, a:not([href]), .clsy-c-link--image-only {
  padding: 0;
  border-bottom: none;
}

a.markt_cmsCustom_navLink:after, .markt-cms-carousel__item:after, .clsy-home-footer ul.markt_cms_linkList_multiColumn > li > a:after,
.clsy-cmscontent ul.markt_cms_linkList_multiColumn > li > a:after, .clsy-cmscontent .markt_cms_lightbox:after, .clsy-cmscontent .markt_cms_linkgrid > a:after, .clsy-cmscontent .markt_cms_inpagenav_letterContainer a:after, .clsy-cmscontent .markt_aList_item a:after, .clsy-breadcrumbs__link:after, .clsy-marktlet-wrapper a:has(img):after, .clsy-header__image-button:after, .clsy-c-footer__link:after, .clsy-c-footer__cooperation a:after, .clsy-c-carousel__item:after, .clsy-youth-protection__link:after, .clsy-c-userbox:after, .clsy-cms-article-teaser__heading-link:after, .clsy-c-btn--icon-labelled:after, .clsy-c-btn--icon-labelled-hor:after, a:not([href]):after, .clsy-c-link--image-only:after {
  content: none;
}

.clsy-c-advsection a:not(.clsy-c-advsection__caption), .clsy-cmscontent .markt_cms_imageLink, .clsy-header__home-link, .clsy-c-expandable__trigger-element, .clsy-c-collapsibleelement__header, a.clsy-c-unstyled-link {
  padding: 0;
  border-bottom: none;
}

.clsy-c-advsection a:not(.clsy-c-advsection__caption):after, .clsy-cmscontent .markt_cms_imageLink:after, .clsy-header__home-link:after, .clsy-c-expandable__trigger-element:after, .clsy-c-collapsibleelement__header:after, a.clsy-c-unstyled-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-advsection a:hover:not(.clsy-c-advsection__caption), .clsy-cmscontent .markt_cms_imageLink:hover, .clsy-header__home-link:hover, .clsy-c-expandable__trigger-element:hover, .clsy-c-collapsibleelement__header:hover, a.clsy-c-unstyled-link:hover, .clsy-c-advsection a:focus:not(.clsy-c-advsection__caption), .clsy-cmscontent .markt_cms_imageLink:focus, .clsy-header__home-link:focus, .clsy-c-expandable__trigger-element:focus, .clsy-c-collapsibleelement__header:focus, a.clsy-c-unstyled-link:focus, .clsy-c-advsection a:active:not(.clsy-c-advsection__caption), .clsy-cmscontent .markt_cms_imageLink:active, .clsy-header__home-link:active, .clsy-c-expandable__trigger-element:active, .clsy-c-collapsibleelement__header:active, a.clsy-c-unstyled-link:active {
  background-color: transparent;
}

.clsy-c-advsection a:focus-visible:not(.clsy-c-advsection__caption), .clsy-cmscontent .markt_cms_imageLink:focus-visible, .clsy-header__home-link:focus-visible, .clsy-c-expandable__trigger-element:focus-visible, .clsy-c-collapsibleelement__header:focus-visible, a.clsy-c-unstyled-link:focus-visible, .clsy-c-advsection a:active:not(.clsy-c-advsection__caption), .clsy-cmscontent .markt_cms_imageLink:active, .clsy-header__home-link:active, .clsy-c-expandable__trigger-element:active, .clsy-c-collapsibleelement__header:active, a.clsy-c-unstyled-link:active {
  outline: var(--standard-outline-style);
}

.clsy-c-message, .clsy-c-endlessScrolling__error {
  --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, .clsy-c-endlessScrolling__error::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, .clsy-c-endlessScrolling__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), .clsy-c-endlessScrolling__error: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, .clsy-c-endlessScrolling__error > div:first-child {
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
}

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

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

.clsy-c-message ul > li::before, .clsy-c-endlessScrolling__error 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;
}

.clsy-cmscontent .markt_cms_inpagenav_letterContainer, .clsy-cmscontent .markt_cms_inpagenav_container, .clsy-contentsection {
  margin: 0 0 var(--contentsection-bottom-margin);
  background-color: var(--contentsection-bg-color);
  border: solid var(--contentsection-border-color);
  border-width: var(--contentsection-border-top-width) 0 var(--contentsection-border-bottom-width);
}

.clsy-cmscontent .markt_cms_inpagenav_letterContainer, .clsy-c-dialog__body, .clsy-contentsection--vert-padding {
  padding-top: var(--standard-contentsection-padding-vertical);
  padding-bottom: var(--standard-contentsection-padding-vertical);
}

.clsy-cmscontent .markt_cms_inpagenav_letterContainer, .clsy-cmscontent .markt_cms_inpagenav_container, .clsy-c-dialog__buttons, .clsy-c-dialog__body, .clsy-contentsection--hor-padding {
  padding-left: var(--standard-content-padding-horizontal);
  padding-right: var(--standard-content-padding-horizontal);
}

/*
   ############################################################################
   ### CAUTION: Keep values in sync with cssColors in commonConstants.scss! ###
   ############################################################################
*/
:root {
  color-scheme: light dark;
  --markt-bright-white: #fff;
  --markt-white: #fefdfd;
  --markt-white-rgb: 254, 253, 253;
  --markt-white-hardlytransparent: rgb(var(--markt-white-rgb), .9);
  --markt-white-semitransparent: rgb(var(--markt-white-rgb), .5);
  --markt-lightestgrey: #f6f6f6;
  --markt-lightgrey: #e6e7e9;
  --markt-lightgrey--rgba: rgba(0, 1, 3, .1);
  --markt-mediumgrey: #cac8c8;
  --markt-mediumgrey--rgba: rgba(9, 0, 0, .2);
  --markt-mediumgrey--lighter: #dbd9d9;
  --markt-mediumgrey--darker: #b9b7b7;
  --markt-grey: #8f9092;
  --markt-darkgrey: #717173;
  --markt-darkgrey--alpha: #282222a6;
  --markt-black: #282222;
  --markt-black-rgb: 40, 34, 34;
  --markt-black-lightesttransparent: rgba(0, 0, 0, .05);
  --markt-black-semitransparent: rgba(0, 0, 0, .6);
  --markt-black-hardlytransparent: rgba(var(--markt-black-rgb), .8);
  --markt-orange-rgb: 243, 154, 0;
  --markt-orange: rgb(var(--markt-orange-rgb));
  --markt-orange--lighter: #ffa929;
  --markt-orange--darker: #d67f00;
  --markt-orange-lightest: rgba(var(--markt-orange-rgb), .2);
  --markt-orange-lightest--opaque: #fceacb;
  --markt-purple-rgb: 140, 65, 92;
  --markt-purple: rgb(var(--markt-purple-rgb));
  --markt-purple--lighter: rgba(var(--markt-purple-rgb), 0.95);
  --markt-purple-lightest: rgba(var(--markt-purple-rgb), 0.2);
  --markt-purple-lightest--opaque: #f2eaee;
  --markt-purple--darker: #703449;
  --markt-yellow: #ffd400;
  --markt-red: #e83b42;
  --markt-red--darker: #d01b2d;
  --markt-green: #76c764;
  --markt-green--darker: #49a333;
  --markt-brighter-blue: #60b9e9;
  --markt-green--alpha-1: #76c76422;
  --markt-blue: #03497f;
  --markt-blue--lighter: #145a8f;
  --markt-blue--darker: #02386e;
  --markt-blue-rgb-values: 3, 73, 127;
  --markt-blue2: #11597F;
  --facebook-blue: #4267B2;
  --facebook-blue--hover: #4972c4;
  --facebook-blue-border: var(--facebook-blue);
  --facebook-white: #fff;
  /* ===== semantic colors ======================================================================================================= */
  --emphasized-color-rgb: var(--markt-orange-rgb);
  --emphasized-color: var(--markt-orange);
  --lightest-emphasized-color: var(--markt-orange-lightest);
  --lightest-emphasized-color--opaque: var(--markt-orange-lightest--opaque);
  --higher-contrast-emphasized-color: var(--markt-orange--darker);
  --standard-text-color: var(--markt-black);
  --inverted-text-color: var(--markt-white);
  --light-text-color: var(--markt-white);
  --less-important-text-color: var(--markt-darkgrey--alpha);
  --emphasized-text-color: var(--standard-text-color);
  --emphasized-text-weight: bold;
  --standard-link-color: var(--markt-blue);
  --tab-text-color: var(--less-important-text-color);
  --tab-text-color-selected: var(--standard-text-color);
  --error-text-color: var(--markt-red--darker);
  --standard-button-text-color: var(--markt-black);
  --cta-button-text-color: var(--inverted-text-color);
  --textlike-button-text-color: var(--standard-button-text-color);
  --standard-formfield-text-color: var(--markt-black);
  --button-disabled-text-color: var(--markt-mediumgrey);
  --formfield-disabled-text-color: var(--less-important-text-color);
  --formfield-disabled-label-opacity: .8;
  --emphasized-background-text-color: var(--markt-black);
  --formelement-base-color: var(--markt-grey);
  --negative-number-color: var(--markt-red--darker);
  --icon-color-neutral: var(--markt-grey);
  --icon-color-success: var(--markt-green--darker);
  --icon-color-above-img: var(--markt-white);
  --illustration-main-color: var(--markt-blue2);
  --illustration-fill-color: var(--markt-white);
  --standard-bg-color: var(--markt-white);
  --standard-bg-color-rgb: var(--markt-white-rgb);
  --body-bg-color: var(--standard-bg-color);
  --body-bg-gradient-start: #efefef;
  --body-bg-gradient-stop: #dedede;
  --disabled-content-bg-color: var(--darken-bg-color);
  --header-bg-color: var(--markt-white);
  --footer-bg-color: var(--markt-lightgrey);
  --navigation-bg-color: var(--markt-white);
  --dialog-bg-color: var(--markt-white);
  --darken-bg-color: var(--markt-black-lightesttransparent);
  --link-hover-bg-color: var(--lightest-emphasized-color--opaque);
  --menu-bg-color: var(--markt-white);
  --tabbar-bg-color: var(--markt-white);
  --selected-bg-color: var(--lightest-emphasized-color);
  --contentarea-bg-color: var(--markt-lightestgrey);
  --contentsection-bg-color: var(--markt-white);
  --contentsection-bg-color-rgb: var(--markt-white-rgb);
  --advsection-bg-color: var(--markt-lightgrey);
  --defaultimage-bg-color: var(--markt-lightgrey);
  --cardlike-item-bg-color: var(--markt-white);
  --form-bg-color: var(--markt-white);
  --actionable-content-bg-color: var(--markt-lightgrey);
  --actionable-content-bg-color-dialog: var(--actionable-content-bg-color);
  --item-selected-bg-color: var(--markt-lightestgrey);
  --item-selected-bg-color-alpha: var(--markt-lightgrey--rgba);
  --toast-bg-color: var(--markt-black-hardlytransparent);
  --indicator-bg-color: var(--markt-black-semitransparent);
  --adv-label-bg-color: var(--markt-lightgrey);
  --verifications-bg-color: var(--markt-lightgrey--rgba);
  --verification-bg-color: var(--contentsection-bg-color);
  --verification-resultitem-bg-color: var(--verification-bg-color);
  --formfield-bg-color: var(--markt-lightestgrey);
  --formfield-bg-color-dialog: var(--formfield-bg-color);
  --formfield-disabled-bg-color: var(--formfield-bg-color);
  --standard-button-bg-color: var(--markt-mediumgrey);
  --standard-button-bg-color--hover: var(--markt-mediumgrey--lighter);
  --standard-button-bg-color--active: var(--markt-mediumgrey--darker);
  --cta-button-bg-color: var(--markt-blue);
  --cta-button-bg-color--hover: var(--markt-blue--lighter);
  --cta-button-bg-color--active: var(--markt-blue--darker);
  --prominent-button-bg-color: var(--markt-orange);
  --prominent-button-bg-color--hover: var(--markt-orange--lighter);
  --prominent-button-bg-color--active: var(--markt-orange--darker);
  --grouped-legend-bg-color: var(--contentsection-bg-color);
  --dialog-buttonbar-btn-bg-color: rgba(255,255,255,.4);
  --pwa-toolbar-bg-color: rgba(255,255,255,0.7);
  --toolbar-bg-color: var(--markt-lightestgrey);
  --modal-layer-bg-color: var(--markt-black-semitransparent);
  --upselling-badge-standard-bg-color: var(--markt-grey);
  --imagedialog-action-bg-color: rgba(var(--markt-black-rgb), .3);
  --imagedialog-action-hover-bg-color: rgba(var(--markt-black-rgb), .8);
  --videocall-bg-color: var(--markt-black);
  --lazyload-placeholder-bg-color: var(--markt-black-lightesttransparent);
  --mediacontrols-bg-color: var(--contentsection-bg-color);
  --advertactions-bg-color: var(--markt-white-semitransparent);
  --semitransparent-ui-element-bg-color: var(--markt-mediumgrey--rgba);
  --debug-stats-bg-color: #ddf5e9e6;
  --standard-border-color: var(--markt-lightgrey--rgba);
  --grouped-border-color: var(--standard-border-color);
  --item-selected-border-color: var(--markt-mediumgrey);
  --emphasized-border-color: var(--markt-orange);
  --emphasized-element-border-width: 5px;
  --formfield-border-color: var(--markt-grey);
  --formfield-disabled-border-color: transparent;
  --contentsection-border-color: rgba(0, 0, 0, .1);
  --table-border-color: var(--markt-mediumgrey--darker);
  --link-active-outline-color: rgba(var(--markt-blue-rgb-values), .5);
  --message-color-success: var(--markt-green);
  --message-color-error: var(--markt-red);
  --message-color-info: var(--markt-brighter-blue);
  --message-color-warning: var(--markt-orange);
  --icon-color-messages: var(--standard-text-color);
  --icon-color-messages--error: var(--inverted-text-color);
  --inlinemessage-border-top-width: 2px;
  --inlinemessage-border-right-width: 5px;
  --inlinemessage-border-bottom-width: 2px;
  --inlinemessage-border-left-width: 1px;
  --chatmessage-bg-color-standard: var(--markt-lightgrey);
  --chatmessage-text-color-standard: var(--standard-text-color);
  --chatmessage-bg-color-mine: var(--markt-brighter-blue);
  --chatmessage-text-color-mine: var(--standard-text-color);
  --chatmessage-bg-color-disappeared: var(--markt-white);
  --chatmessage-border-color-disappeared: var(--standard-border-color);
  --chatmessage-text-color-disappeared: var(--less-important-text-color);
  --trigger-icon-color: var(--standard-link-color);
  --trigger-icon-color-chat: var(--trigger-icon-color);
  --meter-bg-color: rgba(140, 140, 140, .05);
  --meter-color-weak: var(--markt-red);
  --meter-color-medium: var(--markt-orange);
  --meter-color-medium-to-strong: var(--markt-yellow);
  --meter-color-strong: var(--markt-green);
  --icon-color-red: var(--markt-red);
  /* === font-related === */
  --standard-font-family: 'Roboto', Arial, Helvetica, sans-serif;
  --headline-font-family: var(--standard-font-family);
  --monospace-font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, monospace;
  --base-fontsize: 16px;
  --fontsize-xsmall: 0.694rem;
  --fontsize-small: 0.833rem;
  --fontsize-medium: 1rem;
  --fontsize-large: 1.2rem;
  --fontsize-xlarge: 1.44rem;
  --fontsize-xxlarge: 1.728rem;
  --fontsize-xxxlarge: 2.074rem;
  --standard-fontsize: var(--fontsize-medium);
  --small-copytext-fontsize: var(--fontsize-small);
  --standard-formfield-fontsize: var(--fontsize-medium);
  --standard-fontsize-h1: var(--fontsize-xxlarge);
  --label-fontsize-regular: var(--standard-formfield-fontsize);
  --label-fontsize-small: var(--fontsize-small);
  --label-fontsize-xsmall: var(--fontsize-xsmall);
  --label-fontsize: var(--label-fontsize-regular);
  --tab-font-size: calc(var(--standard-fontsize) * 0.8);
  --standard-line-height: 1.5;
  --smaller-line-height: 1.2;
  --smallest-line-height: 1;
  --larger-line-height: 1.8;
  --headline-line-height: var(--smaller-line-height);
  --button-line-height: var(--smaller-line-height);
  /* === margins and paddings === */
  --standard-top-margin: 0;
  --standard-bottom-margin: 1em;
  --standard-content-padding-horizontal: .8rem;
  --wide-content-padding-horizontal: 4rem;
  --standard-content-padding-vertical: .6rem;
  --smaller-content-padding-vertical: .4rem;
  --fixed-content-padding-horizontal: .8rem;
  --smaller-fixed-content-padding-horizontal: .5rem;
  --smallest-fixed-content-padding-horizontal: .2em;
  --standard-contentsection-padding-vertical: 2rem;
  --formfield-padding-horizontal: 0.6em;
  --formfield-padding-vertical: 0.9em;
  --formfield-wrapper-top-padding: 7px;
  --formfield-wrapper-bottom-margin: 1em;
  --formfield-label-offset-left: 5px;
  --standard-button-padding-vertical: .2em;
  --standard-button-padding-horizontal: 1em;
  --standard-button-margin-horizontal: .2rem;
  --standard-button-margin-vertical: .2rem;
  --standard-button-padding: var(--standard-button-padding-vertical) var(--standard-button-padding-horizontal);
  --small-button-padding: .1em .4em;
  --button-active-offset: 1px;
  --contentsection-bottom-margin: 2rem;
  --navigation-padding-top: 1em;
  --navigation-padding-left: 1.4em;
  --carousel-slide-items-gap: 5px;
  --search-header-gutter: .6rem;
  /* === gutters === */
  --xsmall-gutter: .2rem;
  --small-gutter: .3rem;
  --medium-gutter: .4rem;
  --large-gutter: 1rem;
  --button-gutter: .5rem;
  /* === widths and heights === */
  --list-link-indicator-width: 8vw;
  --standard-column-gutter: .6rem;
  --wide-column-gutter: .9rem;
  --container-gutter: 1.4rem;
  --container-gutter-wide: 2.4rem;
  --standard-formfield-height: var(--standard-touchtarget-min-height);
  --smaller-formfield-height: var(--smaller-touchtarget-min-height);
  --formfield-height: var(--standard-formfield-height);
  --standard-button-height: var(--standard-formfield-height);
  --loading-indicator-width: 30px;
  --loading-indicator-line-thickness: 3px;
  --layout-column-min-width: 336px;
  --select-multiple-hint-top: calc(var(--formfield-padding-vertical) + var(--formfield-wrapper-top-padding) + .5rem);
  --thumbnail-aspect-ratio-x: 10;
  --thumbnail-aspect-ratio-y: 13;
  --search-header-touchtarget-height: var(--small-touchtarget-min-height);
  --search-header-1-row-container-height: calc(var(--search-header-touchtarget-height) + var(--standard-content-padding-vertical) * 2);
  --search-header-2-rows-container-height: calc(var(--search-header-touchtarget-height) * 2 + var(--standard-content-padding-vertical) * 3);
  --search-header-height: var(--search-header-1-row-container-height);
  /* layout elements */
  --header-min-height: 57px;
  --header-height: var(--header-min-height);
  --logo-max-height: 24px;
  --home-link-margin-top: .2em;
  --home-link-margin-bottom: var(--home-link-margin-top);
  /* images */
  --profile-image-small: 56px;
  --profile-image-medium: 80px;
  --advert-image-thumbnail: 188px;
  --company-logo-max: 130px;
  /* buttons and links */
  --standard-touchtarget-min-width: 50px;
  --standard-touchtarget-min-height: 50px;
  --smaller-touchtarget-min-height: 40px;
  --smaller-touchtarget-min-width: 40px;
  --small-touchtarget-min-width: 30px;
  --small-touchtarget-min-height: 30px;
  --header-image-button-width: 60px;
  --header-image-button-height: 56px;
  --button-base-width: auto;
  /* === borders/outlines === */
  --standard-border-radius: 3px;
  --stronger-border-radius: 6px;
  --standard-border-width: 1px;
  --formfield-border-radius: var(--standard-border-radius);
  --button-border-radius: var(--standard-border-radius);
  --link-border-bottom-width-standard: 1px;
  --link-border-bottom-width-hover: 3px;
  --contentsection-border-top-width: var(--standard-border-width);
  --contentsection-border-bottom-width: 3px;
  --standard-border-style: var(--standard-border-width) solid var(--standard-border-color);
  --standard-outline-color: var(--standard-link-color);
  --standard-outline-width: 2px;
  --standard-outline-style: var(--standard-outline-width) solid var(--standard-outline-color);
  --standard-outline-style-active: 8px solid var(--link-active-outline-color);
  --standard-outline-offset: 2px;
  --standard-outline-border-radius: 2px;
  --field-outline-color: var(--standard-outline-color);
  --field-outline-color--emphasized: var(--markt-orange);
  --field-outline-style: var(--standard-outline-width) solid var(--field-outline-color);
  --field-outline-offset: var(--standard-outline-offset);
  --button-outline-color: var(--standard-outline-color);
  --button-outline-style: var(--standard-outline-width) solid var(--button-outline-color);
  --button-outline-offset: var(--standard-outline-offset);
  /* === shadows === */
  --header-box-shadow: 0 4px 7px -3px rgba(0, 0, 0, 0.2);
  --context-menu-box-shadow: 2px 2px 10px rgba(0,0,0,.2);
  --floating-ui-elements-box-shadow: 2px 2px 5px rgba(0,0,0,.3);
  --bottom-bar-box-shadow: 0 -7px 7px -4px rgba(0, 0, 0, .1);
  --toolbar-box-shadow: 0 7px 7px -4px rgba(0, 0, 0, .1);
  --toolbarmenu-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
  --exposed-item-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
  --decorative-drop-shadow: 2px 2px 5px rgba(0,0,0,.3);
  --emphasized-background-textshadow: none;
  --scrollable-tabs-shadow-color: rgba(0, 0, 0, .3);
  /* === filters === */
  --disabled-button-filter: brightness(0) grayscale(1) opacity(0.2);
  --cke-chrome-filter: none;
  --image-filter: none;
  /* === form elements (checkboxes and radiobuttons) === */
  --input-element-width: 1em;
  --input-element-height: 1em;
  --label-line-height: var(--standard-line-height);
  --mandatory-marker-color: var(--less-important-text-color);
  /* === icons === */
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ebkjahfd/image/pwa/icons/icon-default.svg);
  --mask-icon-opacity: 1;
  --mask-icon-default-size: 24px;
  --mask-icon-width: var(--mask-icon-default-size);
  --mask-icon-height: var(--mask-icon-default-size);
  --mask-icon-position: center center;
  --mask-icon-size: auto;
  --mask-icon-transform: rotate(0);
  /* === misc === */
  --logo-dark-display: none;
  --logo-light-display: inline;
  --sticky-button-bottom-distance: 70px;
  /* === adjustments on breakpoints === */
  /* === transitions and animations === */
  --header-transition-duration: 300ms;
  --bouncy-transition-function: cubic-bezier(.43, .04, .36, 1.27);
  --very-bouncy-transition-function: cubic-bezier(0.43, 0.04, 0.51, 1.59);
  --extremely-bouncy-transition-function: cubic-bezier(0.43, 0.04, 0.59, 2.55);
  --standard-menu-transition-duration: 200ms;
  --bookmark-animation-duration-in-ms: 1000;
  /* === z-index for fixed positioned elements === */
  --fixed-zindex-content-elements: 1;
  --fixed-zindex-toolbar: 2;
  --fixed-zindex-floating-menu: 3;
  --fixed-zindex-skiplinks: 5;
  --fixed-zindex-header: 4;
  --fixed-zindex-searchheader: 4;
  --fixed-zindex-searchcriteria: 3;
  --fixed-zindex-navigation: 5;
  --fixed-zindex-search-menu: 5;
  --fixed-zindex-overlay-bg: 10;
  --fixed-zindex-overlay-bg-below-header: 3;
  --fixed-zindex-dialog: 1000;
  --zindex-pagecontainer: 3;
}

@media (min-width: 375px) {
  :root {
    --search-header-touchtarget-height: var(--smaller-touchtarget-min-height);
  }
}

@media (min-width: 1100px) {
  :root {
    --search-header-touchtarget-height: var(--standard-touchtarget-min-height);
  }
}

@media (min-width: 1100px) {
  :root {
    --header-min-height: 58px;
  }
}

@media (min-width: 270px) and (max-width: 320px) {
  @supports (-webkit-overflow-scrolling: touch) {
    :root {
      --standard-formfield-fontsize: 16px;
    }
  }
}

@media (max-width: 319px) {
  :root {
    --base-fontsize: 14px;
  }
}

@media (min-width: 1100px) {
  :root {
    --base-fontsize: 17px;
  }
}

@media (min-width: 1500px) {
  :root {
    --standard-content-padding-horizontal: var(--wide-content-padding-horizontal);
  }
}

:root.clsy-light-mode {
  color-scheme: only light;
}

:root body.erotic {
  --cta-button-bg-color: var(--markt-purple);
  --cta-button-bg-color--hover: var(--markt-purple--lighter);
  --cta-button-bg-color--active: var(--markt-purple--darker);
  --prominent-button-bg-color: var(--markt-purple);
  --prominent-button-bg-color--hover: var(--markt-purple--lighter);
  --prominent-button-bg-color--active: var(--markt-purple--darker);
  --standard-button-text-color: var(--markt-black);
  --cta-button-text-color: var(--markt-white);
  --emphasized-color-rgb: var(--markt-purple-rgb);
  --emphasized-color: var(--markt-purple);
  --higher-contrast-emphasized-color: var(--emphasized-color);
  --emphasized-border-color: var(--markt-purple);
  --emphasized-text-color: var(--emphasized-color);
  --emphasized-text-weight: normal;
  --lightest-emphasized-color: var(--markt-purple-lightest);
  --lightest-emphasized-color--opaque: var(--markt-purple-lightest--opaque);
  --emphasized-background-text-color: var(--markt-white);
  --selected-bg-color: var(--lightest-emphasized-color);
  --link-hover-bg-color: var(--lightest-emphasized-color);
  --logo-max-height: 42px;
  --home-link-margin-top: .1em;
  --home-link-margin-bottom: -5px;
  --mandatory-marker-color: var(--emphasized-text-color);
}

.markt_upselling_vipBorder {
  --emphasized-color: var(--markt-purple);
}

/*
   ############################################################################
   ### CAUTION: Keep values in sync with cssColors in commonConstants.scss! ###
   ############################################################################
*/
@media (prefers-color-scheme: dark) {
  :root:not(.clsy-light-mode) {
    color-scheme: dark;
    --dm-markt-black-darkest: #000101;
    --dm-markt-black-darkest-rgb: 0, 0, 1;
    --dm-markt-black: #202222;
    --dm-markt-black-rgb: 32, 34, 34;
    --markt-black-lightesttransparent: rgba(var(--dm-markt-black-darkest-rgb), .2);
    --markt-black-semitransparent: rgba(var(--dm-markt-black-darkest-rgb), .6);
    --markt-black-hardlytransparent: rgba(var(--dm-markt-black-darkest-rgb), .8);
    --dm-markt-gray-95: #292b2b;
    --dm-markt-gray-90: #323434;
    --dm-markt-gray-90-rgb: 50, 52, 52;
    --dm-markt-gray-85: #3c3e3d;
    --dm-markt-gray-80: #464847;
    --dm-markt-gray-75: #505251;
    --dm-markt-gray-70: #5b5c5b;
    --dm-markt-gray-65: #656665;
    --dm-markt-gray-60: #70716f;
    --dm-markt-gray-55: #7b7b7a;
    --dm-markt-gray-50: #868685;
    --dm-markt-gray-45: #929190;
    --dm-markt-gray-40: #9d9d9c;
    --dm-markt-gray-35: #a9a8a7;
    --dm-markt-gray-30: #b4b4b3;
    --dm-markt-gray-25: #c0bfbf;
    --dm-markt-gray-20: #cccbcb;
    --dm-markt-gray-15: #d8d7d7;
    --dm-markt-gray-10: #e4e3e3;
    --dm-markt-gray-05: #f1f0ef;
    --dm-markt-white: #fefdfd;
    --dm-markt-white-rgb: 254, 253, 253;
    --markt-orange-rgb: 245, 174, 51;
    --markt-orange: rgb(var(--markt-orange-rgb));
    --markt-orange-lightest: rgba(var(--markt-orange-rgb), .2);
    --markt-orange-lightest--opaque: #4b3e25;
    --markt-purple-rgb: 215, 95, 141;
    --markt-purple--text: #ff8fc7;
    --markt-purple: rgb(var(--markt-purple-rgb));
    --markt-purple--lighter: rgba(var(--markt-purple-rgb), 0.95);
    --markt-purple-lightest: rgba(var(--markt-purple-rgb), 0.2);
    --markt-purple-lightest--opaque: #442d36;
    --markt-purple--darker: #703449;
    --markt-yellow: #ffdd33;
    --markt-red: #ed6268;
    --markt-red--lighter: #ff7c7f;
    --markt-green: #91d283;
    --markt-brighter-blue: #81bddd;
    --markt-green--alpha-1: #91d28322;
    --markt-blue: #9ab6cc;
    --markt-blue--lighter: #b3c8d9;
    --markt-blue--darker: #81a4bf;
    --markt-blue-rgb-values: 154, 182, 104;
    --facebook-blue: #4f75c1;
    --facebook-blue--hover: #496cb3;
    --facebook-blue-border: #547bc8;
    /* ===== semantic colors ======= */
    --emphasized-color-rgb: var(--markt-orange-rgb);
    --emphasized-color: var(--markt-orange);
    --lightest-emphasized-color: var(--markt-orange-lightest);
    --lightest-emphasized-color--opaque: var(--markt-orange-lightest--opaque);
    --higher-contrast-emphasized-color: var(--emphasized-color);
    --standard-text-color: var(--dm-markt-white);
    --inverted-text-color: var(--dm-markt-black);
    --light-text-color: var(--dm-markt-white);
    --less-important-text-color: var(--dm-markt-gray-30);
    --emphasized-text-color: var(--emphasized-color);
    --emphasized-text-weight: normal;
    --tab-text-color: var(--less-important-text-color);
    --tab-text-color-selected: var(--emphasized-text-color);
    --error-text-color: var(--markt-red--lighter);
    --standard-button-text-color: var(--standard-text-color);
    --standard-button-text-color--hover: var(--standard-button-text-color);
    --cta-button-text-color: var(--inverted-text-color);
    --textlike-button-text-color: var(--standard-button-text-color);
    --standard-formfield-text-color: var(--standard-text-color);
    --button-disabled-text-color: var(--dm-markt-gray-60);
    --formfield-disabled-text-color: var(--less-important-text-color);
    --formfield-disabled-label-opacity: .8;
    --emphasized-background-text-color: var(--dm-markt-black);
    --icon-color-above-img: var(--dm-markt-gray-10);
    --illustration-main-color: var(--markt-blue);
    --illustration-fill-color: var(--dialog-bg-color);
    --negative-number-color: var(--markt-red--lighter);
    --icon-color-neutral: var(--dm-markt-gray-30);
    --icon-color-success: var(--markt-green);
    --dm-bg-level-0: var(--dm-markt-black);
    --dm-bg-level-1: var(--dm-markt-gray-95);
    --dm-bg-level-2: var(--dm-markt-gray-90);
    --dm-bg-level-2-rgb: var(--dm-markt-gray-90-rgb);
    --dm-bg-level-3: var(--dm-markt-gray-85);
    --dm-bg-level-4: var(--dm-markt-gray-85);
    --dm-bg-level-5: var(--dm-markt-gray-80);
    --standard-bg-color: var(--dm-markt-black);
    --standard-bg-color-rgb: var(--dm-markt-black-rgb);
    --body-bg-color: var(--dm-bg-level-0);
    --body-bg-gradient-start: #101111;
    --body-bg-gradient-stop: var(--body-bg-gradient-start);
    --header-bg-color: var(--dm-bg-level-4);
    --footer-bg-color: var(--dm-markt-black);
    --navigation-bg-color: var(--dm-bg-level-4);
    --dialog-bg-color: var(--dm-bg-level-4);
    --link-hover-bg-color: var(--lightest-emphasized-color);
    --menu-bg-color: var(--dm-bg-level-4);
    --tabbar-bg-color: var(--dm-bg-level-2);
    --selected-bg-color: var(--lightest-emphasized-color);
    --contentarea-bg-color: var(--dm-bg-level-1);
    --contentsection-bg-color: var(--dm-bg-level-2);
    --contentsection-bg-color-rgb: var(--dm-bg-level-2-rgb);
    --formfield-bg-color: var(--dm-bg-level-1);
    --formfield-bg-color-dialog: var(--dm-bg-level-2);
    --advsection-bg-color: var(--dm-markt-gray-95);
    --defaultimage-bg-color: var(--dm-markt-gray-80);
    --cardlike-item-bg-color: var(--dm-bg-level-3);
    --form-bg-color: transparent;
    --actionable-content-bg-color: var(--dm-bg-level-4);
    --actionable-content-bg-color-dialog: var(--dm-bg-level-2);
    --item-selected-bg-color: var(--dm-markt-gray-80);
    --adv-label-bg-color: var(--dm-markt-gray-70);
    --verifications-bg-color: var(--dm-markt-gray-60);
    --verification-bg-color: var(--contentsection-bg-color);
    --verification-resultitem-bg-color: var(--dm-markt-gray-85);
    --toast-bg-color: var(--markt-white-hardlytransparent);
    --standard-button-bg-color: var(--dm-markt-gray-70);
    --standard-button-bg-color--hover: var(--dm-markt-gray-60);
    --standard-button-bg-color--active: var(--dm-markt-gray-70);
    --cta-button-bg-color: var(--markt-blue);
    --cta-button-bg-color--hover: var(--markt-blue--darker);
    --cta-button-bg-color--active: var(--markt-blue--lighter);
    --dialog-buttonbar-btn-bg-color: var(--dm-bg-level-5);
    --pwa-toolbar-bg-color: var(--dm-bg-level-4);
    --toolbar-bg-color: var(--dm-bg-level-4);
    --modal-layer-bg-color: var(--markt-black-semitransparent);
    --upselling-badge-standard-bg-color: var(--dm-markt-gray-45);
    --imagedialog-action-bg-color: rgba(var(--dm-markt-black-rgb), .3);
    --imagedialog-action-hover-bg-color: rgba(var(--dm-markt-black-rgb), .8);
    --videocall-bg-color: var(--markt-black);
    --advertactions-bg-color: var(--markt-black-semitransparent);
    --mediacontrols-bg-color: var(--dm-bg-level-5);
    --debug-stats-bg-color: #465b51e6;
    --standard-border-color: var(--markt-black-lightesttransparent);
    --grouped-border-color: var(--dm-markt-gray-50);
    --item-selected-border-color: var(--dm-markt-gray-40);
    --emphasized-border-color: var(--markt-orange);
    --emphasized-element-border-width: 5px;
    --formfield-border-color: rgba(var(--dm-markt-white-rgb), .45);
    --formfield-disabled-border-color: transparent;
    --contentsection-border-color: rgba(var(--dm-markt-black-darkest-rgb), .3);
    --table-border-color: var(--dm-markt-gray-50);
    --link-active-outline-color: rgba(var(--markt-blue-rgb-values), .5);
    --chatmessage-bg-color-standard: var(--dm-markt-gray-30);
    --chatmessage-text-color-standard: var(--inverted-text-color);
    --chatmessage-bg-color-mine: var(--markt-brighter-blue);
    --chatmessage-text-color-mine: var(--inverted-text-color);
    --chatmessage-bg-color-disappeared: transparent;
    --chatmessage-border-color-disappeared: var(--dm-markt-gray-50);
    --trigger-icon-color-chat: var(--chatmessage-text-color-mine);
    --icon-color-messages: var(--inverted-text-color);
    --icon-color-messages--error: var(--icon-color-messages);
    --mandatory-marker-color: var(--emphasized-text-color);
    /* === filters === */
    --disabled-button-filter: brightness(1) grayscale(1) opacity(0.2);
    --cke-chrome-filter: invert(0.8);
    --image-filter: brightness(.85) contrast(1.2);
    /* === misc === */
    --logo-dark-display: inline;
    --logo-light-display: none;
    /* === overrides === */
  }
  :root:not(.clsy-light-mode) .clsy-c-form__select,
:root:not(.clsy-light-mode) .clsy-c-form__select-fake {
    background-image: url("https://static.testing.markt.de/bundles/bje9h7a9/image/pwa/chevron-down.svg#enabled-dark"), linear-gradient(to left, var(--formfield-bg-color) 0%, var(--formfield-bg-color) var(--select-icon-width), var(--formfield-border-color) var(--select-icon-width), var(--formfield-border-color) calc(var(--select-icon-width) + 1px), var(--formfield-bg-color) calc(var(--select-icon-width) + 1px), var(--formfield-bg-color) 100%);
  }
  :root:not(.clsy-light-mode) .clsy-c-mbx-chat-message__images--suspicious {
    background-image: url("https://static.testing.markt.de/bundles/c6flklbk/image/markt/mailboxTagImages/NSFW-dm_300x225.svg");
  }
  :root:not(.clsy-light-mode) .clsy-prepaid-purchase {
    background-image: url("https://static.testing.markt.de/bundles/9bihb7jf/image/pwa/illustration_prepaid-dm.svg");
  }
  :root:not(.clsy-light-mode) .clsy-profile-verification {
    background-image: url("https://static.testing.markt.de/bundles/ada6bij8/image/pwa/verification/illustration_profile_verification-dm.svg");
  }
  :root:not(.clsy-light-mode) .clsy-c-expose-upload-teaser {
    background-image: url("https://static.testing.markt.de/bundles/7chj8866/image/pwa/illustration_upload_image-dm.svg");
  }
  :root:not(.clsy-light-mode) .clsy-c-hor-scrolling-list__item-image > span {
    --c-article-bg-image-filter: brightness(.6);
  }
  :root:not(.clsy-light-mode) body.erotic {
    --emphasized-text-color: var(--markt-purple--text);
    --emphasized-text-weight: normal;
    --emphasized-background-text-color: var(--inverted-text-color);
    --cta-button-text-color: var(--emphasized-background-text-color);
    --standard-button-text-color: var(--markt-white);
  }
  :root:not(.clsy-light-mode) body.erotic #clsy-c-expose-body [style*="color"] {
    filter: invert(1);
  }
}

:root.clsy-dark-mode {
  color-scheme: dark;
  --dm-markt-black-darkest: #000101;
  --dm-markt-black-darkest-rgb: 0, 0, 1;
  --dm-markt-black: #202222;
  --dm-markt-black-rgb: 32, 34, 34;
  --markt-black-lightesttransparent: rgba(var(--dm-markt-black-darkest-rgb), .2);
  --markt-black-semitransparent: rgba(var(--dm-markt-black-darkest-rgb), .6);
  --markt-black-hardlytransparent: rgba(var(--dm-markt-black-darkest-rgb), .8);
  --dm-markt-gray-95: #292b2b;
  --dm-markt-gray-90: #323434;
  --dm-markt-gray-90-rgb: 50, 52, 52;
  --dm-markt-gray-85: #3c3e3d;
  --dm-markt-gray-80: #464847;
  --dm-markt-gray-75: #505251;
  --dm-markt-gray-70: #5b5c5b;
  --dm-markt-gray-65: #656665;
  --dm-markt-gray-60: #70716f;
  --dm-markt-gray-55: #7b7b7a;
  --dm-markt-gray-50: #868685;
  --dm-markt-gray-45: #929190;
  --dm-markt-gray-40: #9d9d9c;
  --dm-markt-gray-35: #a9a8a7;
  --dm-markt-gray-30: #b4b4b3;
  --dm-markt-gray-25: #c0bfbf;
  --dm-markt-gray-20: #cccbcb;
  --dm-markt-gray-15: #d8d7d7;
  --dm-markt-gray-10: #e4e3e3;
  --dm-markt-gray-05: #f1f0ef;
  --dm-markt-white: #fefdfd;
  --dm-markt-white-rgb: 254, 253, 253;
  --markt-orange-rgb: 245, 174, 51;
  --markt-orange: rgb(var(--markt-orange-rgb));
  --markt-orange-lightest: rgba(var(--markt-orange-rgb), .2);
  --markt-orange-lightest--opaque: #4b3e25;
  --markt-purple-rgb: 215, 95, 141;
  --markt-purple--text: #ff8fc7;
  --markt-purple: rgb(var(--markt-purple-rgb));
  --markt-purple--lighter: rgba(var(--markt-purple-rgb), 0.95);
  --markt-purple-lightest: rgba(var(--markt-purple-rgb), 0.2);
  --markt-purple-lightest--opaque: #442d36;
  --markt-purple--darker: #703449;
  --markt-yellow: #ffdd33;
  --markt-red: #ed6268;
  --markt-red--lighter: #ff7c7f;
  --markt-green: #91d283;
  --markt-brighter-blue: #81bddd;
  --markt-green--alpha-1: #91d28322;
  --markt-blue: #9ab6cc;
  --markt-blue--lighter: #b3c8d9;
  --markt-blue--darker: #81a4bf;
  --markt-blue-rgb-values: 154, 182, 104;
  --facebook-blue: #4f75c1;
  --facebook-blue--hover: #496cb3;
  --facebook-blue-border: #547bc8;
  /* ===== semantic colors ======= */
  --emphasized-color-rgb: var(--markt-orange-rgb);
  --emphasized-color: var(--markt-orange);
  --lightest-emphasized-color: var(--markt-orange-lightest);
  --lightest-emphasized-color--opaque: var(--markt-orange-lightest--opaque);
  --higher-contrast-emphasized-color: var(--emphasized-color);
  --standard-text-color: var(--dm-markt-white);
  --inverted-text-color: var(--dm-markt-black);
  --light-text-color: var(--dm-markt-white);
  --less-important-text-color: var(--dm-markt-gray-30);
  --emphasized-text-color: var(--emphasized-color);
  --emphasized-text-weight: normal;
  --tab-text-color: var(--less-important-text-color);
  --tab-text-color-selected: var(--emphasized-text-color);
  --error-text-color: var(--markt-red--lighter);
  --standard-button-text-color: var(--standard-text-color);
  --standard-button-text-color--hover: var(--standard-button-text-color);
  --cta-button-text-color: var(--inverted-text-color);
  --textlike-button-text-color: var(--standard-button-text-color);
  --standard-formfield-text-color: var(--standard-text-color);
  --button-disabled-text-color: var(--dm-markt-gray-60);
  --formfield-disabled-text-color: var(--less-important-text-color);
  --formfield-disabled-label-opacity: .8;
  --emphasized-background-text-color: var(--dm-markt-black);
  --icon-color-above-img: var(--dm-markt-gray-10);
  --illustration-main-color: var(--markt-blue);
  --illustration-fill-color: var(--dialog-bg-color);
  --negative-number-color: var(--markt-red--lighter);
  --icon-color-neutral: var(--dm-markt-gray-30);
  --icon-color-success: var(--markt-green);
  --dm-bg-level-0: var(--dm-markt-black);
  --dm-bg-level-1: var(--dm-markt-gray-95);
  --dm-bg-level-2: var(--dm-markt-gray-90);
  --dm-bg-level-2-rgb: var(--dm-markt-gray-90-rgb);
  --dm-bg-level-3: var(--dm-markt-gray-85);
  --dm-bg-level-4: var(--dm-markt-gray-85);
  --dm-bg-level-5: var(--dm-markt-gray-80);
  --standard-bg-color: var(--dm-markt-black);
  --standard-bg-color-rgb: var(--dm-markt-black-rgb);
  --body-bg-color: var(--dm-bg-level-0);
  --body-bg-gradient-start: #101111;
  --body-bg-gradient-stop: var(--body-bg-gradient-start);
  --header-bg-color: var(--dm-bg-level-4);
  --footer-bg-color: var(--dm-markt-black);
  --navigation-bg-color: var(--dm-bg-level-4);
  --dialog-bg-color: var(--dm-bg-level-4);
  --link-hover-bg-color: var(--lightest-emphasized-color);
  --menu-bg-color: var(--dm-bg-level-4);
  --tabbar-bg-color: var(--dm-bg-level-2);
  --selected-bg-color: var(--lightest-emphasized-color);
  --contentarea-bg-color: var(--dm-bg-level-1);
  --contentsection-bg-color: var(--dm-bg-level-2);
  --contentsection-bg-color-rgb: var(--dm-bg-level-2-rgb);
  --formfield-bg-color: var(--dm-bg-level-1);
  --formfield-bg-color-dialog: var(--dm-bg-level-2);
  --advsection-bg-color: var(--dm-markt-gray-95);
  --defaultimage-bg-color: var(--dm-markt-gray-80);
  --cardlike-item-bg-color: var(--dm-bg-level-3);
  --form-bg-color: transparent;
  --actionable-content-bg-color: var(--dm-bg-level-4);
  --actionable-content-bg-color-dialog: var(--dm-bg-level-2);
  --item-selected-bg-color: var(--dm-markt-gray-80);
  --adv-label-bg-color: var(--dm-markt-gray-70);
  --verifications-bg-color: var(--dm-markt-gray-60);
  --verification-bg-color: var(--contentsection-bg-color);
  --verification-resultitem-bg-color: var(--dm-markt-gray-85);
  --toast-bg-color: var(--markt-white-hardlytransparent);
  --standard-button-bg-color: var(--dm-markt-gray-70);
  --standard-button-bg-color--hover: var(--dm-markt-gray-60);
  --standard-button-bg-color--active: var(--dm-markt-gray-70);
  --cta-button-bg-color: var(--markt-blue);
  --cta-button-bg-color--hover: var(--markt-blue--darker);
  --cta-button-bg-color--active: var(--markt-blue--lighter);
  --dialog-buttonbar-btn-bg-color: var(--dm-bg-level-5);
  --pwa-toolbar-bg-color: var(--dm-bg-level-4);
  --toolbar-bg-color: var(--dm-bg-level-4);
  --modal-layer-bg-color: var(--markt-black-semitransparent);
  --upselling-badge-standard-bg-color: var(--dm-markt-gray-45);
  --imagedialog-action-bg-color: rgba(var(--dm-markt-black-rgb), .3);
  --imagedialog-action-hover-bg-color: rgba(var(--dm-markt-black-rgb), .8);
  --videocall-bg-color: var(--markt-black);
  --advertactions-bg-color: var(--markt-black-semitransparent);
  --mediacontrols-bg-color: var(--dm-bg-level-5);
  --debug-stats-bg-color: #465b51e6;
  --standard-border-color: var(--markt-black-lightesttransparent);
  --grouped-border-color: var(--dm-markt-gray-50);
  --item-selected-border-color: var(--dm-markt-gray-40);
  --emphasized-border-color: var(--markt-orange);
  --emphasized-element-border-width: 5px;
  --formfield-border-color: rgba(var(--dm-markt-white-rgb), .45);
  --formfield-disabled-border-color: transparent;
  --contentsection-border-color: rgba(var(--dm-markt-black-darkest-rgb), .3);
  --table-border-color: var(--dm-markt-gray-50);
  --link-active-outline-color: rgba(var(--markt-blue-rgb-values), .5);
  --chatmessage-bg-color-standard: var(--dm-markt-gray-30);
  --chatmessage-text-color-standard: var(--inverted-text-color);
  --chatmessage-bg-color-mine: var(--markt-brighter-blue);
  --chatmessage-text-color-mine: var(--inverted-text-color);
  --chatmessage-bg-color-disappeared: transparent;
  --chatmessage-border-color-disappeared: var(--dm-markt-gray-50);
  --trigger-icon-color-chat: var(--chatmessage-text-color-mine);
  --icon-color-messages: var(--inverted-text-color);
  --icon-color-messages--error: var(--icon-color-messages);
  --mandatory-marker-color: var(--emphasized-text-color);
  /* === filters === */
  --disabled-button-filter: brightness(1) grayscale(1) opacity(0.2);
  --cke-chrome-filter: invert(0.8);
  --image-filter: brightness(.85) contrast(1.2);
  /* === misc === */
  --logo-dark-display: inline;
  --logo-light-display: none;
  /* === overrides === */
}

:root.clsy-dark-mode .clsy-c-form__select,
:root.clsy-dark-mode .clsy-c-form__select-fake {
  background-image: url("https://static.testing.markt.de/bundles/bje9h7a9/image/pwa/chevron-down.svg#enabled-dark"), linear-gradient(to left, var(--formfield-bg-color) 0%, var(--formfield-bg-color) var(--select-icon-width), var(--formfield-border-color) var(--select-icon-width), var(--formfield-border-color) calc(var(--select-icon-width) + 1px), var(--formfield-bg-color) calc(var(--select-icon-width) + 1px), var(--formfield-bg-color) 100%);
}

:root.clsy-dark-mode .clsy-c-mbx-chat-message__images--suspicious {
  background-image: url("https://static.testing.markt.de/bundles/c6flklbk/image/markt/mailboxTagImages/NSFW-dm_300x225.svg");
}

:root.clsy-dark-mode .clsy-prepaid-purchase {
  background-image: url("https://static.testing.markt.de/bundles/9bihb7jf/image/pwa/illustration_prepaid-dm.svg");
}

:root.clsy-dark-mode .clsy-profile-verification {
  background-image: url("https://static.testing.markt.de/bundles/ada6bij8/image/pwa/verification/illustration_profile_verification-dm.svg");
}

:root.clsy-dark-mode .clsy-c-expose-upload-teaser {
  background-image: url("https://static.testing.markt.de/bundles/7chj8866/image/pwa/illustration_upload_image-dm.svg");
}

:root.clsy-dark-mode .clsy-c-hor-scrolling-list__item-image > span {
  --c-article-bg-image-filter: brightness(.6);
}

:root.clsy-dark-mode body.erotic {
  --emphasized-text-color: var(--markt-purple--text);
  --emphasized-text-weight: normal;
  --emphasized-background-text-color: var(--inverted-text-color);
  --cta-button-text-color: var(--emphasized-background-text-color);
  --standard-button-text-color: var(--markt-white);
}

:root.clsy-dark-mode body.erotic #clsy-c-expose-body [style*="color"] {
  filter: invert(1);
}

@media (min-width: 700px) {
  .clsy-layout-col-2-1 {
    display: flex;
  }
  .clsy-layout-col-2-1 > *:nth-child(1) {
    flex: 2;
    min-width: 10ch;
    margin-bottom: var(--contentsection-bottom-margin);
  }
  .clsy-layout-col-2-1 > *:nth-child(2) {
    flex: 1;
    min-width: 10ch;
    margin-left: var(--container-gutter);
    margin-bottom: var(--contentsection-bottom-margin);
  }
}

.clsy-layout-grid-2-1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: var(--container-gutter);
}

.clsy-webpush-request {
  display: none;
  margin-bottom: var(--contentsection-bottom-margin);
}

@media (min-width: 700px) {
  .clsy-webpush-request {
    margin-top: var(--standard-content-padding-vertical);
    margin-bottom: var(--standard-content-padding-vertical);
  }
}

.clsy-webpush-request .clsy-contentsection {
  margin-bottom: 0;
}

.clsy-webpush-request .clsy-contentsection .clsy-c-button-bar {
  margin-bottom: var(--standard-content-padding-vertical);
}

/*
  Fonts downloaded from google fonts via Google Webfonts Helper (https://google-webfonts-helper.herokuapp.com/).
  For now only provide woff and woff2, as browser-support seems to be sufficient. If there turn out to be problems, add
  ttf, eot and svg as well.
*/
/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: local("Roboto"), local("Roboto-Regular"), url("https://static.testing.markt.de/bundles/hjda7af7/fonts/pwa/roboto-v18-latin-ext_latin-regular.woff2") format("woff2"), url("https://static.testing.markt.de/bundles/ihckd89b/fonts/pwa/roboto-v18-latin-ext_latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: optional;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("https://static.testing.markt.de/bundles/hec8kd/fonts/pwa/roboto-v18-latin-ext_latin-italic.woff2") format("woff2"), url("https://static.testing.markt.de/bundles/ejai9kle/fonts/pwa/roboto-v18-latin-ext_latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://static.testing.markt.de/bundles/kjjhieac/fonts/pwa/roboto-v18-latin-ext_latin-700.woff2") format("woff2"), url("https://static.testing.markt.de/bundles/87l9efih/fonts/pwa/roboto-v18-latin-ext_latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*!
 *  This document contains trade secret data which is the property of
 *  markt.de GmbH & Co KG. Information contained herein may not be used,
 *  copied or disclosed in whole or part except as permitted by written
 *  agreement from markt.de GmbH & Co KG.
 *
 *  Copyright (c) 2018 markt.de GmbH & Co KG / Munich / Germany
 */
@keyframes target-animation {
  from {
    background-color: var(--emphasized-color);
  }
  to {
    background-color: var(--standard-bg-color);
  }
}

@keyframes scale-from-bottom-right {
  from {
    transform: scale(0);
    transform-origin: bottom right;
    opacity: .5;
  }
  to {
    transform: scale(1);
    transform-origin: bottom right;
    opacity: 1;
  }
}

@keyframes rotate-360-deg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-360-deg-center-both {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes outline-to-emphasized-color {
  0% {
    outline-color: var(--field-outline-color);
  }
  100% {
    outline-color: var(--field-outline-color--emphasized);
  }
}

@keyframes dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes inflate {
  0% {
    transform: scale(0);
  }
  90% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes delay-overflow-y-from-hidden {
  0% {
    overflow-y: hidden;
  }
  99.9% {
    overflow-y: hidden;
  }
  100% {
    overflow-y: visible;
  }
}

@keyframes scale-up-and-blend-in {
  0% {
    transform: scale(0) translateX(-50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateX(-50%);
    opacity: 1;
  }
}

/* ========================================================================
   General HTML elements
   ======================================================================== */
html {
  box-sizing: border-box;
  font-family: var(--standard-font-family);
  font-size: var(--base-fontsize);
  line-height: var(--standard-line-height);
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: var(--body-bg-color) linear-gradient(270deg, var(--body-bg-gradient-start), var(--body-bg-gradient-stop)) fixed;
  color: var(--standard-text-color);
}

small {
  font-size: var(--fontsize-small);
  line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 1.6em 0 .6em;
  color: var(--standard-text-color);
  font-family: var(--headline-font-family);
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: var(--headline-line-height);
  transition: font-size 400ms;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0;
}

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5 {
  margin-top: 0;
}

h1 {
  font-size: var(--standard-fontsize-h1);
}

h2 {
  font-size: var(--fontsize-xlarge);
}

h3 {
  font-size: var(--fontsize-large);
}

h4,
h5 {
  font-size: var(--standard-fontsize);
}

h1,
h2,
h3 {
  font-weight: normal;
}

h4 {
  font-weight: bold;
}

h5 {
  /*font-variant: small-caps;*/
  text-transform: uppercase;
  font-weight: normal;
}

hgroup {
  margin: 0 0 1.4rem;
  padding: 0;
}

p,
ul,
ol,
table,
figure,
form,
blockquote {
  margin: var(--standard-top-margin) 0 var(--standard-bottom-margin);
}

table {
  table-layout: fixed;
  max-width: 100%;
  border-collapse: collapse;
}

dl.clsy-dl {
  display: grid;
  grid-template-columns: max-content auto;
  grid-gap: .5em 1em;
}

dl.clsy-dl dt, dl.clsy-dl dd {
  margin: 0;
  padding: 0;
  line-height: var(--smaller-line-height);
}

dl.clsy-dl dt {
  font-weight: normal;
}

dl.clsy-dl dd {
  font-weight: bold;
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])), a,
.clsy-c-link {
  position: relative;
  padding: 0 .2em;
  color: var(--standard-link-color);
  font-weight: normal;
  text-decoration: none;
  border: none;
  border-bottom: var(--link-border-bottom-width-standard) dotted var(--standard-link-color);
  transition: background-color .3s, border-width .3s, border-color .3s, outline .05s;
  cursor: pointer;
  -webkit-tap-highlight-color: var(--link-hover-bg-color);
  outline-offset: var(--standard-outline-offset);
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])):after, a:after,
.clsy-c-link:after {
  content: "";
  display: block;
  height: var(--link-border-bottom-width-hover);
  background-color: var(--standard-link-color);
  position: absolute;
  bottom: calc(0px - var(--link-border-bottom-width-standard));
  left: 50%;
  right: 50%;
  transition: left 0.2s var(--bouncy-transition-function), right 0.2s var(--bouncy-transition-function);
}

@media (hover: hover) and (pointer: fine) {
  .clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:hover:where(:not([disabled=disabled])), a:hover,
.clsy-c-link:hover {
    text-decoration: none;
    background-color: var(--link-hover-bg-color);
  }
  .clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:hover:where(:not([disabled=disabled])):after, a:hover:after,
.clsy-c-link:hover:after {
    left: 0;
    right: 0;
  }
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:focus-visible:where(:not([disabled=disabled])), a:focus-visible,
.clsy-c-link:focus-visible, .clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:active:where(:not([disabled=disabled])), a:active,
.clsy-c-link:active {
  text-decoration: none;
  background-color: var(--link-hover-bg-color);
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:focus-visible:where(:not([disabled=disabled])):after, a:focus-visible:after,
.clsy-c-link:focus-visible:after, .clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:active:where(:not([disabled=disabled])):after, a:active:after,
.clsy-c-link:active:after {
  left: 0;
  right: 0;
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:focus:where(:not([disabled=disabled])), a:focus,
.clsy-c-link:focus {
  background-color: transparent;
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:focus:not(:focus-visible):where(:not([disabled=disabled])), a:focus:not(:focus-visible),
.clsy-c-link:focus:not(:focus-visible) {
  outline: none;
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:focus-visible:where(:not([disabled=disabled])), a:focus-visible,
.clsy-c-link:focus-visible {
  outline: var(--standard-outline-style);
  border-radius: var(--standard-outline-border-radius);
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:active:where(:not([disabled=disabled])), a:active,
.clsy-c-link:active {
  outline: var(--standard-outline-style-active);
}

a,
.clsy-c-link {
  text-align: left;
}

.clsy-c-link__plain {
  border-bottom: none;
}

.clsy-c-emphasized-link {
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
  --mask-icon-width: 8px;
}

.clsy-c-emphasized-link: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: .5em;
}

.clsy-c-link--image-only {
  display: inline-block;
  font-size: 0;
}

.clsy-c-link--image-only > * {
  font-size: var(--standard-fontsize);
}

a:not([href]) {
  color: var(--standard-text-color);
}

a:not([href]):hover, a:not([href]):focus, a:not([href]):active {
  background-color: transparent;
}

a:not([href]):focus-visible, a:not([href]):active {
  outline: var(--standard-outline-style);
}

.clsy-no-action {
  pointer-events: none;
}

main {
  min-height: calc(100vh - var(--header-height));
}

main#main:target {
  scroll-margin-top: var(--header-height);
}

img {
  max-width: 100%;
}

code,
pre {
  font-family: var(--monospace-font-family);
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border: var(--standard-border-style);
  /* inherit font & color from ancestor */
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
select {
  font-family: var(--standard-font-family);
  font-size: var(--standard-fontsize);
  background-image: none;
}

input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
button:focus-visible,
select:focus-visible {
  outline: var(--field-outline-style);
  outline-offset: var(--field-outline-offset);
}

input[type="date"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="time"],
input[type="url"] {
  -webkit-appearance: none;
  appearance: none;
  height: var(--formfield-height);
  font-family: var(--standard-font-family);
  font-size: var(--standard-formfield-fontsize);
  color: var(--standard-formfield-text-color);
  background-color: var(--formfield-bg-color);
  border: 1px solid var(--formfield-border-color);
  border-radius: var(--formfield-border-radius);
}

input[type="date"]:focus-visible,
input[type="datetime-local"]:focus-visible,
input[type="week"]:focus-visible,
input[type="month"]:focus-visible,
input[type="email"]:focus-visible,
input[type="number"]:focus-visible,
input[type="password"]:focus-visible,
input[type="search"]:focus-visible,
input[type="text"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="time"]:focus-visible,
input[type="url"]:focus-visible {
  outline: var(--field-outline-style);
  outline-offset: var(--field-outline-offset);
}

input[type="date"]:disabled,
input[type="datetime-local"]:disabled,
input[type="week"]:disabled,
input[type="month"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled {
  color: var(--formfield-disabled-text-color);
  background-color: var(--formfield-disabled-bg-color);
  border-color: var(--formfield-disabled-border-color);
  cursor: not-allowed;
}

textarea {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0.4em 1em;
  width: 100%;
  height: 5em;
  font-family: var(--standard-font-family);
  color: var(--standard-formfield-text-color);
  font-size: var(--standard-formfield-fontsize);
  line-height: var(--smaller-line-height);
  background-color: var(--formfield-bg-color);
  border: 1px solid var(--formfield-border-color);
  border-radius: var(--formfield-border-radius);
}

textarea:focus-visible {
  outline: var(--field-outline-style);
  outline-offset: var(--field-outline-offset);
}

textarea:disabled {
  color: var(--formfield-disabled-text-color);
  background-color: var(--formfield-disabled-bg-color);
  border-color: var(--formfield-disabled-border-color);
  cursor: not-allowed;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input::placeholder {
  color: var(--less-important-text-color);
  font-style: italic;
  font-size: var(--fontsize-small);
}

textarea::placeholder {
  color: var(--less-important-text-color);
}

fieldset {
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal) calc(2* var(--standard-content-padding-vertical));
  margin: 0 0 var(--standard-bottom-margin);
  border: var(--standard-border-style);
  border-radius: var(--stronger-border-radius);
}

legend {
  padding: 0 .3em;
  margin: 0 0 0 -.3em;
  color: var(--standard-text-color);
}

iframe {
  color-scheme: light;
}

.clsy-contentsection img,
.clsy-marktlet-wrapper img,
.fancybox-container img {
  filter: var(--image-filter);
}

.clsy-c-advsection iframe:not(:has(iframe)),
#clsy-clsds-div-main_skyscraper iframe:not(:has(iframe)) {
  filter: var(--image-filter);
}

.clsy-c-i18nMessageSource {
  display: none;
}

[id]:target {
  scroll-snap-margin-top: calc(var(--header-height) + 40px);
  scroll-margin-top: calc(var(--header-height) + 40px);
}

.clsy-c-tooltip-wrapper--has-tooltip {
  display: flex;
}

.clsy-c-tooltip-wrapper--has-tooltip > .clsy-c-tooltip__generic-label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.clsy-c-tooltip-wrapper--has-tooltip:not(.clsy-c-form__field-wrapper--wysiwyg) > .clsy-c-form__label {
  max-width: calc(100% - var(--standard-touchtarget-min-width) - 2 * var(--formfield-label-offset-left));
}

.clsy-c-tooltip-wrapper--has-tooltip > .clsy-c-tooltip {
  flex: none;
  margin-left: auto;
}

.clsy-c-tooltip-wrapper--has-tooltip.clsy-c-tooltip-wrapper--has-tooltip-adjacent {
  width: auto;
  align-items: center;
}

.clsy-c-tooltip-wrapper--has-tooltip.clsy-c-tooltip-wrapper--has-tooltip-adjacent > .clsy-c-form__label {
  margin-bottom: 0;
}

.clsy-c-tooltip-wrapper--has-tooltip.clsy-c-tooltip-wrapper--has-tooltip-adjacent > .clsy-c-tooltip {
  margin-left: 1em;
}

.clsy-less-important {
  color: var(--less-important-text-color);
  font-size: var(--fontsize-small);
}

.clsy-visually-hidden {
  position: absolute;
  margin: -1px;
  padding: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  border: 0;
}

.clsy-truncate-one {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.clsy-truncate-multi {
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp, 2);
  -webkit-box-orient: vertical;
  /* word-break: var(--word-break, 'none'); */
  overflow: hidden;
  hyphens: auto;
}

.clsy-interactive {
  transition: opacity 400ms;
}

.clsy-interactive--not-yet {
  opacity: 0.3;
  background-color: unset !important;
  cursor: progress !important;
}

.clsy-offline .clsy-offline-indicator-transparency {
  opacity: 0.3;
  transition: opacity 400ms;
  cursor: not-allowed;
}

.clsy-offline .clsy-offline-indicator-transparency a {
  cursor: not-allowed;
}

.clsy-has-icon {
  --icon-container-gutter: .2rem;
  display: flex;
  gap: var(--icon-container-gutter);
}

.clsy-has-icon::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);
}

.clsy-is-icon {
  display: inline-flex;
}

.clsy-is-icon::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);
}

.clsy-hidden {
  --animation-duration: 200ms;
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--animation-duration), visibility var(--animation-duration);
}

#prg_form {
  margin: 0;
  padding: 0;
}

.clsy-item--pressed {
  -webkit-user-select: none;
  user-select: none;
}

.clsy-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: .4em 1em;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--fontsize-small);
}

.clsy-footer-links li {
  margin: 0;
  padding: 0;
}

.clsy-footer-links li a {
  display: inline-flex;
  align-items: center;
  min-height: var(--small-touchtarget-min-height);
}

@media (max-width: 699px) {
  .clsy-hide-on-singlecol {
    display: none !important;
  }
}

@media (min-width: 700px) {
  .clsy-hide-on-multicol {
    display: none !important;
  }
}

.clsy-outline-offset-negative.clsy-c-btn:focus-visible, .clsy-outline-offset-negative:focus-visible {
  outline-offset: calc(var(--standard-outline-width) * -1);
  border-radius: calc(2 * var(--standard-outline-border-radius));
}

body, main, header, .clsy-contentsection {
  --transition-duration: .3s;
  transition: background-color var(--transition-duration), color var(--transition-duration);
}

.clsy-advertising-slot-wrapper__div {
  overflow-y: hidden;
  display: flex;
  justify-content: center;
}

/*!
 *  This document contains trade secret data which is the property of
 *  markt.de GmbH & Co KG. Information contained herein may not be used,
 *  copied or disclosed in whole or part except as permitted by written
 *  agreement from markt.de GmbH & Co KG.
 *
 *  Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
.cke_toolbox a:after {
  left: auto;
}

.cke.cke_chrome {
  border: var(--standard-border-width) solid var(--formfield-border-color);
}

.cke_top,
.cke_bottom {
  filter: var(--cke-chrome-filter);
}

div.cke_inner,
iframe.cke_wysiwyg_frame {
  background-color: var(--contentsection-bg-color);
  color-scheme: normal;
}

.clsy-c-form {
  background-color: var(--form-bg-color);
}

.clsy-c-form__field-wrapper {
  position: relative;
  width: 100%;
  margin: 0 0 var(--formfield-wrapper-bottom-margin);
  padding: var(--formfield-wrapper-top-padding) 0 0;
}

.clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--selection {
  --formfield-wrapper-bottom-margin: 0;
  padding-top: 0;
}

.clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--selection.clsy-c-tooltip-wrapper--has-tooltip input[type="checkbox"],
.clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--selection.clsy-c-tooltip-wrapper--has-tooltip input[type="radio"] {
  height: calc(var(--input-element-height) * 2);
}

.clsy-c-form__field-wrapper .clsy-c-form__label {
  font-size: var(--label-fontsize);
}

.clsy-c-form__field-wrapper .clsy-c-form__label--standalone {
  display: block;
  font-size: var(--label-fontsize);
}

.clsy-c-form__field-wrapper .clsy-c-form__actionbuttons {
  position: absolute;
  top: calc(var(--formfield-wrapper-top-padding) + var(--standard-border-width));
  right: var(--standard-border-width);
  height: calc(var(--standard-touchtarget-min-height) - 2 * var(--standard-border-width));
  background-color: var(--formfield-bg-color);
}

.clsy-c-form__field-wrapper.clsy-c-tooltip-wrapper--has-tooltip .clsy-c-form__actionbuttons {
  right: calc(var(--standard-border-width) + var(--standard-touchtarget-min-width));
}

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

.clsy-c-form__field-wrapper .clsy-c-form__copy {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/gcjbb7hc/image/pwa/icons/icon-advert-admin.svg);
}

.clsy-c-form__field-wrapper .clsy-c-form__unhide {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/gcjhcgle/image/pwa/icons/icon-eye.svg);
}

.clsy-c-form__field-wrapper .clsy-c-form__unhide--pw-visible {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/gajl9cd/image/pwa/icons/icon-eye-strikethrough.svg);
}

.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--has-value) .clsy-c-form__clear,
.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--has-value) .clsy-c-form__unhide,
.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--has-value) .clsy-c-form__copy {
  display: none;
}

.clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--initialized .clsy-c-form__label:not(.clsy-c-form__label--selection):not(.clsy-c-form__label--select-multiple) {
  --label-fontsize: var(--label-fontsize-regular);
  top: calc(var(--formfield-wrapper-top-padding) + var(--formfield-height) / 2 - 1em / 2);
  padding: 0 .4em;
}

.clsy-c-form__field-wrapper .clsy-c-form__label:not(.clsy-c-form__label--selection):not(.clsy-c-form__label--select-multiple),
.clsy-c-form__field-wrapper .clsy-c-form__label:not(.clsy-c-form__label--selection).clsy-c-form__label--select-multiple, .clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-focus .clsy-c-form__label:not(.clsy-c-form__label--selection):not(.clsy-c-form__label--select-multiple),
.clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-focus .clsy-c-form__label:not(.clsy-c-form__label--selection).clsy-c-form__label--select-multiple, .clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-value .clsy-c-form__label:not(.clsy-c-form__label--selection):not(.clsy-c-form__label--select-multiple),
.clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-value .clsy-c-form__label:not(.clsy-c-form__label--selection).clsy-c-form__label--select-multiple, .clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-placeholder .clsy-c-form__label:not(.clsy-c-form__label--selection):not(.clsy-c-form__label--select-multiple),
.clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-placeholder .clsy-c-form__label:not(.clsy-c-form__label--selection).clsy-c-form__label--select-multiple {
  --label-fontsize: var(--label-fontsize-small);
  position: absolute;
  top: calc(var(--standard-border-width) + var(--formfield-wrapper-top-padding));
  left: var(--formfield-label-offset-left);
  padding: .3em .8em .3em .4em;
  -webkit-user-select: none;
  user-select: none;
  color: var(--less-important-text-color);
  line-height: 1;
  border-radius: var(--standard-border-radius);
  --transition-duration: 200ms;
  transition: all var(--transition-duration) ease;
  z-index: 1;
}

.clsy-c-form__field-wrapper:has(textarea) .clsy-c-form__label {
  background-color: var(--formfield-bg-color);
}

.clsy-c-form__field-wrapper > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.clsy-c-form__field-wrapper > ul > li {
  position: relative;
  margin: 0;
  padding: 0;
}

.clsy-c-form__fields > button {
  height: var(--standard-touchtarget-min-height);
  margin: var(--formfield-wrapper-top-padding) 0 var(--formfield-wrapper-bottom-margin);
}

.clsy-c-form__field-group-condensed .clsy-c-form__field-wrapper {
  margin: 0;
}

.clsy-c-form__field-group-condensed {
  margin: 0 0 var(--formfield-wrapper-bottom-margin);
}

.clsy-c-form__label--selection-group {
  display: block;
  margin-bottom: .5em;
}

.clsy-c-form__label--selection-group-hint {
  display: block;
  font-weight: normal;
  font-size: var(--fontsize-xsmall);
  color: var(--less-important-text-color);
  line-height: var(--smaller-line-height);
}

.clsy-c-form__label--selection {
  align-self: center;
}

.clsy-c-form__label--mandatory {
  --mask-icon-color: var(--mandatory-marker-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/iaeace7g/image/pwa/icons/icon-star-filled.svg);
  --mask-icon-size: .6em auto;
  --mask-icon-width: .7em;
  --mask-icon-height: .85em;
  --mask-icon-position: top right;
  position: relative;
  top: -.1em;
  display: inline-block;
  width: var(--mask-icon-width);
  height: var(--mask-icon-height);
  text-indent: 150%;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
}

.clsy-c-form__label--mandatory::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;
  inset: 0 0 0 0;
}

.clsy-c-form__label-hint {
  margin-left: .4em;
  font-size: var(--fontsize-xsmall);
}

.clsy-c-form__select, .clsy-c-form__select-fake {
  --select-icon-width: 40px;
  --select-border-width: 1px;
  display: block;
  padding-left: var(--formfield-padding-horizontal);
  padding-right: var(--select-icon-width) !important;
  height: var(--standard-touchtarget-min-height);
  width: 100%;
  max-width: 100%;
  font-size: var(--standard-formfield-fontsize);
  -webkit-appearance: none;
  appearance: none;
  border: var(--select-border-width) solid var(--formfield-border-color);
  border-radius: var(--formfield-border-radius);
  background-color: var(--formfield-bg-color);
  background-image: url("https://static.testing.markt.de/bundles/bje9h7a9/image/pwa/chevron-down.svg#enabled"), linear-gradient(to left, var(--formfield-bg-color) 0%, var(--formfield-bg-color) var(--select-icon-width), var(--formfield-border-color) var(--select-icon-width), var(--formfield-border-color) calc(var(--select-icon-width) + 1px), var(--formfield-bg-color) calc(var(--select-icon-width) + 1px), var(--formfield-bg-color) 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: 1em auto, 100%;
}

.clsy-c-form__select::-ms-expand, .clsy-c-form__select-fake::-ms-expand {
  display: none;
}

.clsy-c-form__select:disabled, .clsy-c-form__select-fake:disabled {
  color: var(--formfield-disabled-text-color);
  background-color: var(--formfield-disabled-bg-color);
  border-color: var(--formfield-disabled-border-color);
  cursor: not-allowed;
  background-image: url("https://static.testing.markt.de/bundles/bje9h7a9/image/pwa/chevron-down.svg#disabled");
}

.clsy-c-form__select-multiple, .clsy-c-form__select-fake-multiple {
  overflow: hidden;
}

.clsy-c-form__select-multiple option, .clsy-c-form__select-fake-multiple option {
  display: none;
}

.clsy-c-form__select-multiple-smart-hint, .clsy-c-form__select-fake-multiple-smart-hint {
  --select-icon-width: 40px;
  --select-border-width: 1px;
  position: absolute;
  font-size: var(--standard-formfield-fontsize);
  line-height: normal;
  pointer-events: none;
  top: var(--select-multiple-hint-top);
  left: calc( var(--select-border-width) + var(--formfield-padding-horizontal));
  right: calc(var(--select-icon-width) + var(--select-border-width) + 1px);
  bottom: var(--select-border-width);
  background: var(--formfield-bg-color);
}

.clsy-c-form__select-multiple-click-interceptor, .clsy-c-form__select-fake-multiple-click-interceptor {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.clsy-c-form__select-fake:focus {
  outline: var(--field-outline-style);
  outline-offset: var(--field-outline-offset);
}

.clsy-c-form__smartLabeledField {
  padding: var(--formfield-padding-vertical) var(--formfield-padding-horizontal) 0;
}

.clsy-c-form__smartLabeledField:not([size]) {
  width: 100%;
}

textarea.clsy-c-form__smartLabeledField {
  --formfield-padding-vertical: 1.3em;
  display: block;
}

.clsy-c-form__field-datetime-wrapper {
  display: flex;
  height: var(--formfield-height);
  background-color: var(--formfield-bg-color);
  border: 1px solid var(--formfield-border-color);
  border-radius: var(--formfield-border-radius);
}

.clsy-c-form__field-datetime-wrapper input.clsy-c-form__field-datetime {
  padding: var(--formfield-padding-vertical) var(--formfield-padding-horizontal) 0;
  border: none;
  background-color: transparent;
}

.clsy-c-form__field-datetime-wrapper input.clsy-c-form__field-datetime + input.clsy-c-form__field-datetime {
  border-left: 1px solid var(--formfield-border-color);
}

.clsy-c-form__textarea {
  width: 100%;
  padding: 1.3em .6em;
}

.clsy-c-form__expanding-textarea {
  overflow: auto;
  height: auto;
}

.clsy-c-form__textarea-counter {
  text-align: right;
  font-size: var(--fontsize-small);
  color: var(--less-important-text-color);
}

.clsy-c-form__textarea-counter--max {
  color: var(--message-color-error);
}

h2 + .clsy-c-form-selectiongroup, h3 + .clsy-c-form-selectiongroup, h4 + .clsy-c-form-selectiongroup, h5 + .clsy-c-form-selectiongroup {
  padding-top: 0.1px;
}

.clsy-c-form-selectiongroup > ul {
  margin-left: .4rem;
}

.clsy-c-form-selectiongroup > ul li {
  position: relative;
}

.clsy-c-form-selectiongroup--multicol {
  --multicol-col-min-width: 18ch;
}

.clsy-c-form-selectiongroup--multicol ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--multicol-col-min-width), 1fr));
  grid-column-gap: var(--standard-column-gutter);
}

.clsy-c-form-selectiongroup--multicol .clsy-c-form__label--selection {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-c-form-selectiongroup--items-inline {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--standard-bottom-margin);
}

.clsy-c-form-selectiongroup--items-inline .clsy-c-form__label--selection-group {
  width: 100%;
}

.clsy-c-form-selectiongroup--items-inline .clsy-c-form__field-wrapper--selection {
  width: auto;
  margin-right: var(--standard-content-padding-horizontal);
}

.clsy-c-form-field-readonly {
  --label-fontsize: var(--label-fontsize-small);
  --label-headspace: calc(var(--label-fontsize) * var(--smaller-line-height));
  position: relative;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: var(--formfield-wrapper-bottom-margin);
}

.clsy-c-form-field-readonly__label {
  position: absolute;
  top: 0;
  left: 0;
  flex: none;
  color: var(--less-important-text-color);
  font-size: var(--label-fontsize);
  line-height: 1;
  -webkit-user-select: none;
  user-select: none;
}

.clsy-c-form-field-readonly__value {
  padding: var(--label-headspace) 0 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow: hidden;
  line-height: var(--smaller-line-height);
}

.clsy-c-form-field-readonly > .clsy-c-tooltip {
  margin-left: auto;
}

.clsy-c-form--simple .clsy-c-form__label--selection-group {
  font-weight: bold;
}

.clsy-c-form--simple .clsy-c-form__label {
  color: var(--standard-text-color);
}

/*
Popup for custom multi select input field.
 */
.clsy-multi-select-options {
  --input-element-width: 1em;
  --input-element-height: 1em;
  --option-height: var(--standard-touchtarget-min-height);
  --label-line-height: var(--smaller-line-height);
  --label-fontsize: var(--label-fontsize-regular);
  --checkbox-padding: 0.4em;
  max-height: 200px;
  overflow-y: auto;
}

.clsy-multi-select-options li {
  padding: 0;
  cursor: pointer;
}

.clsy-multi-select-options__option {
  --mask-icon-color: var(--formelement-base-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#checkbox-border);
  display: flex;
  align-items: center;
  position: relative;
  min-height: var(--option-height);
  padding: 0 .6em;
  cursor: pointer;
  line-height: var(--label-line-height);
  font-size: var(--label-fontsize);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-multi-select-options__option::before {
  content: "";
  flex: none;
  display: block;
  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);
  flex: none;
  margin: -.1em .4em 0 0;
  width: var(--input-element-width);
  height: var(--input-element-height);
  line-height: 0;
}

.clsy-multi-select-options__option:hover, .clsy-multi-select-options__option:focus {
  --mask-icon-color: var(--standard-link-color);
  background-color: var(--selected-bg-color);
}

.clsy-multi-select-options__option--checked {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#checkbox-border), url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#checkbox-checkmark);
  --mask-icon-color: var(--standard-link-color);
}

.clsy-multi-select-options__actions {
  display: none;
}

.clsy-anchored-popup--fullscreen .clsy-multi-select-options__actions {
  display: flex;
  justify-content: center;
  padding: var(--standard-content-padding-vertical) var(--standard-content-padding-horizontal);
  background-color: var(--actionable-content-bg-color);
}

/*
Checkboxes.
These do not follow BEM for now; styles are applied to all checkboxes
*/
input[type=checkbox],
input[type=radio] {
  width: var(--input-element-width);
  height: var(--input-element-height);
  position: absolute;
  top: calc( ( var(--label-line-height) * var(--label-fontsize) - var(--input-element-height) ) / 2);
  left: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1;
  font-size: var(--label-fontsize);
}

input[type=checkbox]:focus-visible + label,
input[type=radio]:focus-visible + label {
  outline: var(--standard-outline-style);
  outline-offset: var(--standard-outline-offset);
  border-radius: var(--standard-outline-border-radius);
}

input[type=checkbox] + label,
input[type=radio] + label {
  --mask-icon-color: var(--formelement-base-color);
  position: relative;
  display: block;
  padding: 0 0 0 calc(var(--input-element-width) + 0.4em);
  margin: 0 0 .5em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: var(--less-important-text-color);
  line-height: var(--label-line-height);
  font-size: var(--label-fontsize);
}

input[type=checkbox] + label::before,
input[type=radio] + label::before {
  width: var(--input-element-width);
  height: var(--input-element-height);
  position: absolute;
  top: calc( ( var(--label-line-height) * var(--label-fontsize) - var(--input-element-height) ) / 2);
  left: 0;
  line-height: 0;
  content: "";
  flex: none;
  display: block;
  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);
}

input[type=checkbox] + label:hover, input[type=checkbox]:hover + label, input[type=checkbox]:focus + label,
input[type=radio] + label:hover,
input[type=radio]:hover + label,
input[type=radio]:focus + label {
  --mask-icon-color: var(--standard-link-color);
}

input[type=checkbox]:checked + label,
input[type=radio]:checked + label {
  --mask-icon-color: var(--standard-link-color);
}

input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
  --mask-icon-color: var(--formelement-base-color) !important;
  opacity: var(--formfield-disabled-label-opacity);
}

input[type=checkbox]:disabled + label, input[type=checkbox]:disabled,
input[type=radio]:disabled + label,
input[type=radio]:disabled {
  cursor: not-allowed;
}

input[type=checkbox] + label {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#checkbox-border);
}

input[type=checkbox]:checked + label {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#checkbox-border), url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#checkbox-checkmark);
}

input[type=checkbox]:disabled + label {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#checkbox-border-dashed);
}

input[type=checkbox]:checked:disabled + label {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#checkbox-border-dashed), url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#checkbox-checkmark);
}

input[type=radio] + label {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#radio-border);
}

input[type=radio]:checked + label {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#radio-border), url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#radio-checkmark);
}

input[type=radio]:disabled + label {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#radio-border-dashed);
}

input[type=radio]:checked:disabled + label {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#radio-border-dashed), url(https://static.testing.markt.de/bundles/j9ag9blc/image/pwa/sprite_forms.svg#radio-checkmark);
}

.clsy-oneline-submit {
  display: flex;
}

.clsy-oneline-submit .clsy-c-form__field-wrapper {
  flex-grow: 1;
  margin: 0;
}

.clsy-oneline-submit .clsy-c-form__field-wrapper input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.clsy-oneline-submit .clsy-c-btn {
  margin: var(--formfield-wrapper-top-padding) 0 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

@media (max-width: 269px) {
  .clsy-oneline-submit {
    flex-direction: column;
  }
  .clsy-oneline-submit .clsy-c-form__field-wrapper input {
    border-radius: var(--formfield-border-radius);
  }
  .clsy-oneline-submit .clsy-c-btn {
    border-radius: var(--button-border-radius);
  }
}

button:focus-visible {
  border-radius: var(--standard-outline-border-radius);
}

.clsy-c-btn {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  padding: var(--standard-button-padding);
  min-height: var(--standard-button-height);
  font-size: var(--standard-fontsize);
  text-align: center;
  color: var(--standard-button-text-color);
  line-height: var(--button-line-height);
  background-color: var(--standard-button-bg-color);
  border-radius: var(--button-border-radius);
  border: 1px solid var(--standard-button-bg-color);
  cursor: default;
  transition: all .2s;
}

@media (hover: hover) and (pointer: fine) {
  .clsy-c-btn:hover {
    background-color: var(--standard-button-bg-color--hover);
  }
}

.clsy-c-btn:focus-visible {
  background-color: var(--standard-button-bg-color--hover);
}

.clsy-c-btn:focus:not(:focus-visible) {
  outline: none;
}

.clsy-c-btn:focus-visible {
  outline: var(--button-outline-style);
  outline-offset: var(--button-outline-offset);
}

.clsy-c-btn:active {
  background-color: var(--standard-button-bg-color--active);
  border-color: var(--standard-button-bg-color--active);
  transform: translate(var(--button-active-offset), var(--button-active-offset));
}

.clsy-c-btn:after {
  content: none;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}

.clsy-c-btn--prominent {
  color: var(--emphasized-background-text-color);
  background-color: var(--prominent-button-bg-color);
  border-color: var(--prominent-button-bg-color);
  --mask-icon-color: var(--emphasized-background-text-color) !important;
}

.clsy-c-btn--prominent:hover, .clsy-c-btn--prominent:focus {
  color: var(--emphasized-background-text-color);
  background-color: var(--prominent-button-bg-color--hover);
  border-color: var(--prominent-button-bg-color--hover);
}

.clsy-c-btn--prominent:active {
  color: var(--emphasized-background-text-color);
  background-color: var(--prominent-button-bg-color--active);
  border-color: var(--prominent-button-bg-color--active);
}

.clsy-c-btn--sticky {
  position: sticky;
  bottom: var(--sticky-button-bottom-distance);
  margin-bottom: calc(var(--button-outline-offset) + var(--standard-outline-width));
  margin-top: calc(var(--button-outline-offset) + var(--standard-outline-width));
  z-index: var(--fixed-zindex-content-elements);
  font-weight: bold;
  box-shadow: var(--floating-ui-elements-box-shadow);
}

.clsy-c-btn--centered {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

.clsy-c-btn--cta {
  color: var(--cta-button-text-color);
  background-color: var(--cta-button-bg-color);
  border-color: var(--cta-button-bg-color);
}

.clsy-c-btn--cta:hover, .clsy-c-btn--cta:focus {
  color: var(--cta-button-text-color);
  background-color: var(--cta-button-bg-color--hover);
  border-color: var(--cta-button-bg-color--hover);
}

.clsy-c-btn--cta:active {
  color: var(--cta-button-text-color);
  background-color: var(--cta-button-bg-color--active);
  border-color: var(--cta-button-bg-color--active);
}

.clsy-c-btn--secondary {
  color: var(--standard-button-text-color);
  background-color: var(--standard-button-bg-color);
}

.clsy-c-btn--secondary-restrained {
  color: var(--standard-link-color);
  background-color: var(--contentsection-bg-color);
  border: 1px solid var(--standard-link-color);
}

.clsy-c-btn--icon {
  --mask-icon-color: var(--standard-link-color);
  gap: .3em;
  padding-left: calc(var(--standard-button-padding-horizontal) / 2);
}

.clsy-c-btn--icon: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);
}

.clsy-c-btn--icon[disabled].clsy-c-btn, .clsy-c-btn--icon[disabled].clsy-c-btn:hover {
  --mask-icon-color: var(--button-disabled-text-color);
  border-color: var(--button-disabled-text-color);
  color: var(--button-disabled-text-color);
  background-color: transparent;
  filter: none;
}

.clsy-c-btn--icon-only {
  width: var(--standard-touchtarget-min-width);
  min-height: var(--standard-touchtarget-min-height);
  background-color: transparent;
  border: none;
}

.clsy-c-btn--icon-only:not(.clsy-c-btn--loading)::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);
  --mask-icon-color: var(--standard-link-color);
  position: absolute;
  top: 50%;
  left: 50% !important;
  right: auto !important;
  bottom: auto;
  transform: translate(-50%, -50%) var(--mask-icon-transform);
  transition: none;
  pointer-events: none;
}

.clsy-c-btn--icon-only.clsy-c-btn--disabled, .clsy-c-btn--icon-only[disabled].clsy-c-btn {
  border: none;
}

.clsy-c-btn--icon-labelled, .clsy-c-btn--icon-labelled-hor {
  --mask-icon-color: var(--standard-link-color);
  position: relative;
  font-size: var(--fontsize-xsmall);
  font-weight: normal;
  text-decoration: none;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: var(--smallest-line-height);
  color: var(--standard-link-color);
  background-color: transparent;
  border: none;
}

.clsy-c-btn--icon-labelled::before, .clsy-c-btn--icon-labelled-hor::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);
}

.clsy-c-btn--icon-labelled.clsy-c-btn--disabled, .clsy-c-btn--icon-labelled[disabled], .clsy-c-btn--icon-labelled-hor.clsy-c-btn--disabled, .clsy-c-btn--icon-labelled-hor[disabled] {
  border: none;
}

.clsy-c-btn--icon-labelled {
  align-items: flex-start;
  padding: 35px var(--small-button-padding) var(--standard-button-padding-vertical);
  text-align: center;
}

.clsy-c-btn--icon-labelled::before {
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translateX(-50%);
}

.clsy-c-btn--icon-labelled-hor {
  --mask-icon-size: 18px auto;
  gap: .2em;
  justify-content: flex-start;
  min-height: var(--small-touchtarget-min-height);
  padding: var(--standard-button-padding-vertical) 0.2em;
  text-align: left;
}

.clsy-c-btn--icon-labelled-hor.clsy-clickable-disabled {
  border: none;
}

.clsy-c-btn--textlink {
  color: var(--standard-link-color);
  background-color: transparent;
  border: none;
}

.clsy-c-btn--textlike {
  background-color: transparent;
  border: none;
  color: var(--textlike-button-text-color);
}

.clsy-c-btn--textlike:hover, .clsy-c-btn--textlike:focus, .clsy-c-btn--textlike:active {
  background-color: transparent;
}

.clsy-c-btn--icon-only:focus-visible, .clsy-c-btn--textlike:focus-visible {
  outline-offset: calc(var(--standard-outline-width) * -1);
  border-radius: calc(2 * var(--standard-outline-border-radius));
}

.clsy-c-btn--hidden {
  display: none;
}

.clsy-c-btn--over {
  opacity: .8;
  transition: opacity 300ms;
}

.clsy-c-btn--over:hover, .clsy-c-btn--over:focus, .clsy-c-btn--over:active {
  opacity: 1;
}

.clsy-c-btn--disabled:where(a) {
  background-color: transparent;
  border: 1px solid var(--standard-text-color);
  cursor: not-allowed;
  filter: var(--disabled-button-filter);
  /*
  Add an outline for focused disabled button

  puzzled reader:
    “But ... a disabled button won't receive focus and hence will never
     show an outline?”

  Excellent question! But a disabled style can be added to a link that is
  displayed like a button, and even to a button without the button having
  the disabled attribute. It will apply styles to the button so it looks
  disabled without being disabled.

  even more puzzled reader:
      “But ... why on earth would anybody do something as weird as that??”

  An even more excellent question! But there are situations where the
  button (or the link) should still be clickable in order to show a dialog
  that explains why the action is not possible at the moment. So we need a
  disabled button that still can receive focus and click events - which is
  not the case when the button is disabled via the disabled attribute.

  [reader opens and closes mouth in bewilderment, exits the scene]
  */
}

.clsy-c-btn--disabled:where(a), .clsy-c-btn--disabled:where(a):hover, .clsy-c-btn--disabled:where(a):focus, .clsy-c-btn--disabled:where(a):active {
  color: var(--standard-text-color);
  background-color: transparent;
  transform: none;
}

.clsy-c-btn--disabled:where(a):focus-visible {
  outline: var(--button-outline-style);
  outline-offset: var(--button-outline-offset);
}

.clsy-c-btn--disabled:where(a):after {
  content: none;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}

.clsy-c-btn--disabled:not(a), .clsy-c-btn[disabled]:not(a) {
  background-color: transparent;
  border: 1px solid var(--standard-text-color);
  cursor: not-allowed;
  filter: var(--disabled-button-filter);
  /*
  Add an outline for focused disabled button

  puzzled reader:
    “But ... a disabled button won't receive focus and hence will never
     show an outline?”

  Excellent question! But a disabled style can be added to a link that is
  displayed like a button, and even to a button without the button having
  the disabled attribute. It will apply styles to the button so it looks
  disabled without being disabled.

  even more puzzled reader:
      “But ... why on earth would anybody do something as weird as that??”

  An even more excellent question! But there are situations where the
  button (or the link) should still be clickable in order to show a dialog
  that explains why the action is not possible at the moment. So we need a
  disabled button that still can receive focus and click events - which is
  not the case when the button is disabled via the disabled attribute.

  [reader opens and closes mouth in bewilderment, exits the scene]
  */
}

.clsy-c-btn--disabled:not(a), .clsy-c-btn--disabled:not(a):hover, .clsy-c-btn--disabled:not(a):focus, .clsy-c-btn--disabled:not(a):active, .clsy-c-btn[disabled]:not(a), .clsy-c-btn[disabled]:not(a):hover, .clsy-c-btn[disabled]:not(a):focus, .clsy-c-btn[disabled]:not(a):active {
  color: var(--standard-text-color);
  background-color: transparent;
  transform: none;
}

.clsy-c-btn--disabled:not(a):focus-visible, .clsy-c-btn[disabled]:not(a):focus-visible {
  outline: var(--button-outline-style);
  outline-offset: var(--button-outline-offset);
}

a.clsy-c-btn--disabled:not([href]),
a.clsy-c-btn[disabled]:not([href]) {
  background-color: transparent;
  border: 1px solid var(--standard-text-color);
  cursor: not-allowed;
  filter: var(--disabled-button-filter);
  /*
  Add an outline for focused disabled button

  puzzled reader:
    “But ... a disabled button won't receive focus and hence will never
     show an outline?”

  Excellent question! But a disabled style can be added to a link that is
  displayed like a button, and even to a button without the button having
  the disabled attribute. It will apply styles to the button so it looks
  disabled without being disabled.

  even more puzzled reader:
      “But ... why on earth would anybody do something as weird as that??”

  An even more excellent question! But there are situations where the
  button (or the link) should still be clickable in order to show a dialog
  that explains why the action is not possible at the moment. So we need a
  disabled button that still can receive focus and click events - which is
  not the case when the button is disabled via the disabled attribute.

  [reader opens and closes mouth in bewilderment, exits the scene]
  */
}

a.clsy-c-btn--disabled:not([href]), a.clsy-c-btn--disabled:not([href]):hover, a.clsy-c-btn--disabled:not([href]):focus, a.clsy-c-btn--disabled:not([href]):active,
a.clsy-c-btn[disabled]:not([href]),
a.clsy-c-btn[disabled]:not([href]):hover,
a.clsy-c-btn[disabled]:not([href]):focus,
a.clsy-c-btn[disabled]:not([href]):active {
  color: var(--standard-text-color);
  background-color: transparent;
  transform: none;
}

a.clsy-c-btn--disabled:not([href]):focus-visible,
a.clsy-c-btn[disabled]:not([href]):focus-visible {
  outline: var(--button-outline-style);
  outline-offset: var(--button-outline-offset);
}

a.clsy-c-btn--disabled:not([href]):after,
a.clsy-c-btn[disabled]:not([href]):after {
  content: none;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}

.clsy-c-btn--loading.clsy-c-btn:after, .clsy-c-btn--loading:hover:after, .clsy-c-btn--loading:focus:after, .clsy-c-btn--loading:active:after {
  --loading-indicator-width: 20px;
  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-btn--loading.clsy-c-btn--secondary-restrained, .clsy-c-btn--loading.clsy-c-btn--secondary-restrained:focus, .clsy-c-btn--loading.clsy-c-btn--secondary-restrained:active {
  color: var(--button-disabled-text-color);
  background-color: var(--contentsection-bg-color);
  border-color: var(--button-disabled-color);
}

.clsy-c-btn--small, .clsy-c-btn--small.clsy-c-btn--disabled, .clsy-c-btn--small[disabled] {
  padding: var(--small-button-padding);
  min-height: var(--small-touchtarget-min-height);
  min-width: var(--small-touchtarget-min-width);
  font-size: var(--fontsize-small);
}

.clsy-c-btn--small.clsy-c-btn--icon-only {
  width: var(--small-touchtarget-min-width);
}

.clsy-c-btn--small.clsy-c-btn--icon:before {
  left: 0;
  margin-right: .2em;
}

.clsy-c-btn--smaller {
  padding: var(--small-button-padding);
  min-height: var(--smaller-touchtarget-min-height);
  min-width: var(--smaller-touchtarget-min-width);
}

.clsy-c-btn--smaller.clsy-c-btn--icon-only {
  width: var(--smaller-touchtarget-min-width);
}

.clsy-c-btn--facebook-login {
  --mask-icon-color: var(--facebook-white);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/h96cbfai/image/pwa/icons/icon-facebook.svg);
  gap: 1em;
  text-align: left;
  color: var(--facebook-white);
  background-color: var(--facebook-blue);
  border-color: var(--facebook-blue-border);
  margin-bottom: var(--standard-bottom-margin);
}

.clsy-c-btn--facebook-login:hover, .clsy-c-btn--facebook-login:focus-visible {
  background-color: var(--facebook-blue--hover);
}

.clsy-c-btn--userid-login {
  --mask-icon-color: var(--standard-button-text-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ecf6cg9/image/pwa/icons/icon-userid.svg);
  --mask-icon-width: 60px;
}

.clsy-c-btn--standalone-centered {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: max-content;
}

.clsy-c-btn--icon-bookmark, .clsy-c-btn--icon-bookmark[aria-pressed="false"] {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/i8b7gd6i/image/pwa/icons/icon-star-contour.svg);
}

.clsy-c-btn--icon-bookmark[aria-pressed="true"] {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/iaeace7g/image/pwa/icons/icon-star-filled.svg);
}

.clsy-c-btn--icon-delete {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/8k6k6fhg/image/pwa/icons/icon-trash.svg);
}

.clsy-simple-button-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--button-gutter);
}

.clsy-simple-button-bar--align-start {
  justify-content: flex-start;
}

.clsy-simple-button-bar--align-end {
  justify-content: flex-end;
}

.clsy-simple-button-bar--align-center {
  justify-content: center;
}

.clsy-simple-button-bar--vertical {
  flex-direction: column;
}

.clsy-simple-button-bar--no-gutter {
  gap: 0;
}

.clsy-simple-button-bar--no-gutter > .clsy-c-btn {
  margin: 0;
}

.clsy-simple-button-bar--no-gutter > .clsy-c-btn:not(:last-child) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.clsy-simple-button-bar--no-gutter > .clsy-c-btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.clsy-c-button-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--button-gutter);
  padding-top: var(--standard-content-padding-vertical);
}

.clsy-c-button-bar .clsy-c-btn {
  flex: 1 1 0;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-c-button-bar .clsy-c-btn--cta {
  flex-grow: 2;
}

.clsy-c-button-bar.clsy-c-button-bar--auto .clsy-c-btn,
.clsy-c-button-bar.clsy-c-button-bar--auto .clsy-c-btn--cta {
  flex: 0 0 max-content;
}

@media (max-width: 319px) {
  .clsy-c-button-bar.clsy-c-button-bar--auto {
    flex-direction: column;
  }
  .clsy-c-button-bar.clsy-c-button-bar--auto .clsy-c-btn {
    flex: 1;
    margin: 0;
    width: 100%;
  }
}

@media (min-width: 320px) and (max-width: 699px) {
  .clsy-c-button-bar.clsy-c-button-bar--auto {
    justify-content: flex-end;
  }
}

@media (min-width: 700px) {
  .clsy-c-button-bar.clsy-c-button-bar--auto {
    justify-content: flex-start;
  }
}

.clsy-c-button-bar.clsy-c-button-bar--no-stretch .clsy-c-btn {
  flex: 0 0 max-content;
}

.clsy-c-button-bar.clsy-c-button-bar--center {
  justify-content: center;
}

@media (max-width: 374px) {
  .clsy-c-button-bar {
    flex-direction: column;
  }
  .clsy-c-button-bar .clsy-c-btn {
    flex: 1;
    width: 100%;
  }
}

.clsy-menu-button-bar {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}

.clsy-menu-button-bar .clsy-c-btn {
  margin: var(--standard-button-margin-horizontal) var(--standard-button-margin-vertical);
}

.clsy-menu-button-bar--uniform-buttons .clsy-c-btn {
  flex: 1 1 var(--button-base-width);
}

.clsy-slider-input {
  display: flex;
}

.clsy-slider-input input[type=range] {
  flex-grow: 1;
  width: 10px;
  margin: 0 10px 0 20px;
}

input[type="range"]:disabled ~ .clsy-slider-input__display {
  opacity: .2;
}

.clsy-c-wysiwyg-decorator {
  --wysiwyg-content-default-height: 200px;
  --wysiwyg-toolbar-top-1row-height: 41px;
  --wysiwyg-toolbar-top-2row-height: 74px;
  --wysiwyg-statusbar-bottom-height: 26px;
  --wysiwyg-editor-height: calc(
              var(--wysiwyg-content-default-height)
            + var(--wysiwyg-toolbar-top-1row-height)
            + var(--wysiwyg-statusbar-bottom-height)
  );
  min-height: calc( var(--standard-touchtarget-min-height) + var(--formfield-wrapper-top-padding) + var(--wysiwyg-editor-height) + var(--formfield-wrapper-bottom-margin));
  position: relative;
}

@media (max-width: 699px) {
  .clsy-c-wysiwyg-decorator {
    --wysiwyg-editor-height: calc(
                var(--wysiwyg-content-default-height)
              + var(--wysiwyg-toolbar-top-2row-height)
              + var(--wysiwyg-statusbar-bottom-height)
    );
  }
}

.clsy-c-wysiwyg-decorator: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-wysiwyg-decorator:after {
  content: "";
  position: absolute;
  top: calc(var(--standard-touchtarget-min-height) + var(--formfield-wrapper-top-padding));
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  transition: bottom .2s .5s;
  background-image: linear-gradient(to bottom, rgba(40, 40, 40, 0.05) 0%, rgba(40, 40, 40, 0.05) 40px, rgba(140, 140, 140, 0.05) 40px, transparent 100%), url("https://static.testing.markt.de/bundles/clg768hj/image/pwa/bg_wysiwyg.svg");
  background-position: left top;
  background-repeat: no-repeat;
  border-radius: var(--standard-border-radius);
  border-width: 1px 1px 0;
  border-style: solid;
  border-image: linear-gradient(to bottom, var(--standard-border-color) 0%, transparent 70%, transparent 100%) 1 1;
}

.clsy-c-wysiwyg-decorator.clsy-c-wysiwyg-decorator--decorated:after {
  bottom: 100%;
}

.clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper {
  display: grid;
  grid-template-columns: 1fr min-content auto;
  grid-template-areas: "label tooltip commit-undo" "editor editor editor";
}

.clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper .clsy-c-form__label {
  display: flex;
  align-items: flex-end;
  position: static !important;
  grid-area: label;
  padding-bottom: .4em !important;
  height: var(--standard-touchtarget-min-height);
  font-size: var(--standard-formfield-fontsize) !important;
  background-color: transparent !important;
}

.clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper .cke,
.clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper textarea {
  grid-area: editor;
}

.clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper .cke {
  z-index: 1;
  border-radius: var(--standard-border-radius);
}

.clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper textarea {
  visibility: hidden;
}

.clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper .clsy-c-tooltip {
  grid-area: tooltip;
}

.clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper .clsy-c-dynamicvalidation-commitundo {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  padding-bottom: .1em;
  grid-area: commit-undo;
  align-self: end;
}

.clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper.clsy-c-dynamicvalidation-valid .cke_contents, .clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper.clsy-c-dynamicvalidation-loading .cke_contents {
  position: relative;
}

.clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper.clsy-c-dynamicvalidation-valid .cke_contents:before, .clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper.clsy-c-dynamicvalidation-loading .cke_contents:before {
  position: absolute;
  top: .5em;
  right: 1em;
  content: "";
  width: 14px;
  height: 14px;
}

.clsy-c-wysiwyg-decorator .clsy-c-form__field-wrapper.clsy-c-dynamicvalidation-valid .cke_contents::before {
  --mask-icon-color: var(--icon-color-success);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/hfhjacaj/image/pwa/icons/icon-checkmark-circled.svg);
  --mask-icon-size: 14px auto;
  content: "";
  flex: none;
  display: block;
  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-wysiwyg-decorator .clsy-c-form__field-wrapper.clsy-c-dynamicvalidation-loading .cke_contents::before {
  --loading-indicator-width: 14px;
  --loading-indicator-line-thickness: 2px;
  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;
  background-image: none;
  filter: none;
}

.clsy-labeled-tooltip-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) min-content;
  grid-template-areas: "label tooltip" "content content";
  align-items: center;
  margin-bottom: var(--formfield-wrapper-bottom-margin);
}

.clsy-labeled-tooltip-container .clsy-c-form__label--standalone {
  grid-area: label;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-labeled-tooltip-container .clsy-c-tooltip {
  grid-area: tooltip;
}

.clsy-labeled-tooltip-container__content {
  grid-area: content;
}

[type='range'] {
  -webkit-appearance: none;
  background: transparent;
  margin: 10px 0;
  width: 100%;
}

[type='range']::-moz-focus-outer {
  border: 0;
}

[type='range']:focus:not(:focus-visible) {
  outline: none;
}

[type='range']:focus-visible {
  outline: var(--standard-outline-style);
  outline-offset: var(--standard-outline-offset);
  border-radius: var(--standard-outline-border-radius);
}

[type='range']::-webkit-slider-runnable-track {
  cursor: default;
  height: 8px;
  transition: all .2s ease;
  width: 100%;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0px rgba(13, 13, 13, 0.2);
  background: var(--formfield-bg-color);
  border: 1px solid var(--formfield-border-color);
  border-radius: 5px;
}

[type='range']::-webkit-slider-thumb {
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2), 0 0 2px rgba(13, 13, 13, 0.2);
  background: var(--standard-link-color);
  border: 1px solid var(--formfield-border-color);
  border-radius: 10px;
  cursor: default;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  margin-top: -7px;
}

[type='range']::-moz-range-track {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0px rgba(13, 13, 13, 0.2);
  cursor: default;
  height: 8px;
  transition: all .2s ease;
  width: 100%;
  background: var(--formfield-bg-color);
  border: 1px solid var(--formfield-border-color);
  border-radius: 5px;
  height: 4px;
}

[type='range']::-moz-range-thumb {
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2), 0 0 2px rgba(13, 13, 13, 0.2);
  background: var(--standard-link-color);
  border: 1px solid var(--formfield-border-color);
  border-radius: 10px;
  cursor: default;
  height: 16px;
  width: 16px;
}

[type='range']:disabled::-webkit-slider-thumb {
  cursor: not-allowed;
  opacity: 0.4;
}

[type='range']:disabled::-moz-range-thumb {
  cursor: not-allowed;
  opacity: 0.4;
}

[type='range']:disabled::-webkit-slider-runnable-track {
  cursor: not-allowed;
  opacity: 0.4;
}

.clsy-rsp-table {
  --sticky-header-top: calc(var(--header-height) + 1px);
  width: 100%;
  /*
  &--bp-multicol {
    @media ($mq-max-width-multicol) {
      @include non-table-styling;
    }
  }

  &--bp-small {
    @media ($mq-max-width-small) {
      @include non-table-styling;
    }
  }
  */
}

.clsy-rsp-table thead th {
  position: sticky;
  top: var(--sticky-header-top);
  z-index: 1;
  box-shadow: 0 1px 0 var(--table-border-color), 0 -1px 0 var(--table-border-color);
}

.clsy-rsp-table__td-label {
  display: none;
}

.clsy-rsp-table td, .clsy-rsp-table th {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media (max-width: 1499px) {
  .clsy-rsp-table--bp-xlarge, .clsy-rsp-table--bp-xlarge.clsy-styled-table {
    --item-min-width: 24ch;
    display: block;
    background-color: var(--standard-border-color);
    border: none;
  }
  .clsy-rsp-table--bp-xlarge thead, .clsy-rsp-table--bp-xlarge.clsy-styled-table thead {
    display: none;
  }
  .clsy-rsp-table--bp-xlarge tbody, .clsy-rsp-table--bp-xlarge.clsy-styled-table tbody {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--item-min-width), 1fr));
    grid-gap: 1px;
  }
  .clsy-rsp-table--bp-xlarge tr, .clsy-rsp-table--bp-xlarge.clsy-styled-table tr {
    display: flex;
    flex-direction: column;
    padding: var(--standard-content-padding-vertical) 0 calc(var(--standard-content-padding-vertical) * 2);
    background-color: var(--standard-bg-color);
    border: none;
  }
  .clsy-rsp-table--bp-xlarge th, .clsy-rsp-table--bp-xlarge td, .clsy-rsp-table--bp-xlarge.clsy-styled-table th, .clsy-rsp-table--bp-xlarge.clsy-styled-table td {
    display: flex;
    flex-wrap: wrap;
    padding: 0 var(--standard-content-padding-horizontal) 0.2em;
    line-height: var(--smaller-line-height);
    border: none;
  }
  .clsy-rsp-table--bp-xlarge th > *, .clsy-rsp-table--bp-xlarge td > *, .clsy-rsp-table--bp-xlarge.clsy-styled-table th > *, .clsy-rsp-table--bp-xlarge.clsy-styled-table td > * {
    min-width: 5ch;
  }
  .clsy-rsp-table--bp-xlarge th.numbers, .clsy-rsp-table--bp-xlarge th.date, .clsy-rsp-table--bp-xlarge td.numbers, .clsy-rsp-table--bp-xlarge td.date, .clsy-rsp-table--bp-xlarge.clsy-styled-table th.numbers, .clsy-rsp-table--bp-xlarge.clsy-styled-table th.date, .clsy-rsp-table--bp-xlarge.clsy-styled-table td.numbers, .clsy-rsp-table--bp-xlarge.clsy-styled-table td.date {
    text-align: left;
  }
  .clsy-rsp-table--bp-xlarge th.stretch, .clsy-rsp-table--bp-xlarge td.stretch, .clsy-rsp-table--bp-xlarge.clsy-styled-table th.stretch, .clsy-rsp-table--bp-xlarge.clsy-styled-table td.stretch {
    flex: 1;
  }
  .clsy-rsp-table--bp-xlarge th:empty, .clsy-rsp-table--bp-xlarge td:empty, .clsy-rsp-table--bp-xlarge.clsy-styled-table th:empty, .clsy-rsp-table--bp-xlarge.clsy-styled-table td:empty {
    padding: 0;
  }
  .clsy-rsp-table--bp-xlarge .clsy-rsp-table__td-label, .clsy-rsp-table--bp-xlarge.clsy-styled-table .clsy-rsp-table__td-label {
    display: block;
    color: var(--less-important-text-color);
  }
  .clsy-rsp-table--bp-xlarge .clsy-rsp-table__td-label:after, .clsy-rsp-table--bp-xlarge.clsy-styled-table .clsy-rsp-table__td-label:after {
    content: ":";
    margin-right: .4em;
  }
}

@media (max-width: 849px) {
  .clsy-rsp-table--bp-medium-plus, .clsy-rsp-table--bp-medium-plus.clsy-styled-table {
    --item-min-width: 24ch;
    display: block;
    background-color: var(--standard-border-color);
    border: none;
  }
  .clsy-rsp-table--bp-medium-plus thead, .clsy-rsp-table--bp-medium-plus.clsy-styled-table thead {
    display: none;
  }
  .clsy-rsp-table--bp-medium-plus tbody, .clsy-rsp-table--bp-medium-plus.clsy-styled-table tbody {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--item-min-width), 1fr));
    grid-gap: 1px;
  }
  .clsy-rsp-table--bp-medium-plus tr, .clsy-rsp-table--bp-medium-plus.clsy-styled-table tr {
    display: flex;
    flex-direction: column;
    padding: var(--standard-content-padding-vertical) 0 calc(var(--standard-content-padding-vertical) * 2);
    background-color: var(--standard-bg-color);
    border: none;
  }
  .clsy-rsp-table--bp-medium-plus th, .clsy-rsp-table--bp-medium-plus td, .clsy-rsp-table--bp-medium-plus.clsy-styled-table th, .clsy-rsp-table--bp-medium-plus.clsy-styled-table td {
    display: flex;
    flex-wrap: wrap;
    padding: 0 var(--standard-content-padding-horizontal) 0.2em;
    line-height: var(--smaller-line-height);
    border: none;
  }
  .clsy-rsp-table--bp-medium-plus th > *, .clsy-rsp-table--bp-medium-plus td > *, .clsy-rsp-table--bp-medium-plus.clsy-styled-table th > *, .clsy-rsp-table--bp-medium-plus.clsy-styled-table td > * {
    min-width: 5ch;
  }
  .clsy-rsp-table--bp-medium-plus th.numbers, .clsy-rsp-table--bp-medium-plus th.date, .clsy-rsp-table--bp-medium-plus td.numbers, .clsy-rsp-table--bp-medium-plus td.date, .clsy-rsp-table--bp-medium-plus.clsy-styled-table th.numbers, .clsy-rsp-table--bp-medium-plus.clsy-styled-table th.date, .clsy-rsp-table--bp-medium-plus.clsy-styled-table td.numbers, .clsy-rsp-table--bp-medium-plus.clsy-styled-table td.date {
    text-align: left;
  }
  .clsy-rsp-table--bp-medium-plus th.stretch, .clsy-rsp-table--bp-medium-plus td.stretch, .clsy-rsp-table--bp-medium-plus.clsy-styled-table th.stretch, .clsy-rsp-table--bp-medium-plus.clsy-styled-table td.stretch {
    flex: 1;
  }
  .clsy-rsp-table--bp-medium-plus th:empty, .clsy-rsp-table--bp-medium-plus td:empty, .clsy-rsp-table--bp-medium-plus.clsy-styled-table th:empty, .clsy-rsp-table--bp-medium-plus.clsy-styled-table td:empty {
    padding: 0;
  }
  .clsy-rsp-table--bp-medium-plus .clsy-rsp-table__td-label, .clsy-rsp-table--bp-medium-plus.clsy-styled-table .clsy-rsp-table__td-label {
    display: block;
    color: var(--less-important-text-color);
  }
  .clsy-rsp-table--bp-medium-plus .clsy-rsp-table__td-label:after, .clsy-rsp-table--bp-medium-plus.clsy-styled-table .clsy-rsp-table__td-label:after {
    content: ":";
    margin-right: .4em;
  }
}

.clsy-adv-labels {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: .1em .5em;
  margin: 0;
  padding: 1px;
  list-style: none;
}

.clsy-adv-labels > li {
  margin: 0;
  padding: .1em .4em;
  font-size: var(--fontsize-xsmall);
  line-height: var(--smallest-line-height);
  background-color: var(--adv-label-bg-color);
  border: none !important;
  border-radius: var(--standard-border-radius);
}

.clsy-age-confirmation {
  padding-bottom: 0;
}

.clsy-age-confirmation__no-access {
  display: none;
  color: var(--message-color-error);
}

.clsy-age-confirmation .clsy-footer-links {
  margin: 2em 0 1em;
  justify-content: center;
}

@media (max-width: 500px) and (min-width: 270px) {
  .clsy-age-confirmation .clsy-footer-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }
}

.clsy-age-confirmation .clsy-footer-links li {
  text-align: center;
}

@media (max-width: 269px) {
  .clsy-age-confirmation .clsy-footer-links li a {
    display: flex;
  }
}

main:has(> .clsy-age-confirmation) {
  padding-top: var(--contentsection-bottom-margin);
}

.clsy-cat--2000000000 {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/9d9iiaj/image/pwa/icons/icon-category-2000000000.svg);
}

.clsy-cat--2100000000 {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/gdgc7kj9/image/pwa/icons/icon-category-2100000000.svg);
}

.clsy-cat--2200000000 {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/9abb966/image/pwa/icons/icon-category-2200000000.svg);
}

.clsy-cat--2300000000 {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/e99ddcdh/image/pwa/icons/icon-category-2300000000.svg);
}

.clsy-cat--2400000000 {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/l8ec7e8/image/pwa/icons/icon-category-2400000000.svg);
}

.clsy-cat--2500000000 {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/fikd9h8/image/pwa/icons/icon-category-2500000000.svg);
}

.clsy-cat--2600000000 {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ii9jggh9/image/pwa/icons/icon-category-2600000000.svg);
}

.clsy-cat--2700000000 {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7dgcid6j/image/pwa/icons/icon-category-2700000000.svg);
}

.clsy-cat--2800000000 {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/9a6hejab/image/pwa/icons/icon-category-2800000000.svg);
}

.clsy-cat--2900000000 {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/l8fc6ee/image/pwa/icons/icon-category-2900000000.svg);
}

.clsy-cat--3000000000 {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/d6adga8k/image/pwa/icons/icon-category-3000000000.svg);
}

.clsy-cat--child-baby {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ddjjj7ga/image/pwa/icons/icon-category-child-baby.svg);
}

.clsy-cat--fashion-beauty {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7bg7ee6b/image/pwa/icons/icon-category-fashion-beauty.svg);
}

.clsy-cat--exchange-free {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/9h9bhbg6/image/pwa/icons/icon-category-exchange-free.svg);
}

.clsy-cat--free-offers {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/b8agbgbb/image/pwa/icons/icon-category-free.svg);
}

.clsy-cat--3001000000, .clsy-cat--3003000000, .clsy-cat--3004000000, .clsy-cat--3005000000, .clsy-cat--3006000000, .clsy-cat--3007000000, .clsy-cat--3008000000, .clsy-cat--3009000000, .clsy-cat--3011000000, .clsy-cat--3012000000, .clsy-cat--3014000000, .clsy-cat--3017000000, .clsy-cat--3018000000, .clsy-cat--3099000000 {
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/9a6hejab/image/pwa/icons/icon-category-2800000000.svg)
  ;
}

/*!
 *  This document contains trade secret data which is the property of
 *  markt.de GmbH & Co KG. Information contained herein may not be used,
 *  copied or disclosed in whole or part except as permitted by written
 *  agreement from markt.de GmbH & Co KG.
 *
 *  Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
.clsy-cms-article-teasers {
  --teaser-image-aspect-ratio: auto;
  --teasers-container-padding-hor: var(--fixed-content-padding-horizontal);
  padding: var(--standard-contentsection-padding-vertical) var(--teasers-container-padding-hor) 0;
}

.clsy-cms-article-teasers.clsy-cms-article-teasers--fixed-image-aspect-ratio {
  --teaser-image-aspect-ratio: 4/3;
}

.clsy-cms-article-teasers .clsy-cms-article-teasers__heading {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: var(--fontsize-xlarge);
}

.clsy-cms-article-teasers__content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(MAX(26ch, 30%), 1fr));
  grid-gap: var(--standard-column-gutter);
  font-size: var(--fontsize-small);
}

.clsy-cms-article-teaser {
  padding: 0 0 var(--standard-contentsection-padding-vertical);
  background-color: var(--cardlike-item-bg-color);
  border: solid var(--standard-border-color);
  border-width: 1px 1px 3px;
  border-radius: var(--standard-border-radius);
  transition: background-color .3s;
}

.clsy-cms-article-teaser:hover {
  background-color: var(--link-hover-bg-color);
  cursor: pointer;
}

.clsy-cms-article-teaser:active {
  outline: var(--standard-outline-style-active);
}

.clsy-cms-article-teaser__image {
  width: 100%;
  height: 100% !important;
  aspect-ratio: var(--teaser-image-aspect-ratio);
  object-fit: cover;
  object-position: 100% 50%;
}

.clsy-cms-article-teaser__image-outer {
  position: relative;
}

.clsy-cms-article-teaser__heading {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-cms-article-teaser__content {
  padding: var(--standard-content-padding-vertical) var(--smaller-fixed-content-padding-horizontal) 0;
}

.clsy-cms-article-teaser__content p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-bottom: 0;
}

.clsy-l-pagecontainer {
  position: relative;
  margin: 0 auto;
  padding: var(--header-height) 0 0;
  max-width: 1824px;
  z-index: var(--zindex-pagecontainer);
  pointer-events: none;
}

.clsy-l-pagecontainer > * {
  pointer-events: auto;
}

.clsy-l-pagecontainer main, .clsy-l-pagecontainer .clsy-c-footer {
  max-width: 1500px;
  background-color: var(--contentarea-bg-color);
  border-width: 0 1px;
}

@media (min-width: 872px) {
  .clsy-l-pagecontainer main, .clsy-l-pagecontainer .clsy-c-footer {
    max-width: calc(100% - 120px - 24px);
  }
}

@media (min-width: 1052px) {
  .clsy-l-pagecontainer main, .clsy-l-pagecontainer .clsy-c-footer {
    max-width: calc(100% - 300px - 24px);
  }
}

@media (min-width: 1824px) {
  .clsy-l-pagecontainer main, .clsy-l-pagecontainer .clsy-c-footer {
    max-width: 1500px;
  }
}

.clsy-l-pagecontainer .clsy-c-footer {
  background-color: var(--footer-bg-color);
}

@media (min-width: 872px) {
  .clsy-l-pagecontainer {
    display: flex;
    flex-wrap: wrap;
  }
  .clsy-l-pagecontainer main, .clsy-l-pagecontainer .clsy-c-footer {
    width: 100%;
    min-width: 600px;
  }
  .clsy-l-pagecontainer main + .clsy-slot-skyscraper {
    flex: 0 0 auto;
    align-self: flex-start;
    align-items: start;
    position: sticky;
    top: calc(var(--search-header-height) + var(--header-height) + 10px);
    margin-left: 24px;
    min-width: 120px;
    overflow: visible;
    background: transparent;
  }
  .clsy-l-pagecontainer .clsy-c-footer {
    flex-basis: 100%;
  }
}

@media (min-width: 1052px) {
  .clsy-l-pagecontainer main + .clsy-slot-skyscraper {
    min-width: 300px;
  }
}

.clsy-c-contentheader {
  padding: 1em var(--standard-content-padding-horizontal);
}

.clsy-contentsection--no-margin {
  margin: 0;
}

.clsy-contentsection--emphasized {
  border-left: var(--emphasized-element-border-width) solid var(--emphasized-color);
  border-right: var(--emphasized-element-border-width) solid var(--emphasized-color);
}

.clsy-contentsection__subsection {
  margin-bottom: calc(var(--standard-bottom-margin) * 2);
}

.clsy-contentsection__subsection:not(.clsy-c-expandable) > h2:first-child, .clsy-contentsection__subsection:not(.clsy-c-expandable) > h3:first-child, .clsy-contentsection__subsection:not(.clsy-c-expandable) > h4:first-child, .clsy-contentsection__subsection:not(.clsy-c-expandable) > h5:first-child {
  margin-top: 1.6em;
}

.clsy-contentsection__subsection:last-of-type {
  margin-bottom: 0;
}

.clsy-contentsection__subsection + .clsy-contentsection__subsection--distinguished {
  padding-top: var(--standard-contentsection-padding-vertical);
  border-top: var(--standard-border-style);
}

.clsy-contentsection__subsection .clsy-c-collapsibleelement {
  --collapsibleelement-content-padding-horizontal: 0;
}

.clsy-component--narrow {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.clsy-component--narrower {
  max-width: 375px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--fixed-content-padding-horizontal);
  padding-right: var(--fixed-content-padding-horizontal);
}

.clsy-c-collapsibleelement {
  --collapsibleelement-content-padding-horizontal: var(--standard-content-padding-horizontal);
}

.clsy-c-collapsibleelement__header {
  display: flex;
  align-items: center;
  min-height: var(--standard-touchtarget-min-height);
  padding: var(--standard-content-padding-vertical) var(--collapsibleelement-content-padding-horizontal);
  margin: 0;
  font-weight: normal;
  cursor: pointer;
}

.clsy-c-collapsibleelement__header[tabindex="0"]:focus-visible {
  outline: var(--standard-outline-style);
}

.clsy-c-collapsibleelement__header[tabindex="0"]:focus-visible:focus-visible {
  outline-offset: calc(var(--standard-outline-width) * -1);
  border-radius: calc(2 * var(--standard-outline-border-radius));
}

.clsy-c-collapsibleelement__header h2, .clsy-c-collapsibleelement__header h3, .clsy-c-collapsibleelement__header h4, .clsy-c-collapsibleelement__header h5, .clsy-c-collapsibleelement__header h6 {
  margin: 0;
}

.clsy-c-collapsibleelement__header::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/8i86afb7/image/pwa/icons/icon-collapsiblesection-collapse.svg);
  --mask-icon-color: var(--standard-link-color);
  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-left: auto;
  padding-left: .4em;
  align-self: center;
  line-height: .5;
}

.clsy-c-collapsibleelement__header.chevron-collapse::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
  --mask-icon-color: var(--emphasized-color);
  padding-left: 0;
  transform: rotate(-90deg);
  transform-origin: center center;
  transition: transform 200ms;
}

@supports (-webkit-overflow-scrolling: touch) {
  .clsy-c-collapsibleelement__header.chevron-collapse::after {
    transition: none;
  }
}

.clsy-c-collapsibleelement__header--centered {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.clsy-c-collapsibleelement__header--centered::after {
  margin-left: .2em;
}

.clsy-c-collapsibleelement__header--headline {
  font-size: var(--fontsize-large);
}

.clsy-c-collapsibleelement__body {
  display: block;
}

.clsy-contentsection > .clsy-c-collapsibleelement > .clsy-c-collapsibleelement__body, .clsy-c-collapsibleelement > .clsy-contentsection > .clsy-c-collapsibleelement__body {
  border-top: var(--standard-border-style);
}

.clsy-contentsection > .clsy-c-collapsibleelement > .clsy-c-collapsibleelement__body > p:first-child, .clsy-contentsection > .clsy-c-collapsibleelement > .clsy-c-collapsibleelement__body > span:first-child, .clsy-contentsection > .clsy-c-collapsibleelement > .clsy-c-collapsibleelement__body > h1:first-child, .clsy-contentsection > .clsy-c-collapsibleelement > .clsy-c-collapsibleelement__body > h2:first-child, .clsy-contentsection > .clsy-c-collapsibleelement > .clsy-c-collapsibleelement__body > h3:first-child, .clsy-contentsection > .clsy-c-collapsibleelement > .clsy-c-collapsibleelement__body > h4:first-child, .clsy-contentsection > .clsy-c-collapsibleelement > .clsy-c-collapsibleelement__body > h5:first-child, .clsy-c-collapsibleelement > .clsy-contentsection > .clsy-c-collapsibleelement__body > p:first-child, .clsy-c-collapsibleelement > .clsy-contentsection > .clsy-c-collapsibleelement__body > span:first-child, .clsy-c-collapsibleelement > .clsy-contentsection > .clsy-c-collapsibleelement__body > h1:first-child, .clsy-c-collapsibleelement > .clsy-contentsection > .clsy-c-collapsibleelement__body > h2:first-child, .clsy-c-collapsibleelement > .clsy-contentsection > .clsy-c-collapsibleelement__body > h3:first-child, .clsy-c-collapsibleelement > .clsy-contentsection > .clsy-c-collapsibleelement__body > h4:first-child, .clsy-c-collapsibleelement > .clsy-contentsection > .clsy-c-collapsibleelement__body > h5:first-child {
  margin-top: .8rem;
}

.clsy-contentsection.clsy-contentsection--hor-padding > .clsy-c-collapsibleelement > .clsy-c-collapsibleelement__header, .clsy-contentsection.clsy-contentsection--hor-padding > .clsy-c-collapsibleelement > .clsy-c-collapsibleelement__body, .clsy-c-collapsibleelement > .clsy-contentsection.clsy-contentsection--hor-padding > .clsy-c-collapsibleelement__header, .clsy-c-collapsibleelement > .clsy-contentsection.clsy-contentsection--hor-padding > .clsy-c-collapsibleelement__body {
  margin-left: calc(var(--standard-content-padding-horizontal) * -1);
  margin-right: calc(var(--standard-content-padding-horizontal) * -1);
  padding-left: var(--collapsibleelement-content-padding-horizontal);
  padding-right: var(--collapsibleelement-content-padding-horizontal);
}

.clsy-c-collapsibleelement__header-expand {
  display: none;
}

.clsy-c-collapsibleelement--collapsed .clsy-c-collapsibleelement__header::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/dca7bfe6/image/pwa/icons/icon-collapsiblesection-expand.svg);
}

.clsy-c-collapsibleelement--collapsed .clsy-c-collapsibleelement__header.chevron-collapse::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
  transform: rotate(90deg);
}

.clsy-c-collapsibleelement--collapsed .clsy-c-collapsibleelement__header-expand {
  display: block;
}

.clsy-c-collapsibleelement--collapsed .clsy-c-collapsibleelement__header-collapse {
  display: none;
}

.clsy-c-collapsibleelement--collapsed .clsy-c-collapsibleelement__body {
  display: none;
}

.clsy-c-collapsible-more-block__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: var(--standard-content-padding-vertical) var(--standard-content-padding-horizontal);
  margin: var(--standard-content-padding-vertical) auto calc(var(--field-outline-offset) + var(--standard-outline-width));
  min-height: var(--standard-touchtarget-min-height);
  font-size: var(--standard-fontsize);
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  border: none;
}

.clsy-c-collapsible-more-block__toggle::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/8i86afb7/image/pwa/icons/icon-collapsiblesection-collapse.svg);
  --mask-icon-color: var(--standard-link-color);
  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-left: .2em;
}

.clsy-c-collapsible-more-block__body, .clsy-c-collapsible-more-block__toggle-label-less {
  display: block;
}

.clsy-c-collapsible-more-block__toggle-label-more {
  display: none;
}

.clsy-c-collapsible-more-block--collapsed .clsy-c-collapsible-more-block__toggle::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/dca7bfe6/image/pwa/icons/icon-collapsiblesection-expand.svg);
}

.clsy-c-collapsible-more-block--collapsed .clsy-c-collapsible-more-block__body, .clsy-c-collapsible-more-block--collapsed .clsy-c-collapsible-more-block__toggle-label-less {
  display: none;
}

.clsy-c-collapsible-more-block--collapsed .clsy-c-collapsible-more-block__toggle-label-more {
  display: block;
}

.clsy-c-itemlist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.clsy-contentsection--hor-padding .clsy-c-itemlist {
  margin-left: calc( var(--standard-content-padding-horizontal) * -1);
  margin-right: calc( var(--standard-content-padding-horizontal) * -1);
}

.clsy-c-itemlist > li {
  display: flex;
  margin: 0;
  padding: 0;
  border-top: var(--standard-border-style);
}

.clsy-c-itemlist > li:last-child {
  border-bottom: var(--standard-border-style);
}

.clsy-c-itemlist__listitem-title, .clsy-c-itemlist__listitem-title:first-child {
  margin: .4em 0;
  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-c-itemlist__listitem-title + * {
  margin-top: .8em;
}

.clsy-c-itemlist__listitem-description {
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-c-itemlist__listitem-description img {
  display: block;
  margin: .2em 0 1em;
  padding: 0;
  height: auto;
  border: none;
}

@media (max-width: 269px) {
  .clsy-c-itemlist__listitem-description img {
    width: 100%;
  }
}

@media (min-width: 270px) {
  .clsy-c-itemlist__listitem-description img {
    float: left;
    margin: 0 1em .2em 0;
    max-width: 120px;
  }
}

@media (min-width: 375px) {
  .clsy-c-itemlist__listitem-description img {
    max-width: 180px;
  }
}

@media (min-width: 1500px) {
  .clsy-c-itemlist__listitem-description img {
    max-width: 240px;
  }
}

.clsy-list-multicolumn {
  --minimum-link-width: 16em;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--minimum-link-width), 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: var(--standard-border-style);
  border-left: var(--standard-border-style);
}

.clsy-list-multicolumn li {
  margin: 0;
  padding: 0;
  border-bottom: var(--standard-border-style);
  border-right: var(--standard-border-style);
}

.clsy-list-multicolumn li .clsy-c-blocklink {
  height: 100%;
}

.clsy-simplelist {
  padding: 0;
  list-style: none;
}

.clsy-simplelist:empty {
  display: none;
}

.clsy-simplelist__item {
  margin: 0;
  padding: 0;
}

.clsy-simplelist--bordered {
  border: var(--standard-border-style);
  border-width: 1px 0;
}

.clsy-simplelist--bordered.clsy-simplelist--multicol {
  padding-top: 1px;
  padding-bottom: 1px;
  border-width: 0;
}

.clsy-simplelist--bordered:not(.clsy-simplelist--multicol) .clsy-simplelist__item + .clsy-simplelist__item {
  border-top: var(--standard-border-style);
}

.clsy-simplelist--multicol {
  --min-item-width: 300px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--min-item-width), 1fr));
  grid-gap: 1px;
  background-color: var(--standard-border-color);
  border: solid var(--standard-border-color);
  border-width: 1px 0;
}

@media (max-width: 269px) {
  .clsy-simplelist--multicol {
    grid-template-columns: 1fr;
  }
}

.clsy-simplelist--multicol .clsy-simplelist__item {
  background-color: var(--contentsection-bg-color);
}

ul.clsy-inline-bulletlist {
  display: flex;
  flex-wrap: wrap;
  margin: var(--standard-top-margin) 0 var(--standard-bottom-margin);
  padding: 0;
  list-style-type: none;
}

ul.clsy-inline-bulletlist > li {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/hfhjacaj/image/pwa/icons/icon-checkmark-circled.svg);
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-width: 1em;
  --mask-icon-height: 1em;
  --mask-icon-size: 1em;
  display: flex;
  align-items: flex-start;
  gap: .3em;
  margin: 0 1.4em 0 0;
  padding: 0;
}

body.erotic ul.clsy-inline-bulletlist > li {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/h7f8cd8e/image/pwa/icons/icon-heart-filled.svg);
}

ul.clsy-inline-bulletlist > li: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: relative;
  top: .2em;
}

/* === block-link ===
    Standard style for a link that is displayed as a block rather than inline.
    Characteristics:
      * reasonable height to be touch-friendly
      * not styled as an inline-textlink, but an indicator-icon is added on the very right
      * suited for both oneline- and multiline content

    Standard usecase would be a list of links like the category-links on the homepage
*/
.clsy-c-blocklink {
  --blocklink-padding-horizontal: 0;
  display: flex;
  align-items: center;
  padding: var(--standard-content-padding-vertical) var(--blocklink-padding-horizontal);
  width: 100%;
  min-height: var(--standard-touchtarget-min-height);
  overflow: hidden;
  color: var(--standard-text-color);
  text-align: left;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

.clsy-c-blocklink:hover {
  background-color: var(--link-hover-bg-color);
}

.clsy-c-blocklink--padding-hor {
  --blocklink-padding-horizontal: var(--standard-content-padding-horizontal);
}

.clsy-c-blocklink--padding-hor-fixed {
  --blocklink-padding-horizontal: var(--fixed-content-padding-horizontal);
}

.clsy-c-blocklink > *:not(:first-child) {
  margin-left: .8em;
}

.clsy-c-blocklink:after, .clsy-c-blocklink:hover:after, .clsy-c-blocklink:focus:after, .clsy-c-blocklink:active:after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
  --mask-icon-color: var(--emphasized-color);
  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);
  flex: none;
  margin-left: auto;
  position: static;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
}

.clsy-c-blocklink:hover, .clsy-c-blocklink:focus, .clsy-c-blocklink:active {
  background-color: var(--link-hover-bg-color);
}

.clsy-c-blocklink--no-indicator:after, .clsy-c-blocklink--no-indicator:hover:after, .clsy-c-blocklink--no-indicator:focus:after, .clsy-c-blocklink--no-indicator:active:after {
  content: none !important;
}

.clsy-c-blocklink__inner {
  overflow: hidden;
}

.clsy-c-userbox {
  --userbox-vertical-margin: .4em;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  grid-column-gap: 1em;
  text-align: start;
}

@media (max-width: 269px) {
  .clsy-c-userbox {
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
  }
}

.clsy-c-userbox__profile-image {
  position: relative;
  align-self: start;
}

@media (max-width: 269px) {
  .clsy-c-userbox__profile-image {
    justify-self: center;
  }
}

.clsy-c-userbox__profile-properties {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.clsy-c-userbox__profile-name {
  display: flex;
  font-size: var(--fontsize-large);
  line-height: var(--smaller-line-height);
  overflow: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-c-userbox__subheading {
  font-size: var(--fontsize-small);
  color: var(--less-important-text-color);
}

.clsy-c-userbox__likes {
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/h7f8cd8e/image/pwa/icons/icon-heart-filled.svg);
  --mask-icon-width: 1em;
  --mask-icon-height: 1em;
  --mask-icon-size: 1em auto;
  display: flex;
  gap: .3em;
  align-items: center;
  color: var(--standard-text-color);
  font-size: var(--fontsize-small);
}

.clsy-c-userbox__likes: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: relative;
  top: -1px;
}

.clsy-c-userbox__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2em var(--button-gutter);
  align-items: flex-start;
  margin: var(--userbox-vertical-margin) 0;
}

@media (max-width: 269px) {
  .clsy-c-userbox__badges {
    justify-content: center;
  }
}

.clsy-c-userbox__badges .clsy-c-verifications {
  --verification-min-width: 40px;
}

.clsy-c-userbox__commercial-verification {
  margin-top: 1px;
  width: 24px;
  height: 24px;
}

.clsy-c-userbox__paypal {
  margin: 6px 0 4px;
}

.clsy-c-userbox__likeme {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-width: 22px;
  --mask-icon-size: auto 16px;
}

.clsy-c-userbox__likeme: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);
}

.clsy-c-userbox__likeme--liked {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/h7f8cd8e/image/pwa/icons/icon-heart-filled.svg);
}

.clsy-c-userbox__likeme--unliked {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/aik8chhg/image/pwa/icons/icon-heart-contour.svg);
}

.clsy-c-userbox__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: var(--standard-content-padding-vertical);
  padding-top: var(--standard-content-padding-vertical);
  border-top: var(--standard-border-style);
}

@media (max-width: 269px) {
  .clsy-c-userbox__actions {
    justify-content: center;
  }
}

.clsy-c-userbox__actions > * + * {
  margin-left: .3em;
}

@media (max-width: 269px) {
  .clsy-c-userbox__actions > * + * {
    margin-left: 0;
  }
}

/* === company logo === */
.clsy-company-logo {
  --logo-padding: 1em;
  box-sizing: content-box;
  padding: var(--logo-padding);
  max-width: var(--company-logo-max);
  max-height: var(--company-logo-max);
  height: auto;
  background-color: var(--contentsection-bg-color);
  border-radius: var(--standard-border-radius);
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  border-color: var(--standard-border-color) var(--emphasized-color);
}

/* == sticky insert advert button */
@-webkit-keyframes showObj {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes showObj {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes showObj {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes showObj {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.clsy-c-sticky-button.clsy-c-scrollObserver {
  --sticky-button-width: 40px;
  transition: border-radius 0.4s var(--bouncy-transition-function), width 0.4s var(--bouncy-transition-function), left 0.4s var(--bouncy-transition-function), font-size 0.4s var(--bouncy-transition-function);
  position: fixed;
  bottom: 60px;
  left: calc( 50% - var(--sticky-button-width) / 2);
  width: var(--sticky-button-width);
  overflow: hidden;
  z-index: 2;
  cursor: pointer;
  color: var(--emphasized-background-text-color);
  font-weight: bold;
  font-size: 0;
  white-space: nowrap;
  background-color: var(--emphasized-color);
  border-radius: 50%;
  border-color: var(--emphasized-color);
  box-shadow: var(--floating-ui-elements-box-shadow);
}

body[data-scroll-lock-locked] .clsy-c-sticky-button.clsy-c-scrollObserver {
  transform: translateX(calc(-1 * var(--scrollbar-width) / 2));
}

.clsy-c-sticky-button.clsy-c-scrollObserver--up {
  --sticky-button-width: 228px;
  font-size: var(--standard-fontsize);
  border-radius: var(--button-border-radius);
}

.clsy-c-sticky-button.clsy-c-scrollObserver.clsy-not-clickable-disabled {
  color: var(--button-disabled-text-color) !important;
  background-color: var(--contentsection-bg-color);
  border: 1px solid var(--formfield-border-color);
  cursor: not-allowed;
  filter: none;
}

.clsy-c-sticky-button.clsy-c-scrollObserver.clsy-not-clickable-disabled::before {
  filter: var(--disabled-button-filter);
}

.clsy-c-sticky-button.clsy-c-scrollObserver.clsy-not-clickable-disabled::after {
  color: var(--button-disabled-text-color);
}

.clsy-c-sticky-button.clsy-c-scrollObserver--bottom {
  display: none;
}

.clsy-c-sticky-button.clsy-c-scrollObserver:before {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/aj7fhe8/image/pwa/icons/icon-insertion.svg);
  --mask-icon-color: var(--emphasized-background-text-color);
  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: relative;
  margin-right: .2em;
  z-index: 1;
}

fieldset.clsy-grouped {
  margin: 2rem 0;
  padding: 0.4rem var(--fixed-content-padding-horizontal) 0;
  border: var(--standard-border-width) solid var(--grouped-border-color);
  border-radius: var(--standard-border-radius);
}

fieldset.clsy-grouped legend {
  position: relative;
  left: -.9rem;
  margin: 0;
  padding: 0 1em 0.4em .2em;
  background-color: var(--grouped-legend-bg-color);
}

fieldset.clsy-grouped .clsy-c-form-selectiongroup {
  --multicol-col-min-width: 16ch;
}

.clsy-attribute-list {
  margin: 0 0 var(--standard-bottom-margin);
  padding: 0;
}

.clsy-attribute-list__item {
  display: grid;
  grid-template-columns: minmax(auto, 35%) minmax(10ch, 1fr);
  grid-column-gap: 1em;
  padding: .4em 0;
  line-height: var(--smaller-line-height);
  -webkit-hyphens: auto;
  hyphens: auto;
  border-top: var(--standard-border-style);
}

.clsy-attribute-list__item:first-of-type {
  border-top: none;
}

.clsy-attribute-list__item .clsy-grouped {
  grid-column: 1 / -1;
  padding: 0;
}

.clsy-attribute-list__item .clsy-grouped__label {
  display: block;
  margin: 0 0 .4em;
  font-size: var(--fontsize-large);
}

.clsy-attribute-list__item .clsy-grouped .clsy-attribute-list {
  margin-bottom: 0;
}

.clsy-attribute-list__item .clsy-grouped .clsy-attribute-list__item {
  padding-left: 1em;
  border: none;
}

.clsy-attribute-list__item .clsy-grouped .clsy-attribute-list__item:last-child {
  margin-bottom: 0;
}

.clsy-attribute-list__item .clsy-c-collapsibleelement {
  grid-column: 1 / -1;
}

@media (max-width: 374px), (min-width: 700px) and (max-width: 849px) {
  .clsy-attribute-list__item {
    grid-template-columns: minmax(10ch, 1fr);
    grid-row-gap: 0;
    line-height: var(--standard-line-height);
  }
  .clsy-attribute-list__item__description {
    margin-bottom: 1em;
  }
  .clsy-attribute-list__item .clsy-grouped__label {
    margin-bottom: 0;
  }
  .clsy-attribute-list__item .clsy-grouped .clsy-attribute-list__item {
    padding-left: 0;
  }
}

.clsy-attribute-list__label {
  margin: 0;
  padding: 0;
  font-weight: bold;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-attribute-list__description {
  margin: 0;
  padding: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-c-pwa-toolbar {
  --toolbar-actionlink-vert-margin: .2em;
  --overflow-menu-trigger-width: var(--standard-touchtarget-min-width);
  display: flex;
  justify-content: center;
  min-height: calc(var(--standard-button-height) + var(--toolbar-actionlink-vert-margin) * 2);
  padding: 0 var(--overflow-menu-trigger-width) 0 var(--standard-content-padding-horizontal);
  overflow: visible;
  z-index: 1;
}

.clsy-c-pwa-toolbar--sticky {
  position: sticky;
  background-color: var(--pwa-toolbar-bg-color);
  bottom: 0;
}

.clsy-c-pwa-toolbar--block {
  flex-direction: column;
  justify-content: normal;
  max-width: 20rem;
  margin: 0 auto var(--contentsection-bottom-margin);
  padding: var(--standard-content-padding-vertical) 0 0;
}

.clsy-c-pwa-toolbar--block .clsy-c-pwa-toolbar__action + .clsy-c-pwa-toolbar__action {
  margin-top: .2rem;
}

.clsy-c-pwa-toolbar.clsy-c-pwa-toolbar--verbose .clsy-c-pwa-toolbar__action {
  font-size: 0;
}

.clsy-c-pwa-toolbar.clsy-c-pwa-toolbar--verbose .clsy-c-pwa-toolbar__action::after {
  content: attr(title) !important;
  padding-left: .5em;
  font-size: var(--standard-fontsize);
  line-height: var(--button-line-height);
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])) {
  --mask-icon-color: var(--standard-link-color);
  display: flex;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  padding: 0 1rem;
  background-color: var(--standard-bg-color);
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0;
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])):active {
  transform: none;
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])):visited, .clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])):hover, .clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])):focus, .clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])):focus-visible, .clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])):active {
  color: var(--standard-link-color) !important;
}

.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])):focus-visible:focus-visible {
  outline-offset: calc(var(--standard-outline-width) * -1);
  border-radius: calc(2 * var(--standard-outline-border-radius));
}

.clsy-c-pwa-toolbar > .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])) {
  --mask-icon-color: var(--cta-button-text-color);
  color: var(--cta-button-text-color);
  background-color: var(--cta-button-bg-color);
  border-color: var(--cta-button-bg-color);
  margin: var(--toolbar-actionlink-vert-margin);
  padding: var(--small-button-padding);
}

.clsy-c-pwa-toolbar > .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])):hover, .clsy-c-pwa-toolbar > .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])):focus {
  color: var(--cta-button-text-color);
  background-color: var(--cta-button-bg-color--hover);
  border-color: var(--cta-button-bg-color--hover);
}

.clsy-c-pwa-toolbar > .clsy-c-pwa-toolbar__action:where(:not([disabled=disabled])):active {
  color: var(--cta-button-text-color);
  background-color: var(--cta-button-bg-color--active);
  border-color: var(--cta-button-bg-color--active);
}

.clsy-c-pwa-toolbar__overflow-container {
  position: absolute;
  top: var(--toolbar-actionlink-vert-margin);
  bottom: var(--toolbar-actionlink-vert-margin);
  right: 2px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.clsy-c-pwa-toolbar__overflow-container * {
  -webkit-user-select: none;
  user-select: none;
}

.clsy-c-pwa-toolbar__overflow-container--empty .clsy-c-pwa-toolbar__overflow-menutrigger {
  display: none;
}

.clsy-c-pwa-toolbar__overflow-menu-store {
  width: 0;
  height: 0;
  overflow: hidden;
}

.clsy-c-pwa-toolbar__overflow-menutrigger {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ajedajh8/image/pwa/icons/icon-overflow-menu.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--standard-touchtarget-min-height);
  width: var(--overflow-menu-trigger-width);
  transition: background-color 200ms;
}

.clsy-c-pwa-toolbar__overflow-menutrigger:active {
  background-color: var(--link-hover-bg-color);
}

.clsy-clickable-disabled {
  background-color: transparent;
  border: 1px solid var(--standard-text-color);
  cursor: not-allowed;
  filter: var(--disabled-button-filter);
  /*
  Add an outline for focused disabled button

  puzzled reader:
    “But ... a disabled button won't receive focus and hence will never
     show an outline?”

  Excellent question! But a disabled style can be added to a link that is
  displayed like a button, and even to a button without the button having
  the disabled attribute. It will apply styles to the button so it looks
  disabled without being disabled.

  even more puzzled reader:
      “But ... why on earth would anybody do something as weird as that??”

  An even more excellent question! But there are situations where the
  button (or the link) should still be clickable in order to show a dialog
  that explains why the action is not possible at the moment. So we need a
  disabled button that still can receive focus and click events - which is
  not the case when the button is disabled via the disabled attribute.

  [reader opens and closes mouth in bewilderment, exits the scene]
  */
}

.clsy-clickable-disabled, .clsy-clickable-disabled:hover, .clsy-clickable-disabled:focus, .clsy-clickable-disabled:active {
  color: var(--standard-text-color);
  background-color: transparent;
  transform: none;
}

.clsy-clickable-disabled:focus-visible {
  outline: var(--button-outline-style);
  outline-offset: var(--button-outline-offset);
}

.clsy-clickable-disabled:after {
  content: none;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}

.clsy-c-pwa-toolbar .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled,
.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled {
  background-color: transparent;
  border: 1px solid var(--standard-text-color);
  cursor: not-allowed;
  filter: var(--disabled-button-filter);
  /*
  Add an outline for focused disabled button

  puzzled reader:
    “But ... a disabled button won't receive focus and hence will never
     show an outline?”

  Excellent question! But a disabled style can be added to a link that is
  displayed like a button, and even to a button without the button having
  the disabled attribute. It will apply styles to the button so it looks
  disabled without being disabled.

  even more puzzled reader:
      “But ... why on earth would anybody do something as weird as that??”

  An even more excellent question! But there are situations where the
  button (or the link) should still be clickable in order to show a dialog
  that explains why the action is not possible at the moment. So we need a
  disabled button that still can receive focus and click events - which is
  not the case when the button is disabled via the disabled attribute.

  [reader opens and closes mouth in bewilderment, exits the scene]
  */
  background-color: var(--contentsection-bg-color);
}

.clsy-c-pwa-toolbar .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled, .clsy-c-pwa-toolbar .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled:hover, .clsy-c-pwa-toolbar .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled:focus, .clsy-c-pwa-toolbar .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled:active,
.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled,
.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled:hover,
.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled:focus,
.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled:active {
  color: var(--standard-text-color);
  background-color: transparent;
  transform: none;
}

.clsy-c-pwa-toolbar .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled:focus-visible,
.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled:focus-visible {
  outline: var(--button-outline-style);
  outline-offset: var(--button-outline-offset);
}

.clsy-c-pwa-toolbar .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled:after,
.clsy-c-pwa-toolbar__overflow-menu .clsy-c-pwa-toolbar__action.clsy-clickable-disabled.clsy-clickable-disabled:after {
  content: none;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}

.clsy-not-clickable-disabled {
  filter: var(--disabled-button-filter);
  cursor: not-allowed;
  font-weight: normal !important;
}

.clsy-c-expandable {
  overflow-y: auto;
}

.clsy-c-expandable--initialized {
  --padding-required-for-outline: calc(var(--standard-outline-width) + var(--standard-outline-offset));
  position: relative;
  overflow-y: hidden;
  margin-left: calc(-1 * var(--padding-required-for-outline));
  margin-right: calc(-1 * var(--padding-required-for-outline));
  padding-left: var(--padding-required-for-outline);
  padding-right: var(--padding-required-for-outline);
}

.clsy-c-expandable__trigger-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--contentsection-bg-color);
}

.clsy-c-expandable__triggerexpand-container:before {
  --gradient-height: 20px;
  content: "";
  position: absolute;
  top: calc(var(--gradient-height) * -1);
  left: 0;
  right: 0;
  height: var(--gradient-height);
  background: linear-gradient(rgba(var(--contentsection-bg-color-rgb), 0) 0%, rgba(var(--contentsection-bg-color-rgb), 0.7) 50%, rgba(var(--contentsection-bg-color-rgb), 0.85) 65%, rgba(var(--contentsection-bg-color-rgb), 0.925) 75.5%, rgba(var(--contentsection-bg-color-rgb), 0.963) 82.85%, rgba(var(--contentsection-bg-color-rgb), 0.981) 88%, rgba(var(--contentsection-bg-color-rgb), 1) 100%);
}

.clsy-c-expandable__trigger-element {
  display: flex;
  gap: .2em;
  justify-content: center;
  align-items: center;
  min-height: var(--standard-touchtarget-min-height);
  padding: 0;
  color: var(--standard-text-color);
  text-decoration: none;
  border: none;
}

.clsy-c-expandable__trigger-element:after {
  --mask-icon-color: var(--standard-link-color);
  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-expandable__triggerexpand-element::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/dca7bfe6/image/pwa/icons/icon-collapsiblesection-expand.svg);
}

.clsy-c-expandable__triggercollapse-element::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/8i86afb7/image/pwa/icons/icon-collapsiblesection-collapse.svg);
}

.clsy-c-hor-scrolling-list {
  --item-gutter: .8em;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 9em;
  grid-gap: var(--item-gutter);
  margin: var(--standard-top-margin) 0 var(--standard-bottom-margin);
  padding: .8em 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  list-style-type: none;
  background-color: var(--contentarea-bg-color);
}

.clsy-contentsection--hor-padding .clsy-c-hor-scrolling-list {
  margin-left: calc( var(--standard-content-padding-horizontal) * -1);
  margin-right: calc( var(--standard-content-padding-horizontal) * -1);
  --spacing-width: calc(var(--standard-content-padding-horizontal) - var(--item-gutter));
  grid-template-columns: var(--spacing-width);
}

.clsy-contentsection--hor-padding .clsy-c-hor-scrolling-list:before, .clsy-contentsection--hor-padding .clsy-c-hor-scrolling-list:after {
  content: "";
  width: var(--spacing-width);
}

.clsy-c-hor-scrolling-list__item {
  background-color: var(--cardlike-item-bg-color);
  border: solid var(--contentsection-border-color);
  border-width: 1px 0;
}

.clsy-c-hor-scrolling-list__item-link {
  display: block;
  height: 100%;
  padding: 0;
  border-bottom: none;
}

.clsy-c-hor-scrolling-list__item-image {
  position: relative;
  overflow: hidden;
  height: 0;
  padding: 75% 0 0 0;
  background-color: var(--defaultimage-bg-color);
  border-bottom: 1px solid var(--standard-border-color);
}

.clsy-c-hor-scrolling-list__item-image > span {
  --c-article-bg-image-filter: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent center center no-repeat;
  background-image: url("https://static.testing.markt.de/bundles/ii99jjae/image/pwa/bg_categoryarticle_placeholder.svg");
}

.clsy-c-hor-scrolling-list__item-image > span:not(:has(img)) {
  filter: var(--c-article-bg-image-filter);
}

.clsy-c-hor-scrolling-list__item-image > span > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.clsy-c-hor-scrolling-list__item-title {
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
  height: calc( var(--standard-fontsize) * var(--smaller-line-height) * 3 + 0px + 0px + 0px);
  font-size: var(--standard-fontsize);
  line-height: var(--smaller-line-height);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-top: .4em;
  margin-bottom: .8em;
  padding-left: .4em;
  padding-right: .4em;
}

.clsy-container-is-loading {
  position: relative;
  display: block;
}

.clsy-container-is-loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 10;
}

.clsy-container-is-loading:after {
  --loading-indicator-width: 50px;
  --loading-indicator-line-thickness: 5px;
  position: sticky;
  bottom: calc(50% - var(--loading-indicator-width));
  left: calc(50% - var(--loading-indicator-width));
  z-index: 10;
}

.clsy-overlay-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--modal-layer-bg-color);
  z-index: var(--fixed-zindex-overlay-bg-below-header);
}

.clsy-overlay-background--cover-header {
  z-index: var(--fixed-zindex-overlay-bg);
}

.clsy-anchored-popup {
  --actionable-content-bg-color: var(--actionable-content-bg-color-dialog);
  position: absolute;
  display: none;
  background: var(--menu-bg-color);
  z-index: calc(var(--zindex-pagecontainer) + 1);
  border: 1px solid var(--formfield-border-color);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  overflow: auto;
}

.clsy-anchored-popup.clsy-anchored-popup--fullscreen {
  max-width: 100vw;
  min-width: 95vw;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media all and (min-width: 375px) {
  .clsy-anchored-popup.clsy-anchored-popup--fullscreen {
    max-width: 90vw;
    min-width: 270px;
    max-height: 98%;
  }
}

@media all and (min-width: 700px) {
  .clsy-anchored-popup.clsy-anchored-popup--fullscreen {
    max-width: calc(700px - var(--standard-content-padding-horizontal));
  }
}

.clsy-navbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.clsy-navbar__back, .clsy-navbar__prev, .clsy-navbar__next {
  --mask-icon-color: var(--emphasized-color);
  cursor: pointer;
  color: var(--standard-link-color);
  background-color: transparent;
  border: none;
}

.clsy-navbar__back:hover, .clsy-navbar__back:focus-visible, .clsy-navbar__back:active, .clsy-navbar__prev:hover, .clsy-navbar__prev:focus-visible, .clsy-navbar__prev:active, .clsy-navbar__next:hover, .clsy-navbar__next:focus-visible, .clsy-navbar__next:active {
  background-color: var(--link-hover-bg-color);
  color: var(--standard-link-color);
}

.clsy-navbar__prev, .clsy-navbar__next {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
}

.clsy-navbar__prev {
  --mask-icon-transform: rotate(180deg);
}

.clsy-navbar__label {
  display: flex;
  align-items: center;
}

.clsy-navbar__label:last-child:after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
  --mask-icon-color: var(--button-disabled-text-color);
  --mask-icon-width: var(--standard-touchtarget-min-width);
  --mask-icon-height: var(--standard-touchtarget-min-height);
  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);
  cursor: not-allowed;
}

:not(.clsy-navbar__prev) + .clsy-navbar__label:before {
  --mask-icon-transform: rotate(180deg);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
  --mask-icon-color: var(--button-disabled-text-color);
  --mask-icon-width: var(--standard-touchtarget-min-width);
  --mask-icon-height: var(--standard-touchtarget-min-height);
  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);
  cursor: not-allowed;
}

.clsy-navbar__back {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/kl7bbebh/image/pwa/icons/icon-chevron-double-right.svg);
  --mask-icon-transform: rotate(180deg);
  margin-right: auto;
}

.clsy-back {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  height: var(--standard-touchtarget-min-height);
}

.clsy-back__link {
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/kl7bbebh/image/pwa/icons/icon-chevron-double-right.svg);
  --mask-icon-transform: rotate(180deg);
  margin-right: auto;
  cursor: pointer;
  color: var(--standard-link-color);
  background-color: transparent;
  border: none;
}

.clsy-back__link:hover, .clsy-back__link:focus-visible, .clsy-back__link:active {
  background-color: var(--link-hover-bg-color);
  color: var(--standard-link-color);
}

.clsy-back__link:focus-visible:focus-visible {
  outline-offset: calc(var(--standard-outline-width) * -1);
  border-radius: calc(2 * var(--standard-outline-border-radius));
}

.clsy-styled-table {
  --padding: .8em;
  margin: .8em auto 1.2em;
  border-collapse: collapse;
  border: solid var(--table-border-color);
  border-width: 2px 0;
}

.clsy-styled-table tr {
  border: solid var(--table-border-color);
  border-width: 1px 0;
}

.clsy-styled-table th, .clsy-styled-table td {
  padding: 0.3em var(--padding);
  text-align: left;
  vertical-align: top;
  color: var(--standard-text-color);
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-styled-table th.numbers, .clsy-styled-table th.date, .clsy-styled-table td.numbers, .clsy-styled-table td.date {
  text-align: right;
  font-feature-settings: "lnum" 1, "tnum" 1;
  font-variant-numeric: lining-nums tabular-nums;
}

.clsy-styled-table th.wrap-content, .clsy-styled-table td.wrap-content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-styled-table th.emphasized, .clsy-styled-table td.emphasized {
  font-weight: bold;
}

.clsy-styled-table th {
  font-weight: bold;
  line-height: var(--smaller-line-height);
  background-color: var(--lightest-emphasized-color--opaque);
}

.clsy-styled-table caption {
  font-size: var(--fontsize-large);
  text-align: left;
  color: var(--less-important-text-color);
  margin: .5em 0;
  padding: 0;
  line-height: var(--smaller-line-height);
}

.clsy-styled-table.clsy-styled-table--restrained {
  border: none;
}

.clsy-styled-table.clsy-styled-table--restrained tr {
  border: none;
}

.clsy-styled-table.clsy-styled-table--restrained th {
  background-color: transparent;
}

.clsy-styled-table__wrapper {
  overflow-x: auto;
}

.clsy-address {
  font-family: var(--monospace-font-family);
}

.clsy-emphasized-element {
  border-left: var(--emphasized-element-border-width) solid var(--emphasized-color);
  border-right: var(--emphasized-element-border-width) solid var(--emphasized-color);
}

.clsy-heading-subline {
  display: block;
  font-size: var(--fontsize-small);
  color: var(--less-important-text-color);
  line-height: var(--headline-line-height);
}

.clsy-youth-protection {
  display: flex;
  justify-content: center;
  margin: calc(4px + (-1 * var(--contentsection-bottom-margin))) 0 var(--contentsection-bottom-margin);
}

.clsy-youth-protection__link > img {
  display: block;
}

.clsy-premium-marker, .clsy-premium-marker.clsy-c-form__label {
  position: relative;
  padding-right: 1.2em;
}

.clsy-premium-marker::after, .clsy-premium-marker.clsy-c-form__label::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/9jjfi6h/image/pwa/icons/icon-premium-marker.svg);
  --mask-icon-color: var(--higher-contrast-emphasized-color);
  --mask-icon-width: 1em;
  --mask-icon-height: 1em;
  --mask-icon-size: auto 1em;
  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;
  right: 0;
}

.clsy-premium-marker.clsy-c-form__label::after {
  top: .1em;
}

.clsy-indicator-image-count {
  position: absolute;
  bottom: 8px;
  right: 4px;
  padding: .1em .3em;
  font-size: var(--fontsize-medium);
  color: var(--icon-color-above-img);
  background-color: var(--indicator-bg-color);
  border-radius: var(--standard-border-radius);
}

.clsy-indicator-vip,
.clsy-indicator-premium {
  position: absolute;
  top: 4px;
  left: calc(-1 * var(--listitem-padding, 0));
  padding: .1em .6em .1em .4em;
  font-weight: normal;
  font-size: var(--fontsize-small);
  color: var(--emphasized-background-text-color);
  background-color: var(--emphasized-color);
}

.clsy-indicator-aigen {
  position: absolute;
  bottom: 8px;
  left: 4px;
  padding: .1em .3em;
  font-size: var(--fontsize-xsmall);
  font-weight: bold;
  color: var(--icon-color-above-img);
  background-color: var(--indicator-bg-color);
  border-radius: var(--standard-border-radius);
}

.clsy-c-dialog {
  --formfield-bg-color: var(--formfield-bg-color-dialog);
  --actionable-content-bg-color: var(--actionable-content-bg-color-dialog);
  --left-padding-dialog-title: var(--standard-content-padding-horizontal);
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: 0 auto;
  padding: 0;
  max-width: 100vw;
  min-width: 95vw;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border: var(--standard-border-style);
  box-shadow: var(--context-menu-box-shadow);
  z-index: var(--fixed-zindex-dialog);
  background: var(--dialog-bg-color);
  --dialog-buttonbar-bottom-padding: calc(var(--standard-contentsection-padding-vertical) / 2) ;
}

@media all and (min-width: 375px) {
  .clsy-c-dialog {
    max-width: 90vw;
    min-width: 270px;
    max-height: 98%;
  }
}

@media all and (min-width: 700px) {
  .clsy-c-dialog {
    max-width: calc(700px - var(--standard-content-padding-horizontal));
    min-width: 375px;
  }
}

@media all and (min-width: 1100px) {
  .clsy-c-dialog {
    max-width: calc(700px + var(--standard-content-padding-horizontal));
    min-width: 700px;
  }
}

.clsy-c-dialog--fixed-height {
  height: 100%;
}

@media all and (min-width: 375px) {
  .clsy-c-dialog--fixed-height {
    height: 98%;
  }
}

@media all and (min-height: 700px) {
  .clsy-c-dialog--fixed-height {
    height: 90%;
  }
}

@media all and (min-height: 1000px) {
  .clsy-c-dialog--fixed-height {
    height: 900px;
  }
}

.clsy-c-dialog[class*="clsy-c-dialog--msg"] {
  --mask-icon-color: var(--inverted-text-color);
  padding-left: calc(2 * var(--mask-icon-width));
  border-width: 0 1px;
}

.clsy-c-dialog[class*="clsy-c-dialog--msg"]::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: 50%;
  left: calc( var(--mask-icon-width) / 2);
  transform: translateY(-50%);
}

.clsy-c-dialog[class*="clsy-c-dialog--msg"] > * {
  background-color: var(--dialog-bg-color);
}

.clsy-c-dialog[class*="clsy-c-dialog--msg"] .clsy-c-dialog__title,
.clsy-c-dialog[class*="clsy-c-dialog--msg"] .clsy-c-dialog__body {
  padding-left: var(--fixed-content-padding-horizontal);
}

.clsy-c-dialog[class*="clsy-c-dialog--msg"] .clsy-c-dialog__buttons {
  padding-bottom: var(--standard-content-padding-vertical);
}

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

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

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

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

.clsy-c-dialog__title-bar {
  position: sticky;
  top: 0;
  margin: 0;
  z-index: var(--fixed-zindex-toolbar);
  display: flex;
  align-items: center;
  background-color: var(--dialog-bg-color);
  border-bottom: 3px solid var(--standard-border-color);
}

.clsy-c-dialog__title {
  margin: 0;
  padding: 0.1em 0 0.1em var(--left-padding-dialog-title);
  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;
  overflow: hidden;
}

.clsy-c-dialog:has(button + .clsy-c-dialog__title) {
  --left-padding-dialog-title: max(0px, var(--standard-content-padding-horizontal) - var(--standard-touchtarget-min-width));
}

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

.clsy-c-dialog__back {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/jdidb7bh/image/pwa/icons/icon-back.svg);
}

.clsy-c-dialog__body:not(:last-child) {
  padding-bottom: var(--standard-content-padding-vertical);
}

.clsy-c-dialog__body--no-padding {
  padding: 0;
}

.clsy-c-dialog__buttons {
  padding-bottom: var(--dialog-buttonbar-bottom-padding);
  display: flex;
  justify-content: flex-end;
  gap: var(--button-gutter);
}

.clsy-c-dialog__buttons .clsy-c-btn {
  margin: 0;
  max-width: 50%;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media (max-width: 319px) {
  .clsy-c-dialog__buttons {
    flex-wrap: wrap;
  }
  .clsy-c-dialog__buttons .clsy-c-btn {
    max-width: 100%;
    min-width: 100%;
  }
}

.clsy-c-dialog__body:has(.clsy-c-dialog__buttons) {
  padding-bottom: var(--dialog-buttonbar-bottom-padding);
}

.clsy-c-dialog__body .clsy-c-dialog__buttons {
  padding: 0;
}

.clsy-c-dialog__buttonbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
  margin: 0 calc(var(--searchmenu-content-padding-horizontal) * -1) calc(var(--standard-content-padding-vertical) * 2);
  background-color: var(--actionable-content-bg-color);
  z-index: var(--fixed-zindex-toolbar);
}

.clsy-c-dialog__buttonbar--sticky {
  position: sticky;
  top: 0;
}

.clsy-c-dialog__buttonbar--stuck {
  box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.5);
}

.clsy-c-dialog__buttonbar .clsy-c-btn {
  margin-bottom: var(--standard-button-margin-vertical);
}

.clsy-c-dialog__buttonbar .clsy-c-btn:not(.clsy-c-btn--cta) {
  background-color: var(--dialog-buttonbar-btn-bg-color);
}

.clsy-c-dialog__buttonbar .clsy-c-btn + .clsy-c-btn {
  margin-left: calc( var(--standard-button-margin-horizontal) * 2);
}

.clsy-c-dialog__buttonbar-sentinel {
  height: 1px;
}

.clsy-c-dialog__buttonbar-action-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.clsy-c-dialog.clsy-c-pwa-toolbar__overflow-menu {
  position: fixed;
  bottom: unset;
  right: unset;
  padding: 0;
  min-width: 10em;
  opacity: 0;
  transform: none;
}

.clsy-c-dialog.clsy-c-pwa-toolbar__overflow-menu--positioned {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  background-color: var(--standard-bg-color);
  border-radius: var(--standard-border-radius);
  opacity: 1;
  box-shadow: var(--context-menu-box-shadow);
  animation: scale-from-bottom-right 200ms ease 0s 1;
}

.clsy-c-dialog.clsy-c-pwa-toolbar__overflow-menu .clsy-c-dialog__body {
  padding: 0;
}

.clsy-c-dialog.clsy-c-toast {
  position: fixed;
  bottom: 10%;
  top: unset;
  left: 50%;
  width: unset;
  margin-left: unset;
  padding: .4em 1em;
  transform: translateX(-50%);
  color: var(--inverted-text-color);
  text-align: center;
  background: var(--toast-bg-color);
  border: unset;
  border-radius: 40px;
}

.clsy-c-dialog.clsy-c-toast .clsy-c-dialog__body {
  padding: 0;
}

.clsy-c-dialog.clsy-c-toast p {
  margin: unset;
}

.clsy-c-dialog-background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: var(--fixed-zindex-overlay-bg);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--modal-layer-bg-color);
}

.clsy-c-dialog-background > .clsy-c-dialog {
  position: relative;
  top: 0;
  margin: 0;
  transform: none;
  border-radius: var(--standard-border-radius);
}

.clsy-c-dynamicvalidation-valid.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select), .clsy-c-dynamicvalidation-valid .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select),
.clsy-c-dynamicvalidation-loading.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select),
.clsy-c-dynamicvalidation-loading .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select) {
  --icon-width: 14px;
  --icon-height: 14px;
}

.clsy-c-dynamicvalidation-valid.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select)::before, .clsy-c-dynamicvalidation-valid .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select)::before,
.clsy-c-dynamicvalidation-loading.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select)::before,
.clsy-c-dynamicvalidation-loading .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select)::before {
  --mask-icon-width: var(--icon-width);
  --mask-icon-height: var(--icon-height);
  --mask-icon-size: var(--icon-width) var(--icon-height);
  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(--formfield-height) / 2 - var(--icon-height) / 2 + var(--formfield-wrapper-top-padding));
  right: var(--formfield-padding-horizontal);
}

.clsy-c-dynamicvalidation-valid.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-form-selectiongroup::before, .clsy-c-dynamicvalidation-valid .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-form-selectiongroup::before,
.clsy-c-dynamicvalidation-loading.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-form-selectiongroup::before,
.clsy-c-dynamicvalidation-loading .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-form-selectiongroup::before {
  top: calc(.2em + var(--formfield-wrapper-top-padding));
}

.clsy-c-dynamicvalidation-valid.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-form__field-wrapper--selection::before, .clsy-c-dynamicvalidation-valid .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-form__field-wrapper--selection::before,
.clsy-c-dynamicvalidation-loading.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-form__field-wrapper--selection::before,
.clsy-c-dynamicvalidation-loading .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-form__field-wrapper--selection::before {
  top: calc( 50% - var(--icon-height) / 2);
}

.clsy-c-dynamicvalidation-valid.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-tooltip-wrapper--has-tooltip::before, .clsy-c-dynamicvalidation-valid .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-tooltip-wrapper--has-tooltip::before,
.clsy-c-dynamicvalidation-loading.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-tooltip-wrapper--has-tooltip::before,
.clsy-c-dynamicvalidation-loading .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select).clsy-c-tooltip-wrapper--has-tooltip::before {
  right: calc(var(--formfield-padding-horizontal) + var(--standard-touchtarget-min-width));
}

.clsy-c-dynamicvalidation-valid.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select) input, .clsy-c-dynamicvalidation-valid.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select) textarea, .clsy-c-dynamicvalidation-valid .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select) input, .clsy-c-dynamicvalidation-valid .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select) textarea,
.clsy-c-dynamicvalidation-loading.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select) input,
.clsy-c-dynamicvalidation-loading.clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select) textarea,
.clsy-c-dynamicvalidation-loading .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select) input,
.clsy-c-dynamicvalidation-loading .clsy-c-form__field-wrapper:not(.clsy-c-form__field-wrapper--wysiwyg):not(.clsy-c-form__field-wrapper--select) textarea {
  padding-right: calc(var(--icon-width) + var(--formfield-padding-horizontal));
}

.clsy-c-dynamicvalidation-valid.clsy-c-form__field-wrapper--selection::before, .clsy-c-dynamicvalidation-valid .clsy-c-form__field-wrapper--selection::before,
.clsy-c-dynamicvalidation-loading.clsy-c-form__field-wrapper--selection::before,
.clsy-c-dynamicvalidation-loading .clsy-c-form__field-wrapper--selection::before {
  top: calc((1em * var(--standard-line-height)) / 2 + (1em - var(--icon-height)));
}

.clsy-c-dynamicvalidation-valid.clsy-c-form__field-wrapper--selection .clsy-c-form__label--selection, .clsy-c-dynamicvalidation-valid .clsy-c-form__field-wrapper--selection .clsy-c-form__label--selection,
.clsy-c-dynamicvalidation-loading.clsy-c-form__field-wrapper--selection .clsy-c-form__label--selection,
.clsy-c-dynamicvalidation-loading .clsy-c-form__field-wrapper--selection .clsy-c-form__label--selection {
  padding-right: calc(var(--icon-width) + var(--formfield-padding-horizontal));
}

.clsy-c-dynamicvalidation-valid.clsy-c-form__field-wrapper::before, .clsy-c-dynamicvalidation-valid .clsy-c-form__field-wrapper::before {
  --mask-icon-color: var(--icon-color-success);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/hfhjacaj/image/pwa/icons/icon-checkmark-circled.svg);
  opacity: 1;
}

.clsy-c-dynamicvalidation-valid.clsy-c-dynamicvalidation-group--fadeout-valid.clsy-c-form__field-wrapper::before, .clsy-c-dynamicvalidation-valid.clsy-c-dynamicvalidation-group--fadeout-valid .clsy-c-form__field-wrapper::before {
  transition: opacity 1s ease-in-out 3s;
  opacity: 0;
}

.clsy-c-dynamicvalidation-valid.clsy-c-dynamicvalidation-group--hide-valid.clsy-c-form__field-wrapper::before, .clsy-c-dynamicvalidation-valid.clsy-c-dynamicvalidation-group--hide-valid .clsy-c-form__field-wrapper::before {
  display: none !important;
}

.clsy-c-dynamicvalidation-valid.clsy-c-dynamicvalidation-group--hide-valid.clsy-c-form__field-wrapper .clsy-c-form__label, .clsy-c-dynamicvalidation-valid.clsy-c-dynamicvalidation-group--hide-valid .clsy-c-form__field-wrapper .clsy-c-form__label {
  padding-right: 0;
}

.clsy-c-dynamicvalidation-loading.clsy-c-form__field-wrapper::before, .clsy-c-dynamicvalidation-loading .clsy-c-form__field-wrapper::before {
  --loading-indicator-width: var(--icon-width);
  --loading-indicator-line-thickness: 2px;
  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;
  background: transparent none !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.clsy-c-dynamicvalidation-loading.clsy-c-dynamicvalidation-loading--hide.clsy-c-form__field-wrapper::before, .clsy-c-dynamicvalidation-loading.clsy-c-dynamicvalidation-loading--hide .clsy-c-form__field-wrapper::before {
  display: none !important;
}

.clsy-c-dynamicvalidation-loading.clsy-c-dynamicvalidation-loading--hide.clsy-c-form__field-wrapper .clsy-c-form__label, .clsy-c-dynamicvalidation-loading.clsy-c-dynamicvalidation-loading--hide .clsy-c-form__field-wrapper .clsy-c-form__label {
  padding-right: 0;
}

.clsy-c-dynamicvalidation-commitundo {
  position: absolute;
  right: 0;
  top: calc(-1 * (3px + var(--small-touchtarget-min-height) - var(--formfield-wrapper-top-padding)));
}

.clsy-c-tooltip-wrapper--has-tooltip .clsy-c-dynamicvalidation-commitundo {
  right: var(--standard-touchtarget-min-width);
}

.clsy-c-dynamicvalidation-commitundo .clsy-c-btn.clsy-c-dynamicvalidation-commit,
.clsy-c-dynamicvalidation-commitundo .clsy-c-btn.clsy-c-dynamicvalidation-undo {
  min-height: var(--small-touchtarget-min-height);
  width: var(--small-touchtarget-min-width);
  margin-left: 3px;
  border: var(--standard-border-style);
  background-color: var(--formfield-bg-color);
}

.clsy-c-dynamicvalidation-commitundo .clsy-c-btn.clsy-c-dynamicvalidation-commit {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/77fcalkj/image/pwa/icons/icon-checkmark.svg);
}

.clsy-c-dynamicvalidation-commitundo .clsy-c-btn.clsy-c-dynamicvalidation-undo {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ifjbbllb/image/pwa/icons/icon-close.svg);
}

.clsy-c-create-errorsummary ul {
  list-style-type: none;
}

.clsy-c-create-errorsummary ul li a {
  color: var(--error-text-color);
  border-bottom: var(--link-border-bottom-width-standard) dotted var(--error-text-color);
}

.clsy-c-create-errorsummary ul li a:after {
  background-color: var(--error-text-color);
}

.clsy-fileupload__button:before {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/if9fbdfa/image/pwa/icons/icon-upload.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);
  margin-right: .4em;
}

.clsy-c-btn--disabled.clsy-fileupload__button:before {
  filter: grayscale(1) opacity(0.3);
}

.clsy-fileupload__button-delete {
  align-self: stretch;
  margin-left: auto;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.clsy-fileupload__display {
  display: inline-flex;
  align-items: center;
  border: var(--standard-border-style);
  border-radius: var(--standard-border-radius);
}

.clsy-fileupload__display-filename {
  padding: 0 var(--formfield-padding-horizontal);
  font-family: var(--monospace-font-family);
  font-size: var(--fontsize-small);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/*!
 *  This document contains trade secret data which is the property of
 *  markt.de GmbH & Co KG. Information contained herein may not be used,
 *  copied or disclosed in whole or part except as permitted by written
 *  agreement from markt.de GmbH & Co KG.
 *
 *  Copyright (c) 2020 markt.de GmbH & Co KG / Munich / Germany
 */
body.clsy-fixed-pagecontent .clsy-l-pagecontainer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  bottom: env(safe-area-inset-bottom);
  right: 0;
}

body.clsy-fixed-pagecontent .clsy-l-pagecontainer main {
  position: relative;
  min-height: auto;
  height: 100%;
}

/* === messages === */
.clsy-c-inlinemessage {
  --inlinemessage-padding-vertical: .2em;
  --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 0 0;
  padding: var(--inlinemessage-padding-vertical) var(--smaller-fixed-content-padding-horizontal);
  font-size: var(--fontsize-small);
  border-top-left-radius: var(--standard-border-radius);
  border-top-right-radius: var(--standard-border-radius);
  border-width: var(--inlinemessage-border-top-width) var(--inlinemessage-border-right-width) 0 var(--mask-icon-width);
}

.clsy-c-inlinemessage::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-inlinemessage--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-inlinemessage--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-inlinemessage--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-inlinemessage--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-inlinemessage + * {
  --formfield-wrapper-top-padding: 0px;
  margin-top: 0;
  border: solid var(--message-class-color) !important;
  border-width: 0 var(--inlinemessage-border-right-width) var(--inlinemessage-border-bottom-width) var(--inlinemessage-border-left-width) !important;
  border-bottom-left-radius: var(--standard-border-radius) !important;
  border-bottom-right-radius: var(--standard-border-radius) !important;
}

.clsy-c-inlinemessage + * > :last-child {
  margin-bottom: 0;
}

.clsy-c-inlinemessage + * .clsy-c-form__label {
  margin-top: 0;
}

.clsy-c-inlinemessage + * > ul {
  padding: var(--standard-content-padding-vertical) var(--smaller-fixed-content-padding-horizontal);
}

.clsy-c-inlinemessage + * > .clsy-c-form__label--selection-group {
  padding: var(--standard-content-padding-vertical) var(--smaller-fixed-content-padding-horizontal) 0;
}

.clsy-c-inlinemessage:last-child {
  border-bottom-left-radius: var(--standard-border-radius) !important;
  border-bottom-right-radius: var(--standard-border-radius) !important;
  border-bottom-width: var(--inlinemessage-border-bottom-width);
}

.clsy-c-inlinemessage + .clsy-c-displaytext {
  padding: var(--standard-content-padding-vertical) var(--smaller-fixed-content-padding-horizontal) 0;
}

.clsy-c-inlinemessage--info + * {
  --message-class-color: var(--message-color-info);
}

.clsy-c-inlinemessage--warning + * {
  --message-class-color: var(--message-color-warning);
}

.clsy-c-inlinemessage--error + * {
  --message-class-color: var(--message-color-error);
}

.clsy-c-inlinemessage--success + * {
  --message-class-color: var(--message-color-success);
}

.clsy-confirmable-message {
  --indicator-width: 3rem;
  --mask-icon-width: var(--indicator-width);
  --mask-icon-height: 100%;
  --mask-icon-size: 38px auto;
  --mask-icon-color: var(--inverted-text-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/86ckdgje/image/pwa/icons/icon-message-warning.svg);
  position: relative;
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
  margin: .8em auto;
  background-color: var(--cardlike-item-bg-color);
  border: solid var(--emphasized-color);
  border-width: 0 var(--emphasized-element-border-width) 0 var(--indicator-width);
  box-shadow: 0 -1px 0 0 var(--contentsection-border-color), 0 3px 0 0 var(--contentsection-border-color);
  transform: scale(1);
  transition: transform 250ms cubic-bezier(0.55, -0.35, 1, 1);
}

.clsy-confirmable-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);
  display: block;
  position: absolute;
  inset: 0 0 0 calc(-1 * var(--indicator-width));
}

.clsy-confirmable-message.clsy-confirmable-message--confirmed {
  transform: scale(0);
}

.clsy-confirmable-message__text {
  margin-top: .4em;
}

.clsy-nickname-changed__trigger {
  --translate-x: -.3em;
  --translate-y: -3.3em;
  position: absolute;
  translate: var(--translate-x) var(--translate-y);
  color: var(--emphasized-background-text-color);
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: var(--emphasized-color);
  border: none;
}

.clsy-nickname-changed__trigger.clsy-nickname-changed__trigger--small {
  --translate-y: -2.8em;
  scale: .8;
  font-size: var(--fontsize-small);
}

.clsy-nickname-changed__trigger.clsy-nickname-changed__trigger--tiny {
  --translate-y: -2em;
  scale: .7;
  padding: .2em .7em;
  min-height: auto;
}

/* default visibility for offline notice */
.clsy-offline-notice {
  display: none;
}

.clsy-offline-notice .clsy-offline-notice--connecting, .clsy-offline-notice .clsy-offline-notice--online, .clsy-offline-notice .clsy-offline-notice--maintenance {
  display: none;
}

body.clsy-offline .clsy-offline-notice {
  display: block;
}

/*!
 *  This document contains trade secret data which is the property of
 *  markt.de GmbH & Co KG. Information contained herein may not be used,
 *  copied or disclosed in whole or part except as permitted by written
 *  agreement from markt.de GmbH & Co KG.
 *
 *  Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
.clsy-c-pagination {
  --pagination-gutter: var(--standard-button-margin-horizontal);
  --mask-icon-color: var(--cta-button-text-color);
  --mask-icon-width: 8px;
  --mask-icon-size: auto 1.3em;
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin: 1.5rem 0 0;
}

.clsy-c-pagination .clsy-c-btn--disabled {
  --mask-icon-color: var(--standard-text-color);
}

.clsy-c-pagination > * + * {
  margin-left: var(--pagination-gutter);
}

.clsy-c-pagination__prev, .clsy-c-pagination__next {
  gap: .3em;
}

.clsy-c-pagination__prev {
  --mask-icon-transform: rotate(180deg);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
}

.clsy-c-pagination__prev::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);
}

.clsy-c-pagination__next::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.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);
}

.clsy-c-pagination__current, .clsy-c-pagination__current:hover {
  border: none !important;
  color: var(--standard-text-color) !important;
}

@media (min-width: 700px) {
  .clsy-c-pagination .clsy-c-btn, .clsy-c-pagination .clsy-c-btn--disabled, .clsy-c-pagination .clsy-c-btn[disabled], .clsy-c-pagination .clsy-c-btn--disabled:not([href]), .clsy-c-pagination .clsy-c-btn[disabled]:not([href]) {
    padding: var(--small-button-padding);
    min-height: var(--small-touchtarget-min-height);
    min-width: var(--small-touchtarget-min-width);
    font-size: var(--fontsize-small);
  }
}

.clsy-c-pagination__intermediate {
  display: flex;
  justify-content: center;
}

.clsy-c-pagination__intermediate--ellipsis-left:before, .clsy-c-pagination__intermediate--ellipsis-right:after {
  content: '\00B7\00B7\00B7';
  align-self: center;
  color: var(--less-important-text-color);
}

.clsy-c-pagination__intermediate--ellipsis-left:before {
  margin-right: var(--pagination-gutter);
}

.clsy-c-pagination__intermediate--ellipsis-right:after {
  margin-left: var(--pagination-gutter);
}

.clsy-c-pagination__intermediate > * + * {
  margin-left: var(--pagination-gutter);
}

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

.clsy-profile-image {
  --premium-border-width: 3px;
  --premium-box-shadow-width: 3px;
  position: relative;
  padding: var(--premium-box-shadow-width);
}

.clsy-profile-image__image {
  display: block;
  width: 100%;
  border-radius: 50%;
  border: var(--standard-border-style);
  object-fit: cover;
  aspect-ratio: 1 / 1;
  font-size: var(--fontsize-xsmall);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  background-color: var(--defaultimage-bg-color);
}

.clsy-profile-image__image::before {
  content: "";
  position: absolute;
  inset: calc(var(--premium-border-width) + var(--premium-box-shadow-width));
  border-radius: 50%;
  background-color: var(--defaultimage-bg-color);
}

.clsy-profile-image__image::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7e86cke6/image/pwa/icons/icon-picture-broken.svg);
  --mask-icon-color: var(--less-important-text-color);
  --mask-icon-transform: translate(-50%, -50%);
  --mask-icon-opacity: 0.5;
  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: 50%;
  left: 50%;
}

.clsy-profile-image__online {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/klh997el/image/pwa/icons/icon-online-indicator.svg);
  --mask-icon-color: var(--icon-color-success);
  --mask-icon-width: 15px;
  --mask-icon-height: 15px;
  --offset-bottom: 9%;
  --offset-right: 4%;
  --border-width: 2px;
}

.clsy-profile-image__online::before, .clsy-profile-image__online::after {
  display: block;
  position: absolute;
  border-radius: 50%;
}

.clsy-profile-image__online::before {
  content: "";
  bottom: calc(var(--offset-bottom) - var(--border-width));
  right: calc(var(--offset-right) - var(--border-width));
  width: calc(var(--mask-icon-width) + var(--border-width) * 2);
  height: calc(var(--mask-icon-height) + var(--border-width) * 2);
  background-color: var(--standard-bg-color);
}

.clsy-profile-image__online::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);
  bottom: var(--offset-bottom);
  right: var(--offset-right);
}

.clsy-profile-image--medium {
  width: var(--profile-image-medium);
  height: var(--profile-image-medium);
}

.clsy-profile-image--small {
  width: var(--profile-image-small);
  height: var(--profile-image-small);
}

.clsy-profile-image--small .clsy-profile-image__image {
  --premium-border-width: 2px;
  --premium-box-shadow-width: 2px;
}

.clsy-profile-image--adaptive {
  width: 100%;
  height: 100%;
}

.clsy-profile-image--premium::after {
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-image: url("https://static.testing.markt.de/bundles/d9f8g6cc/image/pwa/bg_profile_premium.svg");
  --mask-icon-position: top left;
  --mask-icon-size: contain;
  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: 0;
  height: 100%;
  width: auto;
  aspect-ratio: 100 / 89;
}

.clsy-profile-image--premium .clsy-profile-image__image {
  background-color: var(--emphasized-border-color);
  box-shadow: 0 0 0 var(--premium-box-shadow-width) var(--emphasized-border-color);
  border: var(--premium-border-width) solid var(--emphasized-border-color);
}

.clsy-profile-image--premium .clsy-profile-image__image:is(img[src*="default_"]) {
  background-color: var(--defaultimage-bg-color);
}

.clsy-profile-image__link {
  display: block;
  transition: transform 200ms ease-out;
}

.clsy-profile-image__link img {
  transition: box-shadow 200ms ease-out;
}

.clsy-profile-image__link:hover, .clsy-profile-image__link:focus {
  outline: none;
  transform: scale(1.1);
}

.clsy-profile-image__link:hover *:not(.clsy-profile-image--premium) img, .clsy-profile-image__link:focus *:not(.clsy-profile-image--premium) img {
  box-shadow: 0 0 0 4px var(--standard-border-color);
}

.clsy-profile-image__link:hover:focus-visible, .clsy-profile-image__link:focus:focus-visible {
  border-radius: 50%;
}

.clsy-profile-image__link:hover:has(.clsy-profile-image--premium):focus-visible, .clsy-profile-image__link:focus:has(.clsy-profile-image--premium):focus-visible {
  outline-offset: 0;
}

.clsy-tabbedpane {
  display: flex;
  margin: 0;
  padding: 2em var(--standard-content-padding-horizontal) 0;
  list-style: none;
  background-color: var(--tabbar-bg-color);
  border-bottom: var(--standard-border-style);
}

@media (max-width: 269px) {
  .clsy-tabbedpane {
    flex-wrap: wrap;
  }
}

.clsy-tabbedpane > li {
  margin: 0;
  padding: 0;
}

.clsy-tabbedpane__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2em;
  height: var(--standard-touchtarget-min-height);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
}

a.clsy-tabbedpane__tab {
  border-bottom: 3px solid transparent;
}

.clsy-tabbedpane__tab, .clsy-tabbedpane__tab > * {
  margin: 0;
  color: var(--tab-text-color);
  font-weight: bold;
  font-size: var(--tab-font-size);
  line-height: var(--smaller-line-height);
}

.clsy-tabbedpane__tab--active {
  border-bottom-color: var(--emphasized-color) !important;
}

.clsy-tabbedpane__tab--active, .clsy-tabbedpane__tab--active > * {
  color: var(--tab-text-color-selected);
}

.clsy-tabbedpane + .clsy-contentsection {
  border-top: none;
}

.clsy-tabbedpane-decorator__heading {
  margin: 0;
  padding: var(--standard-contentsection-padding-vertical) var(--standard-content-padding-horizontal) 0;
  background-color: var(--contentsection-bg-color);
}

/* === TabSet styles === */
.clsy-tabset {
  --panels-bg-color: var(--standard-border-color);
  --panel-bg-color: var(--contentsection-bg-color);
  --tabs-bg-color: var(--panel-bg-color);
  --scroll-btn-size: var(--standard-touchtarget-min-height);
  --tab-height: var(--standard-touchtarget-min-height);
  --tab-bar-height: calc(var(--tab-height) + var(--standard-border-width));
  background-color: var(--contentsection-bg-color);
}

.clsy-tabset--compensate-section-padding {
  margin-left: calc(-1 * var(--standard-content-padding-horizontal));
  margin-right: calc(-1 * var(--standard-content-padding-horizontal));
}

.clsy-tabset--default-padding {
  padding: 0;
}

.clsy-tabset--default-margin {
  margin: 2em auto;
}

.clsy-tabset__tab-bar {
  position: relative;
  display: flex;
  width: 100%;
  background-color: var(--tabs-bg-color);
  border-bottom: var(--standard-border-style);
}

.clsy-tabset__tab-bar-tabs-wrapper {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.clsy-tabset__tab-bar-additionals-wrapper {
  flex: 0;
  display: flex;
  gap: .1em;
  padding: 0 var(--button-active-offset) 0 0;
  z-index: var(--fixed-zindex-floating-menu);
}

/* Scrollbutton (only visible when using a mouse, scrollable tabs are enabled and the tabs exceed screen-width) */
.clsy-tabset__scroll-button {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-transform: translate(-50%, -50%);
  display: none;
  position: absolute;
  top: 0;
  width: var(--scroll-btn-size);
  height: var(--scroll-btn-size);
  transform: scale(1);
  visibility: visible;
  background: transparent center center no-repeat;
  border: none;
}

.clsy-tabset__scroll-button::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);
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
}

.clsy-tabset__scroll-button:hover {
  transform: scale(0.95);
}

.clsy-tabset__scroll-button:focus:not(:focus-visible) {
  outline: none;
}

.clsy-tabset__scroll-button:focus-visible, .clsy-tabset__scroll-button:active {
  outline: 1px dotted var(--emphasized-color);
  border-radius: 1px;
}

.clsy-tabset__scroll-button--back {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7h6dbc6i/image/pwa/icons/icon-chevron-left.svg);
  left: 0;
  background-image: linear-gradient(to right, var(--tabs-bg-color), var(--tabs-bg-color) 50%, rgba(255, 255, 255, 0));
}

.clsy-tabset__scroll-button--forward {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
  right: 0;
  background-image: linear-gradient(to left, var(--tabs-bg-color), var(--tabs-bg-color) 50%, rgba(255, 255, 255, 0));
}

.clsy-tabset__scroll-button--hidden {
  visibility: hidden;
  transform: scale(0);
}

/* Tablist */
.clsy-tabset__tab-list {
  position: relative;
  display: flex;
  margin: 0;
  list-style-type: none;
  gap: 1em;
  -ms-overflow-style: none;
  /* IE 10+, Edge ... do we really need this? */
  scrollbar-width: none;
  /* Firefox */
}

.clsy-tabset__tab-list::-webkit-scrollbar {
  /* Chromium-based, Safari */
  display: none;
}

.clsy-tabset--default-padding .clsy-tabset__tab-list {
  padding: 0 var(--standard-content-padding-horizontal);
}

.clsy-tabset__tab-listitem {
  position: relative;
}

.clsy-tabset__tab-listitem .clsy-count-badge {
  position: absolute;
  top: 0;
  right: calc(var(--badge-diameter) / -2);
}

.clsy-tabset__tab {
  padding: .2em 1em;
  height: var(--tab-height);
  font-size: var(--tab-font-size);
  font-weight: bold;
  letter-spacing: .05rem;
  /* actual tab styling */
  text-transform: uppercase;
  color: var(--tab-text-color);
  cursor: pointer;
  border: none;
  border-bottom: 3px solid transparent;
  transition: color 200ms ease-in-out, border-bottom-color 200ms ease-in-out, background-color 200ms ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .clsy-tabset__tab:hover {
    background-color: var(--lightest-emphasized-color);
  }
}

.clsy-tabset__tab:focus-visible {
  background-color: var(--lightest-emphasized-color);
}

.clsy-tabset__tab:focus:not(:focus-visible) {
  outline: none;
}

.clsy-tabset__tab:focus-visible:focus-visible, .clsy-tabset__tab:active:focus-visible {
  outline-offset: calc(var(--standard-outline-width) * -1);
  border-radius: calc(2 * var(--standard-outline-border-radius));
}

.clsy-tabset__tab[aria-selected="true"] {
  color: var(--tab-text-color-selected);
  border-bottom-color: var(--emphasized-color);
}

.clsy-tabset__tab.clsy-not-clickable-disabled {
  display: flex;
  align-items: center;
  cursor: not-allowed;
}

.clsy-tabset__panels {
  position: relative;
  /* make this div the offsetParent of its children */
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  background-color: var(--panels-bg-color);
  /* Hide scrollbars: They look ugly on desktop and are not necessary here, as on desktop the tabs on top will be used and on touch
     devices either the user knows the swiping-convention and does it or uses the tabs also. */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}

.clsy-tabset__panels::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.clsy-tabset__panels.clsy-tabset__panels--firefox-fix {
  scroll-snap-type: none;
  scroll-behavior: auto;
  outline: 1px solid var(--standard-border-color);
}

.clsy-tabset__panel {
  flex: 0 0 100%;
  scroll-snap-align: center;
  background-color: var(--panel-bg-color);
}

.clsy-tabset--default-padding .clsy-tabset__panel {
  padding: var(--standard-contentsection-padding-vertical) var(--standard-content-padding-horizontal);
}

.clsy-tabset[data-tabset-initialized="false"] .clsy-tabset__panel[inert] {
  display: none;
}

/* === With scrollable tab bar (default: tab bar doesn't scroll) === */
.clsy-tabset--scrollable-tabs {
  /* show scrollbuttons for scrollable tab bar */
}

.clsy-tabset--scrollable-tabs .clsy-tabset__tab-list {
  padding: 0 0 0 calc(1.08 * var(--tab-height));
  /* roughly the value Material Design recommends for scrollable tabs */
  overflow: auto hidden;
  /* Show a shadow on either side if a part of the tab bar is scrolled out of view */
  background-color: var(--tabs-bg-color);
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, var(--tabs-bg-color) 30%, rgba(255, 255, 255, 0)), linear-gradient(to left, var(--tabs-bg-color) 30%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at 0 50%, var(--scrollable-tabs-shadow-color), rgba(255, 255, 255, 0)), radial-gradient(farthest-side at 200% 50%, var(--scrollable-tabs-shadow-color), rgba(255, 255, 255, 0));
  background-position: center left, center right, center left, center right;
  background-size: 30px 100%, 30px 100%, 12px 170%, 12px 170%;
  background-attachment: local, local, scroll, scroll;
}

.clsy-tabset--scrollable-tabs.clsy-tabset--compensate-section-padding .clsy-tabset__tab-list {
  padding-left: calc(1.08 * var(--tab-height) + var(--standard-content-padding-horizontal));
}

.clsy-tabset--scrollable-tabs .clsy-tabset__tab {
  white-space: nowrap;
}

.clsy-tabset--scrollable-tabs .clsy-tabset__scroll-button {
  display: block;
  /* ... but hide them on all touchscreen devices */
}

@media (hover: none) and (pointer: coarse) {
  .clsy-tabset--scrollable-tabs .clsy-tabset__scroll-button {
    display: none;
  }
}

.clsy-tabset--scrollable-panels {
  overflow-y: hidden;
  height: 100%;
}

.clsy-tabset--scrollable-panels .clsy-tabset__panels {
  overflow-y: hidden;
  height: calc(100% - var(--tab-bar-height));
}

.clsy-tabset--scrollable-panels .clsy-tabset__panel {
  overflow-y: auto;
  height: 100%;
}

.clsy-tabset--full-height {
  overflow-y: hidden;
  height: 100%;
}

.clsy-tabset--full-height .clsy-tabset__panels {
  overflow-y: hidden;
  height: calc(100% - var(--tab-bar-height));
}

.clsy-tabset--full-height .clsy-tabset__panel {
  height: 100%;
}

/*!
 *  This document contains trade secret data which is the property of
 *  markt.de GmbH & Co KG. Information contained herein may not be used,
 *  copied or disclosed in whole or part except as permitted by written
 *  agreement from markt.de GmbH & Co KG.
 *
 *  Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
.clsy-toolbar {
  --toolbar-padding: 2px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  min-height: calc(var(--standard-touchtarget-min-height) + 2 * var(--toolbar-padding));
  border-bottom: var(--standard-border-style);
  box-shadow: var(--toolbar-box-shadow);
  z-index: var(--fixed-zindex-toolbar);
  background-color: var(--toolbar-bg-color);
}

@media (min-width: 270px) {
  .clsy-toolbar {
    flex-wrap: nowrap;
  }
}

.clsy-toolbar__button {
  border: solid transparent;
  border-width: 1px 1px 0 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.clsy-toolbar__button:focus-visible, .clsy-toolbar__button:hover, .clsy-toolbar__button[aria-expanded="true"] {
  border-color: var(--standard-border-color);
}

.clsy-toolbar__button[aria-expanded="true"] {
  margin-bottom: -1px;
  background-color: var(--toolbar-bg-color);
  z-index: 4;
}

.clsy-toolbar__button--filtertoggle {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7ji6bl89/image/pwa/icons/icon-filter.svg);
}

.clsy-toolbar__button--settingstoggle {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/b7gllgjf/image/pwa/icons/icon-settings.svg);
}

.clsy-toolbar__button--closechat {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/jdidb7bh/image/pwa/icons/icon-back.svg);
}

.clsy-toolbar__button--menutoggle {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/b7gllgjf/image/pwa/icons/icon-settings.svg);
}

.clsy-toolbar__button--cancel-multiselect {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ifjbbllb/image/pwa/icons/icon-close.svg);
}

.clsy-toolbar__button--mark-all {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/gkhaeaah/image/pwa/icons/icon-multiselect.svg);
}

.clsy-toolbar__button--mark-read {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/dc8eeik9/image/pwa/icons/icon-envelope-open.svg);
}

.clsy-toolbar__button--trash {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/8k6k6fhg/image/pwa/icons/icon-trash.svg);
}

.clsy-toolbar__button--multiselecttoggle {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/gkhaeaah/image/pwa/icons/icon-multiselect.svg);
}

.clsy-toolbar__button--subfilterstoggle {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7ji6bl89/image/pwa/icons/icon-filter.svg);
}

.clsy-toolbar__button--subfilterstoggle-marked {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ldi7eba8/image/pwa/icons/icon-filter-applied.svg);
}

.clsy-toolbar__button--sorttoggle {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/djgja69l/image/pwa/icons/icon-sort.svg);
}

.clsy-toolbar__button--datefiltertoggle {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/cdhdidfi/image/pwa/icons/icon-calendar.svg);
}

.clsy-toolbar__user-info-name {
  display: flex;
  align-items: center;
  margin-right: auto;
  padding: 0 calc(var(--standard-outline-offset) + var(--standard-outline-width));
  overflow-x: hidden;
  line-height: var(--smaller-line-height);
  font-size: var(--fontsize-large);
  color: var(--standard-text-color);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-toolbar__user-info-name, .clsy-toolbar__user-info-name div, .clsy-toolbar__user-info-name a {
  min-width: var(--standard-touchtarget-min-width);
}

.clsy-toolbar__user-info-name--online {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/klh997el/image/pwa/icons/icon-online-indicator.svg);
  --mask-icon-color: var(--icon-color-success);
  --mask-icon-width: 15px;
  --mask-icon-height: 15px;
}

.clsy-toolbar__user-info-name--online::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);
  margin-left: .1em;
}

.clsy-toolbarmenu-floating {
  position: absolute;
  top: 100%;
  right: 1px;
  max-width: 95%;
  z-index: var(--fixed-zindex-floating-menu);
  transform-origin: top center;
  background: var(--menu-bg-color);
  border: var(--standard-border-style);
  border-radius: 0 0 var(--standard-border-radius) var(--standard-border-radius);
  box-shadow: var(--toolbarmenu-box-shadow);
}

.clsy-toolbarmenu-floating button, .clsy-toolbarmenu-floating a {
  border-bottom: var(--standard-border-style);
  word-break: break-word;
}

.clsy-toolbarmenu-floating button:last-child, .clsy-toolbarmenu-floating a:last-child {
  border-bottom: none;
}

.clsy-toolbarmenu-floating button:focus-visible:focus-visible, .clsy-toolbarmenu-floating a:focus-visible:focus-visible {
  outline-offset: calc(var(--standard-outline-width) * -1);
  border-radius: calc(2 * var(--standard-outline-border-radius));
}

.clsy-toolbarmenu-floating fieldset {
  border: none;
  margin: 0;
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
}

.clsy-toolbarmenu-floating legend {
  padding: var(--standard-content-padding-vertical) 0 0;
  font-weight: bold;
}

.clsy-toolbarmenu-floating--padding {
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
}

.clsy-toolbarmenu--expanded {
  visibility: visible;
  transform: scaleY(1);
  transition: transform var(--standard-menu-transition-duration) var(--bouncy-transition-function), visibility 0s;
}

.clsy-toolbarmenu--collapsed {
  visibility: hidden;
  transform: scaleY(0);
  transition: transform var(--standard-menu-transition-duration) var(--bouncy-transition-function), visibility 0s var(--standard-menu-transition-duration);
}

.clsy-toolbarmenu-inline {
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
  background-color: var(--actionable-content-bg-color);
  border-bottom: var(--standard-border-style);
  min-width: 0;
}

.clsy-toolbarmenu-inline .clsy-c-form__select {
  margin: .4em 0 0;
}

.clsy-toolbarmenu-inline .clsy-c-form__select:first-of-type {
  margin-top: 0;
}

.clsy-c-tooltip {
  display: inline-block;
}

.clsy-c-tooltip__helpIcon {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/d7fbijl8/image/pwa/icons/icon-help.svg);
}

.clsy-c-tooltip__helpIcon[disabled] {
  border: none !important;
}

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

.clsy-c-tooltip__infoIcon:hover {
  text-decoration: underline;
  cursor: pointer;
}

.clsy-c-tooltip__infoIcon[disabled] {
  border: none !important;
  cursor: not-allowed !important;
}

.clsy-c-tooltip__trigger {
  display: inline-block;
}

.clsy-c-tooltip__content {
  --vertical-padding: calc(var(--standard-content-padding-vertical)  * 1.5);
  display: none;
  position: absolute;
  left: var(--standard-content-padding-horizontal);
  right: var(--standard-content-padding-horizontal);
  max-width: 60ch;
  max-height: 60vh;
  padding: var(--vertical-padding) var(--fixed-content-padding-horizontal) var(--standard-content-padding-vertical) calc(var(--fixed-content-padding-horizontal) + var(--fontsize-xlarge));
  margin: 0 auto;
  border: var(--standard-border-style);
  background-color: var(--dialog-bg-color);
  box-shadow: var(--floating-ui-elements-box-shadow);
  overflow: auto;
  z-index: var(--fixed-zindex-dialog);
}

.clsy-c-tooltip__content::before {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 0 .3em;
  background-color: var(--emphasized-color);
  color: var(--emphasized-background-text-color);
  font-size: var(--fontsize-xlarge);
  font-weight: bold;
  content: '?';
}

.clsy-c-tooltip__buttonbar {
  padding-top: 1em;
  display: flex;
  justify-content: flex-end;
  gap: var(--button-gutter);
}

.clsy-resend-2fa {
  margin-top: var(--contentsection-bottom-margin);
  color: var(--less-important-text-color);
}

.clsy-resend-2fa__info {
  margin-bottom: 0;
  opacity: 0;
  transition: opacity 0.3s, visibility 1s;
}

.clsy-actionlinks {
  display: flex;
  justify-content: center;
  margin-top: var(--standard-bottom-margin);
}

.clsy-actionlinks a {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  padding: var(--standard-button-padding);
  min-height: var(--standard-button-height);
  font-size: var(--standard-fontsize);
  text-align: center;
  color: var(--standard-button-text-color);
  line-height: var(--button-line-height);
  background-color: var(--standard-button-bg-color);
  border-radius: var(--button-border-radius);
  border: 1px solid var(--standard-button-bg-color);
  cursor: default;
  transition: all .2s;
  margin: 0 var(--standard-button-margin-horizontal) var(--standard-bottom-margin);
}

@media (hover: hover) and (pointer: fine) {
  .clsy-actionlinks a:hover {
    background-color: var(--standard-button-bg-color--hover);
  }
}

.clsy-actionlinks a:focus-visible {
  background-color: var(--standard-button-bg-color--hover);
}

.clsy-actionlinks a:focus:not(:focus-visible) {
  outline: none;
}

.clsy-actionlinks a:focus-visible {
  outline: var(--button-outline-style);
  outline-offset: var(--button-outline-offset);
}

.clsy-actionlinks a:active {
  background-color: var(--standard-button-bg-color--active);
  border-color: var(--standard-button-bg-color--active);
  transform: translate(var(--button-active-offset), var(--button-active-offset));
}

.clsy-actionlinks a:after {
  content: none;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}

@media (max-width: 319px) {
  .clsy-actionlinks {
    flex-wrap: wrap;
  }
  .clsy-actionlinks a {
    width: 100%;
  }
}

/*!
 * This document contains trade secret data which is the property of
 * markt.de GmbH & Co KG. Information contained herein may not be used,
 * copied or disclosed in whole or part except as permitted by written
 * agreement from markt.de GmbH & Co KG.
 *
 * Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
/* === anchored popup lists (like autocomplete, multi-select, context menus, etc) === */
.clsy-anchored-popup-list {
  background: var(--menu-bg-color);
}

.clsy-anchored-popup-list ul {
  margin: 0;
  padding: 0;
}

.clsy-anchored-popup-list li {
  display: block;
  line-height: var(--small-touchtarget-min-height);
}

.clsy-anchored-popup-list li.clsy-anchored-popup-list__item--highlighted {
  background: var(--selected-bg-color);
}

/*!
 * This document contains trade secret data which is the property of
 * markt.de GmbH & Co KG. Information contained herein may not be used,
 * copied or disclosed in whole or part except as permitted by written
 * agreement from markt.de GmbH & Co KG.
 *
 * Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
/* === auto complete === */
.clsy-auto-complete {
  overflow-x: hidden;
  background: var(--menu-bg-color);
}

.clsy-auto-complete__item div.clsy-c-link {
  padding: 0 var(--formfield-padding-horizontal);
}

.clsy-bookmark-button {
  --animation-duration: calc(1ms * var(--bookmark-animation-duration-in-ms));
}

.clsy-bookmark-button::before, .clsy-bookmark-button.clsy-bookmark-button::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);
  --mask-icon-color: var(--standard-link-color);
}

.clsy-bookmark-button::before {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/i8b7gd6i/image/pwa/icons/icon-star-contour.svg);
}

.clsy-bookmark-button::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/iaeace7g/image/pwa/icons/icon-star-filled.svg);
  translate: -50% -50%;
}

.clsy-bookmark-button[aria-pressed="true"]::before {
  transform: scale(0);
}

.clsy-bookmark-button[aria-pressed="true"]::after {
  transform: scale(1);
}

.clsy-bookmark-button[aria-pressed="false"]::before {
  transform: scale(1);
}

.clsy-bookmark-button[aria-pressed="false"]::after {
  transform: scale(0);
}

.clsy-bookmark-button.clsy-bookmark-button--animate[aria-pressed="true"]::before {
  transform: scale(1);
  animation: wiggle calc(var(--animation-duration) * 0.2) var(--bouncy-transition-function) forwards, scale-down calc(var(--animation-duration) * 0.2) calc(var(--animation-duration) * 0.1) ease-in forwards;
}

.clsy-bookmark-button.clsy-bookmark-button--animate[aria-pressed="true"]::after {
  transform: scale(0);
  animation: scale-up calc(var(--animation-duration) * 0.25) calc(var(--animation-duration) * 0.4) var(--extremely-bouncy-transition-function) forwards, wiggle calc(var(--animation-duration) * 0.25) calc(var(--animation-duration) * 0.6) var(--bouncy-transition-function) forwards;
}

.clsy-bookmark-button.clsy-bookmark-button--animate[aria-pressed="false"]::before {
  animation: wiggle calc(var(--animation-duration) * 0.25) linear forwards;
}

.clsy-bookmark-button.clsy-bookmark-button--animate[aria-pressed="false"]::after {
  animation: wiggle calc(var(--animation-duration) * 0.25) linear forwards, clip-collapse-down var(--animation-duration) linear forwards;
}

@keyframes wiggle {
  0% {
    rotate: 0deg;
  }
  33% {
    rotate: 10deg;
  }
  66% {
    rotate: -10deg;
  }
  100% {
    rotate: 0deg;
  }
}

@keyframes clip-collapse-down {
  0% {
    transform: scale(1);
    clip-path: inset(20% 0 0 0);
  }
  100% {
    transform: scale(1);
    clip-path: inset(100% 0 0 0);
  }
}

@keyframes scale-down {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes scale-up {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

/*!
 * This document contains trade secret data which is the property of
 * markt.de GmbH & Co KG. Information contained herein may not be used,
 * copied or disclosed in whole or part except as permitted by written
 * agreement from markt.de GmbH & Co KG.
 *
 * Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
.clsy-c-carousel {
  --carousel-container-height: 328px;
  --carousel-container-bottom-margin: -2rem;
  --carousel-image-aspect-ratio: 125%;
  --carousel-item-subject-fontsize: var(--fontsize-medium);
  --carousel-item-subject-lines: 1;
  --carousel-item-teaser-fontsize: var(--fontsize-small);
  --carousel-item-teaser-lines: 2;
  --carousel-item-gutter: 10px;
  --carousel-number-of-items: 3;
  position: relative;
  height: var(--carousel-container-height);
  margin: 0 calc( -1 * var(--carousel-item-gutter) / 2) var(--carousel-container-bottom-margin);
}

.clsy-c-carousel:not(.clsy-c-carousel--initialized)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--standard-border-radius);
  background-color: var(--contentarea-bg-color);
}

.clsy-c-carousel__header {
  display: flex;
  gap: var(--medium-gutter);
  align-items: center;
  margin-bottom: .3em;
  min-height: var(--button-smaller-min-height);
}

.clsy-c-carousel__header h2 {
  margin-bottom: 0;
}

.clsy-c-carousel__controls {
  display: flex;
  gap: var(--small-gutter);
  margin-left: auto;
}

.clsy-c-carousel__controls:empty {
  display: none;
}

.clsy-c-carousel__controls button {
  border-radius: 50%;
  border: 1px solid var(--standard-link-color);
}

.clsy-c-carousel__controls button:focus-visible {
  outline-offset: var(--standard-outline-offset);
  border-radius: 50%;
}

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

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

.clsy-c-carousel__controls-toggle-rotation[data-carousel-rotation-running="true"] {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/hbliachl/image/pwa/icons/icon-pause.svg);
}

.clsy-c-carousel__controls-toggle-rotation[data-carousel-rotation-running="false"] {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/f8b7afcb/image/pwa/icons/icon-play.svg);
}

.clsy-c-carousel__slides {
  height: calc(var(--carousel-container-height) - (2 * var(--standard-outline-width)));
  padding: calc(var(--button-outline-offset) + var(--standard-outline-width)) 0;
  overflow: hidden;
  opacity: 1;
  transition: opacity 500ms;
}

.clsy-c-carousel__slides:not([style]) {
  opacity: 0;
  display: flex;
  align-items: flex-start;
  overflow-x: auto;
}

.clsy-c-carousel__slides:not([style]) > .clsy-c-carousel__item {
  flex: 0 0 calc( 100% / var(--carousel-number-of-items) - 10px);
}

.clsy-c-carousel__content {
  text-align: left;
  border: none;
  width: 100%;
  font-weight: normal;
}

.clsy-c-carousel__content:hover {
  cursor: pointer;
}

.clsy-c-carousel__item {
  display: block;
  position: relative;
  padding: 0;
  margin: 0 calc(var(--carousel-item-gutter) / 2);
  background-color: var(--cardlike-item-bg-color);
  transition: background-color .3s;
}

.clsy-c-carousel__item:hover, .clsy-c-carousel__item:hover .clsy-c-carousel__item-text, .clsy-c-carousel__item:focus, .clsy-c-carousel__item:focus .clsy-c-carousel__item-text {
  background-color: var(--link-hover-bg-color);
}

.clsy-c-carousel__item-image {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: var(--carousel-image-aspect-ratio);
}

.clsy-c-carousel__item-image-imgwrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.clsy-c-carousel__item-image-imgwrapper > img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.clsy-c-carousel__item-text {
  display: flex;
  flex-direction: column;
  padding: var(--smaller-content-padding-vertical) var(--smallest-fixed-content-padding-horizontal);
  height: auto;
  transition: background-color .3s;
  background-color: var(--cardlike-item-bg-color);
}

.clsy-c-carousel__item-subject {
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
  height: calc( var(--carousel-item-subject-fontsize) * var(--smaller-line-height) * var(--carousel-item-subject-lines) + 0px + 0px + 0px);
  font-size: var(--carousel-item-subject-fontsize);
  line-height: var(--smaller-line-height);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--carousel-item-subject-lines);
  color: var(--emphasized-text-color);
}

.clsy-c-carousel__item-location {
  color: var(--less-important-text-color);
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
  height: calc( var(--fontsize-xsmall) * var(--smaller-line-height) * 1 + 0px + 0px + 0px);
  font-size: var(--fontsize-xsmall);
  line-height: var(--smaller-line-height);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.clsy-c-carousel__item-teaser {
  margin-top: .4em;
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
  height: calc( var(--carousel-item-teaser-fontsize) * var(--smaller-line-height) * var(--carousel-item-teaser-lines) + 0px + 0px + -1px);
  font-size: var(--carousel-item-teaser-fontsize);
  line-height: var(--smaller-line-height);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--carousel-item-teaser-lines);
  color: var(--standard-text-color);
}

.clsy-c-carousel__item-price {
  margin-top: .2em;
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
  height: calc( var(--fontsize-small) * 1 * 2 + 0px + 0px + 0px);
  font-size: var(--fontsize-small);
  line-height: 1;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: bold;
  text-align: right;
  color: var(--standard-text-color);
  line-height: var(--smallest-line-height);
}

.clsy-c-carousel__item-price-value + .clsy-c-carousel__item-price-label {
  font-size: var(--fontsize-xsmall);
  font-weight: normal;
}

body.erotic .clsy-c-carousel__item-price {
  display: none;
}

.clsy-c-carousel .markt_upselling_pushup:before {
  content: "PushUp";
  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(--inverted-text-color);
  background-color: var(--upselling-badge-standard-bg-color);
}

.clsy-c-carousel .clsy-c-search-premiumad:before {
  content: "Premium";
  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(--inverted-text-color);
  background-color: var(--emphasized-color);
}

.clsy-c-carousel .markt_upselling_vipBorder: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-carousel .markt_upselling_vipBorder::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-carousel .bx-wrapper .bx-loading {
  background-image: none;
}

.clsy-c-carousel .bx-wrapper .bx-loading: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;
}

.inactive-fb_like,
.inactive-fb_share,
.inactive-twitter_share_button,
.inactive-x_share_button {
  display: none;
}

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

/*!
 * This document contains trade secret data which is the property of
 * markt.de GmbH & Co KG. Information contained herein may not be used,
 * copied or disclosed in whole or part except as permitted by written
 * agreement from markt.de GmbH & Co KG.
 *
 * Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
.clsy-c-endlessScrolling {
  visibility: hidden;
  height: 70px;
}

.clsy-c-endlessScrolling--visible {
  visibility: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clsy-c-endlessScrolling__retry {
  display: flex;
  margin: .2em .4em 0;
  max-width: max-content;
}

/* === footer === */
.clsy-c-footer > footer {
  margin: 0 auto;
  padding: var(--standard-content-padding-vertical) var(--standard-content-padding-horizontal);
  max-width: calc(872px + var(--standard-content-padding-horizontal) * 2);
}

.clsy-c-footer__cooperation {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--less-important-text-color);
  font-weight: normal;
  line-height: var(--smaller-line-height);
  padding-bottom: var(--standard-content-padding-vertical);
}

.clsy-c-footer__cooperation a {
  padding-left: var(--fixed-content-padding-horizontal);
}

.clsy-c-footer__cooperation a:hover {
  background-color: transparent;
}

.clsy-c-footer__cooperation img {
  height: var(--logo-max-height);
}

.clsy-c-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.clsy-c-footer__link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--small-touchtarget-min-height);
  padding: 0 .8em;
  font-size: var(--fontsize-small);
  color: var(--less-important-text-color);
  white-space: nowrap;
}

.clsy-c-footer__brand {
  margin: 0 auto;
  padding: var(--standard-content-padding-vertical) var(--navigation-padding-left);
  max-width: 700px;
  text-align: center;
  text-wrap: balance;
}

.clsy-c-footer__brand-claim {
  display: block;
  color: var(--less-important-text-color);
  font-size: var(--fontsize-small);
  line-height: var(--smaller-line-height);
}

.clsy-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--fixed-zindex-header);
  min-height: var(--header-min-height);
  background-color: var(--header-bg-color);
  box-shadow: var(--header-box-shadow);
}

.clsy-header__inner {
  margin: 0 auto;
  max-width: 1824px;
}

.clsy-header__main-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  max-width: 1500px;
}

@media (min-width: 872px) {
  .clsy-header__main-header {
    max-width: calc(100% - 120px - 24px);
  }
}

@media (min-width: 1052px) {
  .clsy-header__main-header {
    max-width: calc(100% - 300px - 24px);
  }
}

@media (min-width: 1824px) {
  .clsy-header__main-header {
    max-width: 1500px;
  }
}

@media (min-width: 325px) {
  .clsy-header__main-header {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

.clsy-header__logo-box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 0 var(--fixed-content-padding-horizontal);
}

@media (max-width: 324px) {
  .clsy-header__logo-box {
    justify-content: center;
  }
}

body.erotic .clsy-header__logo-box {
  padding-left: 0.1em;
}

.clsy-header__home-link {
  display: flex;
  align-items: center;
  margin-top: var(--home-link-margin-top);
  margin-bottom: var(--home-link-margin-bottom);
  padding: 0;
  border-bottom: var(--link-border-bottom-width) solid transparent;
}

.clsy-header__home-link img {
  height: var(--logo-max-height);
}

body.erotic .clsy-header__home-link:focus-visible {
  outline-offset: 0px;
}

.clsy-header__home-link-additional {
  width: 140px;
  height: 23px;
  background: transparent left top no-repeat;
  color: transparent;
  font-size: 6px;
}

.clsy-header__logo-wrapper {
  display: inline-flex;
}

.clsy-header__logo--dark {
  display: var(--logo-dark-display);
}

.clsy-header__logo--light {
  display: var(--logo-light-display);
}

.clsy-header__region {
  flex: 0 0 100%;
  padding-left: var(--fixed-content-padding-horizontal);
  font-size: var(--fontsize-small);
  color: var(--less-important-text-color);
  line-height: var(--smaller-line-height);
  text-align: left;
}

@media (max-width: 324px) {
  .clsy-header__region {
    text-align: center;
  }
}

.clsy-header__toolbar {
  margin: 0 0 0 auto;
  padding: 0;
}

@media (max-width: 324px) {
  .clsy-header__toolbar {
    margin: 0 auto;
  }
}

.clsy-header__toolbar-list {
  margin: 0;
  padding: 0;
  display: flex;
  list-style-type: none;
}

.clsy-header__toolbar-item {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.clsy-header__image-button {
  display: block;
  position: relative;
  padding-top: 35px;
  min-width: var(--header-image-button-width);
  min-height: var(--header-image-button-height);
  font-size: var(--fontsize-small);
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  border: none;
  color: var(--standard-link-color);
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .clsy-header__image-button:hover {
    text-decoration: none;
    background-color: var(--link-hover-bg-color);
  }
}

.clsy-header__image-button:focus-visible {
  outline: var(--button-outline-style);
}

.clsy-header__image-button:not(.clsy-header__image-button--nav-trigger)::before {
  --mask-icon-color: var(--standard-link-color);
  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: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.clsy-header__image-button--search {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/e8elch9c/image/pwa/icons/icon-search.svg);
}

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

.clsy-header__image-button--nav-trigger > span[class^="clsy-header__navtrigger-icon"] {
  display: block;
  position: absolute;
  left: 20px;
  width: 20px;
  height: 3px;
  border-radius: 1px;
  background-color: var(--standard-link-color);
  transition: transform 300ms;
}

.clsy-header__image-button--nav-trigger > span[class^="clsy-header__navtrigger-icon"].clsy-header__navtrigger-icon--top {
  top: 13px;
  transform-origin: right 1.5px;
}

.clsy-header__image-button--nav-trigger > span[class^="clsy-header__navtrigger-icon"].clsy-header__navtrigger-icon--middle {
  top: 20px;
}

.clsy-header__image-button--nav-trigger > span[class^="clsy-header__navtrigger-icon"].clsy-header__navtrigger-icon--bottom {
  top: 27px;
  transform-origin: right 1.5px;
}

.clsy-header__image-button--nav-trigger.clsy-open > span.clsy-header__navtrigger-icon--top {
  transform: translateX(-2.92891px) rotate(-45deg);
}

.clsy-header__image-button--nav-trigger.clsy-open > span.clsy-header__navtrigger-icon--middle {
  top: 20px;
  transform: scaleX(0);
}

.clsy-header__image-button--nav-trigger.clsy-open > span.clsy-header__navtrigger-icon--bottom {
  top: 27px;
  transform: translateX(-2.92891px) rotate(45deg);
}

.clsy-header__image-button--nav-trigger.clsy-open .clsy-count-badge {
  opacity: 0;
}

.clsy-header__navtrigger-label {
  line-height: 1;
}

/* === skip links === */
.clsy-skiplinks .clsy-skiplink {
  position: absolute;
  left: calc(var(--fixed-content-padding-horizontal) / 2);
  top: calc(var(--standard-content-padding-vertical) / 2);
  cursor: pointer;
  z-index: var(--fixed-zindex-skiplinks);
  opacity: 1;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  background-color: var(--contentsection-bg-color);
}

.clsy-skiplinks .clsy-skiplink:not(:focus):not(:hover) {
  transform: translateY(-4em);
  opacity: 0;
}

/*!
 * $Id$
 *
 *  This document contains trade secret data which is the property of
 *  markt.de GmbH & Co KG. Information contained herein may not be used,
 *  copied or disclosed in whole or part except as permitted by written
 *  agreement from markt.de GmbH & Co KG.
 *
 *  Copyright (C) 2020 markt.de GmbH & Co KG / Munich / Germany
 */
.clsy-marktlet-wrapper {
  display: flex;
  justify-content: center;
}

.clsy-marktlet-wrapper img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

.clsy-msg-bubble-wrapper {
  position: relative;
}

.clsy-msg-bubble {
  --mask-icon-width: 20px;
  --mask-icon-height: 100%;
  --mask-icon-color: var(--inverted-text-color);
  --msg-bubble-messageclass-color: var(--standard-border-color);
  --msg-bubble-arrow-offset: var(--mask-icon-width);
  --triangle-height: 15px;
  position: absolute;
  top: var(--triangle-height);
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
  min-width: calc(100vw - var(--fixed-content-padding-horizontal) * 2);
  transform: scale(1);
  transform-origin: calc(var(--mask-icon-width) + var(--triangle-height)) calc(-1 * var(--triangle-height));
  transition: transform 200ms var(--bouncy-transition-function), visibility 200ms, filter 200ms;
  visibility: visible;
  z-index: var(--fixed-zindex-floating-menu);
  will-change: transform, visibility, filter;
  font-size: var(--fontsize-small);
  hyphens: auto;
  color: var(--standard-text-color);
  background-color: var(--dialog-bg-color);
  border-left: var(--mask-icon-width) solid var(--msg-bubble-messageclass-color);
  border-radius: var(--standard-border-radius);
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.6));
}

@media (min-width: 375px) {
  .clsy-msg-bubble {
    min-width: 45ch;
  }
}

.clsy-msg-bubble::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;
  width: var(--mask-icon-width);
}

.clsy-msg-bubble::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(-1 * (var(--triangle-height) - 1px));
  left: var(--msg-bubble-arrow-offset);
  width: 0;
  height: 0;
  border-bottom: var(--triangle-height) solid var(--standard-bg-color);
  border-left: var(--triangle-height) solid transparent;
  border-right: var(--triangle-height) solid transparent;
}

.clsy-msg-bubble--hidden {
  transform: scale(0);
  visibility: hidden;
  filter: none;
}

.clsy-msg-bubble.clsy-msg-bubble--neutral {
  --mask-icon-width: 0px;
}

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

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

.clsy-msg-bubble.clsy-msg-bubble--error {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ihhdd7kg/image/pwa/icons/icon-message-error.svg);
  --mask-icon-width: 26px;
  --msg-bubble-messageclass-color: var(--message-color-error);
}

.clsy-msg-bubble__button-close {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ifjbbllb/image/pwa/icons/icon-close.svg);
  float: right;
  position: relative;
  top: calc(-1 * var(--standard-content-padding-vertical));
  right: calc(-1 * var(--fixed-content-padding-horizontal));
}

/* === navigation === */
.clsy-navigation-drawer {
  --navigation-closed-offset: 100vw;
  position: fixed;
  right: calc(0px - var(--navigation-closed-offset));
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
  padding: var(--navigation-padding-top) 0 0;
  width: 90vw;
  max-width: 450px;
  z-index: var(--fixed-zindex-navigation);
  overflow-y: auto;
  overflow-x: hidden;
  transition: right .3s, visibility 0s .3s;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  border-top: 1px solid var(--standard-border-color);
  background-color: var(--navigation-bg-color);
}

.clsy-navigation-drawer--open {
  right: 0;
  visibility: visible;
  transition: right .3s, visibility 0s;
}

.clsy-navigation-drawer .clsy-offline-notice {
  padding: 0 var(--fixed-content-padding-horizontal) 0 var(--navigation-padding-left);
  width: 100%;
}

.clsy-c-navigation {
  --profile-section-gutter: .6rem;
  margin: 0 0 calc(var(--contentsection-bottom-margin) / 2);
  padding: 0 0 0 var(--navigation-padding-left);
  width: 100%;
  list-style: none;
}

.clsy-c-navigation__profile-wrapper {
  display: flex;
}

.clsy-c-navigation__item {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--standard-border-color);
}

.clsy-c-navigation__item:last-of-type {
  border-bottom: none;
}

.clsy-c-navigation__item--login {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/8e9a9j7h/image/pwa/icons/icon-user.svg);
}

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

.clsy-c-navigation__item--advert-admin {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/gcjbb7hc/image/pwa/icons/icon-advert-admin.svg);
}

.clsy-c-navigation__item--contacts .clsy-c-navigation__link:before {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ae7dca87/image/pwa/icons/icon-contacts.svg);
}

.clsy-c-navigation__item--favorites {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/iaeace7g/image/pwa/icons/icon-star-filled.svg);
}

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

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

.clsy-c-navigation__item--security {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/fafbd7ad/image/pwa/icons/icon-lock.svg);
}

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

.clsy-c-navigation__item:not(.clsy-c-navigation__item--profile) .clsy-count-badge {
  --badge-diameter: 1.4em;
  position: absolute;
  left: calc(-1 * var(--badge-diameter) / 2);
  top: 50%;
  transform: translateY(-52%);
}

.clsy-c-navigation__link {
  --mask-icon-color: var(--standard-link-color);
  display: flex;
  align-items: center;
  min-height: var(--standard-touchtarget-min-height);
  padding: 0 2em 0 0;
  line-height: var(--smaller-line-height);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  width: 100%;
}

.clsy-c-navigation__link:hover, .clsy-c-navigation__link:focus {
  border-bottom: 1px solid var(--standard-link-color);
}

.clsy-c-navigation__link: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: 0 .4em 0 .6em;
  position: relative;
  top: -2px;
}

.clsy-c-navigation__link--profile {
  display: grid;
  grid-column-gap: var(--profile-section-gutter);
  grid-template-columns: max-content 1fr;
  margin: calc(var(--navigation-padding-top) * -1) 0 0 calc(var(--navigation-padding-left) * -1);
  padding: 1em var(--fixed-content-padding-horizontal) 0.5em var(--navigation-padding-left);
}

.clsy-c-navigation__link--profile:first-child:last-child {
  flex: 1;
}

.clsy-c-navigation__link--profile::before {
  content: none;
}

.clsy-c-navigation__link--logout {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/d6a6dgaj/image/pwa/icons/icon-logout.svg);
  margin-top: 1em;
}

.clsy-c-navigation__incognito-wrapper {
  display: inline-flex;
  align-items: center;
  padding-left: calc( var(--profile-image-small) + var(--profile-section-gutter));
}

.clsy-c-navigation__incognito-wrapper .clsy-c-form__label {
  margin-bottom: 0;
}

.clsy-c-navigation__incognito-wrapper.clsy-premium-marker::after {
  top: .1em;
}

.clsy-c-navigation__incognito-animation {
  --ani-cover-color: var(--navigation-bg-color);
  --ani-umpf-color: var(--markt-orange);
  --ani-color-darkest: var(--markt-black);
  --ani-hole-border-color: var(--markt-grey);
  width: 30px;
  height: 40px;
  padding-left: .5em;
}

@media (prefers-color-scheme: dark) {
  .clsy-c-navigation__incognito-animation {
    --ani-hole-border-color: var(--dm-markt-gray-70);
  }
}

.clsy-premium-marker .clsy-c-navigation__incognito-animation {
  display: none;
}

.clsy-c-navigation__profile-information {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

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

.clsy-c-navigation__profile-prepaid {
  display: flex;
  gap: .3em;
  align-items: center;
  margin-left: .2em;
  padding: .4em 0 0 0;
  color: var(--less-important-text-color);
  font-size: var(--fontsize-small);
}

.clsy-c-navigation__profile-prepaid::before {
  --mask-icon-color: var(--less-important-text-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/hjc8cjej/image/pwa/icons/icon-prepaid.svg);
  --mask-icon-height: 1.4em;
  --mask-icon-width: 1.4em;
  --mask-icon-size: 1.4em auto;
  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: relative;
  top: -1px;
}

.clsy-c-navigation__profile-fb {
  display: flex;
  gap: .3em;
}

.clsy-c-navigation__profile-fb::after {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/h96cbfai/image/pwa/icons/icon-facebook.svg);
  --mask-icon-width: 20px;
  --mask-icon-height: 20px;
  --mask-icon-size: 20px auto;
  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-navigation__profile-ippenuserid {
  display: flex;
  gap: .3em;
}

.clsy-c-navigation__profile-ippenuserid::after {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ecf6cg9/image/pwa/icons/icon-userid.svg);
  --mask-icon-width: 60px;
  --mask-icon-height: 30x;
  --mask-icon-size: 60px auto;
  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-navigation__profile-prepaid-gifts {
  position: relative;
  padding-right: .4em;
}

.clsy-c-navigation__profile-prepaid-gifts .clsy-count-badge {
  position: absolute;
  top: -0.6em;
  right: -0.2em;
  z-index: 1;
}

.clsy-c-navigation__profile-prepaid-gifts-link {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/9b89edeb/image/pwa/icons/icon-prepaid-gift.svg);
}

.clsy-c-navigation__marktlet {
  margin-left: var(--navigation-padding-left);
  width: fit-content;
}

.clsy-c-navigation__marktlet a {
  display: inline-block;
  padding: 0;
}

.clsy-c-navigation__marktlet a > img {
  display: block;
}

/* === breadcrumbs === */
.clsy-c-breadcrumbs {
  margin: auto 0 var(--container-gutter) 0.6em;
  width: 100%;
}

.clsy-breadcrumbs {
  margin: 0;
  padding: var(--standard-content-padding-vertical) var(--navigation-padding-left);
  font-size: var(--fontsize-small);
  color: var(--less-important-text-color);
  text-align: left;
}

.clsy-breadcrumbs__breadcrumb {
  display: inline;
  list-style: none;
}

.clsy-breadcrumbs__breadcrumb:not(:last-child):after {
  content: '›';
  margin: 0 .4em;
  font-weight: bold;
  color: var(--emphasized-color);
}

.clsy-breadcrumbs__link {
  display: inline-flex;
  align-items: center;
  min-height: var(--small-touchtarget-min-height);
  color: var(--less-important-text-color);
  font-weight: normal;
  line-height: var(--smaller-line-height);
  font-size: var(--fontsize-small);
}

.clsy-password-input__password-container {
  position: relative;
  padding-right: var(--standard-touchtarget-min-width);
}

.clsy-password-input__password-container .clsy-c-form__unhide:hover, .clsy-password-input__password-container .clsy-c-form__unhide:focus-visible,
.clsy-password-input__password-container .clsy-c-form__clear:hover,
.clsy-password-input__password-container .clsy-c-form__clear:focus-visible {
  z-index: 1;
}

.clsy-password-input__meter-container {
  margin-top: calc(var(--formfield-wrapper-bottom-margin) * -1);
  position: relative;
}

.clsy-password-input__meter-container .clsy-c-tooltip__trigger {
  position: absolute;
  top: calc(var(--standard-touchtarget-min-height) * -1);
  right: calc(var(--standard-touchtarget-min-width) * -1);
}

.clsy-password-input__meter {
  --meter-height: 8px;
  --meter-border-radius: calc(var(--formfield-border-radius) - var(--standard-border-width));
  position: absolute;
  top: calc((var(--meter-height) + 1px) * -1);
  left: var(--standard-border-width);
  height: var(--meter-height);
  width: calc(100% - var(--standard-border-width) * 2);
  background: var(--meter-bg-color);
  border-bottom-left-radius: var(--meter-border-radius);
  border-bottom-right-radius: var(--meter-border-radius);
}

.clsy-c-inlinemessage + * + .clsy-password-input__meter-container .clsy-password-input__meter {
  width: calc(100% - var(--inlinemessage-border-left-width) - var(--inlinemessage-border-right-width) - 2px);
  left: calc(1px + var(--inlinemessage-border-left-width));
  top: calc((var(--meter-height) + 1px + var(--inlinemessage-border-bottom-width)) * -1);
}

.clsy-password-input__meter::-moz-meter-bar {
  background: var(--meter-bg-color);
  border-bottom-left-radius: var(--meter-border-radius);
}

.clsy-password-input__meter:-moz-meter-optimum::-moz-meter-bar {
  background: var(--meter-color-strong);
  border-bottom-right-radius: var(--meter-border-radius);
}

.clsy-password-input__meter[value="3"]:-moz-meter-sub-optimum::-moz-meter-bar {
  background: var(--meter-color-medium-to-strong);
}

.clsy-password-input__meter:-moz-meter-sub-optimum::-moz-meter-bar {
  background: var(--meter-color-medium);
}

.clsy-password-input__meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
  background: var(--meter-color-weak);
}

.clsy-password-input__meter::-webkit-meter-bar {
  background: var(--meter-bg-color);
  border-bottom-left-radius: var(--meter-border-radius);
}

.clsy-password-input__meter::-webkit-meter-optimum-value {
  background: var(--meter-color-strong);
  border-bottom-left-radius: var(--meter-border-radius);
  border-bottom-right-radius: var(--meter-border-radius);
}

.clsy-password-input__meter[value="3"]::-webkit-meter-suboptimum-value {
  background: var(--meter-color-medium-to-strong);
}

.clsy-password-input__meter::-webkit-meter-suboptimum-value {
  background: var(--meter-color-medium);
  border-bottom-left-radius: var(--meter-border-radius);
}

.clsy-password-input__meter::-webkit-meter-even-less-good-value {
  background: var(--meter-color-weak);
  border-bottom-left-radius: var(--meter-border-radius);
}

.clsy-password-input__meter::-webkit-meter-optimum-value, .clsy-password-input__meter::-webkit-meter-suboptimum-value, .clsy-password-input__meter::-webkit-meter-even-less-good-value {
  transition: 400ms width;
}

.clsy-password-input__meter-label {
  --mask-icon-color: var(--less-important-text-color);
  display: inline-flex;
  align-items: center;
  gap: .4em;
  visibility: hidden;
  margin: .4em 0 0 .4em;
  min-height: 28px;
  color: var(--less-important-text-color);
}

.clsy-password-input__meter-label::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-password-input__meter-label[data-password-score] {
  visibility: visible;
}

.clsy-password-input__meter-label[data-password-score="0"]:after {
  --mask-icon-image: url(/image/pwa/icons/icon-smiley-commons.svg), url(https://static.testing.markt.de/bundles/gj7jf89c/image/pwa/icons/smiley-verysad.svg);
}

.clsy-password-input__meter-label[data-password-score="1"]:after {
  --mask-icon-image: url(/image/pwa/icons/icon-smiley-commons.svg), url(https://static.testing.markt.de/bundles/ie9lf868/image/pwa/icons/smiley-sad.svg);
}

.clsy-password-input__meter-label[data-password-score="2"]:after {
  --mask-icon-image: url(/image/pwa/icons/icon-smiley-commons.svg), url(https://static.testing.markt.de/bundles/dcdbf6ag/image/pwa/icons/smiley-neutral.svg);
}

.clsy-password-input__meter-label[data-password-score="3"]:after {
  --mask-icon-image: url(/image/pwa/icons/icon-smiley-commons.svg), url(https://static.testing.markt.de/bundles/aiidf89g/image/pwa/icons/smiley-happy.svg);
}

.clsy-password-input__meter-label[data-password-score="4"]:after {
  --mask-icon-image: url(/image/pwa/icons/icon-smiley-commons.svg), url(https://static.testing.markt.de/bundles/g9kf9cb/image/pwa/icons/smiley-veryhappy.svg);
}

#clsy-password-input__warning {
  display: block;
  margin-left: .4em;
  min-height: calc(2em * var(--smaller-line-height));
  line-height: var(--smaller-line-height);
  font-size: var(--fontsize-small);
  color: var(--error-text-color);
}

.clsy-c-payment--hidden {
  display: none;
}

.clsy-payment-prepaidwrapper {
  display: flex;
  align-items: center;
  gap: .4em;
  margin-bottom: var(--standard-bottom-margin);
}

.clsy-payment-prepaidwrapper button {
  margin-left: auto;
}

@media (max-width: 269px) {
  .clsy-payment-prepaidwrapper {
    flex-direction: column;
  }
  .clsy-payment-prepaidwrapper button {
    margin-left: 0;
  }
}

.clsy-c-payment-voucher {
  border: solid var(--standard-border-color);
  border-width: 1px 0;
}

.clsy-c-payment-voucher__body {
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
  background-color: var(--darken-bg-color);
}

.clsy-c-payment-voucher__body p {
  font-size: var(--fontsize-small);
}

.clsy-payment-voucherinputrow {
  display: flex;
}

.clsy-payment-voucherinputrow .clsy-c-form__field-wrapper {
  flex-grow: 1;
  margin: 0;
}

.clsy-payment-voucherinputrow .clsy-c-form__field-wrapper input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.clsy-payment-voucherinputrow .clsy-c-form__field-wrapper:has(input:focus-visible) {
  z-index: 1;
}

.clsy-payment-voucherinputrow button {
  margin: var(--formfield-wrapper-top-padding) 0 0;
}

.clsy-payment-voucherinputrow button.clsy-c-payment-redeemvoucher {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.clsy-payment-voucherinputrow button.clsy-c-tooltip__helpIcon {
  margin-left: .2em;
}

@media (max-width: 269px) {
  .clsy-payment-voucherinputrow {
    display: grid;
    grid-template-areas: "input tooltip" "button tooltip";
    grid-template-columns: 1fr min-content;
  }
  .clsy-payment-voucherinputrow .clsy-c-form__field-wrapper {
    grid-area: input;
  }
  .clsy-payment-voucherinputrow .clsy-c-form__field-wrapper input {
    border-radius: var(--formfield-border-radius);
  }
  .clsy-payment-voucherinputrow .clsy-c-payment-redeemvoucher {
    grid-area: button;
    border-radius: var(--button-border-radius);
  }
  .clsy-payment-voucherinputrow .clsy-c-tooltip__helpIcon {
    grid-area: tooltip;
  }
}

.clsy-c-payment-paymentselection .clsy-payment-paymentmethod {
  display: grid;
  grid-template-columns: 65px minmax(80px, 1fr) auto;
  grid-column-gap: 1em;
  align-items: center;
  min-height: var(--standard-touchtarget-min-height);
  padding: .2em 0;
}

.clsy-c-payment-paymentselection .clsy-payment-paymentmethod img {
  justify-self: center;
  max-height: calc( var(--standard-touchtarget-min-height) - 2 * .5rem);
}

.clsy-c-payment-paymentselection .clsy-payment-paymentmethod__label {
  display: flex;
  flex-wrap: wrap;
  gap: 0 .5em;
  align-items: baseline;
  line-height: var(--smaller-line-height);
}

.clsy-c-payment-paymentselection .clsy-payment-paymentmethod__label-hint {
  display: block;
  font-size: var(--fontsize-small);
  color: var(--less-important-text-color);
  line-height: var(--smallest-line-height);
}

.clsy-c-payment-paymentselection .clsy-payment-paymentmethod button {
  padding-left: var(--standard-button-padding-horizontal);
  padding-right: var(--standard-button-padding-horizontal);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media (max-width: 319px) {
  .clsy-c-payment-paymentselection .clsy-payment-paymentmethod {
    grid-template-columns: 65px 1fr;
    grid-template-areas: "img label" "button button";
    padding: .8em 0;
    gap: .6em 1em;
  }
  .clsy-c-payment-paymentselection .clsy-payment-paymentmethod img {
    grid-area: img;
  }
  .clsy-c-payment-paymentselection .clsy-payment-paymentmethod__label {
    grid-area: label;
  }
  .clsy-c-payment-paymentselection .clsy-payment-paymentmethod button {
    grid-area: button;
  }
}

@media (max-width: 269px) {
  .clsy-c-payment-paymentselection .clsy-payment-paymentmethod {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
}

.clsy-c-payment-paymentselection * .clsy-c-collapsibleelement__header .clsy-payment-paymentmethod {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  min-height: auto;
}

.clsy-c-payment-paymentselection * .clsy-c-collapsibleelement__body {
  padding: var(--standard-content-padding-vertical) var(--standard-content-padding-horizontal);
  background: var(--darken-bg-color);
}

.clsy-payment-heading {
  display: flex;
  align-items: baseline;
  flex-direction: column;
}

.clsy-payment-heading > a {
  display: block;
  margin: .2em 0 0;
  font-size: var(--fontsize-small);
}

@media (min-width: 270px) {
  .clsy-payment-heading {
    flex-direction: row;
  }
  .clsy-payment-heading > a {
    margin: 0 0 0 auto;
  }
}

table.clsy-payment-summary {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}

table.clsy-payment-summary .clsy-payment-remove {
  font-size: var(--fontsize-small);
  margin-left: .6em;
}

table.clsy-payment-summary tbody td:first-child {
  padding-left: .1em;
}

table.clsy-payment-summary td, table.clsy-payment-summary th {
  text-align: left;
  vertical-align: baseline;
}

table.clsy-payment-summary td.price, table.clsy-payment-summary th.price {
  text-align: right;
  line-height: var(--smallest-line-height);
}

table.clsy-payment-summary th {
  font-weight: bold;
  font-size: var(--fontsize-large);
}

table.clsy-payment-summary td {
  padding: .3em 0;
  line-height: var(--smaller-line-height);
}

table.clsy-payment-summary tr.clsy-payment-row-subtract {
  color: var(--negative-number-color);
}

table.clsy-payment-summary .clsy-payment-summary-productlabel {
  margin: 0;
  line-height: var(--smaller-line-height);
  font-size: var(--fontsize-medium);
}

table.clsy-payment-summary .clsy-payment-summary-productdesc {
  display: block;
  font-size: var(--fontsize-small);
  font-style: italic;
  color: var(--less-important-text-color);
}

table.clsy-payment-summary tr.clsy-c-payment-summary-total {
  font-weight: bold;
  font-size: var(--fontsize-large);
  border-top: 2px solid var(--table-border-color);
}

table.clsy-payment-summary tr.clsy-c-payment-summary-total .clsy-payment-summary-taxinfo {
  margin-left: 1em;
  font-size: var(--fontsize-small);
  font-weight: normal;
}

table.clsy-payment-summary .rolling--info {
  font-size: var(--fontsize-small);
}

@media (min-width: 375px) {
  .clsy-push-up-now {
    border-left-width: 1px;
    border-right-width: 1px;
    border-radius: var(--standard-border-radius);
  }
}

.clsy-push-up-now h1 {
  font-size: var(--fontsize-xlarge);
}

.clsy-report a {
  display: inline-block;
}

.clsy-report p, .clsy-report legend, .clsy-report div {
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-report fieldset {
  margin: 2.4rem 0;
  padding: 0;
  border: none;
}

.clsy-report fieldset legend {
  margin: 0 0 .6rem;
  padding: 0;
  text-wrap: balance;
  line-height: var(--smaller-line-height);
  font-size: var(--fontsize-xlarge);
}

.clsy-report .clsy-c-form__label-hint {
  display: block;
}

.clsy-report .clsy-c-inlinemessage + .clsy-c-form__field-wrapper--selection, .clsy-c-inlinemessage + .clsy-report__inputgroup {
  padding: .6em;
}

/*!
 * This document contains trade secret data which is the property of
 * markt.de GmbH & Co KG. Information contained herein may not be used,
 * copied or disclosed in whole or part except as permitted by written
 * agreement from markt.de GmbH & Co KG.
 *
 * Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
/* === search header === */
.clsy-search-header {
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: 100%;
  max-height: var(--search-header-height);
  margin: 0 auto;
  padding: 0;
  overflow-y: visible;
  z-index: var(--fixed-zindex-searchheader);
  background-color: var(--header-bg-color);
  box-shadow: var(--header-box-shadow);
  transition: max-height var(--header-transition-duration), padding-top var(--header-transition-duration), padding-bottom var(--header-transition-duration);
}

@media (max-width: 699px) {
  .clsy-c-search:not(.clsy-c-search--nocriteria) .clsy-search-header {
    box-shadow: none;
  }
}

.clsy-search-header.clsy-c-scrollObserver--down {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow-y: hidden;
  border-top: 0;
  border-bottom: 0;
}

.clsy-search-header.clsy-c-scrollObserver--up {
  animation: delay-overflow-y-from-hidden var(--header-transition-duration);
}

.clsy-search-header__inner {
  max-width: 1824px;
  margin: 0 auto;
}

.clsy-search-header__first-row {
  position: relative;
  display: flex;
  justify-content: center;
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
  max-width: 1500px;
}

@media (min-width: 872px) {
  .clsy-search-header__first-row {
    max-width: calc(100% - 120px - 24px);
  }
}

@media (min-width: 1052px) {
  .clsy-search-header__first-row {
    max-width: calc(100% - 300px - 24px);
  }
}

@media (min-width: 1824px) {
  .clsy-search-header__first-row {
    max-width: 1500px;
  }
}

.clsy-search-header__first-row .clsy-c-btn {
  margin: 0 0 0 var(--search-header-gutter);
  min-width: var(--search-header-touchtarget-height);
  width: var(--search-header-touchtarget-height);
  min-height: var(--search-header-touchtarget-height);
  height: var(--search-header-touchtarget-height);
}

.clsy-search-header__first-row .clsy-c-btn:last-of-type {
  margin-right: 0;
}

button.clsy-search-header__search-input {
  --mask-icon-color: var(--standard-link-color);
  display: flex;
  align-items: center;
  gap: .3em;
  padding: 0 var(--formfield-padding-horizontal);
  flex-grow: 1;
  height: var(--search-header-touchtarget-height);
  min-width: var(--standard-touchtarget-min-width);
  max-width: 85ch;
  font-family: var(--standard-font-family);
  font-size: var(--standard-formfield-fontsize);
  text-align: left;
  border-radius: var(--formfield-border-radius);
  border-color: var(--formfield-border-color);
  background-color: var(--formfield-bg-color);
  cursor: pointer;
}

button.clsy-search-header__search-input::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/e8elch9c/image/pwa/icons/icon-search.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);
  flex: none;
  margin-left: auto;
}

button.clsy-search-header__search-input > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

button.clsy-search-header__search-input[disabled] {
  --mask-icon-color: var(--button-disabled-text-color);
  pointer-events: none;
}

button.clsy-search-header__search-input--empty {
  color: var(--less-important-text-color);
  font-style: italic;
}

.clsy-search-header__menu-toggle-sticky.clsy-c-sticky-button::before {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/7ji6bl89/image/pwa/icons/icon-filter.svg);
}

.clsy-search-header__menu-toggle-sticky.clsy-c-sticky-button.clsy-c-scrollObserver--up {
  --sticky-button-width: 180px;
}

.clsy-search-header.clsy-open {
  opacity: .5;
}

/*!
 * This document contains trade secret data which is the property of
 * markt.de GmbH & Co KG. Information contained herein may not be used,
 * copied or disclosed in whole or part except as permitted by written
 * agreement from markt.de GmbH & Co KG.
 *
 * Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
/* === search menu === */
.clsy-c-search-menu,
.clsy-c-search-menu-category-picker {
  --grouped-legend-bg-color: var(--dialog-bg-color);
  --formfield-height: var(--smaller-formfield-height);
  --standard-touchtarget-min-height: var(--smaller-touchtarget-min-height);
  --standard-touchtarget-min-width: var(--smaller-touchtarget-min-width);
  --searchmenu-content-padding-horizontal: var(--standard-content-padding-horizontal);
  --searchmenu-bottom-padding: var(--standard-content-padding-vertical);
  --select-multiple-hint-top: calc(var(--standard-touchtarget-min-height) - 1em);
  --actionable-content-bg-color: var(--actionable-content-bg-color-dialog);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  max-width: 700px;
  margin: 0 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: var(--fixed-zindex-dialog);
  background-color: var(--dialog-bg-color);
  box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.3);
}

@media (min-width: 700px) {
  .clsy-c-search-menu,
.clsy-c-search-menu-category-picker {
    --searchmenu-content-padding-horizontal: var(--wide-content-padding-horizontal);
  }
}

@media (min-height: 800px) {
  .clsy-c-search-menu,
.clsy-c-search-menu-category-picker {
    --searchmenu-bottom-padding: var(--standard-contentsection-padding-vertical);
    height: auto;
    min-height: 400px;
    max-height: 100%;
  }
}

.clsy-c-search-menu {
  display: none;
  padding: 0 var(--searchmenu-content-padding-horizontal) var(--searchmenu-bottom-padding);
}

.clsy-c-search-menu.clsy-open {
  display: block;
}

.clsy-c-search-menu .clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--initialized .clsy-c-form__label:not(.clsy-c-form__label--selection):not(.clsy-c-form__label--select-multiple) {
  --label-fontsize: var(--label-fontsize-regular);
}

.clsy-c-search-menu .clsy-c-form__field-wrapper .clsy-c-form__label:not(.clsy-c-form__label--selection):not(.clsy-c-form__label--select-multiple),
.clsy-c-search-menu .clsy-c-form__field-wrapper .clsy-c-form__label:not(.clsy-c-form__label--selection).clsy-c-form__label--select-multiple,
.clsy-c-search-menu .clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-focus .clsy-c-form__label:not(.clsy-c-form__label--selection):not(.clsy-c-form__label--select-multiple),
.clsy-c-search-menu .clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-focus .clsy-c-form__label:not(.clsy-c-form__label--selection).clsy-c-form__label--select-multiple,
.clsy-c-search-menu .clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-value .clsy-c-form__label:not(.clsy-c-form__label--selection):not(.clsy-c-form__label--select-multiple),
.clsy-c-search-menu .clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-value .clsy-c-form__label:not(.clsy-c-form__label--selection).clsy-c-form__label--select-multiple,
.clsy-c-search-menu .clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-placeholder .clsy-c-form__label:not(.clsy-c-form__label--selection):not(.clsy-c-form__label--select-multiple),
.clsy-c-search-menu .clsy-c-form__field-wrapper.clsy-c-form__field-wrapper--has-placeholder .clsy-c-form__label:not(.clsy-c-form__label--selection).clsy-c-form__label--select-multiple {
  --label-fontsize: var(--label-fontsize-xsmall);
}

.clsy-c-search-menu.clsy-c-search-menu--category-picker-open {
  visibility: hidden;
}

.clsy-c-search-menu.clsy-c-search-menu--category-picker-open::-webkit-scrollbar {
  display: none;
}

.clsy-c-search-menu.clsy-c-search-menu--category-picker-open .clsy-c-search-menu-category-picker {
  display: block;
  visibility: visible;
}

.clsy-c-search-menu__input-hidden {
  display: none;
}

.clsy-c-search-menu__submit {
  max-width: 275px;
  min-width: 12em;
}

.clsy-c-search-menu__submit--loading:after {
  position: absolute;
  right: 10px;
}

.clsy-c-search-menu__save {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/i8b7gd6i/image/pwa/icons/icon-star-contour.svg);
}

.clsy-c-search-menu__save--is-saved {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/iaeace7g/image/pwa/icons/icon-star-filled.svg);
}

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

.clsy-c-search-menu__input-container {
  margin-bottom: 15px;
}

.clsy-c-search-menu__input-container .clsy-c-form__field-wrapper {
  margin-bottom: 0;
}

.clsy-c-search-menu__input-container button:not(.clsy-c-btn--icon-only) {
  width: 100%;
}

.clsy-c-search-menu__input-container-minmax {
  display: flex;
  flex-wrap: wrap;
}

.clsy-c-search-menu__input-container-minmax > label {
  width: 100%;
}

.clsy-c-search-menu__input-container-minmax .clsy-c-search-menu__input-text {
  width: 49%;
}

.clsy-c-search-menu__input-container-minmax .clsy-c-search-menu__input-text:nth-child(2) {
  margin-right: 2%;
}

.clsy-c-search-menu #clsy-c-search-menu__region {
  display: flex;
}

.clsy-c-search-menu #clsy-c-search-menu__region .clsy-c-search-menu__input-text {
  flex-grow: 1;
}

.clsy-c-search-menu #clsy-c-search-menu__region .clsy-c-search-menu__input-text .clsy-c-inlinemessage {
  margin-top: 0;
}

.clsy-c-search-menu #clsy-c-search-menu__region .clsy-c-search-menu__gps {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/cc8j9kcj/image/pwa/icons/icon-location.svg);
  margin: var(--formfield-wrapper-top-padding) 0 0 var(--standard-button-margin-horizontal);
}

.clsy-c-search-menu button.clsy-c-search-menu__open-category-picker {
  height: auto;
}

.clsy-c-search-menu__highlighted-input {
  animation: outline-to-emphasized-color 0.75s linear infinite alternate;
}

input:disabled.clsy-c-search-menu__highlighted-input,
input[type=range].clsy-c-search-menu__highlighted-input,
input:not(:focus).clsy-c-search-menu__highlighted-input {
  outline: var(--standard-outline-style);
  outline-offset: var(--standard-outline-offset);
  border-radius: var(--standard-outline-border-radius);
}

.clsy-c-search-menu-category-picker {
  display: none;
  padding: 0 0 var(--searchmenu-bottom-padding);
}

.clsy-c-search-menu-category-picker .clsy-c-dialog__buttonbar {
  margin-left: 0;
  margin-right: 0;
}

.clsy-c-search-menu-category-picker__button-close {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ifjbbllb/image/pwa/icons/icon-close.svg);
}

.clsy-c-search-menu-category-picker__button-parent-category {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/d7le9b88/image/pwa/icons/icon-up.svg);
}

.clsy-c-search-menu-category-picker__current {
  flex-basis: 20em;
}

.clsy-c-search-menu-category-picker__category-label {
  flex-grow: 1;
}

.clsy-c-search-menu-category-picker__category-count {
  color: var(--less-important-text-color);
  font-size: var(--fontsize-small);
}

.clsy-c-blocklink--no-indicator .clsy-c-search-menu-category-picker__category-count {
  --blocklink-indicator-width: 8px;
  margin-right: calc(3px + var(--blocklink-indicator-width) + var(--fixed-content-padding-horizontal));
}

.clsy-save-search-dialog-inputs {
  margin-bottom: var(--formfield-padding-vertical);
}

.clsy-service-contact textarea {
  height: 12em;
}

.clsy-share-link {
  --icon-container-gutter: .5em;
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-transform: translateY(-.1em);
  padding-left: .6em;
}

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

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

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

.clsy-share-link--email {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/lfblb6g9/image/pwa/icons/icon-mail.svg);
}

.clsy-c-verifications {
  --verifications-gutter: var(--small-gutter);
  --verification-min-width: var(--standard-touchtarget-min-width);
  --icon-height: 24px;
  --icon-width: var(--icon-height);
  --icon-scale: 1;
  --icon-bottom-padding: 4px;
  --icon-total-width: calc(var(--icon-width) * var(--icon-scale));
  --icon-total-height: calc(var(--icon-height) * var(--icon-scale));
  --verified-icon-scale: .6;
  --verified-icon-offset-top: 13px;
  --verified-icon-offset-center-horizontal: 14px;
  display: flex;
  gap: var(--verifications-gutter);
}

.clsy-c-verifications--reduced {
  --verifications-gutter: var(--small-gutter);
  --verification-min-width: calc(var(--icon-height) * var(--icon-scale));
  --icon-scale: .75;
  --verified-icon-scale: .4;
  --verified-icon-offset-top: 11px;
  --verified-icon-offset-center-horizontal: 9px;
}

.clsy-c-verifications--resultitem {
  --icon-scale: .8;
  --verifications-gutter: .3em;
  --verifications-default-padding: 2px;
  --verifications-start-padding: 5px;
  --verification-min-width: calc(var(--icon-height) * var(--icon-scale));
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: var(--verifications-start-padding) var(--verifications-default-padding) var(--verifications-default-padding);
  position: relative;
  background-color: var(--verifications-bg-color);
  border-radius: calc(var(--icon-total-width) / 2 + var(--verifications-default-padding));
}

.clsy-c-verifications--resultitem:empty, .clsy-c-verifications--resultitem:has(:only-child.clsy-c-verification__online) {
  --verifications-start-padding: var(--verifications-default-padding);
}

.clsy-c-verifications--resultitem::before {
  --mask-icon-color: var(--inverted-text-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/8e9a9j7h/image/pwa/icons/icon-user.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);
}

.clsy-c-verification {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: var(--verification-min-width);
}

.clsy-c-verification__icon {
  --mask-icon-width: var(--icon-total-width);
  --mask-icon-height: var(--icon-total-height);
  --mask-icon-size: calc(var(--icon-width) * var(--icon-scale)) auto;
  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-verification__label:not(.clsy-visually-hidden) {
  position: relative;
  padding-top: var(--icon-bottom-padding);
  font-size: var(--fontsize-xsmall);
  color: var(--standard-text-color);
}

.clsy-c-verification--age .clsy-c-verification__icon {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/iceldjb/image/pwa/icons/icon-verification-age.svg);
  --mask-icon-transform: translateY(1px);
}

.clsy-c-verification--phone .clsy-c-verification__icon {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ebe7dkad/image/pwa/icons/icon-verification-phone.svg);
}

.clsy-c-verification--bankaccount .clsy-c-verification__icon {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/cfjecdgj/image/pwa/icons/icon-verification-bankaccount.svg);
  --mask-icon-transform: translateY(1px);
}

.clsy-c-verifications--reduced .clsy-c-verification--bankaccount .clsy-c-verification__icon {
  --mask-icon-size: calc(var(--mask-icon-width) * 0.9) auto;
}

.clsy-c-verification--verified::before {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/hfhjacaj/image/pwa/icons/icon-checkmark-circled.svg);
  --mask-icon-color: var(--icon-color-success);
  --mask-icon-width: calc( var(--icon-width) * var(--verified-icon-scale));
  --mask-icon-height: calc( var(--icon-height) * var(--verified-icon-scale));
  --mask-icon-size: calc(var(--icon-width) * var(--verified-icon-scale)) auto;
  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: var(--verified-icon-offset-top);
  left: calc(50% - var(--mask-icon-width) / 2 + var(--verified-icon-offset-center-horizontal));
  z-index: 1;
}

.clsy-c-verification__online {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/klh997el/image/pwa/icons/icon-online-indicator.svg);
  --mask-icon-color: var(--icon-color-success);
  --mask-icon-width: 13px;
  --mask-icon-height: 13px;
  --mask-icon-size: 13px auto;
  --offset-top: 20px;
  --offset-left: 16px;
  position: absolute;
  top: var(--offset-top);
  left: var(--offset-left);
  font-size: 0;
  color: transparent;
}

.clsy-c-verification__online::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);
  display: block;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
}

.clsy-c-verification--verified {
  --mask-icon-color: var(--emphasized-color);
}

.clsy-c-verifications--reduced .clsy-c-verification--verified {
  --mask-icon-color: var(--higher-contrast-emphasized-color);
}

.clsy-c-verification:not(.clsy-c-verification--verified) {
  --mask-icon-color: var(--icon-color-neutral);
}

.clsy-voucher-purchase--value .clsy-c-form__field-wrapper, .clsy-voucher-purchase--payment .clsy-c-form__field-wrapper {
  display: inline-block;
}

.clsy-voucher-purchase--value .clsy-c-form__field-wrapper {
  width: 15%;
}

.clsy-voucher-purchase--payment .clsy-c-form__field-wrapper {
  width: 40%;
}

.clsy-voucher-purchase--buyerphone input {
  width: 100%;
  max-width: 50ch;
}

.clsy-voucher-purchase .clsy-c-btn {
  width: 100%;
}

.clsy-voucher-purchase .clsy-voucher-purchase--giftsection {
  margin-bottom: 1.1em;
}

.clsy-payment-confirmation .space-below {
  margin-bottom: 2%;
}

.clsy-payment-confirmation .clsy-styled-table {
  margin-left: 0;
  margin-right: 0;
}

/*!
 * This document contains trade secret data which is the property of
 * markt.de GmbH & Co KG. Information contained herein may not be used,
 * copied or disclosed in whole or part except as permitted by written
 * agreement from markt.de GmbH & Co KG.
 *
 * Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
.clsy-web-share-target__shared-content {
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal) 0;
  background-color: var(--item-selected-bg-color);
  border-top: var(--standard-border-style);
  border-bottom: var(--standard-border-style);
}

.clsy-web-share-target__shared-images {
  text-align: center;
}

.clsy-web-share-target__shared-images img {
  border: var(--standard-border-style);
  max-height: 360px;
}

.clsy-web-share-target__buttonbar {
  display: flex;
  justify-content: center;
  margin: 2rem calc(var(--fixed-content-padding-horizontal) * -1) 0;
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
  background-color: var(--actionable-content-bg-color);
}

.clsy-web-share-target__buttonbar form {
  margin-bottom: 0;
}

.clsy-web-share-target__buttonbar form + form {
  margin-left: var(--standard-button-margin-horizontal);
}

@media (max-width: 269px) {
  .clsy-web-share-target__buttonbar {
    flex-wrap: wrap;
  }
  .clsy-web-share-target__buttonbar form {
    flex-grow: 1;
  }
  .clsy-web-share-target__buttonbar form + form {
    margin-left: 0;
    margin-top: var(--standard-button-margin-vertical);
  }
  .clsy-web-share-target__buttonbar .clsy-c-btn {
    width: 100%;
  }
}

/*!
 * This document contains trade secret data which is the property of
 * markt.de GmbH & Co KG. Information contained herein may not be used,
 * copied or disclosed in whole or part except as permitted by written
 * agreement from markt.de GmbH & Co KG.
 *
 * Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
/* === mailbox settings page === */
#clsy-webpush-checkbox .clsy-c-form__field-wrapper {
  display: flex;
  min-height: var(--standard-touchtarget-min-height);
}

#clsy-webpush-checkbox .clsy-c-form__field-wrapper input[type="checkbox"] {
  height: calc(var(--input-element-height) * 2);
}

#clsy-webpush-checkbox .clsy-c-form__field-wrapper.clsy-c-loading-indicator:after, #clsy-webpush-checkbox .clsy-c-form__field-wrapper.clsy-container-is-loading:after, #clsy-webpush-checkbox .clsy-c-form__field-wrapper.clsy-c-endlessScrolling--loading:after, #clsy-webpush-checkbox .clsy-c-form__field-wrapper.clsy-c-search-menu__submit--loading:after {
  --loading-indicator-width: 30px;
  margin-left: auto;
}

/*!
 *  This document contains trade secret data which is the property of
 *  markt.de GmbH & Co KG. Information contained herein may not be used,
 *  copied or disclosed in whole or part except as permitted by written
 *  agreement from markt.de GmbH & Co KG.
 *
 *  Copyright (c) 2018 markt.de GmbH & Co KG / Munich / Germany
 */
.clsy-cmscontent-container {
  margin-bottom: 0;
}

.clsy-cmscontent-container:has(> .clsy-search-header) {
  padding-top: calc(var(--standard-contentsection-padding-vertical) + var(--search-header-height));
}

.clsy-cmscontent {
  --listitem-margin-vertical: .4em;
  margin: 0 auto;
  position: relative;
  /* === styles used in some cms documents for more complex layouts (e.g. contentId presse) ===
         for now simply show columns full width below each other
  */
  /* === advertlist widget === */
  /* --- Expandable sections, used for FAQ and help-pages. See ticket #3120 --- */
  /* ------------- A-Z Gallery - See ticket MARKT-5110 -------------- */
  /* -------------- link grid ----------------------- */
  /* -------------- inpage navigation see Ticket MARKT-6105 -------------------- */
  /* ------------ styled table ---------------- */
  /* --- lightbox-links (MARKT-6015) --- */
  /* --- image-links (MARKT-8658) --- */
  /* -------------- embedded youtube video; see Ticket MARKT-6130 --------------------

      based on http://alistapart.com/article/creating-intrinsic-ratios-for-video

     This solution assumes that the embedded videos are always of a ratio of 16:9,
     as it was assured by the CMS content team.
     For other aspect ratios the video will still be embedded responsive, but there will be
     black bars bottom/top or left/right.

     If it turns out that there are videos that do not meet that criteria (16:9 aspect ratio)
     see https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
     for inspirations. Probably we will need a JavaScript solution for full flexibility.
   */
}

.clsy-cmscontent .markt_cms_inpagenav {
  margin-left: calc( var(--standard-content-padding-horizontal) * -1);
  margin-right: calc( var(--standard-content-padding-horizontal) * -1);
  padding-left: 0;
  padding-right: 0;
}

.clsy-cmscontent .markt_cms_inpage_navigation_target a.up, .clsy-cmscontent .markt_cms_inpagenav_letterContainer > h2 > a.markt_cms_nav_homelink {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/8e7kb9de/image/pwa/icons/icon-arrow-up.svg);
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--standard-touchtarget-min-width);
  height: var(--standard-touchtarget-min-height);
  font-size: 0;
  color: transparent;
  border-bottom: none;
}

.clsy-cmscontent .markt_cms_inpage_navigation_target a.up:before, .clsy-cmscontent .markt_cms_inpagenav_letterContainer > h2 > a.markt_cms_nav_homelink: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);
}

.clsy-cmscontent .markt_cms_inpage_navigation_target a.up:after, .clsy-cmscontent .markt_cms_inpagenav_letterContainer > h2 > a.markt_cms_nav_homelink:after {
  content: none;
}

.clsy-cmscontent:before, .clsy-cmscontent:after {
  content: "";
  display: table;
}

.clsy-cmscontent:after {
  clear: both;
}

.clsy-cmscontent:not(.clsy-cmscontent--partial) {
  max-width: 625px;
}

@media (min-width: 1246px) {
  .clsy-cmscontent:not(.clsy-cmscontent--partial) {
    max-width: 945px;
    padding-right: 320px;
  }
}

@media (min-width: 1326px) {
  .clsy-cmscontent:not(.clsy-cmscontent--partial) {
    max-width: 1025px;
    padding-right: 400px;
  }
}

@media (min-width: 1246px) {
  .clsy-cmscontent:not(.clsy-cmscontent--partial) > .cmsImageRightFloat, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .cmsImageLeftFloat, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .cmsImageRightFloat, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .cmsImageLeftFloat {
    max-width: 300px;
  }
  .clsy-cmscontent:not(.clsy-cmscontent--partial) > .cmsImageRightFloat, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .cmsImageLeftFloat, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_image, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_image_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_floatContainer_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_floatContainer_right, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .cmsImageRightFloat, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .cmsImageLeftFloat, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_image, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_image_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_floatContainer_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_floatContainer_right {
    position: absolute;
    right: 0;
    margin: 0 !important;
    float: none !important;
  }
}

@media (min-width: 1326px) {
  .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_imageLarge, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_imageLarge_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_floatContainerWider_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_floatContainerWider_right, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cms_lightbox:not(.markt_cms_lightbox_do_not_move), .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cms_imageLink, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_imageLarge, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_imageLarge_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_floatContainerWider_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_floatContainerWider_right, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cms_lightbox:not(.markt_cms_lightbox_do_not_move), .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cms_imageLink {
    position: absolute;
    right: 0;
    margin: 0 !important;
    float: none !important;
  }
  .clsy-cmscontent:not(.clsy-cmscontent--partial) > .cmsImageRightFloat, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .cmsImageLeftFloat, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_image, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_image_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_floatContainer_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cmsCustom_floatContainer_right, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .cmsImageRightFloat, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .cmsImageLeftFloat, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_image, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_image_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_floatContainer_left, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cmsCustom_floatContainer_right {
    right: 80px;
  }
  .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cms_lightbox:not(.markt_cms_lightbox_do_not_move), .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cms_imageLink, .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cms_lightbox:not(.markt_cms_lightbox_do_not_move), .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cms_imageLink {
    max-width: 380px;
  }
  .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cms_lightbox:not(.markt_cms_lightbox_do_not_move) span[class^="markt_cmsCustom_image"],
.clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cms_lightbox:not(.markt_cms_lightbox_do_not_move) span[class^="markt_cmsCustom_floatContainer"], .clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cms_imageLink span[class^="markt_cmsCustom_image"],
.clsy-cmscontent:not(.clsy-cmscontent--partial) > .markt_cms_imageLink span[class^="markt_cmsCustom_floatContainer"], .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cms_lightbox:not(.markt_cms_lightbox_do_not_move) span[class^="markt_cmsCustom_image"],
.clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cms_lightbox:not(.markt_cms_lightbox_do_not_move) span[class^="markt_cmsCustom_floatContainer"], .clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cms_imageLink span[class^="markt_cmsCustom_image"],
.clsy-cmscontent:not(.clsy-cmscontent--partial) > .clsy-cmscontent-schema > .markt_cms_imageLink span[class^="markt_cmsCustom_floatContainer"] {
    margin: 0 !important;
    float: none !important;
  }
}

.clsy-cmscontent--landingpage {
  max-width: 1025px;
}

.clsy-cmscontent [id]:target {
  animation: target-animation 800ms ease 0s 1;
  border-bottom: 1px solid var(--emphasized-color);
  scroll-margin-top: calc(var(--header-height) + 40px);
}

.clsy-cmscontent img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

.clsy-cmscontent ol.cmsCustom_largeList {
  margin: 1em 0;
  padding: 0;
  counter-reset: list-counter;
}

.clsy-cmscontent ol.cmsCustom_largeList.continue_counter {
  counter-reset: none;
}

.clsy-cmscontent ol.cmsCustom_largeList > li {
  position: relative;
  margin: 1em 0 1em 3.2em;
  padding: 0;
  list-style-type: none;
  counter-increment: list-counter;
}

.clsy-cmscontent ol.cmsCustom_largeList > li:before {
  content: counter(list-counter);
  position: absolute;
  left: -1.9em;
  top: -.15em;
  display: block;
  min-width: 1.5em;
  min-height: 1.5em;
  padding: 0;
  color: var(--emphasized-background-text-color);
  font-size: 1.5em;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  border: 5px solid var(--emphasized-color);
  background-color: var(--emphasized-color);
}

.clsy-cmscontent .markt_container_top h1,
.clsy-cmscontent .markt_container_top h2,
.clsy-cmscontent .markt_container_top h3,
.clsy-cmscontent .markt_container_main h1,
.clsy-cmscontent .markt_container_main h2,
.clsy-cmscontent .markt_container_main h3 {
  font-weight: normal;
  color: var(--standard-text-color);
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: var(--headline-line-height);
}

.clsy-cmscontent .markt_container_top h1,
.clsy-cmscontent .markt_container_main h1 {
  font-size: var(--fontsize-xxlarge);
}

.clsy-cmscontent .markt_container_top h2,
.clsy-cmscontent .markt_container_main h2 {
  font-size: var(--fontsize-xlarge);
}

.clsy-cmscontent .markt_container_top h3,
.clsy-cmscontent .markt_container_main h3 {
  font-size: var(--fontsize-large);
}

.clsy-cmscontent .markt_container_main {
  margin-top: 0;
  width: auto;
}

.clsy-cmscontent .markt_container_main .column_left,
.clsy-cmscontent .markt_container_main .column_right {
  float: none;
  width: auto;
  margin: 0;
}

.clsy-cmscontent .markt_container_main .column_left table,
.clsy-cmscontent .markt_container_main .column_right table {
  width: 100%;
}

.clsy-cmscontent .markt_container_main p {
  color: var(--standard-text-color);
}

.clsy-cmscontent .img {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.clsy-cmscontent .markt_advertList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  grid-gap: 1px;
  margin: 0;
  background-color: var(--standard-border-color);
  border: solid var(--standard-border-color);
  border-width: 1px 0;
}

@media (max-width: 374px) {
  .clsy-cmscontent .markt_advertList {
    grid-template-columns: 1fr;
    margin: 0 calc(var(--standard-content-padding-horizontal) * -1);
  }
}

.clsy-cmscontent .markt_aList_item {
  display: grid;
  grid-gap: 0.2em var(--standard-column-gutter);
  grid-template-areas: "thumbnail-image thumbnail-image thumbnail-image" "... ... ..." "... item-text ..." "... item-properties-1 ..." "... item-properties-2 ...";
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: max-content var(--standard-content-padding-vertical) auto auto auto;
  padding: var(--standard-content-padding-vertical) 0;
  background-color: var(--contentsection-bg-color);
  cursor: pointer;
  transition: background-color 300ms;
}

@media (min-width: 270px) {
  .clsy-cmscontent .markt_aList_item {
    grid-template-areas: "... thumbnail-image item-text ..." "... thumbnail-image item-properties-1 ..." "... item-properties-2 item-properties-2 ...";
    grid-template-columns: auto max-content minmax(0, 1fr) auto;
    grid-template-rows: auto auto max-content;
  }
}

.clsy-cmscontent .markt_aList_item:hover {
  background-color: var(--link-hover-bg-color);
}

.clsy-cmscontent .markt_aList_item a {
  text-decoration: none;
  border: none;
  display: block;
}

.clsy-cmscontent .markt_aList_item p {
  margin: 0;
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemImg {
  grid-area: thumbnail-image;
  font-size: 0;
}

@media (max-width: 269px) {
  .clsy-cmscontent .markt_aList_item .markt_aList_itemImg {
    text-align: center;
  }
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemImg img {
  font-size: var(--standard-fontsize);
  max-height: none;
  height: auto;
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemText {
  grid-area: item-text;
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemSubject {
  --subject-line-height: var(--headline-line-height);
  display: block;
  margin: .2em 0;
  padding: 0;
  overflow: hidden;
  max-height: calc(2 * var(--subject-line-height) * 1em);
  color: var(--standard-text-color);
  font-size: var(--fontsize-medium);
  line-height: var(--subject-line-height);
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemTeaser {
  --teaser-line-height: var(--smaller-line-height);
  overflow: hidden;
  font-size: var(--small-copytext-fontsize);
  line-height: var(--teaser-line-height);
  max-height: calc(2 * var(--teaser-line-height) * 1em);
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemProperties1 {
  grid-area: item-properties-1;
  display: flex;
  flex-wrap: wrap;
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemProperties1 .markt_aList_itemPrice {
  padding: .1em 0 .1em .3rem;
  font-weight: bold;
  color: var(--standard-text-color);
  font-size: var(--fontsize-large);
  line-height: var(--smallest-line-height);
  border-left: var(--emphasized-element-border-width) solid var(--emphasized-color);
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemProperties1 .markt_aList_itemPrice > * {
  display: block;
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemProperties1 .markt_aList_itemPrice-label {
  font-size: var(--fontsize-xsmall);
  font-weight: normal;
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemProperties1 .markt_aList_itemPrice-amount:empty + .clsy-cmscontent .markt_aList_item .markt_aList_itemProperties1 .markt_aList_itemPrice-label {
  font-size: var(--fontsize-medium);
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemProperties2 {
  grid-area: item-properties-2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemProperties2 > p {
  color: var(--less-important-text-color);
  font-size: var(--fontsize-small);
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemProperties2 > p:before {
  content: "•";
  margin: 0 .2em;
  color: var(--emphasized-color);
}

.clsy-cmscontent .markt_aList_item .markt_aList_itemProperties2 > p:first-of-type:before {
  content: none;
}

.clsy-cmscontent .markt_cms_widgetMoreLink {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  padding: var(--standard-button-padding);
  min-height: var(--standard-button-height);
  font-size: var(--standard-fontsize);
  text-align: center;
  color: var(--standard-button-text-color);
  line-height: var(--button-line-height);
  background-color: var(--standard-button-bg-color);
  border-radius: var(--button-border-radius);
  border: 1px solid var(--standard-button-bg-color);
  cursor: default;
  transition: all .2s;
  color: var(--standard-link-color);
  background-color: var(--contentsection-bg-color);
  border: 1px solid var(--standard-link-color);
  margin: var(--standard-content-padding-vertical) 0 calc(var(--standard-content-padding-vertical) * 2);
}

@media (hover: hover) and (pointer: fine) {
  .clsy-cmscontent .markt_cms_widgetMoreLink:hover {
    background-color: var(--standard-button-bg-color--hover);
  }
}

.clsy-cmscontent .markt_cms_widgetMoreLink:focus-visible {
  background-color: var(--standard-button-bg-color--hover);
}

.clsy-cmscontent .markt_cms_widgetMoreLink:focus:not(:focus-visible) {
  outline: none;
}

.clsy-cmscontent .markt_cms_widgetMoreLink:focus-visible {
  outline: var(--button-outline-style);
  outline-offset: var(--button-outline-offset);
}

.clsy-cmscontent .markt_cms_widgetMoreLink:active {
  background-color: var(--standard-button-bg-color--active);
  border-color: var(--standard-button-bg-color--active);
  transform: translate(var(--button-active-offset), var(--button-active-offset));
}

.clsy-cmscontent .markt_cms_widgetMoreLink:after {
  content: none;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}

.clsy-cmscontent section.markt_cms_expandable {
  --expandable-section-gap: 6px;
  --expandable-section-padding-left: calc(var(--mask-icon-width) + var(--expandable-section-gap));
  padding: 0;
  clear: both;
  border: solid var(--standard-border-color);
  border-width: 0 0 1px;
}

h2 + .clsy-cmscontent section.markt_cms_expandable, h3 + .clsy-cmscontent section.markt_cms_expandable, h4 + .clsy-cmscontent section.markt_cms_expandable, h5 + .clsy-cmscontent section.markt_cms_expandable, .clsy-cmscontent section.markt_cms_expandable:first-of-type {
  border-top: var(--standard-border-style);
}

.clsy-cmscontent section.markt_cms_expandable:last-of-type {
  margin-bottom: 0.8em;
}

.clsy-cmscontent section.markt_cms_expandable > h1, .clsy-cmscontent section.markt_cms_expandable > h2, .clsy-cmscontent section.markt_cms_expandable > h3, .clsy-cmscontent section.markt_cms_expandable > h4, .clsy-cmscontent section.markt_cms_expandable > h5 {
  margin: 0;
}

.clsy-cmscontent section.markt_cms_expandable > h1:has(button:focus-visible), .clsy-cmscontent section.markt_cms_expandable > h2:has(button:focus-visible), .clsy-cmscontent section.markt_cms_expandable > h3:has(button:focus-visible), .clsy-cmscontent section.markt_cms_expandable > h4:has(button:focus-visible), .clsy-cmscontent section.markt_cms_expandable > h5:has(button:focus-visible) {
  outline: var(--standard-outline-style);
  outline-offset: var(--standard-outline-offset);
  border-radius: var(--standard-outline-border-radius);
  --padding-required-for-outline: calc(var(--standard-outline-width) + var(--standard-outline-offset));
  position: relative;
  overflow-y: hidden;
  margin-left: calc(-1 * var(--padding-required-for-outline));
  margin-right: calc(-1 * var(--padding-required-for-outline));
  padding-left: var(--padding-required-for-outline);
  padding-right: var(--padding-required-for-outline);
}

.clsy-cmscontent section.markt_cms_expandable > h1 button[type="button"], .clsy-cmscontent section.markt_cms_expandable > h2 button[type="button"], .clsy-cmscontent section.markt_cms_expandable > h3 button[type="button"], .clsy-cmscontent section.markt_cms_expandable > h4 button[type="button"], .clsy-cmscontent section.markt_cms_expandable > h5 button[type="button"] {
  all: unset;
  display: flex;
  gap: var(--expandable-section-gap);
  align-items: flex-start;
  position: relative;
  margin: 0;
  padding: 0.6em 0;
  width: 100%;
  cursor: pointer;
  font-weight: normal;
}

.clsy-cmscontent section.markt_cms_expandable > h1 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable > h2 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable > h3 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable > h4 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable > h5 button[type="button"]:before {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ibja9c67/image/pwa/icons/no-icon.svg);
  --mask-icon-height: 18px;
  flex: none;
  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: relative;
  top: calc((var(--mask-icon-height) - 1em) / 2 + 0.1em);
}

.clsy-cmscontent section.markt_cms_expandable > div {
  margin: 0.2em 0 0.4em;
  padding: 0 0 0 var(--expandable-section-padding-left);
  overflow: hidden;
}

.clsy-cmscontent section.markt_cms_expandable.markt_cms_expandable_expanded > h1 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable.markt_cms_expandable_expanded > h2 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable.markt_cms_expandable_expanded > h3 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable.markt_cms_expandable_expanded > h4 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable.markt_cms_expandable_expanded > h5 button[type="button"]:before {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/8i86afb7/image/pwa/icons/icon-collapsiblesection-collapse.svg);
}

.clsy-cmscontent section.markt_cms_expandable.markt_cms_expandable_collapsed > h1 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable.markt_cms_expandable_collapsed > h2 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable.markt_cms_expandable_collapsed > h3 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable.markt_cms_expandable_collapsed > h4 button[type="button"]:before, .clsy-cmscontent section.markt_cms_expandable.markt_cms_expandable_collapsed > h5 button[type="button"]:before {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/dca7bfe6/image/pwa/icons/icon-collapsiblesection-expand.svg);
}

.clsy-cmscontent .markt_cms_expandables--regular-size-headings h1, .clsy-cmscontent .markt_cms_expandables--regular-size-headings h2, .clsy-cmscontent .markt_cms_expandables--regular-size-headings h3, .clsy-cmscontent .markt_cms_expandables--regular-size-headings h4, .clsy-cmscontent .markt_cms_expandables--regular-size-headings h5, .clsy-cmscontent .markt_cms_expandables--regular-size-headings h6 {
  font-size: var(--standard-fontsize);
  font-weight: normal;
  font-style: normal;
  text-transform: none;
}

.clsy-cmscontent .markt_cms_inpagenav {
  background-color: var(--contentarea-bg-color);
}

.clsy-cmscontent .markt_cms_inpagenav_container {
  font-size: 0;
  text-align: center;
  background-color: var(--contentsection-bg-color);
}

.clsy-cmscontent .markt_cms_inpagenav_container > * {
  font-size: var(--standard-fontsize);
}

.clsy-cmscontent .markt_cms_inpagenav_container > a {
  display: inline-block;
  min-width: 42px;
  height: 42px;
  margin-bottom: 3px;
  margin-left: -1px;
  padding: 0 .3em;
  text-align: center;
  font-size: var(--fontsize-xlarge);
  border-left: var(--standard-border-style);
  border-right: var(--standard-border-style);
}

.clsy-cmscontent .markt_cms_inpagenav_letterContainer:before, .clsy-cmscontent .markt_cms_inpagenav_letterContainer:after {
  content: "";
  display: table;
}

.clsy-cmscontent .markt_cms_inpagenav_letterContainer:after {
  clear: both;
}

.clsy-cmscontent .markt_cms_inpagenav_letterContainer > h2 {
  position: relative;
  padding: .2em 0 0;
  margin: 0 0 .5em;
  font-size: var(--fontsize-xxlarge);
}

.clsy-cmscontent .markt_cms_inpagenav_letterContainer > h2 > a.markt_cms_nav_homelink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.clsy-cmscontent .markt_cms_inpagenav_letterContainer > a {
  box-sizing: border-box;
  display: block;
  float: left;
  padding: 0;
  text-align: center;
  line-height: var(--smaller-line-height);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-cmscontent .markt_cms_inpagenav_letterContainer > a > img {
  display: block;
  margin: 0 auto .5em;
  width: auto;
  height: auto;
  max-width: 100%;
}

@media screen and (min-width: 625px) {
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a {
    margin: 1em 2% 1em 0;
    width: 18.4%;
    font-size: var(--fontsize-small);
  }
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a:nth-of-type(5n) {
    margin-right: 0;
  }
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a:nth-of-type(5n+1) {
    clear: both;
  }
}

@media screen and (min-width: 497px) and (max-width: 624px) {
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a {
    margin: 1em 2% 1em 0;
    width: 23.5%;
  }
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a:nth-of-type(4n) {
    margin-right: 0;
  }
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a:nth-of-type(4n+1) {
    clear: both;
  }
}

@media screen and (min-width: 374px) and (max-width: 496px) {
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a {
    margin: 1em 2% 1em 0;
    width: 32%;
  }
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a:nth-of-type(3n) {
    margin-right: 0;
  }
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a:nth-of-type(3n+1) {
    clear: both;
  }
}

@media screen and (min-width: 141px) and (max-width: 373px) {
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a {
    margin: 1em 2% 1em 0;
    width: 49%;
  }
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a:nth-of-type(2n) {
    margin-right: 0;
  }
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a:nth-of-type(2n+1) {
    clear: both;
  }
}

@media screen and (max-width: 140px) {
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a {
    margin: 1em 2% 1em 0;
    width: 100%;
  }
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a:nth-of-type(1n) {
    margin-right: 0;
  }
  .clsy-cmscontent .markt_cms_inpagenav_letterContainer > a:nth-of-type(1n+1) {
    clear: both;
  }
}

.clsy-cmscontent .markt_cms_linkgrid {
  --link-min-width: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--link-min-width), 1fr));
  grid-gap: 1.2em .8em;
}

.clsy-cmscontent .markt_cms_linkgrid > a {
  display: block;
  padding: 0;
  text-align: center;
  line-height: var(--smaller-line-height);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media (min-width: 700px) {
  .clsy-cmscontent .markt_cms_linkgrid > a {
    font-size: var(--fontsize-small);
  }
}

.clsy-cmscontent .markt_cms_linkgrid > a > img {
  display: block;
  margin: 0 auto .4em;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: none;
}

.clsy-cmscontent ul.markt_cms_inpage_navigation {
  --vertical-border-width: 5px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
  grid-column-gap: 1em;
  margin: 2em calc(var(--standard-content-padding-horizontal) * -1);
  padding: 0 calc(var(--standard-content-padding-horizontal) - var(--vertical-border-width));
  clear: both;
  border: solid var(--emphasized-border-color);
  border-width: 1px var(--vertical-border-width);
}

.clsy-cmscontent ul.markt_cms_inpage_navigation li {
  list-style-type: none;
  display: flex;
  align-content: stretch;
  justify-content: stretch;
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: var(--smaller-line-height);
  background-image: none;
}

.clsy-cmscontent ul.markt_cms_inpage_navigation li::before {
  content: none;
}

.clsy-cmscontent ul.markt_cms_inpage_navigation li a {
  display: block;
  padding: .6em 0;
  width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.clsy-cmscontent .markt_cms_inpage_navigation_target {
  display: flex;
  align-items: center;
  position: relative;
}

.clsy-cmscontent .markt_cms_inpage_navigation_target a.up {
  margin-left: auto;
}

.clsy-cmscontent .markt_cms_styled_table_wrapper {
  overflow-x: auto;
}

.clsy-cmscontent table.markt_cms_styled_table,
.clsy-cmscontent table.markt_cms_table {
  margin: .8em auto 1.2em;
  border-collapse: collapse;
  border: solid var(--table-border-color);
  border-width: 2px 0;
}

.clsy-cmscontent table.markt_cms_styled_table tr,
.clsy-cmscontent table.markt_cms_table tr {
  border: solid var(--table-border-color);
  border-width: 1px 0;
}

.clsy-cmscontent table.markt_cms_styled_table th, .clsy-cmscontent table.markt_cms_styled_table td,
.clsy-cmscontent table.markt_cms_table th,
.clsy-cmscontent table.markt_cms_table td {
  padding: .3em .8em;
  min-width: 6ch;
  text-align: left;
  vertical-align: top;
  color: var(--standard-text-color);
  border: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-cmscontent table.markt_cms_styled_table th.numbers, .clsy-cmscontent table.markt_cms_styled_table td.numbers,
.clsy-cmscontent table.markt_cms_table th.numbers,
.clsy-cmscontent table.markt_cms_table td.numbers {
  text-align: right;
  font-feature-settings: "lnum" 1, "tnum" 1;
  font-variant-numeric: lining-nums tabular-nums;
}

.clsy-cmscontent table.markt_cms_styled_table th p:last-child, .clsy-cmscontent table.markt_cms_styled_table td p:last-child,
.clsy-cmscontent table.markt_cms_table th p:last-child,
.clsy-cmscontent table.markt_cms_table td p:last-child {
  margin-bottom: 0;
}

.clsy-cmscontent table.markt_cms_styled_table th,
.clsy-cmscontent table.markt_cms_table th {
  font-weight: bold;
  background-color: var(--lightest-emphasized-color);
}

.clsy-cmscontent table.markt_cms_styled_table caption,
.clsy-cmscontent table.markt_cms_table caption {
  font-size: var(--fontsize-large);
  text-align: left;
  color: var(--less-important-text-color);
  margin: .5em 0;
  padding: 0;
  line-height: var(--smaller-line-height);
}

.clsy-cmscontent .markt_cms_lightbox {
  --mask-icon-color: var(--inverted-text-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/88jcblbb/image/pwa/icons/icon-magnify.svg);
  --mask-icon-width: 37px;
  --mask-icon-height: 37px;
  --mask-icon-transform: scaleX(-1);
  position: relative;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.clsy-cmscontent .markt_cms_lightbox::before, .clsy-cmscontent .markt_cms_lightbox::after {
  position: absolute;
  top: 14px;
  left: 14px;
}

.clsy-cmscontent .markt_cms_lightbox::before {
  content: "";
  display: block;
  width: var(--mask-icon-width);
  height: var(--mask-icon-height);
  border-radius: 50%;
  background-color: var(--semitransparent-ui-element-bg-color);
  opacity: .5;
}

.clsy-cmscontent .markt_cms_lightbox::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-cmscontent .markt_cms_videoContainer {
  position: relative;
  padding-bottom: 56.25%;
  margin: 0 0 1em;
  height: 0;
}

.clsy-cmscontent .markt_cms_videoContainer iframe,
.clsy-cmscontent .markt_cms_videoContainer object,
.clsy-cmscontent .markt_cms_videoContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.clsy-cmscontent .backlink {
  text-align: right;
}

.clsy-cmscontent .backlink a {
  display: inline-flex;
  align-items: center;
  align-content: center;
  position: relative;
  padding: var(--standard-button-padding);
  padding-left: 0;
  min-height: var(--small-touchtarget-min-height);
  text-align: center;
  line-height: var(--button-line-height);
  border-radius: var(--button-border-radius);
  border: none;
  transition: all .2s;
}

.clsy-cmscontent .backlink a:before {
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/kl7bbebh/image/pwa/icons/icon-chevron-double-right.svg);
  --mask-icon-transform: rotate(180deg);
  --mask-icon-width: 14px;
  --mask-icon-height: 14px;
  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: 0 .4em;
  text-align: right;
  line-height: 0;
}

.clsy-cmscontent .backlink:not(:last-child) a {
  margin-bottom: calc(var(--standard-outline-offset) + var(--standard-outline-width));
}

.clsy-cmscontent .backlink + h1 {
  margin-top: .4em;
}

.clsy-cmscontent .backlink + h2, .clsy-cmscontent .backlink + h3 {
  margin-top: 0;
}

.clsy-cmscontent .clsy-cms-article-teasers {
  --teasers-container-padding-hor: 0;
  margin-bottom: var(--standard-bottom-margin);
}

/* --- bxslider  --- */
/* At the moment it seems to take signigicantly more time to initialize the bx-slider than on the previous mobile site.
   This causes the listitems that will become the sliding elements to be displayed below each other before the JS kicks in
   and hides the non-visible items appropriately. This might become better when the scripts are optimized (see MARKT-6227).
   If this is still an issue afterwards we need a solution.
   Possible workaround: Assign a height to the slider-element and apply overflow: auto, so the items still can be accessed by scrolling
   if the JS fails, but don't take so much vertical space. This of course greatly reduces the flexibility of the content, as it has to
   conform to the height set here.
 */
.mamo_marktlet_slider,
.markt_cms_sliderDecorator,
.markt_cms_slider {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mamo_marktlet_slider > li,
.markt_cms_sliderDecorator > li,
.markt_cms_slider > li {
  /* this block makes sure that if the viewport exceeds the image-size, the contents of the list-item are centered. */
  text-align: center;
  margin: 0;
  padding: 0;
  background-image: none;
}

.mamo_marktlet_slider > li::before,
.markt_cms_sliderDecorator > li::before,
.markt_cms_slider > li::before {
  content: none !important;
}

.mamo_marktlet_slider > li div.mamo_marktlet_slider_contentwrapper,
.markt_cms_sliderDecorator > li div.mamo_marktlet_slider_contentwrapper,
.markt_cms_slider > li div.mamo_marktlet_slider_contentwrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
  text-align: left;
}

.mamo_marktlet_slider > li div.mamo_marktlet_slider_contentwrapper a,
.markt_cms_sliderDecorator > li div.mamo_marktlet_slider_contentwrapper a,
.markt_cms_slider > li div.mamo_marktlet_slider_contentwrapper a {
  padding: 0;
  margin: 0;
  border: none;
}

.mamo_marktlet_slider > li div.mamo_marktlet_slider_contentwrapper a:after,
.markt_cms_sliderDecorator > li div.mamo_marktlet_slider_contentwrapper a:after,
.markt_cms_slider > li div.mamo_marktlet_slider_contentwrapper a:after {
  content: none;
}

.mamo_marktlet_slider .mamo_marktlet_slider_text,
.markt_cms_sliderDecorator .mamo_marktlet_slider_text,
.markt_cms_slider .mamo_marktlet_slider_text {
  position: absolute;
  top: 0;
  right: 62%;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: var(--standard-content-padding-horizontal) var(--standard-content-padding-horizontal) 40px;
  font-family: var(--standard-font-family);
  font-size: var(--fontsize-xlarge);
  text-transform: uppercase;
  color: black;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}

.mamo_marktlet_slider .mamo_marktlet_slider_text > a,
.markt_cms_sliderDecorator .mamo_marktlet_slider_text > a,
.markt_cms_slider .mamo_marktlet_slider_text > a {
  display: block;
  color: var(--emphasized-text-color);
  font-weight: var(--emphasized-text-weight);
  font-size: var(--fontsize-large);
  text-transform: none;
  text-decoration: none;
}

.mamo_marktlet_slider .mamo_marktlet_slider_text > a:before,
.markt_cms_sliderDecorator .mamo_marktlet_slider_text > a:before,
.markt_cms_slider .mamo_marktlet_slider_text > a:before {
  content: "›";
  margin-right: 0.5em;
}

.clsy-home-footer,
.clsy-cmscontent {
  /* === styles for for images that might include a caption ===
         Those come in 2 flavors:
           * inserted via CMS expression: cmsImage{Left|Right}Float
           * manually added in the editor HTML source:
              - markt_cmsCustom_image(Large)_(left)                 → right floated is the default
           * added via editor template:
              - markt_cmsCustom_floatContainer_{left|right}         → generic content container, on Desktop 300px wide
              - markt_cmsCustom_floatContainerWider_{left|right}    → generic content container, on Desktop 380px wide
         We will treat them equally here for small screens, on wider screens use the same widths as on Desktop to avoid confusion of the
         editors as much as possible ...
  */
  /* --- Small texts e.g. for copyright, disclaimers, etc. See ticket MARKT-5058 --- */
  /* ----- multicolumn-lists -------- */
  /* --- table of content and infobox. For now both are styled the same. --- */
}

.clsy-home-footer h1, .clsy-home-footer h2, .clsy-home-footer h3, .clsy-home-footer h4, .clsy-home-footer h5, .clsy-home-footer h6, .clsy-home-footer p, .clsy-home-footer li, .clsy-home-footer th, .clsy-home-footer td, .clsy-home-footer span, .clsy-home-footer div,
.clsy-cmscontent h1,
.clsy-cmscontent h2,
.clsy-cmscontent h3,
.clsy-cmscontent h4,
.clsy-cmscontent h5,
.clsy-cmscontent h6,
.clsy-cmscontent p,
.clsy-cmscontent li,
.clsy-cmscontent th,
.clsy-cmscontent td,
.clsy-cmscontent span,
.clsy-cmscontent div {
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-home-footer ul:not(.clsy-c-result-list, .markt_cms_inpage_navigation),
.clsy-cmscontent ul:not(.clsy-c-result-list, .markt_cms_inpage_navigation) {
  padding: 0;
  list-style-type: none;
}

.clsy-home-footer ul:not(.clsy-c-result-list, .markt_cms_inpage_navigation) > li,
.clsy-cmscontent ul:not(.clsy-c-result-list, .markt_cms_inpage_navigation) > li {
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
  --mask-icon-width: .5em;
  --mask-icon-height: .7em;
  --mask-icon-size: 1.2em auto;
  position: relative;
  padding: 0 0 0 .9em;
}

.clsy-home-footer ul:not(.clsy-c-result-list, .markt_cms_inpage_navigation) > li::before,
.clsy-cmscontent ul:not(.clsy-c-result-list, .markt_cms_inpage_navigation) > li::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: .35em;
  left: .1em;
}

.clsy-home-footer ol,
.clsy-cmscontent ol {
  padding: 0 0 0 1.8em;
}

.clsy-home-footer ol ol,
.clsy-cmscontent ol ol {
  list-style-type: lower-alpha;
}

.clsy-home-footer ol ol ol,
.clsy-cmscontent ol ol ol {
  list-style-type: upper-roman;
}

.clsy-home-footer li,
.clsy-cmscontent li {
  margin: .4em 0;
}

.clsy-home-footer li > p:first-of-type,
.clsy-cmscontent li > p:first-of-type {
  margin-top: 0;
}

.clsy-home-footer li > p:last-of-type,
.clsy-cmscontent li > p:last-of-type {
  margin-bottom: 0;
}

.clsy-home-footer li ul, .clsy-home-footer li ol,
.clsy-cmscontent li ul,
.clsy-cmscontent li ol {
  margin-bottom: 0;
}

.clsy-home-footer li ul li, .clsy-home-footer li ol li,
.clsy-cmscontent li ul li,
.clsy-cmscontent li ol li {
  margin-left: 0.3em;
}

.clsy-home-footer .markt_button_type1_exec,
.clsy-home-footer .markt_button_type1_nav,
.clsy-cmscontent .markt_button_type1_exec,
.clsy-cmscontent .markt_button_type1_nav {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  padding: var(--standard-button-padding);
  min-height: var(--standard-button-height);
  font-size: var(--standard-fontsize);
  text-align: center;
  color: var(--standard-button-text-color);
  line-height: var(--button-line-height);
  background-color: var(--standard-button-bg-color);
  border-radius: var(--button-border-radius);
  border: 1px solid var(--standard-button-bg-color);
  cursor: default;
  transition: all .2s;
}

@media (hover: hover) and (pointer: fine) {
  .clsy-home-footer .markt_button_type1_exec:hover,
.clsy-home-footer .markt_button_type1_nav:hover,
.clsy-cmscontent .markt_button_type1_exec:hover,
.clsy-cmscontent .markt_button_type1_nav:hover {
    background-color: var(--standard-button-bg-color--hover);
  }
}

.clsy-home-footer .markt_button_type1_exec:focus-visible,
.clsy-home-footer .markt_button_type1_nav:focus-visible,
.clsy-cmscontent .markt_button_type1_exec:focus-visible,
.clsy-cmscontent .markt_button_type1_nav:focus-visible {
  background-color: var(--standard-button-bg-color--hover);
}

.clsy-home-footer .markt_button_type1_exec:focus:not(:focus-visible),
.clsy-home-footer .markt_button_type1_nav:focus:not(:focus-visible),
.clsy-cmscontent .markt_button_type1_exec:focus:not(:focus-visible),
.clsy-cmscontent .markt_button_type1_nav:focus:not(:focus-visible) {
  outline: none;
}

.clsy-home-footer .markt_button_type1_exec:focus-visible,
.clsy-home-footer .markt_button_type1_nav:focus-visible,
.clsy-cmscontent .markt_button_type1_exec:focus-visible,
.clsy-cmscontent .markt_button_type1_nav:focus-visible {
  outline: var(--button-outline-style);
  outline-offset: var(--button-outline-offset);
}

.clsy-home-footer .markt_button_type1_exec:active,
.clsy-home-footer .markt_button_type1_nav:active,
.clsy-cmscontent .markt_button_type1_exec:active,
.clsy-cmscontent .markt_button_type1_nav:active {
  background-color: var(--standard-button-bg-color--active);
  border-color: var(--standard-button-bg-color--active);
  transform: translate(var(--button-active-offset), var(--button-active-offset));
}

.clsy-home-footer .markt_button_type1_exec:after,
.clsy-home-footer .markt_button_type1_nav:after,
.clsy-cmscontent .markt_button_type1_exec:after,
.clsy-cmscontent .markt_button_type1_nav:after {
  content: none;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}

.clsy-home-footer .markt_button_type1_exec,
.clsy-cmscontent .markt_button_type1_exec {
  color: var(--cta-button-text-color);
  background-color: var(--cta-button-bg-color);
  border-color: var(--cta-button-bg-color);
}

.clsy-home-footer .markt_button_type1_exec:hover, .clsy-home-footer .markt_button_type1_exec:focus,
.clsy-cmscontent .markt_button_type1_exec:hover,
.clsy-cmscontent .markt_button_type1_exec:focus {
  color: var(--cta-button-text-color);
  background-color: var(--cta-button-bg-color--hover);
  border-color: var(--cta-button-bg-color--hover);
}

.clsy-home-footer .markt_button_type1_exec:active,
.clsy-cmscontent .markt_button_type1_exec:active {
  color: var(--cta-button-text-color);
  background-color: var(--cta-button-bg-color--active);
  border-color: var(--cta-button-bg-color--active);
}

.clsy-home-footer ul.markt_cms_inlineList,
.clsy-cmscontent ul.markt_cms_inlineList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6em, 1fr));
  grid-gap: 1.6em 3.2em;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

@media (min-width: 700px) {
  .clsy-home-footer ul.markt_cms_inlineList,
.clsy-cmscontent ul.markt_cms_inlineList {
    grid-gap: 1.6em 5.2em;
  }
}

.clsy-home-footer ul.markt_cms_inlineList > li,
.clsy-cmscontent ul.markt_cms_inlineList > li {
  margin: 0;
  padding: 0 0 0 .8em;
  line-height: var(--smaller-line-height);
}

.clsy-home-footer ul.markt_cms_inlineList > li::before,
.clsy-cmscontent ul.markt_cms_inlineList > li::before {
  top: .2em;
}

.clsy-home-footer .markt_cmsCustom_image,
.clsy-home-footer .markt_cmsCustom_image_left,
.clsy-home-footer .markt_cmsCustom_imageLarge,
.clsy-home-footer .markt_cmsCustom_imageLarge_left,
.clsy-home-footer .markt_cmsCustom_floatContainer_right,
.clsy-home-footer .markt_cmsCustom_floatContainer_left,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_right,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_left, .clsy-home-footer .cmsImageRightFloat,
.clsy-home-footer .cmsImageLeftFloat,
.clsy-cmscontent .markt_cmsCustom_image,
.clsy-cmscontent .markt_cmsCustom_image_left,
.clsy-cmscontent .markt_cmsCustom_imageLarge,
.clsy-cmscontent .markt_cmsCustom_imageLarge_left,
.clsy-cmscontent .markt_cmsCustom_floatContainer_right,
.clsy-cmscontent .markt_cmsCustom_floatContainer_left,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_right,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_left,
.clsy-cmscontent .cmsImageRightFloat,
.clsy-cmscontent .cmsImageLeftFloat {
  display: table;
  table-layout: fixed;
  margin: 0 auto 0.8em;
}

.clsy-home-footer .markt_cmsCustom_image img,
.clsy-home-footer .markt_cmsCustom_image_left img,
.clsy-home-footer .markt_cmsCustom_imageLarge img,
.clsy-home-footer .markt_cmsCustom_imageLarge_left img,
.clsy-home-footer .markt_cmsCustom_floatContainer_right img,
.clsy-home-footer .markt_cmsCustom_floatContainer_left img,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_right img,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_left img, .clsy-home-footer .cmsImageRightFloat img.cmsImage,
.clsy-home-footer .cmsImageLeftFloat img.cmsImage,
.clsy-cmscontent .markt_cmsCustom_image img,
.clsy-cmscontent .markt_cmsCustom_image_left img,
.clsy-cmscontent .markt_cmsCustom_imageLarge img,
.clsy-cmscontent .markt_cmsCustom_imageLarge_left img,
.clsy-cmscontent .markt_cmsCustom_floatContainer_right img,
.clsy-cmscontent .markt_cmsCustom_floatContainer_left img,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_right img,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_left img,
.clsy-cmscontent .cmsImageRightFloat img.cmsImage,
.clsy-cmscontent .cmsImageLeftFloat img.cmsImage {
  margin-bottom: 0.2em;
}

.clsy-home-footer .markt_cmsCustom_image > span, .clsy-home-footer .markt_cmsCustom_image > figcaption,
.clsy-home-footer .markt_cmsCustom_image_left > span,
.clsy-home-footer .markt_cmsCustom_image_left > figcaption,
.clsy-home-footer .markt_cmsCustom_imageLarge > span,
.clsy-home-footer .markt_cmsCustom_imageLarge > figcaption,
.clsy-home-footer .markt_cmsCustom_imageLarge_left > span,
.clsy-home-footer .markt_cmsCustom_imageLarge_left > figcaption,
.clsy-home-footer .markt_cmsCustom_floatContainer_right > span,
.clsy-home-footer .markt_cmsCustom_floatContainer_right > figcaption,
.clsy-home-footer .markt_cmsCustom_floatContainer_left > span,
.clsy-home-footer .markt_cmsCustom_floatContainer_left > figcaption,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_right > span,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_right > figcaption,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_left > span,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_left > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_image > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_image > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_image > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_image > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_image_left > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_image_left > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_image_left > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_image_left > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_imageLarge > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_imageLarge > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_imageLarge > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_imageLarge > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_imageLarge_left > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_imageLarge_left > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_imageLarge_left > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_imageLarge_left > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainer_right > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainer_right > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainer_right > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainer_right > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainer_left > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainer_left > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainer_left > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainer_left > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainerWider_right > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainerWider_right > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainerWider_right > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainerWider_right > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainerWider_left > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainerWider_left > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainerWider_left > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainerWider_left > figcaption, .clsy-home-footer .cmsImageRightFloat .cmsImageText,
.clsy-home-footer .cmsImageLeftFloat .cmsImageText,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_image > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_image > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_image > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_image > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_image_left > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_image_left > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_image_left > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_image_left > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_imageLarge > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_imageLarge > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_imageLarge > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_imageLarge > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_imageLarge_left > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_imageLarge_left > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_imageLarge_left > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_imageLarge_left > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainer_right > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainer_right > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainer_right > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainer_right > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainer_left > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainer_left > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainer_left > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainer_left > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainerWider_right > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainerWider_right > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainerWider_right > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainerWider_right > figcaption,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainerWider_left > span,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainerWider_left > span,
.clsy-cmscontent .clsy-home-footer .markt_cmsCustom_floatContainerWider_left > figcaption,
.clsy-home-footer .clsy-cmscontent .markt_cmsCustom_floatContainerWider_left > figcaption,
.clsy-cmscontent .markt_cmsCustom_image > span,
.clsy-cmscontent .markt_cmsCustom_image > figcaption,
.clsy-cmscontent .markt_cmsCustom_image_left > span,
.clsy-cmscontent .markt_cmsCustom_image_left > figcaption,
.clsy-cmscontent .markt_cmsCustom_imageLarge > span,
.clsy-cmscontent .markt_cmsCustom_imageLarge > figcaption,
.clsy-cmscontent .markt_cmsCustom_imageLarge_left > span,
.clsy-cmscontent .markt_cmsCustom_imageLarge_left > figcaption,
.clsy-cmscontent .markt_cmsCustom_floatContainer_right > span,
.clsy-cmscontent .markt_cmsCustom_floatContainer_right > figcaption,
.clsy-cmscontent .markt_cmsCustom_floatContainer_left > span,
.clsy-cmscontent .markt_cmsCustom_floatContainer_left > figcaption,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_right > span,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_right > figcaption,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_left > span,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_left > figcaption,
.clsy-cmscontent .cmsImageRightFloat .cmsImageText,
.clsy-cmscontent .cmsImageLeftFloat .cmsImageText {
  display: table-caption;
  caption-side: bottom;
  font-size: var(--small-copytext-fontsize);
  color: var(--less-important-text-color);
}

@media all and (min-width: 700px) {
  .clsy-home-footer .cmsImageRightFloat,
.clsy-home-footer .markt_cmsCustom_image,
.clsy-home-footer .markt_cmsCustom_imageLarge,
.clsy-home-footer .markt_cmsCustom_floatContainer_right,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_right,
.clsy-cmscontent .cmsImageRightFloat,
.clsy-cmscontent .markt_cmsCustom_image,
.clsy-cmscontent .markt_cmsCustom_imageLarge,
.clsy-cmscontent .markt_cmsCustom_floatContainer_right,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_right {
    float: right;
    margin: 0 0 var(--standard-column-gutter) var(--standard-column-gutter);
  }
  .clsy-home-footer .cmsImageLeftFloat,
.clsy-home-footer .markt_cmsCustom_image_left,
.clsy-home-footer .markt_cmsCustom_imageLarge_left,
.clsy-home-footer .markt_cmsCustom_floatContainer_left,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_left,
.clsy-cmscontent .cmsImageLeftFloat,
.clsy-cmscontent .markt_cmsCustom_image_left,
.clsy-cmscontent .markt_cmsCustom_imageLarge_left,
.clsy-cmscontent .markt_cmsCustom_floatContainer_left,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_left {
    float: left;
    margin: 0 var(--standard-column-gutter) var(--standard-column-gutter) 0;
  }
  .clsy-home-footer .markt_cmsCustom_image,
.clsy-home-footer .markt_cmsCustom_image_left,
.clsy-home-footer .markt_cmsCustom_floatContainer_left,
.clsy-home-footer .markt_cmsCustom_floatContainer_right,
.clsy-cmscontent .markt_cmsCustom_image,
.clsy-cmscontent .markt_cmsCustom_image_left,
.clsy-cmscontent .markt_cmsCustom_floatContainer_left,
.clsy-cmscontent .markt_cmsCustom_floatContainer_right {
    max-width: 300px;
  }
  .clsy-home-footer .markt_cmsCustom_imageLarge,
.clsy-home-footer .markt_cmsCustom_imageLarge_left,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_left,
.clsy-home-footer .markt_cmsCustom_floatContainerWider_right,
.clsy-cmscontent .markt_cmsCustom_imageLarge,
.clsy-cmscontent .markt_cmsCustom_imageLarge_left,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_left,
.clsy-cmscontent .markt_cmsCustom_floatContainerWider_right {
    max-width: 380px;
  }
}

.clsy-home-footer .markt_cms_footnote,
.clsy-cmscontent .markt_cms_footnote {
  font-size: var(--fontsize-small);
  color: var(--less-important-text-color);
}

.clsy-home-footer ul.markt_cms_linkList_multiColumn,
.clsy-cmscontent ul.markt_cms_linkList_multiColumn {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15ch, 1fr));
  grid-column-gap: 1em;
  margin: 1em 0 2em;
  padding: 0;
  list-style: none;
}

.clsy-home-footer ul.markt_cms_linkList_multiColumn > li,
.clsy-cmscontent ul.markt_cms_linkList_multiColumn > li {
  margin: 0;
  padding-bottom: .8em;
  list-style-type: none;
  line-height: var(--smaller-line-height);
}

.clsy-home-footer ul.markt_cms_linkList_multiColumn > li > a,
.clsy-cmscontent ul.markt_cms_linkList_multiColumn > li > a {
  display: block;
}

.clsy-home-footer .markt_cms_toc,
.clsy-home-footer .markt_cms_infobox,
.clsy-cmscontent .markt_cms_toc,
.clsy-cmscontent .markt_cms_infobox {
  --vertical-border-width: 5px;
  margin: var(--standard-content-padding-vertical) calc(var(--fixed-content-padding-horizontal) * -1) var(--contentsection-bottom-margin);
  padding: var(--standard-content-padding-vertical) var(--fixed-content-padding-horizontal);
  clear: both;
  border: solid var(--emphasized-border-color);
  border-width: 1px var(--vertical-border-width);
}

.clsy-home-footer .markt_cms_expandable .markt_cms_toc,
.clsy-home-footer .markt_cms_expandable .markt_cms_infobox,
.clsy-cmscontent .markt_cms_expandable .markt_cms_toc,
.clsy-cmscontent .markt_cms_expandable .markt_cms_infobox {
  margin-left: 0;
  margin-right: 0;
}

.markt_cmsCustom_inlineBlocklink {
  display: inline-flex;
  gap: .3em;
  align-items: center;
  padding: 0 var(--standard-button-padding-horizontal);
  min-height: var(--smaller-touchtarget-min-height);
  line-height: var(--button-line-height);
  border-bottom: none;
}

.markt_cmsCustom_inlineBlocklink:before {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-width: 8px;
  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);
}

.markt_cmsCustom_inlineBlocklink:after {
  content: none;
}

.markt_cms_downloadBlocklink {
  display: grid;
  grid-template-columns: minmax(10ch, 2fr) minmax(10ch, 1fr);
  grid-column-gap: .6em;
  align-items: center;
  margin: 0 0 var(--standard-bottom-margin);
  padding: 0;
  border: var(--standard-border-style);
  border-radius: var(--standard-border-radius);
  box-shadow: 1px 1px 1px #0004;
}

.markt_cms_downloadBlocklink__label {
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/78cabk6k/image/pwa/icons/icon-download.svg);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .3em;
  padding: 1em 0;
  line-height: var(--smaller-line-height);
}

.markt_cms_downloadBlocklink__label::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);
}

@media (max-width: 374px) {
  .markt_cms_downloadBlocklink {
    grid-template-columns: 1fr;
  }
  .markt_cms_downloadBlocklink__label {
    border-top: var(--standard-border-style);
  }
}

.markt_cms_breakWord {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clsy-cms-dynamic-marktlet {
  max-width: 100%;
}

.markt-cms-tiles {
  --min-column-width: 210px;
  --row-gap: var(--standard-column-gutter);
  --column-gap: var(--standard-column-gutter);
  --border: solid var(--standard-border-color);
  --border-width: 1px 1px 3px;
  display: grid;
  grid-gap: var(--row-gap) var(--column-gap);
  grid-template-columns: repeat(auto-fit, minmax(var(--min-column-width), 1fr));
}

@media (max-width: 240px) {
  .markt-cms-tiles {
    grid-template-columns: 1fr;
  }
}

.markt-cms-tiles--no-border {
  --border: none;
  --border-width: 0;
}

.markt-cms-tiles--no-border .markt-cms-tile {
  padding: 0;
}

@media (min-width: 250px) and (max-width: 430px) {
  .markt-cms-tiles--small-viewports-sidebyside {
    grid-row-gap: calc(var(--row-gap) / 2);
  }
  .markt-cms-tiles--small-viewports-sidebyside .markt-cms-tile {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .4em;
    align-items: center;
  }
  .markt-cms-tiles--small-viewports-sidebyside .markt-cms-tile__content {
    text-align: left;
  }
}

.markt-cms-tilegroup {
  --min-tile-width: var(--min-column-width);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--min-tile-width), 1fr));
  grid-column-gap: var(--column-gap);
}

.markt-cms-tilegroup:has(:nth-child(2)) {
  --min-tile-width: calc(var(--min-column-width) / 2 - var(--column-gap));
}

.markt-cms-tilegroup:has(:nth-child(3)) {
  --min-tile-width: calc(var(--min-column-width) / 3 - (var(--column-gap) * 2));
}

.markt-cms-tilegroup:has(:nth-child(4)) {
  position: relative;
}

.markt-cms-tilegroup:has(:nth-child(4))::before {
  content: "Only 3 tiles are supported in this group";
  display: block;
  padding: 1em;
  position: absolute;
  inset: 0;
  background-color: #ffffffaa;
  color: var(--error-link-color);
  font-weight: bold;
  text-align: center;
  border: 1px solid var(--error-link-color);
}

.markt-cms-tile {
  padding: var(--standard-content-padding-vertical) var(--smaller-fixed-content-padding-horizontal) 0;
  border: var(--border);
  border-width: var(--border-width);
  border-radius: var(--standard-border-radius);
}

.markt-cms-tile__image {
  display: block;
  margin: 0 auto .6em;
}

.markt-cms-tile__heading {
  margin-bottom: .6em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: var(--fontsize-large);
}

.markt-cms-tile__content {
  font-size: var(--fontsize-small);
  text-wrap: pretty;
}

.markt-cms-tile__content--font-size-normal {
  font-size: var(--standard-fontsize);
}

.markt-cms-tile__content--justified {
  text-align: justify;
}

.markt-cms-tile__content--centered {
  text-align: center;
}

.markt_cms_itembar {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  align-items: flex-end;
  margin: var(--standard-bottom-margin) 0;
}

.markt_cms_itembar > * {
  margin: 0;
}

.markt_cms_itembar--centered {
  justify-content: center;
}

picture.markt-cms-picture--centered img,
img.markt-cms-picture--centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.markt-cms-hero {
  --hero-height: 580px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  height: var(--hero-height);
  padding-left: 2em;
}

.markt-cms-hero__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.markt-cms-hero__bg-img img {
  object-fit: cover;
  object-position: center;
  height: var(--hero-height);
}

.markt-cms-hero__heading {
  margin-top: 0;
  z-index: 1;
  color: var(--light-text-color);
  text-shadow: 1px 1px 0 #00000022, 0 0 30px var(--markt-black);
}

.markt-cms-slogan {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  font-size: var(--fontsize-large);
  text-align: center;
  text-wrap: pretty;
}

.markt-cms-lp-section {
  --lp-vertical-spacing: 4rem;
  margin-top: var(--lp-vertical-spacing);
  margin-bottom: var(--lp-vertical-spacing);
}

.markt-cms-restricted-width {
  --max-width: 768px;
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
}

.markt-cms-gallery-slider {
  --gallery-slider-max-width: 100%;
  max-width: var(--gallery-slider-max-width);
}

.markt-cms-gallery-slider--medium-width {
  --gallery-slider-max-width: 756px;
  margin-left: auto;
  margin-right: auto;
}

.markt-cms-gallery-slider__item {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 1em;
}

@media (max-width: 450px) {
  .markt-cms-gallery-slider__item {
    grid-template-columns: 1fr;
  }
}

.markt-cms-gallery-slider__item > div:has(img) {
  margin: 0 auto;
}

.markt-cms-gallery-slider__pager {
  text-align: right;
  font-style: italic;
  color: var(--less-important-text-color);
}

.markt-cms-gallery-slider__pager .bx-pager.bx-default-pager {
  display: inline;
}

div[class^="markt-cms"] .bx-controls-direction a {
  --mask-icon-width: 40px;
  --mask-icon-height: 40px;
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/kblbffl/image/pwa/icons/icon-chevron-circled-right.svg);
  width: 40px !important;
  height: 40px !important;
  border-bottom: none;
  background: none;
  filter: drop-shadow(0 0 5px var(--cta-button-text-color));
  z-index: 1;
}

div[class^="markt-cms"] .bx-controls-direction a:after {
  content: none;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}

div[class^="markt-cms"] .bx-controls-direction a::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;
  inset: 0 0 0 0;
}

div[class^="markt-cms"] .bx-controls-direction a:hover, div[class^="markt-cms"] .bx-controls-direction a:focus {
  filter: brightness(1.2) contrast(0.8) drop-shadow(0 0 5px var(--cta-button-text-color));
}

div[class^="markt-cms"] .bx-controls-direction .bx-prev {
  --mask-icon-transform: rotate(180deg);
}

div[class^="markt-cms"] .bx-controls-direction .bx-prev, div[class^="markt-cms"] .bx-controls-direction .bx-prev:focus, div[class^="markt-cms"] .bx-controls-direction .bx-prev:hover {
  left: 0;
}

div[class^="markt-cms"] .bx-controls-direction .bx-next, div[class^="markt-cms"] .bx-controls-direction .bx-next:focus, div[class^="markt-cms"] .bx-controls-direction .bx-next:hover {
  right: 0;
}

div[class^="markt-cms"] .bx-wrapper {
  background-color: var(--contentsection-bg-color);
}

.markt-cms-premium-duration {
  min-height: calc(var(--standard-fontsize) * var(--standard-line-height));
  transition: opacity .1s;
  opacity: 0;
}

.markt-cms-premium-duration--filled {
  opacity: 1;
}

.markt-cms-lp-container {
  max-width: 625px;
  margin-left: auto;
  margin-right: auto;
}

.clsy-cmscontent-container:has(.markt-cms-lp-container) .clsy-search-header__search-input {
  max-width: 625px;
}

.markt-cms-carousel {
  --carousel-item-subject-fontsize: var(--fontsize-small);
  --carousel-item-subject-lines: 2;
}

.markt-cms-carousel__item {
  display: block;
  position: relative;
  padding: 0;
  background-color: var(--cardlike-item-bg-color);
  transition: background-color .3s;
  color: var(--standard-text-color);
  border: solid var(--standard-border-color);
  border-width: 1px 1px 3px;
  border-radius: var(--standard-border-radius);
}

.markt-cms-carousel__item:hover, .markt-cms-carousel__item:hover .clsy-c-carousel__item-text, .markt-cms-carousel__item:focus, .markt-cms-carousel__item:focus .clsy-c-carousel__item-text {
  background-color: var(--link-hover-bg-color);
}

.markt-cms-carousel__item-image {
  width: 100%;
}

.markt-cms-carousel__item-image > img {
  aspect-ratio: 13 / 17;
  object-fit: contain;
  background-color: #99999911;
}

.markt-cms-carousel__item-text {
  display: flex;
  flex-direction: column;
  padding: var(--smaller-content-padding-vertical) var(--smallest-fixed-content-padding-horizontal);
  height: auto;
  min-height: 4.7em;
  transition: background-color .3s;
  background-color: var(--cardlike-item-bg-color);
}

.markt-cms-carousel__item-subject {
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
  height: calc( var(--carousel-item-subject-fontsize) * var(--smaller-line-height) * var(--carousel-item-subject-lines) + 0px + 0px + 0px);
  font-size: var(--carousel-item-subject-fontsize);
  line-height: var(--smaller-line-height);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--carousel-item-subject-lines);
}

.markt-cms-carousel__item-price {
  margin-top: .2em;
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
  height: calc( var(--fontsize-small) * 1 * 2 + 0px + 0px + 0px);
  font-size: var(--fontsize-small);
  line-height: 1;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: bold;
  text-align: right;
  color: var(--standard-text-color);
  line-height: var(--smallest-line-height);
}

.markt-cms-carousel__item-price-value + .markt-cms-carousel__item-price-label {
  font-size: var(--fontsize-xsmall);
  font-weight: normal;
}

.markt-cms-navigation {
  --animation-duration: 300ms;
  --item-height: var(--standard-touchtarget-min-height);
  --standard-content-padding-horizontal: var(--fixed-content-padding-horizontal);
}

.markt-cms-navigation:has(.markt-cms-navigation__toggle-expand[aria-expanded="false"]) .markt-cms-navigation__item--hidden {
  --item-height: 0;
  --content-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.markt-cms-navigation__item {
  --content-height: 0fr;
  display: grid;
  justify-content: start;
  grid-template-columns: 1fr;
  grid-template-rows: var(--item-height) var(--content-height);
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .markt-cms-navigation__item {
    transition: grid-template-rows var(--animation-duration), opacity var(--animation-duration);
  }
}

.markt-cms-navigation__item:has([aria-expanded="true"]) {
  --content-height: 1fr;
}

.markt-cms-navigation .markt-cms-navigation__items li.markt-cms-navigation__item, .markt-cms-navigation .markt-cms-navigation__items li.markt-cms-navigation__item li {
  --mask-icon-width: 28px;
  --mask-icon-height: 28px;
  --mask-icon-size: auto;
  --icon-right-gap: 12px;
  margin: 0;
  padding: 0;
}

.markt-cms-navigation .markt-cms-navigation__items li.markt-cms-navigation__item::before, .markt-cms-navigation .markt-cms-navigation__items li.markt-cms-navigation__item li::before {
  content: none;
}

.markt-cms-navigation li.markt-cms-navigation__item {
  border-bottom: var(--standard-border-style);
}

.markt-cms-navigation li.markt-cms-navigation__item:first-child {
  border-top: var(--standard-border-style);
}

.markt-cms-navigation li.markt-cms-navigation__item li > .clsy-c-blocklink {
  padding-left: calc(var(--mask-icon-width) + var(--icon-right-gap));
}

.markt-cms-navigation__rootcategory {
  gap: var(--icon-right-gap);
}

.markt-cms-navigation__rootcategory:hover {
  background-color: var(--link-hover-bg-color);
}

.markt-cms-navigation__rootcategory::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);
}

.markt-cms-navigation__content {
  overflow: hidden;
}

.markt-cms-navigation__trigger {
  display: flex;
  align-items: center;
  padding: var(--standard-content-padding-vertical) var(--blocklink-padding-horizontal);
  width: 100%;
  height: var(--standard-touchtarget-min-height);
  overflow: hidden;
  line-height: var(--smaller-line-height);
  color: var(--standard-text-color);
  border: none;
  cursor: pointer;
}

.markt-cms-navigation__trigger::after {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/ck9gaie7/image/pwa/icons/icon-chevron-right.svg);
  --mask-icon-color: var(--emphasized-color);
  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);
  transform: rotate(-90deg);
  transform-origin: center center;
  transition: transform 200ms;
  margin-left: auto;
  padding-left: .4em;
  align-self: center;
  line-height: .5;
}

.markt-cms-navigation__trigger[aria-expanded="false"]::after {
  transform: rotate(90deg);
}

.markt-cms-navigation__trigger[aria-expanded="false"] + .markt-cms-navigation__content {
  visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  .markt-cms-navigation__trigger[aria-expanded="false"] + .markt-cms-navigation__content {
    transition: visibility 0s var(--animation-duration);
  }
}

.markt-cms-navigation .markt-cms-navigation__toggle-expand {
  display: flex;
  min-height: var(--standard-touchtarget-min-height);
  align-items: center;
  margin: 0 auto;
  padding: 0 .5em;
  border: none;
}

.markt-cms-navigation .markt-cms-navigation__toggle-expand[aria-expanded="false"] .collapse {
  display: none;
}

.markt-cms-navigation .markt-cms-navigation__toggle-expand[aria-expanded="true"] .expand {
  display: none;
}

.markt-cms-navigation .markt-cms-navigation__toggle-expand > span {
  display: flex;
  align-items: center;
  gap: .4em;
}

.markt-cms-navigation .markt-cms-navigation__toggle-expand > span::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);
  --mask-icon-color: var(--standard-link-color);
}

.markt-cms-navigation .markt-cms-navigation__toggle-expand > span.collapse {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/8i86afb7/image/pwa/icons/icon-collapsiblesection-collapse.svg);
}

.markt-cms-navigation .markt-cms-navigation__toggle-expand > span.expand {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/dca7bfe6/image/pwa/icons/icon-collapsiblesection-expand.svg);
}

.markt-cms-button--premium {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/9jjfi6h/image/pwa/icons/icon-premium-marker.svg);
  --mask-icon-size: 1.3em auto;
  --mask-icon-transform: translateY(-.17em);
}

.markt-cms-links-only-container a {
  display: inline-flex;
  margin-right: .8em;
  margin-bottom: .8em;
}

.markt-cms-styledtable-2 {
  --fontsize-thead: var(--fontsize-medium);
  --fontsize-tbody: var(--fontsize-small);
  --table-padding-vertical: 1rem;
  --row-padding-horizontal: 1rem;
  --td-padding-vertical-thead: 1rem;
  --td-padding-vertical-tbody: .4em;
  --border-width-table: 2px;
  --icon-size: 75% auto;
  margin: 1rem 0;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 1em;
}

@media (min-width: 700px) {
  .markt-cms-styledtable-2 {
    --fontsize-thead: var(--fontsize-xlarge);
    --fontsize-tbody: var(--fontsize-medium);
    --table-padding-vertical: 1.5rem;
    --row-padding-horizontal: 2rem;
    --td-padding-vertical-thead: 2rem;
    --td-padding-vertical-tbody: .6em;
    --border-width-table: 5px;
    --icon-size: 100% auto;
  }
}

.markt-cms-styledtable-2--centered {
  margin-left: auto;
  margin-right: auto;
}

.markt-cms-styledtable-2--bordered {
  border: var(--border-width-table) solid var(--standard-border-color);
}

.markt-cms-styledtable-2--colorize-yes-background tbody td:has(.markt-cms-yes) {
  background-color: var(--markt-green--alpha-1);
}

.markt-cms-styledtable-2 th,
.markt-cms-styledtable-2 td {
  padding: var(--td-padding-vertical-tbody) 0.5rem;
  font-size: var(--fontsize-tbody);
  line-height: var(--smaller-line-height);
  hyphens: none;
}

.markt-cms-styledtable-2 th:first-child,
.markt-cms-styledtable-2 td:first-child {
  padding-left: var(--row-padding-horizontal);
}

.markt-cms-styledtable-2 th:last-child,
.markt-cms-styledtable-2 td:last-child {
  padding-right: var(--row-padding-horizontal);
}

.markt-cms-styledtable-2 th {
  text-align: left;
}

.markt-cms-styledtable-2 td {
  text-align: center;
}

.markt-cms-styledtable-2 thead tr:first-child th,
.markt-cms-styledtable-2 thead tr:first-child td {
  padding-top: var(--table-padding-vertical);
  padding-bottom: var(--td-padding-vertical-thead);
  font-size: var(--fontsize-thead);
  font-weight: normal;
  hyphens: none;
}

.markt-cms-styledtable-2 tbody tr:last-child th,
.markt-cms-styledtable-2 tbody tr:last-child td {
  padding-bottom: var(--table-padding-vertical);
}

.markt-cms-styledtable-2 tbody tr:nth-child(odd) {
  background-color: var(--item-selected-bg-color);
}

.markt-cms-styledtable-2 tbody th {
  font-weight: normal;
}

.markt-cms-yes {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/hfhjacaj/image/pwa/icons/icon-checkmark-circled.svg);
  --mask-icon-color: var(--markt-green--darker);
  --mask-icon-size: var(--icon-size);
}

.markt-cms-no {
  --mask-icon-image: url(https://static.testing.markt.de/bundles/la7hdhg7/image/pwa/icons/icon-cross-circled.svg);
  --mask-icon-color: var(--markt-red);
  --mask-icon-size: var(--icon-size);
}

.markt_cmsCustom_clickGalleryWrapper {
  position: relative;
  margin-top: 3em;
  transition: all .5s;
}

.markt_cmsCustom_clickGallery {
  width: 100%;
}

.markt_cmsCustom_clickGallery > div:first-of-type {
  text-align: center;
}

.markt_cmsCustom_clickGallery h2:first-of-type {
  margin-top: 0;
}

.markt_cmsCustom_clickGallery dt {
  float: left;
  font-weight: bold;
  margin-right: .8em;
}

.markt_cmsCustom_clickGallery dt:after {
  content: ":";
}

.markt_cmsCustom_clickGallery dd {
  font-weight: normal;
  margin-left: 1em;
}

@media screen and (min-width: 700px) {
  .markt_cmsCustom_clickGallery {
    display: table;
  }
  .markt_cmsCustom_clickGallery > div {
    display: table-cell;
    vertical-align: top;
    padding: 0 1em;
  }
  .markt_cmsCustom_clickGallery > div > img {
    max-width: none;
    max-height: none;
  }
  .markt_cmsCustom_clickGallery > div:first-of-type {
    padding-left: 0;
  }
  .markt_cmsCustom_clickGallery > div:last-of-type {
    padding-right: 45px;
  }
}

/* === navlinks === */
a.markt_cmsCustom_navLink {
  --navlink-indicator-padding: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4em;
  color: transparent;
  filter: drop-shadow(0 0 5px var(--cta-button-text-color));
  --mask-icon-color: var(--standard-link-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/kblbffl/image/pwa/icons/icon-chevron-circled-right.svg);
  --mask-icon-image-width: 30px;
  --mask-icon-image-height: 30px;
}

a.markt_cmsCustom_navLink: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: 120px;
}

a.markt_cmsCustom_navLink.markt_cmsCustom_navLink_disabled {
  outline: none;
  cursor: default;
  filter: none;
}

a.markt_cmsCustom_navLink.markt_cmsCustom_navLink_disabled:before {
  content: none;
}

a.markt_cmsCustom_navLink.markt_cmsCustom_previous {
  left: 0;
}

a.markt_cmsCustom_navLink.markt_cmsCustom_previous:before {
  --mask-icon-transform: rotate(180deg);
  left: var(--navlink-indicator-padding);
}

a.markt_cmsCustom_navLink.markt_cmsCustom_next {
  right: 0;
}

a.markt_cmsCustom_navLink.markt_cmsCustom_next:before {
  right: var(--navlink-indicator-padding);
}

@media screen and (min-width: 700px) {
  a.markt_cmsCustom_previous:before {
    left: 10px;
  }
  a.markt_cmsCustom_next:before {
    right: 10px;
  }
}

/* === pagination === */
.markt_cmsCustom_clickGalleryPag {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.markt_cmsCustom_clickGalleryPag a {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  padding: var(--standard-button-padding);
  min-height: var(--standard-button-height);
  font-size: var(--standard-fontsize);
  text-align: center;
  color: var(--standard-button-text-color);
  line-height: var(--button-line-height);
  background-color: var(--standard-button-bg-color);
  border-radius: var(--button-border-radius);
  border: 1px solid var(--standard-button-bg-color);
  cursor: default;
  transition: all .2s;
  margin: .2em;
}

@media (hover: hover) and (pointer: fine) {
  .markt_cmsCustom_clickGalleryPag a:hover {
    background-color: var(--standard-button-bg-color--hover);
  }
}

.markt_cmsCustom_clickGalleryPag a:focus-visible {
  background-color: var(--standard-button-bg-color--hover);
}

.markt_cmsCustom_clickGalleryPag a:focus:not(:focus-visible) {
  outline: none;
}

.markt_cmsCustom_clickGalleryPag a:focus-visible {
  outline: var(--button-outline-style);
  outline-offset: var(--button-outline-offset);
}

.markt_cmsCustom_clickGalleryPag a:active {
  background-color: var(--standard-button-bg-color--active);
  border-color: var(--standard-button-bg-color--active);
  transform: translate(var(--button-active-offset), var(--button-active-offset));
}

.markt_cmsCustom_clickGalleryPag a:after {
  content: none;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}

.markt_cmsCustom_clickGalleryPag a.selected {
  cursor: default;
  background-color: var(--emphasized-color);
  color: var(--emphasized-background-text-color);
  outline: 1px;
}

.markt_cmsCustom_clickGalleryPag a.markt_cmsCustom_navLink_disabled {
  background-color: transparent;
  border: 1px solid var(--standard-text-color);
  cursor: not-allowed;
  filter: var(--disabled-button-filter);
  /*
  Add an outline for focused disabled button

  puzzled reader:
    “But ... a disabled button won't receive focus and hence will never
     show an outline?”

  Excellent question! But a disabled style can be added to a link that is
  displayed like a button, and even to a button without the button having
  the disabled attribute. It will apply styles to the button so it looks
  disabled without being disabled.

  even more puzzled reader:
      “But ... why on earth would anybody do something as weird as that??”

  An even more excellent question! But there are situations where the
  button (or the link) should still be clickable in order to show a dialog
  that explains why the action is not possible at the moment. So we need a
  disabled button that still can receive focus and click events - which is
  not the case when the button is disabled via the disabled attribute.

  [reader opens and closes mouth in bewilderment, exits the scene]
  */
}

.markt_cmsCustom_clickGalleryPag a.markt_cmsCustom_navLink_disabled, .markt_cmsCustom_clickGalleryPag a.markt_cmsCustom_navLink_disabled:hover, .markt_cmsCustom_clickGalleryPag a.markt_cmsCustom_navLink_disabled:focus, .markt_cmsCustom_clickGalleryPag a.markt_cmsCustom_navLink_disabled:active {
  color: var(--standard-text-color);
  background-color: transparent;
  transform: none;
}

.markt_cmsCustom_clickGalleryPag a.markt_cmsCustom_navLink_disabled:focus-visible {
  outline: var(--button-outline-style);
  outline-offset: var(--button-outline-offset);
}

.markt_cmsCustom_clickGalleryPag a.markt_cmsCustom_navLink_disabled:after {
  content: none;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-color: transparent;
}

/* === X of Y pages indicator === */
.markt_cmsCustom_xOfY {
  position: absolute;
  display: block;
  top: -2em;
  right: 0;
  color: var(--less-important-text-color);
  font-style: italic;
}

.currentPage:before {
  content: "Seite ";
}

.totalPages:before {
  content: " von ";
}

/* === loading indicator === */
.markt_cmsCustom_loading {
  position: relative;
  opacity: .3;
  transition: all .5s;
}

.markt_cmsCustom_loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent url(https://static.testing.markt.de/bundles/ikkegjjb/image/markt/ajax-loader.gif) center center no-repeat;
}

/*!
 *  This document contains trade secret data which is the property of
 *  markt.de GmbH & Co KG. Information contained herein may not be used,
 *  copied or disclosed in whole or part except as permitted by written
 *  agreement from markt.de GmbH & Co KG.
 *
 *  Copyright (c) 2019 markt.de GmbH & Co KG / Munich / Germany
 */
.clsy-c-advsection {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding: var(--standard-content-padding-vertical) 0;
  overflow-x: auto;
  overflow-y: hidden;
  overflow-anchor: none;
  z-index: 1;
  background-color: var(--advsection-bg-color);
}

.clsy-contentsection + .clsy-c-advsection,
.clsy-contentsection + .clsy-advsection-outer {
  margin-top: calc(var(--contentsection-bottom-margin) * -1);
}

.clsy-c-advsection + .clsy-c-advsection {
  background-image: none;
}

.clsy-c-advsection__caption {
  --mask-icon-color: var(--emphasized-color);
  --mask-icon-image: url(https://static.testing.markt.de/bundles/9jjfi6h/image/pwa/icons/icon-premium-marker.svg);
  --mask-icon-width: 11px;
  --mask-icon-height: 11px;
  --mask-icon-size: 11px auto;
  margin-top: .5em;
  line-height: var(--smaller-line-height);
  font-size: var(--fontsize-xsmall);
}

.clsy-c-advsection__caption::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;
  left: calc(-1 * var(--mask-icon-width));
}

.clsy-c-advsection[id^="clsy-clsds-cont-"][data-advsection-setupid="traffective2020"] :not(
:has([id^="clsy-clsds-div-"]:not([style*="display:"][style*="none"]) > *)
)
:not(
:has([id="traffective-ad-Ticker"]:not([style*="display:"][style*="none"]) > *)
) .clsy-c-advsection__caption, .clsy-c-advsection[id^="clsy-clsds-cont-"][data-advsection-setupid="adspirit"]:not(:has([id^="clsy-clsds-div-"] > *:not(script))) .clsy-c-advsection__caption, .clsy-c-advsection[id^="clsy-clsds-cont-"][data-advsection-setupid="solads"]:not(:has(.m3_container)) .clsy-c-advsection__caption {
  display: none;
}

#clsy-clsds-cont-main_billboard,
#clsy-clsds-cont-search_billboard,
#clsy-clsds-cont-list_mobile_top,
#clsy-clsds-cont-mailbox_top,
#clsy-clsds-cont-mailbox_mobile_top,
#clsy-clsds-cont-social_mobile_top,
#clsy-clsds-cont-user_profile_billboard,
#clsy-clsds-cont-social_mobile_top,
#clsy-clsds-cont-cms_mobile_top,
#clsy-clsds-cont-category_article_mobile_top,
.clsy-c-expose-mn-3 .clsy-c-advsection ins.adsbygoogle {
  background-image: url("https://static.testing.markt.de/bundles/ikfeiic/image/pwa/bg_adv.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

body.erotic #clsy-clsds-cont-main_billboard, body.erotic #clsy-clsds-cont-search_billboard, body.erotic #clsy-clsds-cont-list_mobile_top, body.erotic #clsy-clsds-cont-mailbox_top, body.erotic #clsy-clsds-cont-mailbox_mobile_top, body.erotic #clsy-clsds-cont-social_mobile_top, body.erotic #clsy-clsds-cont-user_profile_billboard, body.erotic #clsy-clsds-cont-social_mobile_top, body.erotic #clsy-clsds-cont-cms_mobile_top, body.erotic #clsy-clsds-cont-category_article_mobile_top, body.erotic .clsy-c-expose-mn-3 .clsy-c-advsection ins.adsbygoogle {
  background-image: url("https://static.testing.markt.de/bundles/87l7a9kg/image/pwa/bg_adv_erotic.svg");
  background-size: 200px auto;
}

body.erotic #clsy-clsds-cont-list_mobile_top {
  background-image: none;
}

.clsy-adv-wrapper__title {
  margin: .3em 0;
  padding: 0 var(--standard-content-padding-horizontal);
  font-weight: normal;
  font-size: var(--fontsize-large);
}

.clsy-adv-item {
  --marker-border-color: var(--markt-green);
}

.clsy-adv-item .clsy-c-result-list-item__content {
  grid-template-columns: 1fr;
  grid-template-rows: min-content min-content min-content auto;
  grid-template-areas: "marker-label" "title" "description" "link";
  grid-gap: .4rem;
  padding-right: var(--fixed-content-padding-horizontal);
}

.clsy-adv-item__thumbnail .clsy-c-result-list-item__thumbnail-img {
  object-position: top;
}

.clsy-adv-item__marker-label-container {
  grid-area: marker-label;
}

.clsy-adv-item__marker-label {
  padding: .1em;
  text-align: center;
  font-size: var(--fontsize-small);
  font-weight: bold;
  color: var(--standard-text-color);
  border: 1px solid var(--marker-border-color);
  border-radius: var(--standard-border-radius);
}

@container result-list (width > 500px) {
  .clsy-adv-item__marker-label {
    max-width: 30ch;
  }
}

.clsy-adv-item__title.clsy-c-result-list-item__title {
  grid-area: title;
  filter: none;
}

.clsy-adv-item__title.clsy-c-result-list-item__title > a {
  color: var(--standard-text-color);
}

.clsy-adv-item__title.clsy-c-result-list-item__title > a:focus-visible {
  outline: none;
}

.clsy-adv-item__description-text {
  --line-clamp: 3;
  grid-area: description;
  display: -webkit-box;
  font-size: var(--fontsize-small);
  filter: saturate(0.1);
}

.clsy-adv-item__link {
  grid-area: link;
  justify-self: left;
  align-self: end;
  font-size: var(--fontsize-small);
  color: var(--emphasized-text-color);
  border-bottom-color: var(--emphasized-text-color);
}

@media (min-width: 700px) {
  .clsy-adv-sticky {
    position: sticky;
    top: calc( var(--header-height) + var(--search-header-height));
    z-index: 1;
  }
}

ins#clsy-clsds-div-search_below_gallery {
  flex: 1;
}

/*
 * Overrides for jquery plugins. Scoped to pagecontainer to be more specific than the default-styles
 */
.clsy-c-pagecontainer .bx-wrapper {
  margin: 0 auto;
  border: none;
  box-shadow: none;
}

.clsy-c-pagecontainer .bx-wrapper .bx-pager,
.clsy-c-pagecontainer .bx-wrapper .bx-controls-auto {
  bottom: 20px;
}

.clsy-c-pagecontainer .bx-wrapper .bx-pager {
  padding: 0;
  text-align: center;
  font-size: var(--standard-fontsize);
  font-family: var(--standard-font-family);
  font-weight: bold;
  color: var(--less-important-text-color);
}

.clsy-c-pagecontainer .bx-wrapper .bx-pager.bx-default-pager a {
  background: var(--standard-bg-color);
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  outline: 0;
  border: var(--standard-border-style);
  border-radius: 50%;
}

.clsy-c-pagecontainer .bx-wrapper .bx-pager.bx-default-pager a:hover, .clsy-c-pagecontainer .bx-wrapper .bx-pager.bx-default-pager a:focus, .clsy-c-pagecontainer .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: var(--emphasized-color);
}

.clsy-c-pagecontainer .bx-wrapper .bx-pager.bx-default-pager a:after {
  content: none;
}