#site-header {
  width: 970px;
  color: var(--kds-sema-color-on-surface);
  background: var(--kds-sema-color-surface);
}
@media (min-width: 970px) {
  #site-header {
    width: 100%;
  }
}
.site-header-top {
  display: flex;
  justify-content: center;
  padding: 24px 0;
  background-color: var(--kds-sema-color-surface);
}
.site-header-top-wrap {
  display: flex;
  width: 100%;
  max-width: 970px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#site-header-top #site-logo {
  flex-shrink: 0;
  flex-grow: 999;
  line-height: 130%;
}
#site-header-top #site-logo > a {
  display: inline-block;
}
#site-header-top #site-logo > a > img {
  display: block;
  vertical-align: middle;
  height: 40px;
  max-width: 100%;
}
#site-header-top .linklist > li {
  display: flex;
  margin: 0;
}
#site-header-top .flex-row-vertical-center {
  gap: 12px;
}
#site-content {
  padding-top: 24px;
  padding-bottom: 12px;
  margin-bottom: 0;
}
#site-content:after,
#site-content:before {
  content: "";
  display: table;
}
#site-content:after {
  clear: both;
}
.l-row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -7px;
  margin-left: -7px;
}
.l-row img {
  max-width: 100%;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
a {
  color: var(--kds-sema-color-interactive);
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
p > a {
  text-decoration: underline;
}
.headline,
.headline-big,
.headline-medium,
.headline-small,
.icon-headline,
.icon-headline-small {
  font-size: 0.875rem;
  font-weight: var(--font-weight-strong);
}
.headline-big {
  font-size: 1.125rem;
}
.headline-medium {
  font-size: 1rem;
}
.icon-headline,
.icon-headline-small {
  vertical-align: middle;
  margin: 0;
}
.icon-headline {
  font-size: 0.875rem;
}
.icon-headline [class*=" icon-"],
.icon-headline [class^="icon-"] {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 1.125rem;
  width: 24px;
  height: 24px;
  background-size: contain;
  display: inline-block;
}
.icon-headline-medium [class*=" icon-"],
.icon-headline-medium [class^="icon-"] {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 30px;
  width: 24px;
  height: 24px;
  background-size: contain;
  display: inline-block;
}
ul {
  padding-left: 25px;
}
ul {
  list-style-type: disc;
}
.linklist,
.list,
.list-horizontal {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.linklist > li > ul,
.list-horizontal > li > ul,
.list > li > ul {
  list-style-type: none;
  padding-left: 10px;
}
.linklist > li,
.list-horizontal > li {
  display: inline;
  margin: 0 10px 0 0;
}
.linklist > li:last-child,
.list-horizontal > li:last-child {
  margin-right: 0;
}
.button-icon,
.icon,
.icon-link-icon,
.icon-link-small,
.icon-small,
.link-icon,
.link-icon-right {
  background-repeat: no-repeat;
  display: inline-block;
}
.button-icon,
.icon {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.icon-small.button-icon,
.icon.icon-small {
  height: 16px;
  width: 16px;
  background-size: 16px;
}
.icon-medium.button-icon,
.icon.icon-medium {
  height: 30px;
  width: 30px;
  background-size: 30px;
}
.icon-link-small.button-icon,
.icon.icon-link-small {
  height: 16px;
  width: 16px;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 1px 0;
}
.icon.is-absolute,
.is-absolute.button-icon {
  position: absolute;
  margin-left: 3px;
}
.link-icon {
  margin-right: 0.3846em;
  vertical-align: baseline;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
}
.link-icon:after {
  content: ".";
  visibility: hidden;
}
.link-icon-right {
  vertical-align: middle;
  margin-left: 0.3846em;
}
.button-icon {
  margin-right: 10px;
  background-position: center center;
  width: 18px;
  height: 18px;
  background-size: 18px;
  vertical-align: middle;
  cursor: pointer;
  flex-shrink: 0;
}
.button-icon-medium {
  width: 16px;
  height: 16px;
  background-size: 16px;
}

.button,
.button-link,
.button-secondary,
.skip-link--link,
button {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  flex-direction: row;
  padding: 0 16px;
  white-space: nowrap;
  border: none;
  background-color: var(--kds-sema-color-primary);
  border-radius: var(--kds-sema-border-radius-button);
  box-sizing: border-box;
  color: var(--kds-sema-color-on-primary);
  min-height: 44px;
  height: 44px;
  width: auto;
}
.button-small,
.button-small-watchlist {
  min-height: 32px;
  height: 32px;
}
.button-link:active,
.button-link:hover,
.button-secondary:active,
.button-secondary:hover,
.button:active,
.button:hover,
.skip-link--link:active,
.skip-link--link:hover,
button:active,
button:hover {
  background-color: var(--kds-sema-color-secondary-container);
  text-decoration: none;
}
.button-overgreen.button-link,
.button-overgreen.button-secondary,
.button-overgreen.skip-link--link,
.button.button-overgreen,
button.button-overgreen {
  color: var(--kds-sema-color-on-primary-variant);
  background-color: var(--kds-sema-color-primary-variant);
}
.button-overgreen.button-link:hover,
.button-overgreen.button-secondary:hover,
.button-overgreen.skip-link--link:hover,
.button.button-overgreen:hover,
button.button-overgreen:hover {
  color: var(--kds-sema-color-interactive);
  background-color: var(--kds-sema-color-surface);
}
.ka-site-header .button-overgreen.button-link:hover,
.ka-site-header .button-overgreen.button-secondary:hover,
.ka-site-header .button-overgreen.skip-link--link:hover,
.ka-site-header .button.button-overgreen:hover,
.ka-site-header button.button-overgreen:hover {
  color: var(--kds-sema-color-on-interactive);
  background-color: var(--kds-sema-color-interactive-container);
}
.button-link:disabled,
.button-secondary:disabled,
.button:disabled,
.button:disabled:hover,
.skip-link--link:disabled,
button:disabled,
button:disabled:hover {
  cursor: default;
  color: rgba(
    var(--kds-sema-color-on-primary-rgb),
    var(--kds-intermediate-opacity-disabled)
  );
  background-color: rgba(
    var(--kds-sema-color-primary-rgb),
    var(--kds-sema-opacity-high)
  );
  border-color: unset;
}
.button-link:disabled .button-icon,
.button-secondary:disabled .button-icon,
.button:disabled .button-icon,
.button:disabled:hover .button-icon,
.skip-link--link:disabled .button-icon,
button:disabled .button-icon,
button:disabled:hover .button-icon {
  cursor: default;
  opacity: var(--kds-intermediate-opacity-disabled);
}
.button-secondary,
.skip-link--link {
  color: var(--kds-sema-color-interactive);
  background: rgba(0, 0, 0, 0) none;
  border: 2px solid var(--kds-sema-color-utility);
}
.button-secondary:active,
.button-secondary:hover,
.skip-link--link:active,
.skip-link--link:hover {
  background-color: var(--kds-sema-color-secondary-container);
  border-color: var(--kds-sema-color-interactive);
  text-decoration: none;
}
.button-secondary:disabled,
.button-secondary:disabled:hover,
.skip-link--link:disabled {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(
    var(--kds-sema-color-utility-rgb),
    var(--kds-intermediate-opacity-disabled)
  );
  color: rgba(
    var(--kds-sema-color-interactive-rgb),
    var(--kds-intermediate-opacity-disabled)
  );
}
.button-link {
  background-color: rgba(0, 0, 0, 0);
  color: var(--kds-sema-color-interactive);
  border-radius: var(--kds-sema-border-radius-button);
}
.button-link:active,
.button-link:hover {
  background-color: unset;
  text-decoration: underline;
}
.button + .button,
.button + .button-link,
.button + .button-secondary,
.button + .skip-link--link,
.button + button,
.button-link + .button,
.button-link + .button-link,
.button-link + .button-secondary,
.button-link + .skip-link--link,
.button-link + button,
.button-secondary + .button,
.button-secondary + .button-link,
.button-secondary + .button-secondary,
.button-secondary + .skip-link--link,
.button-secondary + button,
.skip-link--link + .button,
.skip-link--link + .button-link,
.skip-link--link + .button-secondary,
.skip-link--link + .skip-link--link,
.skip-link--link + button,
button + .button,
button + .button-link,
button + .button-secondary,
button + .skip-link--link,
button + button {
  margin-left: 7px;
}
.button-small-watchlist {
  margin-bottom: 4px;
}
hr {
  margin: 0;
  border: solid var(--kds-sema-color-utility-nonessential);
  border-width: 1px 0 0 0;
}
input[type="email"],
input[type="password"],
input[type="text"] {
  outline: 0;
}
input[type="checkbox"],
input[type="radio"] {
  margin-right: 7px;
  accent-color: var(--kds-sema-color-interactive);
  width: 18px;
  height: 18px;
  vertical-align: text-top;
}
.splitfield-dropdown,
.splitfield-dropdown-interactive,
.splitfield-dropdown-nonessential {
  height: 34px;
  box-shadow: none;
  font-size: 0.75rem;
  border: 1px solid var(--kds-sema-color-utility);
  background-color: var(--kds-sema-color-surface);
  color: var(--kds-sema-color-on-surface);
  width: 100%;
  display: block;
  padding: 6px 12px;
  border-radius: var(--kds-intermediate-border-radius-formcontrol);
  box-sizing: border-box;
}
.splitfield-dropdown-interactive:focus,
.splitfield-dropdown-interactive:hover,
.splitfield-dropdown-nonessential:focus,
.splitfield-dropdown-nonessential:hover,
.splitfield-dropdown:focus,
.splitfield-dropdown:hover {
  border-color: var(--kds-sema-color-on-surface-subdued);
}
.splitfield-dropdown-interactive:disabled,
.splitfield-dropdown-nonessential:disabled,
.splitfield-dropdown:disabled {
  background-color: var(--kds-sema-color-surface);
  color: var(--kds-sema-color-on-surface-subdued);
  border-color: var(--kds-sema-color-utility);
  opacity: var(--kds-intermediate-opacity-disabled);
}
.is-disabled.splitfield-dropdown,
.is-disabled.splitfield-dropdown-interactive,
.is-disabled.splitfield-dropdown-nonessential {
  border: none;
  background-color: var(--kds-sema-color-surface-subdued);
  color: var(--kds-sema-color-on-surface);
  cursor: default;
}
.splitfield-dropdown,
.splitfield-dropdown-interactive,
.splitfield-dropdown-nonessential {
  background: url(/static/images/kleinanzeigen/de/icn-dropdown.svg)
    no-repeat center right 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.splitfield-dropdown-interactive::-ms-expand,
.splitfield-dropdown-nonessential::-ms-expand,
.splitfield-dropdown::-ms-expand {
  display: none;
}
.splitfield-dropdown-interactive::-ms-value,
.splitfield-dropdown-nonessential::-ms-value,
.splitfield-dropdown::-ms-value {
  color: var(--kds-sema-color-on-surface);
  background: rgba(0, 0, 0, 0);
}
.splitfield-dropdown-interactive:-moz-focusring,
.splitfield-dropdown-nonessential:-moz-focusring,
.splitfield-dropdown:-moz-focusring,
input[type="time"]:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--kds-sema-color-on-surface);
}
.splitfield-dropdown-interactive > option,
.splitfield-dropdown-nonessential > option,
.splitfield-dropdown > option {
  padding: 6px 12px;
}
.splitfield-dropdown-interactive > option:hover,
.splitfield-dropdown-nonessential > option:hover,
.splitfield-dropdown > option:hover {
  background: var(--kds-sema-color-primary);
  color: var(--kds-sema-color-on-primary);
}
input:invalid {
  box-shadow: none;
  outline: 0;
  border-color: var(--kds-sema-color-critical);
}
::-webkit-input-placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
:-ms-input-placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
::-moz-placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
:-moz-placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
::placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
.placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
:disabled::-webkit-input-placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
:disabled:-ms-input-placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
:disabled::-moz-placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
:disabled:-moz-placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
:disabled::placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
:disabled.placeholder {
  color: var(--kds-sema-color-on-surface-subdued);
}
.input-placeholder::-webkit-input-placeholder {
  text-align: right;
}
.input-placeholder:-ms-input-placeholder {
  text-align: right;
}
.input-placeholder::-moz-placeholder {
  text-align: right;
}
.input-placeholder:-moz-placeholder {
  text-align: right;
}
.input-placeholder::placeholder {
  text-align: right;
}
.splitfield {
  background-color: rgba(0, 0, 0, 0);
  border-radius: var(--kds-intermediate-border-radius-form);
  display: grid;
  grid-template-columns: 55% 45%;
  align-items: center;
  width: 100%;
}
input.splitfield-input {
  background-color: rgba(0, 0, 0, 0);
  text-overflow: ellipsis;
  padding: 7px 3px 7px 4px;
  height: auto;
  margin: 0;
  border: none;
  box-sizing: border-box;
  width: 100%;
  min-height: 32px;
  display: inline-block;
}
input.splitfield-input.splitfield-dropdown,
input.splitfield-input.splitfield-dropdown-interactive,
input.splitfield-input.splitfield-dropdown-nonessential {
  padding-right: 20px;
}
.splitfield-dropdown,
.splitfield-dropdown-interactive,
.splitfield-dropdown-nonessential {
  cursor: pointer;
  padding-right: 15px;
  text-overflow: ellipsis;
}
.splitfield-dropdown-interactive {
  background: url(/static/images/kleinanzeigen/de/icn-dropdown-interactive.svg)
    no-repeat center right 6px;
}
.splitfield-dropdown-interactive:disabled {
  background: url(/static/images/kleinanzeigen/de/icn-dropdown.svg)
    no-repeat center right 6px;
}
.splitfield-dropdown-nonessential {
  background: url(/static/images/kleinanzeigen/de/icn-dropdown-nonessential.svg)
    no-repeat center right 6px;
}
.splitfield li,
.splitfield-input {
  font-size: 0.875rem;
}
.splitfield-right {
  color: var(--kds-sema-color-on-surface);
  background-color: var(--kds-sema-color-utility-nonessential);
  border-radius: 0 var(--kds-intermediate-border-radius-form)
    var(--kds-intermediate-border-radius-form) 0;
  border: solid var(--kds-sema-color-utility-subdued);
  border-width: 0 0 0 1px;
  grid-column: 2;
}
.dropdown-list {
  position: absolute;
  display: none;
  list-style: none;
  padding: 5px 0;
  margin: 10px 0 0 0;
  border: 1px solid var(--kds-sema-color-utility-subdued);
  border-radius: var(--kds-intermediate-border-radius-form);
  background-color: var(--kds-sema-color-surface);
  min-width: 100%;
  box-sizing: border-box;
  box-shadow: 3px 3px 5px 0 var(--kds-sema-color-utility);
  z-index: 100;
}
.dropdown-list:after,
.dropdown-list:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.dropdown-list:after {
  border-color: var(--kds-sema-color-utility-subdued);
  border-width: 1px 0 0 1px;
  top: -6px;
  left: 10px;
  margin-top: 0;
  background-color: var(--kds-sema-color-surface-subdued);
  width: 10px;
  height: 10px;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dropdown-list > li {
  padding: 5px 5px 5px 20px;
  color: var(--kds-sema-color-on-surface-subdued);
  cursor: pointer;
  white-space: nowrap;
}
.dropdown-list > li.is-selected {
  background: url(/static/images/kleinanzeigen/de/icn-checkmark-tiny.svg)
    no-repeat 3px center;
}
.ka-site-header--inner--form--multiselectbox--list
  > li.multiselectbox-option
  > a.multiselectbox-link {
  color: var(--kds-sema-color-on-surface);
}
.ka-site-header--inner--form--multiselectbox--list
  > li.multiselectbox-option.is-selected
  > a.multiselectbox-link {
  color: var(--kds-sema-color-on-surface);
}
.dropdown-list > li:hover {
  background-color: var(--kds-sema-color-surface-subdued);
  text-decoration: none;
}
.desktop-selectbox {
  position: relative;
  display: inline-block;
}
.selectbox-option {
  cursor: pointer;
  padding: 3px;
  white-space: nowrap;
}
.multiselectbox {
  position: relative;
}
.multiselectbox-option {
  position: relative;
}
.multiselectbox-option .multiselectbox-list {
  margin: 0;
}
.multiselectbox-option .multiselectbox-list:after,
.multiselectbox-option .multiselectbox-list:before {
  border: none;
  position: static;
  background: 0 0;
  content: "";
}
.multiselectbox-link {
  color: var(--kds-sema-color-on-surface-subdued);
  cursor: pointer;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  padding: 3px 15px 3px 3px;
  text-decoration: none;
}
.suggestionbox {
  vertical-align: middle;
  display: inline-block;
  position: relative;
}
.ka-login-overlay,
.login-overlay {
  flex-direction: row;
  z-index: 5;
  position: absolute;
  top: 66px;
  right: 0;
  background-color: var(--kds-sema-color-surface);
  width: 286px;
  padding: 16px;
  box-shadow: 0 0 14px 0 rgba(var(--kds-sema-color-on-surface-rgb), 0.3);
  opacity: 0;
  animation-name: fadein;
  animation-duration: 3s;
  animation-fill-mode: forwards;
}
.ka-login-overlay--content,
.login-overlay--content {
  font-size: 12px;
}
.ka-login-overlay--content .overlay-close,
.login-overlay--content .overlay-close {
  top: 8px;
  background: url(/static/images/kleinanzeigen/de/x.svg)
    center no-repeat;
  z-index: 3200;
  position: absolute;
  right: 8px;
  cursor: pointer;
  color: var(--kds-sema-color-surface);
  padding: 7px;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ka-login-overlay--content .linklist li,
.ka-login-overlay--content .list li,
.ka-login-overlay--content .list-horizontal li,
.login-overlay--content .linklist li,
.login-overlay--content .list li,
.login-overlay--content .list-horizontal li {
  margin-bottom: 8px;
}
.ka-login-overlay--content .linklist li:last-of-type,
.ka-login-overlay--content .list li:last-of-type,
.ka-login-overlay--content .list-horizontal li:last-of-type,
.login-overlay--content .linklist li:last-of-type,
.login-overlay--content .list li:last-of-type,
.login-overlay--content .list-horizontal li:last-of-type {
  margin-bottom: 0;
}
.ka-login-overlay--content .headline-big,
.login-overlay--content .headline-big {
  color: var(--kds-sema-color-primary-variant);
}
.ka-login-overlay--content p,
.login-overlay--content p {
  margin-top: 16px;
  margin-bottom: 24px;
}
.ka-login-overlay--content .login-overlay-buttons,
.login-overlay--content .login-overlay-buttons {
  margin-top: 24px;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
  list-style: none;
}
.ka-login-overlay--content .login-overlay-buttons li,
.login-overlay--content .login-overlay-buttons li {
  margin: 0 10px 0 0;
}
.ka-login-overlay--content .login-overlay-buttons li:last-child,
.login-overlay--content .login-overlay-buttons li:last-child {
  margin: 0;
}
.ka-login-overlay {
  top: 89px;
}
.ka-login-overlay::before,
.login-overlay::before {
  top: -9px;
  left: 207px;
  content: " ";
  border-color: var(--kds-sema-color-interactive);
  transform: rotate(-45deg);
  border-width: 8px;
  box-shadow: 2px -2px 3px 0 rgba(var(--kds-sema-color-on-surface-rgb), 0.15);
  content: " . ";
  position: absolute;
  width: 18px;
  height: 18px;
  color: var(--kds-sema-color-surface);
  background-color: var(--kds-sema-color-surface);
}
.ka-login-overlay::before {
  left: 269px;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mainnav-sub > ul,
.mainnav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mainnav-sub {
  background-color: var(--kds-sema-color-surface);
  white-space: nowrap;
  text-align: left;
  border: solid var(--kds-sema-color-utility-nonessential);
  border-width: 0 1px 1px;
  border-radius: 0 0 var(--kds-intermediate-border-radius-box)
    var(--kds-intermediate-border-radius-box);
  padding: 10px 10px 0 10px;
}
.mainnav-sub-link {
  padding: 0 10px;
}
.mainnav-sub-item {
  font-weight: var(--font-weight-regular);
  margin: 0;
  font-size: 0.875rem;
  padding-bottom: 10px;
}
.mainnav-sub-item:first-child > .mainnav-sub-link {
  border-left: none;
}
.mainnav-sub-header {
  text-align: left;
  padding: 12px 12px 6px 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--kds-sema-color-on-surface-nonessential);
}
.mainnav-sub-link {
  color: var(--kds-sema-color-on-surface-subdued);
  text-decoration: none;
}
.watchlist-360 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  padding: 0 0 0 18px;
  background-color: rgba(var(--kds-sema-color-on-surface-rgb), 0.7);
  color: var(--kds-sema-color-surface);
  font-size: 0.75rem;
  line-height: 1.2em;
  background-image: url(/static/images/kleinanzeigen/de/icn-360-small-white.svg);
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.ka-site-header {
  display: flex;
  min-height: 80px;
  align-items: center;
  justify-content: center;
  background-color: var(--kds-sema-color-primary);
}
.ka-site-header .ka-site-header--icon.icon-magnifier-interactive.button-icon,
.ka-site-header .ka-site-header--icon.icon-pin-interactive.button-icon,
.ka-site-header .ka-site-header--icon.icon.icon-magnifier-interactive,
.ka-site-header .ka-site-header--icon.icon.icon-pin-interactive {
  width: 20px;
}
.ka-site-header .ka-site-header--inner {
  display: flex;
  height: fit-content;
  width: 100%;
  max-width: 970px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ka-site-header .ka-site-header--inner--wrapper {
  flex-shrink: 0;
  flex-grow: 1;
  flex-basis: 780px;
  padding: 12px 0;
}
.ka-site-header .ka-site-header--inner--form {
  display: grid;
  height: 48px;
  max-width: 100%;
  grid-template-columns: 2fr 1px 1.3fr 1px 1.3fr 1px 1fr auto;
  align-items: center;
  border-radius: var(--kds-sema-border-radius-full);
  background-color: var(--kds-sema-color-background);
  color: var(--kds-sema-color-on-surface-nonessential);
}
.ka-site-header .ka-site-header--icon {
  background-size: 16px;
  background-position: center;
  margin: 0 3px;
}
.ka-site-header .ka-site-header--category,
.ka-site-header .ka-site-header--distance,
.ka-site-header .ka-site-header--inner--form--item,
.ka-site-header .ka-site-header--location,
.ka-site-header .ka-site-header--search {
  width: 100%;
  height: 100%;
}
.ka-site-header .ka-site-header--category:focus-within,
.ka-site-header .ka-site-header--distance:focus-within,
.ka-site-header .ka-site-header--inner--form--item:focus-within,
.ka-site-header .ka-site-header--location:focus-within,
.ka-site-header .ka-site-header--search:focus-within {
  outline: 1px solid var(--kds-sema-color-on-surface);
}
.ka-site-header
  .ka-site-header--category:focus-within
  + .ka-site-header--divider,
.ka-site-header
  .ka-site-header--distance:focus-within
  + .ka-site-header--divider,
.ka-site-header
  .ka-site-header--inner--form--item:focus-within
  + .ka-site-header--divider,
.ka-site-header
  .ka-site-header--location:focus-within
  + .ka-site-header--divider,
.ka-site-header
  .ka-site-header--search:focus-within
  + .ka-site-header--divider {
  background-color: var(--kds-sema-color-on-surface);
}
.ka-site-header .ka-site-header--location,
.ka-site-header .ka-site-header--search {
  display: flex;
  align-items: center;
}
.ka-site-header .ka-site-header--location .suggestionbox,
.ka-site-header .ka-site-header--search .suggestionbox {
  position: relative;
  height: 100%;
  width: 100%;
}
.ka-site-header .ka-site-header--search {
  border-radius: var(--kds-sema-border-radius-full) 0 0
    var(--kds-sema-border-radius-full);
}
.ka-site-header .ka-site-header--search--input {
  width: 100%;
  height: 100%;
  max-height: 48px;
  min-height: 32px;
  text-overflow: ellipsis;
  padding: 8px 4px;
  color: var(--kds-sema-color-on-surface);
}
.ka-site-header .ka-site-header--search--input::placeholder {
  color: var(--kds-sema-color-on-surface);
}
.ka-site-header .ka-site-header--search--input:focus-visible {
  outline: 0;
  box-shadow: none;
}
.ka-site-header .ka-site-header--category,
.ka-site-header .ka-site-header--distance {
  min-width: 0;
}
.ka-site-header .ka-site-header--category input,
.ka-site-header .ka-site-header--distance input {
  caret-color: var(--kds-sema-color-surface);
}
.ka-site-header .ka-site-header--category-selector {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  background-color: var(--kds-sema-color-background);
  color: var(--kds-sema-color-on-surface-nonessential);
}
.ka-site-header .ka-site-header--category-selector--input {
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 48px;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  white-space: nowrap;
  padding: 12px 16px;
  color: var(--kds-sema-color-on-surface-nonessential);
}
.ka-site-header .ka-site-header--category-selector--input:hover {
  color: var(--kds-sema-color-on-surface);
}
.ka-site-header .ka-site-header--category-selector--input:focus-visible {
  outline: 0;
  box-shadow: none;
}
.ka-site-header .ka-site-header--location-input {
  width: 100%;
  height: 100%;
  max-height: 48px;
  min-height: 32px;
  text-overflow: ellipsis;
  padding: 8px 4px;
  color: var(--kds-sema-color-on-surface);
}
.ka-site-header .ka-site-header--location-input:placeholder {
  color: var(--kds-sema-color-on-surface);
}
.ka-site-header .ka-site-header--location-input:focus-visible {
  outline: 0;
  box-shadow: none;
}
.ka-site-header .ka-site-header--distance-selector {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  background-color: var(--kds-sema-color-background);
  color: var(--kds-sema-color-on-surface-nonessential);
}
.ka-site-header .ka-site-header--distance-selector-input {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 48px;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  white-space: nowrap;
  padding: 12px 16px;
  color: var(--kds-sema-color-on-surface-nonessential);
  cursor: default;
}
.ka-site-header .ka-site-header--distance-selector-input:focus-visible {
  outline: 0;
  box-shadow: none;
}
.ka-site-header #site-search-distance-list {
  min-width: fit-content;
}
.ka-site-header .splitfield-dropdown,
.ka-site-header .splitfield-dropdown-interactive,
.ka-site-header .splitfield-dropdown-nonessential {
  cursor: default;
}
.ka-site-header .ka-site-header--submit {
  margin: 0 8px;
  display: flex;
  height: 32px;
  align-items: center;
}
.ka-site-header .is-selected {
  background: url(/static/images/kleinanzeigen/de/icn-checkmark-tiny.svg)
    no-repeat 3px center;
}
.ka-site-header .is-selected > a.multiselectbox-link,
.ka-site-header
  .ka-site-header--inner--form--multiselectbox--list
  > li.multiselectbox-option.is-selected
  > a.multiselectbox-link {
  color: var(--kds-sema-color-interactive);
}
.ka-site-header .ka-site-header--input-placeholder:focus,
.ka-site-header .ka-site-header--input-placeholder:hover,
.ka-site-header .splitfield-dropdown-nonessential:not(:disabled):focus,
.ka-site-header .splitfield-dropdown-nonessential:not(:disabled):hover {
  color: var(--kds-sema-color-on-surface);
}
.ka-site-header .ka-site-header--inner--form--multiselectbox,
.ka-site-header .ka-site-header--inner--form--multiselectbox:read-only {
  color: var(--kds-sema-color-on-surface-nonessential);
  background-color: var(--kds-sema-color-background);
}
.ka-site-header .ka-site-header--inner--form--multiselectbox > input {
  border: none;
  color: var(--kds-sema-color-on-surface-nonessential);
}
.ka-site-header .dropdown-list {
  top: 50px;
  cursor: pointer;
  background-color: var(--kds-sema-color-surface);
  box-shadow: 1px 0 20px 0 rgba(32, 31, 29, 0.1);
  border: none;
  border-radius: var(--kds-sema-border-radius-medium);
}
.ka-site-header .dropdown-list > li {
  padding: 5px 5px 5px 25px;
}
.ka-site-header .dropdown-list:after,
.ka-site-header .dropdown-list:before {
  all: unset;
}
.ka-site-header .dropdown-list > li.ka-header__search__suggestionbox__option {
  color: var(--kds-sema-color-on-surface);
}
.ka-site-header
  .dropdown-list
  > li.ka-header__search__suggestionbox__option.is-selected {
  color: var(--kds-sema-color-on-surface);
}
.ka-site-header #site-mainnav.ka-site-mainnav {
  all: unset;
  margin: 0 auto;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  justify-content: flex-end;
}
.ka-site-header .ka-site-mainnav--list {
  padding: 0;
  margin: 0;
  display: flex;
  height: 100%;
  min-height: 80px;
  border-radius: var(--kds-sema-border-radius-small);
}
.ka-site-header .ka-site-mainnav--item {
  position: relative;
  margin-top: 4px;
  display: flex;
  color: var(--kds-sema-color-on-primary);
}
.ka-site-header .ka-site-mainnav--item--link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-bottom: 4px solid transparent;
}
.ka-site-header .ka-site-mainnav--item--link:focus-within,
.ka-site-header .ka-site-mainnav--item--link:hover {
  border-color: var(--kds-sema-color-interactive);
  text-decoration: none;
}
.ka-site-header .ka-site-mainnav--item--icon--post-ad {
  height: 24px;
  width: 24px;
  background-image: url(/static/images/kleinanzeigen/de/icn-postad.svg);
  background-size: contain;
}
.ka-site-header .ka-site-mainnav--item--text {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 130%;
  color: var(--kds-sema-color-on-primary);
}
.ka-site-header .ka-site-mainnav--item--icon--my-link {
  height: 24px;
  width: 24px;
  background-image: url(/static/images/kleinanzeigen/de/icn-my.svg);
  background-size: contain;
}
.ka-site-header .ka-site-header--divider {
  height: 32px;
  width: 1px;
  flex: none;
  background-color: var(--kds-sema-color-utility-subdued);
}
.ka-site-header .multiselectbox-option {
  background-color: var(--kds-sema-color-surface);
}
.ka-site-header .multiselectbox-link {
  color: var(--kds-sema-color-on-surface);
}
.site-signin-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
}
.site-signin {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 1;
}
.skip-link--link {
  background-color: var(--kds-sema-color-surface);
  position: absolute;
  left: 24px;
  top: 24px;
  z-index: 1;
  transform: scale(0);
}
.skip-link--link:focus {
  transform: scale(1);
}
.skip-link--content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.skip-link--icon-medium {
  flex-shrink: 0;
  fill: currentColor;
  display: block;
  align-self: center;
  width: 16px;
  height: 16px;
}
.button-icon,
.icon,
.icon-link-icon,
.icon-link-small,
.icon-small,
.link-icon,
.link-icon-right {
  background-repeat: no-repeat;
  display: inline-block;
}
.button-icon,
.icon {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.icon-small.button-icon,
.icon.icon-small {
  height: 16px;
  width: 16px;
  background-size: 16px;
}
.icon-medium.button-icon,
.icon.icon-medium {
  height: 30px;
  width: 30px;
  background-size: 30px;
}
.icon-link-small.button-icon,
.icon.icon-link-small {
  height: 16px;
  width: 16px;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 1px 0;
}
.icon.is-absolute,
.is-absolute.button-icon {
  position: absolute;
  margin-left: 3px;
}
.link-icon {
  margin-right: 0.3846em;
  vertical-align: baseline;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
}
.link-icon:after {
  content: ".";
  visibility: hidden;
}
.link-icon-right {
  vertical-align: middle;
  margin-left: 0.3846em;
}
.button-icon {
  margin-right: 10px;
  background-position: center center;
  width: 18px;
  height: 18px;
  background-size: 18px;
  vertical-align: middle;
  cursor: pointer;
  flex-shrink: 0;
}
.button-icon-medium {
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.text-title-1,
.text-title-2,
.text-title-3,
.text-title-4 {
  font-family: var(--font-family-title);
  font-weight: var(--font-weight-strong);
  line-height: 130%;
}
.text-title-1 {
  font-size: 1.625rem;
}
.text-title-2 {
  font-size: 1.375rem;
}
.text-title-3 {
  font-size: 1.125rem;
}
.text-title-4 {
  font-size: 1rem;
}
.button,
.button-link,
.button-secondary,
.skip-link--link,
button {
  font-family: var(--font-family-body);
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  line-height: 130%;
}
.button,
.button-link,
.button-secondary,
.skip-link--link,
button {
  font-weight: var(--font-weight-strong);
}
.text-body-small,
[data-font="ka"] .text-body-small,
[data-font="ka"] small,
small {
  font-family: var(--font-family-body);
  font-size: 0.75rem;
  font-weight: var(--font-weight-regular);
  line-height: 130%;
}
p {
  font-family: var(--font-family-body);
  font-size: 0.875rem;
  line-height: 150%;
}
.text-link {
  color: var(--kds-sema-color-interactive);
  cursor: pointer;
}
.text-link:hover {
  text-decoration: underline;
}
.text-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
[data-font="ka"] body {
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: 130%;
  font-size: 0.875rem;
}
[data-font="ka"] p {
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: 150%;
  font-size: 0.875rem;
}
[data-font="ka"] .text-body-small,
[data-font="ka"] small {
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.01em;
}
.button-icon,
.icon,
.icon-link-icon,
.icon-link-small,
.icon-small,
.link-icon,
.link-icon-right {
  background-repeat: no-repeat;
  display: inline-block;
}
.button-icon,
.icon {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.icon-small.button-icon,
.icon.icon-small {
  height: 16px;
  width: 16px;
  background-size: 16px;
}
.icon-medium.button-icon,
.icon.icon-medium {
  height: 30px;
  width: 30px;
  background-size: 30px;
}
.icon-link-small.button-icon,
.icon.icon-link-small {
  height: 16px;
  width: 16px;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 1px 0;
}
.icon.is-absolute,
.is-absolute.button-icon {
  position: absolute;
  margin-left: 3px;
}
.link-icon {
  margin-right: 0.3846em;
  vertical-align: baseline;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
}
.link-icon:after {
  content: ".";
  visibility: hidden;
}
.link-icon-right {
  vertical-align: middle;
  margin-left: 0.3846em;
}
.button-icon {
  margin-right: 10px;
  background-position: center center;
  width: 18px;
  height: 18px;
  background-size: 18px;
  vertical-align: middle;
  cursor: pointer;
  flex-shrink: 0;
}
.button-icon-medium {
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.text-title-1,
.text-title-2,
.text-title-3,
.text-title-4 {
  font-family: var(--font-family-title);
  font-weight: var(--font-weight-strong);
  line-height: 130%;
}
.text-title-1 {
  font-size: 1.625rem;
}
.text-title-2 {
  font-size: 1.375rem;
}
.text-title-3 {
  font-size: 1.125rem;
}
.text-title-4 {
  font-size: 1rem;
}
.button,
.button-link,
.button-secondary,
.skip-link--link,
button {
  font-family: var(--font-family-body);
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  line-height: 130%;
}
.button,
.button-link,
.button-secondary,
.skip-link--link,
button {
  font-weight: var(--font-weight-strong);
}
.text-body-small,
[data-font="ka"] .text-body-small,
[data-font="ka"] small,
small {
  font-family: var(--font-family-body);
  font-size: 0.75rem;
  font-weight: var(--font-weight-regular);
  line-height: 130%;
}
p {
  font-family: var(--font-family-body);
  font-size: 0.875rem;
  line-height: 150%;
}
.text-link {
  color: var(--kds-sema-color-interactive);
  cursor: pointer;
}
.text-link:hover {
  text-decoration: underline;
}
.text-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.button-row {
  display: flex;
  justify-content: center;
  padding-top: 18px;
  margin-bottom: 12px;
}
.text-title-1,
.text-title-2,
.text-title-3,
.text-title-4 {
  font-family: var(--font-family-title);
  font-weight: var(--font-weight-strong);
  line-height: 130%;
}
.text-title-1 {
  font-size: 1.625rem;
}
.text-title-2 {
  font-size: 1.375rem;
}
.text-title-3 {
  font-size: 1.125rem;
}
.text-title-4 {
  font-size: 1rem;
}
.button,
.button-link,
.button-secondary,
.skip-link--link,
button {
  font-family: var(--font-family-body);
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  line-height: 130%;
}
.button,
.button-link,
.button-secondary,
.skip-link--link,
button {
  font-weight: var(--font-weight-strong);
}
.text-body-small,
[data-font="ka"] .text-body-small,
[data-font="ka"] small,
small {
  font-family: var(--font-family-body);
  font-size: 0.75rem;
  font-weight: var(--font-weight-regular);
  line-height: 130%;
}
p {
  font-family: var(--font-family-body);
  font-size: 0.875rem;
  line-height: 150%;
}
.text-link {
  color: var(--kds-sema-color-interactive);
  cursor: pointer;
}
.text-link:hover {
  text-decoration: underline;
}
.text-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
[data-font="ka"] body {
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: 130%;
  font-size: 0.875rem;
}
[data-font="ka"] p {
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: 150%;
  font-size: 0.875rem;
}
[data-font="ka"] .text-body-small,
[data-font="ka"] small {
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.01em;
}
.position-right-top {
  position: absolute;
  top: 0;
  right: 0;
}
.flex-center {
  align-items: center;
}
.flex-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.flex-horizontal-center {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-vertical-center {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-row-vertical-center {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
}
.button-icon,
.icon,
.icon-link-icon,
.icon-link-small,
.icon-small,
.link-icon,
.link-icon-right {
  background-repeat: no-repeat;
  display: inline-block;
}
.button-icon,
.icon {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.icon-small.button-icon,
.icon.icon-small {
  height: 16px;
  width: 16px;
  background-size: 16px;
}
.icon-medium.button-icon,
.icon.icon-medium {
  height: 30px;
  width: 30px;
  background-size: 30px;
}
.icon-link-small.button-icon,
.icon.icon-link-small {
  height: 16px;
  width: 16px;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 1px 0;
}
.icon.is-absolute,
.is-absolute.button-icon {
  position: absolute;
  margin-left: 3px;
}
.link-icon {
  margin-right: 0.3846em;
  vertical-align: baseline;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
}
.link-icon:after {
  content: ".";
  visibility: hidden;
}
.link-icon-right {
  vertical-align: middle;
  margin-left: 0.3846em;
}
.button-icon {
  margin-right: 10px;
  background-position: center center;
  width: 18px;
  height: 18px;
  background-size: 18px;
  vertical-align: middle;
  cursor: pointer;
  flex-shrink: 0;
}
.button-icon-medium {
  width: 16px;
  height: 16px;
  background-size: 16px;
}


.is-hidden {
  display: none !important;
}
.is-disabled {
  background-color: var(--kds-sema-color-utility-nonessential);
  color: var(--kds-sema-color-on-surface-subdued);
  cursor: default;
}
a.is-disabled,
i.is-disabled,
label.is-disabled {
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  cursor: default;
  color: var(--kds-sema-color-on-surface-subdued);
}
.is-disabled-area a {
  text-decoration: none;
  cursor: default;
  color: var(--kds-sema-color-on-surface-subdued);
}
.is-disabled-area button,
.is-disabled-area i {
  cursor: default;
}
.is-disabled-area a:hover {
  text-decoration: none;
}
@keyframes silde_to_top {
  0% {
    top: -10%;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes silde_to_top {
  0% {
    top: -10%;
  }
  100% {
    top: 0;
  }
}
.is-not-clearable::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}