.elementor-48906 .elementor-element.elementor-element-7f12bb9 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-48906 .elementor-element.elementor-element-7f12bb9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-48906 .elementor-element.elementor-element-c3d8760 > .elementor-widget-container{border-style:solid;border-radius:0px 0px 0px 0px;}.elementor-48906 .elementor-element.elementor-element-a4acd44{--spacer-size:50px;}.elementor-48906 .elementor-element.elementor-element-3729197 > .elementor-widget-container{padding:0px 20px 0px 0px;}.elementor-48906 .elementor-element.elementor-element-5487709 > .elementor-widget-container{padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-2e2f7109 );border-radius:0px 0px 0px 0px;}.elementor-48906 .elementor-element.elementor-element-cc3c482{--spacer-size:50px;}.elementor-48906 .elementor-element.elementor-element-0f2cd26 > .elementor-widget-container{background-color:#E5E5E5;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-2e2f7109 );border-radius:0px 0px 0px 0px;}.elementor-48906 .elementor-element.elementor-element-623883d > .elementor-widget-container{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-2e2f7109 );border-radius:0px 0px 0px 0px;}.elementor-48906 .elementor-element.elementor-element-10ebeee > .elementor-widget-container{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-2e2f7109 );border-radius:0px 0px 0px 0px;}/* Start custom CSS *//* ============================================================
   functionHR – Features & Preise Seite
   Datei: fhr-features-page.css

   Einfügen unter:
   Elementor → Seite bearbeiten → Seiten-Einstellungen (Zahnrad)
   → Custom CSS
   ============================================================ */
/* Elementor-Abschnitt Hintergrund entfernen */
.elementor-element-e4506eb,
.elementor-element-e4506eb > .elementor-container {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
/* ── Design Tokens ── */
:root {
  --fhr-navy:     #0A1D5C;
  --fhr-black:    #262626;
  --fhr-grey:     #E5E5E5;
  --fhr-light-bg: #f1f2f9;
  --fhr-white:    #ffffff;
  --fhr-border:   #dddfe8;
  --fhr-muted:    #606060;
  --fhr-green:    #17a86b;

  --fhr-font-body: 'Roboto', 'Segoe UI', sans-serif;
  --fhr-font-head: 'Roboto Slab', Georgia, serif;

  --fhr-size-xs:   0.72rem;
  --fhr-size-sm:   0.82rem;
  --fhr-size-base: 0.9rem;
  --fhr-size-md:   1rem;
}

/* ── Textfix: Theme .text-xl überschreiben ── */
.text-xl .elementor-widget-text-editor p,
.text-xl .elementor-widget-text-editor li {
  font-size: var(--fhr-size-base) !important;
  line-height: 1.75;
  color: var(--fhr-black);
}

/* ── Sektions-Abstände ── */
.fhr-fp-section {
  max-width: 940px;
  margin: 0 auto;
  padding: 3rem 2rem;
}
.fhr-fp-section + .fhr-fp-section {
  border-top: 1px solid var(--fhr-border);
}

/* ── Typografie ── */
.mb-label {
  display: block;
  font-size: var(--fhr-size-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fhr-navy);
  margin-bottom: 0.5rem;
}

.mb-h1 {
  font-family: var(--fhr-font-head);
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 0 0 1.1rem;
}
.mb-h2 {
  font-family: var(--fhr-font-head);
  font-size: clamp(1.3rem, 2.5vw, 1.7rem);
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 0.8rem;
}
.mb-h3 {
  font-family: var(--fhr-font-head) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: var(--fhr-navy) !important;
  margin: 1.6rem 0 0.5rem !important;
}
.mb-h3:first-child { margin-top: 0 !important; }

.mb-lead {
  font-size: var(--fhr-size-base);
  color: var(--fhr-muted);
  line-height: 1.75;
  margin: 0 0 1rem;
  max-width: 720px;
}
.mb-lead:last-child { margin-bottom: 0; }

.mb-body {
  font-size: var(--fhr-size-base);
  color: var(--fhr-black);
  line-height: 1.75;
  margin: 0 0 0.8rem;
}
.mb-body:last-child { margin-bottom: 0; }

/* ── Button ── */
.mb-btn {
  display: inline-block;
  font-size: var(--fhr-size-base);
  font-weight: 600;
  padding: 0.75rem 1.7rem;
  border-radius: 0.6em;
  text-decoration: none;
  transition: opacity 0.2s;
  margin-top: 1.2rem;
}
.mb-btn:hover { opacity: 0.85; text-decoration: none; }
.mb-btn.primary { background: var(--fhr-black); color: var(--fhr-white) !important; }

/* ── Intro: Zwei-Spalten-Layout ── */
.fhr-fp-intro-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 3rem;
  align-items: center;
}
.fhr-fp-intro-image {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(10,29,92,0.1);
}
.fhr-fp-intro-image img { width: 100%; height: auto; display: block; }

/* ── Feature-Boxen Grid ── */
.fhr-fp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin-top: 1.8rem;
}
.fhr-fp-card {
  padding: 0.5rem 0;
}
.fhr-fp-card-icon { font-size: 1.4rem; margin-bottom: 0.75rem; display: block; color: var(--fhr-navy); }
.fhr-fp-card h3 {
  font-family: var(--fhr-font-head) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: var(--fhr-navy) !important;
  margin: 0 0 0.4rem !important;
}
.fhr-fp-card p { font-size: var(--fhr-size-sm); color: var(--fhr-muted); line-height: 1.65; margin: 0; }

