/*
 * Scoped overrides for the candid (Breakdance) homepage, loaded AFTER candid.css.
 *
 * The original oberhauser.com used Breakdance JS to make the "How does it work?"
 * CTA card sticky while the process column scrolled. That JS is stripped in the
 * static export, so we reproduce the effect with pure CSS `position: sticky`.
 *
 * Structure is identical per locale, only the page-scoped instance ids differ:
 *   EN (body.html,    section bde-section-22-916):
 *     .bde-columns-22-917 (flex row at >=1024px; stacks below)
 *       .bde-column-22-918  — left, 61%  (heading, image, steps 1-5; TALL)
 *       .bde-column-22-959  — right, 39% (maroon CTA card "Tell us what's wrong…")
 *   DE (body.de.html, section's flex row bde-columns-1672-147):
 *       .bde-column-1672-148 — left  (heading + steps 1-5; TALL)
 *       .bde-column-1672-189 — right (maroon CTA card "Sichern Sie sich …")
 *
 * Sticky the RIGHT column so it stays pinned while the taller left column
 * scrolls. `align-self: flex-start` is required: .bde-columns has the default
 * `align-items: stretch`, which would stretch the right column to the left
 * column's full height and leave nothing to scroll within. top:112px ≈ the
 * sticky header height (matches the reconstructed version). Desktop-only — the
 * columns stack at <=1023px (Breakdance's own breakpoint), where sticky is
 * pointless and would pin the card over the steps.
 */
/*
 * Specificity note: candid.css sets `position:relative` on `.breakdance
 * .bde-column` (0,2,0). A bare `.bde-column-22-959` (0,1,0) loses the
 * `position` cascade to it regardless of load order, so we MUST match that
 * specificity. Scope with the body-level `.breakdance` class to reach (0,2,0);
 * loading after candid.css then breaks the tie in our favor.
 */
@media (min-width: 1024px) {
  .breakdance .bde-column-22-959,
  .breakdance .bde-column-1672-189 {
    position: -webkit-sticky;
    position: sticky;
    top: 112px;
    align-self: flex-start;
  }
}

/*
 * The original Candid footer hid its legal text-links (Privacy Policy / Imprint)
 * with display:none — they were placeholder links (href="#"). We wired them to
 * the real /privacy + /imprint routes and legally need them visible, so un-hide
 * every text-link in the footer "Links" column (footer is the shared post-115
 * block, so this fixes both EN and DE). !important + higher specificity beats the
 * original per-link display:none.
 */
.breakdance .bde-column-115-191 a.bde-text-link {
  display: inline-block !important;
}

/*
 * Legal pages (Privacy / Imprint) reuse the homepage's Breakdance header +
 * footer (sliced out of body.html). This block styles the prose BETWEEN them to
 * match the homepage type system: Montserrat headings in brand maroon, Hanken
 * Grotesk body, the same dark text. Everything is explicit so the Breakdance
 * base resets in candid.css can't bleed in. Scoped to .candid-legal only.
 */
.candid-legal {
  background: #ffffff;
  padding: 56px 20px 96px;
}
.candid-legal__container {
  max-width: 820px;
  margin: 0 auto;
}
.candid-legal__notice {
  margin: 0 0 40px;
  padding: 14px 18px;
  border: 1px solid #f0c674;
  border-radius: 8px;
  background: #fff8ec;
  color: #5c4708;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 0.95rem;
  line-height: 1.55;
}
.candid-legal__title {
  margin: 0 0 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: clamp(2rem, 1.4vw + 1.6rem, 2.75rem);
  line-height: 1.15;
  color: #52050d;
}
.candid-legal__section {
  margin-top: 44px;
}
.candid-legal__h2 {
  margin: 0 0 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(1.35rem, 0.6vw + 1.2rem, 1.75rem);
  line-height: 1.25;
  color: #242424;
}
.candid-legal__p {
  margin: 0 0 16px;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: #242424;
  white-space: pre-line; /* the imprint address lines are newline-joined */
}
.candid-legal__ul {
  margin: 0 0 16px;
  padding-left: 1.4em;
  list-style: disc;
}
.candid-legal__ul li {
  margin: 0 0 8px;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: #242424;
}
.candid-legal a {
  color: #52050d;
  text-decoration: underline;
}