/* =========================================================
   ROLLEX GLOBAL THEME RUNTIME
   Als LETZTE eigene CSS-Datei laden.
   ========================================================= */

body {
  color: var(--rf-theme-text, #1f2a24);
  background: var(--rf-theme-surface, #fff);
}

/*
a:not(.btn):not(.rf-demo-link):not(.rf-product-tile):not(.footer-link) {
  color: var(--rf-theme-primary, #e4ede8) !important;  /*  #f2f9f5
}
*/

.btn-brand,
.filter-trigger.active,
.rf-page-anchor-close,
.rf-page-anchor-reopen,
.rf-floating-contact-button,
.rf-assistant-launcher {
  background-color: var(--rf-theme-primary, #006729) !important;
  border-color: var(--rf-theme-primary, #006729) !important;
}

.btn-brand:hover,
.btn-brand:focus {
  background-color: var(--rf-theme-primary-dark, #004d1f) !important;
  border-color: var(--rf-theme-primary-dark, #004d1f) !important;
}

.section-head span,
.section-head h2,
.section-body h1,
.section-body h2,
.section-body h3,
.section-body h4,
.product-card a,
.counter-number,
.rf-contact-card h3,
.rf-demo-kicker {
  color: var(--rf-theme-primary, #006729);
}

.section-head h2::after {
  background: linear-gradient(
    90deg,
    var(--rf-theme-primary, #006729),
    color-mix(in srgb, var(--rf-theme-primary, #006729) 12%, transparent)
  );
}

.bg-light-soft,
.mega-card,
.download-card,
.rf-accordion-item {
  background-color: var(--rf-theme-soft, #f4f8f5);
}

.product-card,
.info-box,
.news-card,
.rf-contact-card,
.counter-box,
.rf-product-tile {
  border-radius: var(--rf-theme-radius, 20px);
  box-shadow: 0 16px 40px rgba(0,0,0,var(--rf-theme-shadow-alpha,.10));
}

.rf-demo-intro {
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--rf-theme-primary, #006729) 20%, transparent),
    rgba(255,255,255,.04)
  );
}

.rf-menu-badge,
.rf-sales-contact-region {
  background: color-mix(in srgb, var(--rf-theme-primary, #006729) 12%, white);
  color: var(--rf-theme-primary, #006729);
}

.rf-accordion-icon,
.rf-form-accordion-button,
.rf-dark-fieldset legend {
  background-color: var(--rf-theme-primary, #006729) !important;
}

.footer {
  background: var(--rf-theme-footer, #102016) !important;
}

.rf-tech-table thead th {
  background: var(--rf-theme-primary, #006729) !important;
}

.rf-product-tile:hover,
.product-card:hover,
.download-card:hover,
.rf-contact-card:hover {
  border-color: color-mix(in srgb, var(--rf-theme-primary, #006729) 38%, transparent);
}

/* Tabellen/PDF-Buttons */
.rf-tech-table a.btn-brand,
.section-body a.btn-brand {
  color: #fff !important;
  text-decoration: none;
}