/* ── Prozess-Schritte (vertikal) ── */
.fhr-fp-steps { display: flex; flex-direction: column; gap: 0; margin-top: 1.4rem; }

.fhr-fp-step-row {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 0 1.2rem;
  position: relative;
}
.fhr-fp-step-row::before {
  content: '';
  position: absolute;
  left: 21px; top: 34px; bottom: -1.4rem;
  width: 1px;
  background: var(--fhr-border);
}
.fhr-fp-step-row:last-child::before { display: none; }
.fhr-fp-step-num-wrap { display: flex; flex-direction: column; align-items: center; padding-bottom: 2rem; }
.fhr-fp-step-row:last-child .fhr-fp-step-num-wrap { padding-bottom: 0; }
.fhr-fp-step-num {
  width: 34px; height: 34px;
  background: var(--fhr-navy);
  color: var(--fhr-white);
  border-radius: 7px;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--fhr-font-head);
  font-size: var(--fhr-size-sm);
  font-weight: 600;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.fhr-fp-step-content { padding-top: 0.3rem; padding-bottom: 2rem; }
.fhr-fp-step-row:last-child .fhr-fp-step-content { padding-bottom: 0; }
.fhr-fp-step-content strong { display: block; font-size: var(--fhr-size-base); font-weight: 600; color: var(--fhr-navy); margin-bottom: 0.2rem; }
.fhr-fp-step-content span { font-size: var(--fhr-size-sm); color: var(--fhr-muted); line-height: 1.6; }

/* ── Inline CTA Box ── */
.fhr-fp-cta-box {
  background: var(--fhr-navy);
  border-radius: 12px;
  padding: 2rem 2.2rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: 2rem;
}
.fhr-fp-cta-body { flex: 1; }
.fhr-fp-cta-title { font-family: var(--fhr-font-head); font-size: var(--fhr-size-md); font-weight: 600; font-style: normal; color: var(--fhr-white); margin: 0 0 0.3rem; }
.fhr-fp-cta-sub { font-size: var(--fhr-size-sm); color: rgba(255,255,255,0.6); line-height: 1.5; margin: 0; }
.fhr-fp-cta-btn { display: inline-block; background: var(--fhr-grey); color: var(--fhr-navy) !important; font-size: var(--fhr-size-sm); font-weight: 700; padding: 0.7rem 1.5rem; border-radius: 7px; text-decoration: none; white-space: nowrap; flex-shrink: 0; transition: opacity 0.2s; }
.fhr-fp-cta-btn:hover { opacity: 0.85; }

