/* Ported verbatim from the original mis-static-website inline <style id="js-slides-fonts">.
   Asset paths made absolute (/assets/...) so they resolve from /public. */

.hidden {
  display: none;
}

.page-loaded .scroll .slide {
  transition: none !important;
}

@font-face {
  font-family: "Helvetica-bold";
  src: url("/assets/fonts/Helvetica-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica-regular";
  src: url("/assets/fonts/Helvetica-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.slides,
.slides p {
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    sans-serif;
  font-weight: 400;
}

span,
div,
p,
a {
  font-family: "Helvetica-regular", sans-serif !important;
}

.slides h1,
.slides h2,
.slides h3,
.slides h4,
.slides h5,
.slides h6 {
  font-family: "Helvetica-bold", sans-serif;
  font-weight: 700;
}

.slides .button,
.slides .slides-form {
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    sans-serif;
  font-weight: 500;
}

.menuIndented li::before {
  content: "»";
  display: inline-block;
  color: #e0b100;
}

.sidebar .mainMenu a {
  color: #e0b100 !important;
}

.material-icons {
  font-size: 13px;
}

.container .wrap:not(.noSpaces),
.container .wrap.spaceWrap,
.container .wrap .spaceWrap {
  padding: 90px calc(8% + 15px);
}

@media (max-width: 1023px) {
  .margin-bottom-tablet-4 {
    margin-bottom: 0 !important;
  }
}

.background {
  object-fit: cover;
  height: 100vh;
  width: 100%;
}

.slide[data-cid="slide-102-93aa6940"] .box-159 {
  border-left: 5px solid #fac500 !important;
}

.ui-accordion-header-active {
  color: black !important;
  background-color: #fac500 !important;
  border: #fac500 !important;
}

li a {
  color: inherit !important;
}

p a {
  color: #e0b100 !important;
}

a {
  color: #e0b100 !important;
  font-weight: 500 !important;
}

.swiper-slide {
  margin-right: 30px !important;
}

.black {
  background: black !important;
}

.poster:hover {
  filter: blur(5px) !important;
  -webkit-filter: blur(5px) !important;
}

@media (max-width: 768px) {
  #Auto .wrap {
    padding: 0;
    height: 1100px;
  }
}

/* --- Fixes to match the original static site --- */

/* Step links in the "So mietest du Auto" section were black (inline !important
   in the original); override the global gold link colour. */
.text-black a {
  color: #000 !important;
}

/* Standorte card CTA buttons are orange (override .cyan's !important background). */
.cta-orange {
  background-color: #ff9800 !important;
}

/* Utility classes used by the legal pages that the customized build tree-shook
   out (present in the original base slides.min css). */
.justify-content-center {
  justify-content: center !important;
}
p.tiny,
.p.tiny,
blockquote.tiny {
  font-size: 16px;
  line-height: 1.625;
  margin-bottom: 12px;
  font-weight: 400;
}

/* PDF download tiles on AVB / Datenschutz (from the original slides.min css). */
.icon-pdf {
  max-width: 70px;
  max-height: 70px;
  margin: 0 auto;
  margin-bottom: 10px;
  transition: all 250ms ease;
}
a:hover .icon-pdf {
  transform: translate(0, -10px);
}

/* Legal pages: full-height, vertically-centred content slide (matches the
   original, which used the base slides.min.css full-height slide layout). */
.legalPage .slide.whiteSlide:not(.autoHeight),
.legalPage .slide.whiteSlide:not(.autoHeight) .container {
  min-height: 100vh;
}

/* Side navigation dots (populated at runtime, mirroring the original side nav).
   Outlined circles whose colour adapts per section — white on dark/coloured
   slides (framework default), dark on light (whiteSlide) slides via `.on-light`,
   which the scroll spy toggles. */
.side .navigation li {
  pointer-events: auto;
}
.side.on-light.stroke .navigation.default li:after {
  border-color: #202020 !important;
}
.side.on-light.stroke .navigation.default li.selected:after,
.side.on-light.stroke .navigation.default li:hover:after {
  background: #202020 !important;
  border-color: #202020 !important;
}

/* Datenschutz PDF tile label in the brand colour (terms keeps its .text-black). */
.grid-48:not(.text-black) li a {
  color: #e0b100 !important;
}