/*
 * Repar-A-Tronik – zusätzliche Gestaltung für die Jekyll-Seite
 * Alle Regeln sind auf .reparatronik-page begrenzt, damit sie
 * die übrigen Seiten der Inventronik-Website nicht beeinflussen.
 * Bildtransparenz: --rt-watermark-opacity
 */
.reparatronik-page {
  --rt-ink: #192b2b;
  --rt-muted: #5b6d68;
  --rt-green: #376a55;
  --rt-green-dark: #183e32;
  --rt-lime: #d5e7b8;
  --rt-paper: #f7f8f3;
  --rt-line: rgba(25, 43, 43, .14);
  --rt-content: 1160px;
  --rt-watermark-opacity: .055;
  position: relative;
  isolation: isolate;
  color: var(--rt-ink);
  background: var(--rt-paper);
  font-family: Inter, "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  padding: 1px 0 0;
}
.reparatronik-page *,
.reparatronik-page *::before,
.reparatronik-page *::after { box-sizing: border-box; }
.reparatronik-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("/images/Reparatronik/werkstatt.png") center 250px / min(1000px, 95%) auto no-repeat;
  opacity: var(--rt-watermark-opacity);
  filter: grayscale(1);
}
.reparatronik-page a { color: inherit; }
.reparatronik-page h1,
.reparatronik-page h2,
.reparatronik-page h3,
.reparatronik-page p { margin-top: 0; }
.reparatronik-page .rt-main { overflow: hidden; }
.reparatronik-page .rt-hero {
  width: min(var(--rt-content), calc(100% - 48px));
  margin: 18px auto 0;
  min-height: 520px;
  position: relative;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
  gap: 30px;
  padding: clamp(32px, 6vw, 76px);
  border-radius: 28px;
  background: #e8eee4;
  isolation: isolate;
}
.reparatronik-page .rt-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(115deg, rgba(239,244,232,.98) 0%, rgba(239,244,232,.95) 45%, rgba(239,244,232,.12) 100%);
  z-index: -1;
}
.reparatronik-page .rt-hero-copy { max-width: 540px; position: relative; z-index: 1; }
.reparatronik-page .rt-eyebrow {
  margin: 0 0 16px;
  color: var(--rt-green);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.reparatronik-page .rt-hero h1 {
  font-size: clamp(42px, 5.2vw, 70px);
  line-height: .99;
  letter-spacing: -.065em;
  margin-bottom: 24px;
  font-weight: 790;
}
.reparatronik-page .rt-hero h1 span { color: var(--rt-green); }
.reparatronik-page .rt-hero-lead { max-width: 440px; font-size: 17px; color: #465953; }
.reparatronik-page .rt-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 30px; }
.reparatronik-page .rt-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 750;
  transition: transform .2s ease, background .2s ease;
}
.reparatronik-page .rt-button:hover { transform: translateY(-2px); text-decoration: none; }
.reparatronik-page .rt-button-primary { background: var(--rt-green-dark); color: #fff; }
.reparatronik-page .rt-text-link { font-size: 13px; font-weight: 750; text-decoration: none; }
.reparatronik-page .rt-text-link span { color: var(--rt-green); margin-left: 5px; }
.reparatronik-page .rt-hero-image {
  position: absolute;
  right: 0; top: 0; bottom: 0; width: 48%;
  z-index: -2;
  border-radius: 0 28px 28px 0;
  background: url("/images/Reparatronik/werkstatt.png") center / cover no-repeat;
}
.reparatronik-page .rt-hero-note {
  position: absolute; right: 28px; bottom: 24px;
  display: flex; align-items: center; gap: 9px;
  padding: 10px 14px; background: rgba(255,255,255,.9);
  border-radius: 999px; font-size: 11px; font-weight: 750;
  box-shadow: 0 8px 30px #142b2417;
}
.reparatronik-page .rt-note-dot { width: 7px; height: 7px; border-radius: 50%; background: #6a9b5b; }
.reparatronik-page .rt-section { width: min(var(--rt-content), calc(100% - 48px)); margin-inline: auto; }
.reparatronik-page .rt-intro {
  /* Text und Hintergrundbild bleiben innerhalb derselben Bildfläche. */
  position: relative;
  isolation: isolate;
  width: min(1700px, calc(100% - 48px));
  max-width: 1700px;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(28px, 5vw, 90px);
  padding: clamp(52px, 7vw, 100px) clamp(28px, 4vw, 64px);
  margin: 34px auto 0;
  background: url("/images/Reparatronik/werkstatt.png") center / cover no-repeat;
}
.reparatronik-page .rt-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(239, 241, 235, .84);
}
.reparatronik-page .rt-intro > * { min-width: 0; }
.reparatronik-page .rt-section-heading h2,
.reparatronik-page .rt-contact h2 {
  font-size: clamp(32px, 4vw, 48px); letter-spacing: -.055em; line-height: 1.08; margin: 0;
}
.reparatronik-page .rt-intro-text {
  width: 100%;
  max-width: 720px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: clamp(16px, 1.45vw, 20px);
  color: #465953;
  overflow-wrap: anywhere;
}
.reparatronik-page .rt-intro-text p:first-child { font-size: clamp(18px, 1.7vw, 23px); color: var(--rt-ink); line-height: 1.55; }
.reparatronik-page .rt-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.reparatronik-page .rt-feature-card {
  min-height: 290px; padding: clamp(25px, 4vw, 42px);
  border: 1px solid var(--rt-line); border-radius: 20px; background: rgba(255,255,255,.88);
}
.reparatronik-page .rt-card-number { display: inline-block; margin-bottom: 32px; color: var(--rt-green); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.reparatronik-page .rt-feature-card h3 { font-size: 23px; letter-spacing: -.04em; margin-bottom: 14px; line-height: 1.2; }
.reparatronik-page .rt-feature-card p,
.reparatronik-page .rt-feature-card li { color: #52635e; font-size: 14px; }
.reparatronik-page .rt-feature-card ul { padding-left: 19px; margin-bottom: 0; }
.reparatronik-page .rt-feature-card li { padding-left: 3px; margin: 0 0 9px; }
.reparatronik-page .rt-card-foot { border-top: 1px solid var(--rt-line); padding-top: 16px; margin-top: 24px; color: var(--rt-green-dark) !important; font-weight: 750; }
.reparatronik-page .rt-feature-card-dark { background: var(--rt-green-dark); color: #fff; border-color: var(--rt-green-dark); }
.reparatronik-page .rt-feature-card-dark .rt-card-number { color: var(--rt-lime); }
.reparatronik-page .rt-feature-card-dark p { color: #d7e2dc; }
.reparatronik-page .rt-promise { padding-block: 120px; text-align: center; max-width: 950px; }
.reparatronik-page .rt-promise h2 { font-size: clamp(30px, 4.2vw, 52px); letter-spacing: -.055em; line-height: 1.14; margin-bottom: 22px; }
.reparatronik-page .rt-promise h2 span { color: var(--rt-green); }
.reparatronik-page .rt-promise > p:last-child { color: var(--rt-muted); font-size: 14px; }
.reparatronik-page .rt-testimonial-link { margin-top: 8px; }
.reparatronik-page .rt-testimonial-link span { margin-left: 8px; }
.reparatronik-page .rt-contact-email { display: inline-block; margin-bottom: 8px; }
.reparatronik-page .rt-contact {
  display: grid; grid-template-columns: 1.3fr .7fr; gap: 60px; align-items: center;
  padding: clamp(32px, 6vw, 70px); border-radius: 26px; color: #fff;
  background: var(--rt-green-dark); margin-bottom: 40px;
}
.reparatronik-page .rt-contact .rt-eyebrow { color: var(--rt-lime); }
.reparatronik-page .rt-contact h2 { margin-bottom: 20px; }
.reparatronik-page .rt-contact p:not(.rt-eyebrow) { max-width: 520px; color: #d8e4dd; }
.reparatronik-page .rt-button-light { margin-top: 12px; background: var(--rt-lime); color: var(--rt-green-dark); }
.reparatronik-page .rt-contact-web { display: block; margin-top: 20px; color: #d8e4dd; font-size: 13px; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.reparatronik-page .rt-contact address { border-left: 1px solid #ffffff3a; padding-left: 35px; color: #d8e4dd; font-style: normal; font-size: 14px; }
.reparatronik-page .rt-contact address strong { display: inline-block; margin-bottom: 8px; color: #fff; font-size: 17px; }
.reparatronik-page .rt-contact address a { color: #fff; text-decoration: none; }
@media (max-width: 760px) {
  .reparatronik-page .rt-hero,
  .reparatronik-page .rt-section { width: calc(100% - 30px); }
  .reparatronik-page .rt-hero { display: block; min-height: 0; padding: 38px 26px 190px; margin-top: 8px; border-radius: 22px; }
  .reparatronik-page .rt-hero::before { background: linear-gradient(180deg, rgba(239,244,232,.99) 0%, rgba(239,244,232,.97) 56%, rgba(239,244,232,.42) 100%); }
  .reparatronik-page .rt-hero-image { top: auto; left: 0; width: 100%; height: 220px; border-radius: 0 0 22px 22px; background-position: center 55%; }
  .reparatronik-page .rt-hero-note { right: 14px; bottom: 14px; }
  .reparatronik-page .rt-hero-lead { font-size: 16px; }
  .reparatronik-page .rt-intro {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 42px 25px;
    margin-top: 20px;
    background-position: center;
  }
  .reparatronik-page .rt-intro-text { font-size: 16px; }
  .reparatronik-page .rt-intro-text p:first-child { font-size: 18px; }
  .reparatronik-page .rt-feature-grid { grid-template-columns: 1fr; gap: 13px; }
  .reparatronik-page .rt-feature-card { min-height: 0; padding: 27px; }
  .reparatronik-page .rt-card-number { margin-bottom: 22px; }
  .reparatronik-page .rt-promise { padding-block: 80px; }
  .reparatronik-page .rt-contact { grid-template-columns: 1fr; gap: 32px; padding: 32px 25px; border-radius: 22px; }
  .reparatronik-page .rt-contact address { border-left: 0; border-top: 1px solid #ffffff3a; padding: 25px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .reparatronik-page *, .reparatronik-page *::before, .reparatronik-page *::after { transition: none !important; }
}