:root {
  --color-paper: #fafafa;
  --color-ink: #0f1c2e;
  --color-graphite: #1a1a1a;
  --color-black-22: rgba(0, 0, 0, 0.22);
  --color-badge-accent-soft: rgba(124, 58, 237, 0.64);
  --duration-base: 180ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

html {
  scroll-behavior: smooth;
}

.site-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

#__ahstatic-badge-container,
.__ahstatic-badge,
.__ahstatic-cookie-component-button,
[aria-label="Cookie Trigger"] {
  display: none !important;
}

.site-mobile-menu {
  display: none;
}

@media (max-width: 809.98px) {
  .site-mobile-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding: 10px 20px 18px;
    background: var(--color-ink);
    color: var(--color-paper);
    font-family: "Lato", "Inter", Arial, sans-serif;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
  }

  .site-mobile-menu[hidden] {
    display: none !important;
  }

  .site-mobile-menu a {
    color: var(--color-paper);
    text-decoration: none;
  }

  .site-mobile-menu__cta {
    margin-top: 2px;
    padding: 10px 16px 11px;
    border-radius: 10px;
    background: #c8102e;
    color: var(--color-paper);
    font-size: 18px;
    line-height: 1;
  }

  .site-mobile-toggle {
    position: relative;
  }

  .site-mobile-toggle svg {
    transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .site-mobile-toggle::before,
  .site-mobile-toggle::after {
    display: none;
  }

  .site-mobile-toggle.is-open svg {
    opacity: 1;
  }

  .site-mobile-toggle.is-open::before {
    display: none;
  }

  .site-mobile-toggle.is-open::after {
    display: none;
  }

  #main a.ahstatic-styles-preset-5ek5co[href^="mailto:"] {
    --ahstatic-text-color: #005ea8 !important;
    color: #005ea8 !important;
  }
}

.site-footer__badge {
  --badge-orbit-duration: 6.8s;
  --badge-orbit-thickness: 1px;
  --badge-trace-length: 8;
  --badge-trace-opacity: 0.67;
  --badge-rail: color-mix(in srgb, var(--color-paper) 90%, var(--color-ink) 10%);
  position: relative;
  display: inline-flex;
  justify-self: start;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding: 0.24rem;
  border: 0;
  border-radius: calc(0.52rem - 3px);
  background: transparent;
  box-shadow: 0 0.45rem 1.3rem -0.65rem var(--color-black-22);
  isolation: isolate;
  overflow: visible;
  transition: transform var(--duration-base) var(--ease-out);
  text-decoration: none !important;
}