/* ── Feature-Tabelle ── */
.fhr-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.fhr-filter button { padding: 7px 16px; border: 2px solid var(--fhr-navy); background-color: var(--fhr-navy); color: var(--fhr-white) !important; font-family: var(--fhr-font-body); font-size: var(--fhr-size-base); font-weight: 400; border-radius: 50px; cursor: pointer; opacity: 0.6; transition: opacity 0.2s; }
.fhr-filter button:hover  { opacity: 0.75; }
.fhr-filter button.active { opacity: 1 !important; }

.fhr-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.fhr-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-family: var(--fhr-font-body); font-size: var(--fhr-size-base); line-height: 1.5; }
.fhr-table thead th { background-color: var(--fhr-navy) !important; color: var(--fhr-white) !important; padding: 12px 14px; text-align: left; font-weight: 500; font-size: var(--fhr-size-base); }
.fhr-table tbody tr.spacer-row td { background-color: var(--fhr-white) !important; padding: 0 !important; height: 5px !important; border-bottom: none !important; }
.fhr-table tbody td { padding: 10px 14px; vertical-align: top; word-break: break-word; border-bottom: 1px solid #d4d4d4; }
.fhr-table tbody tr:nth-child(odd)  td { background-color: var(--fhr-white); }
.fhr-table tbody tr:nth-child(even) td { background-color: var(--fhr-grey); }

.fhr-table tbody tr.section-heading td { color: var(--fhr-white) !important; font-family: var(--fhr-font-body) !important; font-weight: 500; font-size: var(--fhr-size-base); text-align: center; padding: 10px 14px; border-bottom: none; }
.fhr-table tbody tr.sh-allgemeine-leistungen td,
.fhr-table tbody tr.sh-survey-hub td,
.fhr-table tbody tr.sh-data-hub td,
.fhr-table tbody tr.sh-analytics-hub td,
.fhr-table tbody tr.sh-follow-up-take-action td { background-color: var(--fhr-navy) !important; color: var(--fhr-white) !important; }
.fhr-table tbody tr.sh-support td,
.fhr-table tbody tr.sh-umfragegestaltung td,
.fhr-table tbody tr.sh-teilnahme-steuern td,
.fhr-table tbody tr.sh-datenmodell-datenprozesse td,
.fhr-table tbody tr.sh-rollen-zugriffsrechte td,
.fhr-table tbody tr.sh-datenschutz-sicherheit td,
.fhr-table tbody tr.sh-ergebnisse-auswertung td { background-color: #a4b2b3 !important; color: var(--fhr-white) !important; }

/* ── Responsive ── */
@media (max-width: 800px) {
  .fhr-fp-intro-grid { grid-template-columns: 1fr; }
  .fhr-fp-intro-image { display: none; }
}
@media (max-width: 768px) {
  .fhr-table { font-size: var(--fhr-size-sm); min-width: 600px; }
  .fhr-table thead th, .fhr-table tbody td { padding: 8px 10px; }
}
@media (max-width: 700px) {
  .fhr-fp-grid { grid-template-columns: 1fr 1fr; }
  .fhr-fp-cta-box { flex-direction: column; gap: 1rem; }
}
@media (max-width: 600px) {
  .fhr-fp-section { padding: 2rem 1rem; }
  .fhr-fp-grid { grid-template-columns: 1fr; }
  .mb-h1 { font-size: 1.7rem; }
  .mb-h2 { font-size: 1.3rem; }
}
/* ============================================================
   functionHR Feature-Tabelle

   Versteckt die Zwischenüberschrift "Follow-Up / Take Action"
   automatisch, wenn keine Tabellenzeilen darunter sichtbar sind.
   ============================================================ */

.fhr-table tbody tr.sh-follow-up-take-action:not(
  :has(~ tr[data-products]:not([style*="display: none"]))
) {
  display: none !important;
}/* End custom CSS */