/* =========================================================
   Rudeuco-Rudolz – Leistungsseite
   Klassen: rr-services-hero, rr-services-grid, rr-service-detail,
   rr-service-benefits, rr-emergency-box, rr-faq-section
   ========================================================= */

.rr-services-hero {
  position: relative;
  overflow: hidden;
  background: var(--rr-gradient-dark);
  color: var(--rr-white);
  border-radius: 0 0 var(--rr-radius-xl) var(--rr-radius-xl);
}
.rr-services-hero::before {
  content: "";
  position: absolute;
  inset: -30% -10% auto auto;
  width: 620px;
  height: 620px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(242,140,40,.28), transparent 64%);
}
.rr-services-hero h1, .rr-services-hero h2, .rr-services-hero .elementor-heading-title { color: var(--rr-white); }
.rr-services-hero p { color: rgba(255,255,255,.78); }
.rr-services-grid { display: grid; grid-template-columns: 1fr; gap: var(--rr-card-gap); }
.rr-service-detail {
  position: relative;
  border-radius: var(--rr-radius-xl);
  background: var(--rr-surface);
  border: 1px solid var(--rr-border);
  box-shadow: var(--rr-shadow-soft);
  overflow: hidden;
}
.rr-service-detail::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--rr-gradient-accent);
}
.rr-service-detail:nth-child(even)::before { background: var(--rr-gradient-primary); }
.rr-service-media {
  border-radius: var(--rr-radius-lg);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(6,28,43,.12);
}
.rr-service-benefits {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--rr-card-gap);
}
.rr-benefit-mini {
  background: var(--rr-bg-soft);
  border: 1px solid var(--rr-border);
  border-radius: var(--rr-radius-md);
}
.rr-emergency-box {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(214,66,66,.12), rgba(242,140,40,.14)), var(--rr-white);
  border: 1px solid rgba(214,66,66,.18);
  border-radius: var(--rr-radius-lg);
  box-shadow: var(--rr-shadow-soft);
}
.rr-emergency-box .rr-icon-box { background: rgba(214,66,66,.12); color: var(--rr-danger); }

@media (min-width: 768px) {
  .rr-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rr-service-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .rr-services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* =========================================================
   RUDEUCO RUDOLZ – LEISTUNGSSEITE
========================================================= */

.rr-services-hero,
.rr-services-overview,
.rr-services-details,
.rr-services-why,
.rr-services-faq,
.rr-services-final-cta {
  position: relative;
  overflow: hidden;
}

.rr-services-hero-inner,
.rr-services-overview-inner,
.rr-services-details-inner,
.rr-services-why-inner,
.rr-services-faq-inner {
  width: min(100%, var(--rr-container, 1200px));
  margin-inline: auto;
}

/* Hero */
.rr-services-hero-actions,
.rr-cta-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* Übersicht Grid */
.rr-services-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--rr-card-gap, 1.4rem);
}

.rr-service-card {
  position: relative;
}

.rr-service-card .elementor-icon,
.rr-service-card i,
.rr-service-card svg {
  color: var(--rr-primary, #0E4F7C);
}

/* Detail Cards */
.rr-services-details-inner {
  display: grid;
  gap: 22px;
}

.rr-service-detail-card {
  position: relative;
  overflow: hidden;

  border-radius: var(--rr-radius-xl, 34px);
  border: 1px solid rgba(9, 42, 62, 0.10);

  background:
    radial-gradient(circle at 12% 0%, rgba(242, 140, 40, 0.08), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,0.94), rgba(246,249,251,0.82));

  box-shadow:
    0 18px 55px rgba(6, 28, 43, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.9);
}

.rr-service-detail-card {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(320px, 1.15fr);
  gap: clamp(1.25rem, 3vw, 2rem);
  align-items: center;
}

.rr-service-detail-content {
  min-width: 0;
}

.rr-service-detail-list {
  min-width: 0;
}

/* Warum Section */
.rr-services-why-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: center;
}

.rr-services-why-card {
  width: 100%;
  max-width: 520px;
  justify-self: end;
}

/* Responsive */
@media (max-width: 1024px) {
  .rr-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rr-service-detail-card,
  .rr-services-why-inner {
    grid-template-columns: 1fr;
  }

  .rr-services-why-card {
    max-width: none;
    justify-self: stretch;
  }
}

@media (max-width: 767px) {
  .rr-services-hero-actions,
  .rr-cta-actions {
    align-items: stretch;
  }

  .rr-services-hero-actions .elementor-widget-button,
  .rr-services-hero-actions .elementor-button,
  .rr-cta-actions .elementor-widget-button,
  .rr-cta-actions .elementor-button {
    width: 100%;
  }

  .rr-services-grid {
    grid-template-columns: 1fr;
  }
}