.site-footer__badge-orbit {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.site-footer__badge-orbit-fill {
  fill: var(--color-paper);
}

.site-footer__badge-orbit-rail,
.site-footer__badge-orbit-trace {
  fill: none;
  vector-effect: non-scaling-stroke;
}

.site-footer__badge-orbit-rail {
  stroke: var(--badge-rail);
  stroke-width: 1;
}

.site-footer__badge-orbit-trace {
  stroke: rgb(124, 58, 237);
  stroke-width: var(--badge-orbit-thickness);
  stroke-linecap: round;
  opacity: 0;
  filter: drop-shadow(0 0 1px var(--color-badge-accent-soft));
}

.site-footer__badge-orbit.is-ready .site-footer__badge-orbit-trace {
  opacity: var(--badge-trace-opacity);
}

.site-footer__badge-core {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.24em;
  min-height: 1.32rem;
  padding: 0.24rem 0.88rem;
  border-radius: max(1px, calc(0.28rem - 3px));
  background: transparent;
  color: var(--color-graphite);
  font-size: 0.66rem;
  line-height: 1;
  letter-spacing: 0.035em;
  font-weight: 500;
  text-transform: none;
  white-space: nowrap;
  text-decoration: none !important;
}

.site-footer__badge-core strong {
  font-weight: 600;
}

.site-footer__badge:hover,
.site-footer__badge:focus-visible {
  transform: translateY(-2px);
  text-decoration: none !important;
}

.site-footer__badge *,
.site-footer__badge:hover *,
.site-footer__badge:focus-visible * {
  text-decoration: none !important;
}

a[data-ahstatic-name="Logo + Name Nav"],
a[data-ahstatic-name="Logo + Name Nav"] img,
a[href="/kontaktseite/"],
a[href="/dienstleistungen/"],
a[href*="autoscout24.ch"],
a[href="/ueber-uns/"],
a[href="/blog/"] {
  transition: opacity 180ms cubic-bezier(0.22, 1, 0.36, 1), color 180ms cubic-bezier(0.22, 1, 0.36, 1), background-color 180ms cubic-bezier(0.22, 1, 0.36, 1), transform 180ms cubic-bezier(0.22, 1, 0.36, 1), filter 180ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

a[data-ahstatic-name="Logo + Name Nav"]:hover,
a[data-ahstatic-name="Logo + Name Nav"]:focus-visible {
  transform: translateY(-2px);
}

a[style*="rgb(200, 16, 46)"]:hover,
a[style*="rgb(200,16,46)"]:hover,
a[style*="--token-101d2928"]:hover,
a[style*="rgb(200, 16, 46)"]:focus-visible,
a[style*="rgb(200,16,46)"]:focus-visible,
a[style*="--token-101d2928"]:focus-visible {
  background-color: #ab0c24 !important;
}

a[style*="rgba(247, 246, 242, 0.45)"]:hover,
a[style*="rgba(247,246,242,0.45)"]:hover,
a[style*="rgba(247, 246, 242, 0.45)"]:focus-visible,
a[style*="rgba(247,246,242,0.45)"]:focus-visible {
  background-color: rgba(247, 246, 242, 0.35) !important;
}

a[style*="rgb(26, 43, 66)"]:hover,
a[style*="rgb(26,43,66)"]:hover,
a[style*="--token-692df5ba"]:hover,
a[style*="rgb(26, 43, 66)"]:focus-visible,
a[style*="rgb(26,43,66)"]:focus-visible,
a[style*="--token-692df5ba"]:focus-visible,
a[style*="rgb(15, 28, 46)"]:hover,
a[style*="rgb(15,28,46)"]:hover,
a[style*="--token-6e9c5d6a"]:hover,
a[style*="rgb(15, 28, 46)"]:focus-visible {
  background-color: #223958 !important;
}

a[href^="/blog/"] [data-ahstatic-background-image-wrapper="true"],
a[href*="/blog/"] [data-ahstatic-background-image-wrapper="true"] {
  overflow: hidden;
}

a[href^="/blog/"] img,
a[href*="/blog/"] img {
  transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), filter 240ms cubic-bezier(0.22, 1, 0.36, 1);
  transform-origin: center;
}

a[href^="/blog/"]:hover img,
a[href^="/blog/"]:focus-visible img,
a[href*="/blog/"]:hover img,
a[href*="/blog/"]:focus-visible img {
  transform: scale(1.035);
}

.ahstatic-styles-preset-1w9usx1:hover,
.ahstatic-styles-preset-1w9usx1:focus-visible {
  --ahstatic-link-hover-text-color: var(--token-2322ec1f-4ec2-4548-819c-c1d279d6ea40, #fafafa);
  color: var(--token-2322ec1f-4ec2-4548-819c-c1d279d6ea40, #fafafa) !important;
  text-decoration-line: underline;
  text-decoration-color: var(--token-101d2928-099e-4cba-97d6-315058cd5801, #c8102e);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.18em;
}

a:focus-visible,
button:focus-visible,
label:focus-within {
  outline: 2px solid var(--token-101d2928-099e-4cba-97d6-315058cd5801, #c8102e);
  outline-offset: 3px;
}

.ahstatic-1m4lymf-container {
  transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.site-nav-hidden .ahstatic-1m4lymf-container {
  transform: translateY(-112%);
  pointer-events: none;
}

.site-faq-list {
  height: auto !important;
  overflow: visible !important;
  overflow-anchor: none;
  transform-origin: center top !important;
}

.site-faq-row {
  cursor: pointer;
  overflow-anchor: none;
  transition: color 180ms cubic-bezier(0.22, 1, 0.36, 1), background-color 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.site-faq-item {
  height: auto !important;
  min-height: 40px !important;
  overflow: hidden !important;
  overflow-anchor: none;
  transition: height 240ms cubic-bezier(0.22, 1, 0.36, 1), min-height 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.site-faq-item,
.site-faq-item *,
.site-faq-row,
.site-faq-row * {
  transform: none !important;
}

.site-faq-item.is-open {
  height: auto !important;
  min-height: 72px !important;
  overflow: hidden !important;
  z-index: 3;
}

.site-faq-row,
.site-faq-row:hover,
.site-faq-row:focus-visible,
.site-faq-row.is-open {
  color: var(--token-6e9c5d6a-49de-4c3c-b7f4-b5154b8f1880, #0f1c2e);
}

.site-faq-row.is-open [data-ahstatic-component-type="Text"],
.site-faq-row.is-open .ahstatic-text {
  color: inherit !important;
}

.site-faq-row.is-open .ahstatic-m6oi8r {
  opacity: 0 !important;
}

.site-faq-answer {
  display: flex !important;
  flex: none !important;
  position: relative !important;
  overflow-anchor: none;
  flex-flow: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100%;
  margin: 0;
  padding: 0 15px 13px !important;
  color: var(--token-1fa9d89f-db60-4e01-bc90-ef9a9c9aa303, #4a4a48) !important;
  font-family: "Lato", "Inter", Arial, sans-serif;
  font-size: 14px !important;
  line-height: 1.6 !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  z-index: 2;
}

.site-faq-answer > [data-ahstatic-component-type="RichTextContainer"] {
  flex: 1 1 auto !important;
  width: auto !important;
}

.site-faq-answer *,
.site-faq-answer .ahstatic-text {
  color: var(--token-1fa9d89f-db60-4e01-bc90-ef9a9c9aa303, #4a4a48) !important;
  font-size: inherit !important;
  line-height: inherit !important;
  opacity: 1 !important;
}

.site-faq-answer[hidden] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.ahstatic-fe3u4w .ahstatic-asxb6p {
  background-color: #fefefe !important;
}

.ahstatic-fe3u4w .ahstatic-asxb6p,
.ahstatic-fe3u4w .ahstatic-asxb6p *,
.ahstatic-fe3u4w .ahstatic-7677ur,
.ahstatic-fe3u4w .ahstatic-1h6qm1t,
.ahstatic-fe3u4w .ahstatic-1h6qm1t .ahstatic-text {
  color: var(--token-6e9c5d6a-49de-4c3c-b7f4-b5154b8f1880, #0f1c2e) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.ahstatic-fe3u4w .ahstatic-1h6qm1t span {
  transform: none !important;
}

.ahstatic-fe3u4w .ahstatic-asxb6p svg {
  color: #2eaf57 !important;
}

.ahstatic-fe3u4w .ahstatic-asxb6p path {
  stroke: #2eaf57 !important;
  fill: transparent !important;
}

.ahstatic-fe3u4w .ahstatic-7677ur,
.ahstatic-fe3u4w .ahstatic-1h6qm1t {
  position: relative !important;
  z-index: 5 !important;
}

.ahstatic-oka61u {
  min-height: 66px !important;
  padding-top: 18px !important;
  padding-bottom: 22px !important;
  overflow: visible !important;
}

.ahstatic-skyf5d-container footer,
.ahstatic-oka61u .ahstatic-l51bd1,
.ahstatic-oka61u .ahstatic-16lj7z6,
.ahstatic-oka61u .ahstatic-162rjfs-container {
  overflow: visible !important;
}