/* Ergaenzungen zur Avada-Kaskade (Verbesserungen aus dem Angebot, Sept. 2026).
   Wird nach allen Original-Stylesheets geladen. Nichts hier veraendert die Optik
   der Original-Elemente; nur neue Elemente und der zuschaltbare Kontrastmodus. */

/* Aerztenamen im Hero: Optik der Avada-H2, aber kein Heading-Element mehr
   (.fusion-body p schlaegt sonst die Margins) */
.fusion-body p.awb-h2, .awb-h2 {
  font-family: var(--h2_typography-font-family);
  font-size: var(--h2_typography-font-size);
  font-weight: var(--h2_typography-font-weight);
  line-height: var(--h2_typography-line-height);
  letter-spacing: var(--h2_typography-letter-spacing);
  text-transform: var(--h2_typography-text-transform, none);
  color: var(--h2_typography-color);
  margin-top: var(--h2_typography-margin-top);
  margin-bottom: var(--h2_typography-margin-bottom);
}
/* !important: Avada faerbt <p> im Hero ueber eine spezifischere Regel in der Markenfarbe */
.fusion-modal-text-link .awb-doctor, .fusion-modal-text-link:hover .awb-doctor { color: #fff !important; }

/* Zweiter H1 (Claim) -> H2 mit H1-Optik */
.fusion-body h2.awb-h1, .awb-h1 {
  font-family: var(--h1_typography-font-family);
  font-size: var(--h1_typography-font-size);
  font-weight: var(--h1_typography-font-weight);
  line-height: var(--h1_typography-line-height);
  letter-spacing: var(--h1_typography-letter-spacing);
  text-transform: var(--h1_typography-text-transform, none);
  color: var(--h1_typography-color);
  margin-top: var(--h1_typography-margin-top);
  margin-bottom: var(--h1_typography-margin-bottom);
}

/* Privatpraxis-Hinweis ueber den Aerztenamen */
.awb-privatpraxis {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin: 0 0 0.9em;
  padding-bottom: 0.6em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}

/* FAQ-Block */
.awb-faq-section .awb-faq-intro p { max-width: 760px; margin-left: auto; margin-right: auto; }
.awb-faq-section .panel-body ul { margin: 0 0 1em 1.2em; }

/* Kontrast-Schalter (Bedienhilfe) */
.awb-contrast-toggle {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 10050;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 14px 0 10px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #0e5e55;
  color: #fff;
  font: 500 14px/1 "Roboto", Arial, sans-serif;
  letter-spacing: 0.02em;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.awb-contrast-toggle:hover, .awb-contrast-toggle:focus-visible { background: #0a3f3a; outline: 3px solid #ffbf47; outline-offset: 2px; }
.awb-contrast-toggle svg { width: 20px; height: 20px; flex: none; }
.awb-contrast-toggle[aria-pressed="true"] { background: #111; border-color: #ffbf47; }
@media (max-width: 640px) { .awb-contrast-toggle span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .awb-contrast-toggle { padding: 0 10px; } }
@media print { .awb-contrast-toggle { display: none; } }

/* ---------------------------------------------------------------- Kontrastmodus
   html.awb-contrast: Markenfarbe #80c9bf (Kontrast 1,9:1 auf Weiss) wird durch ein
   dunkles Petrol #0e5e55 (8,2:1 auf Weiss, 5,7:1 unter weisser Schrift) ersetzt,
   Fliesstext wird fast schwarz, Links werden unterstrichen. Nur bei aktivem Schalter
   oder Systemeinstellung "erhoehter Kontrast" ohne gespeicherte Wahl. */
html.awb-contrast {
  --h1_typography-color: #0e5e55;
  --h2_typography-color: #0e5e55;
  --h3_typography-color: #0e5e55;
  --h4_typography-color: #0e5e55;
  --h5_typography-color: #0e5e55;
  --h6_typography-color: #0e5e55;
  --link_color: #0b4a43;
  --link_hover_color: #000;
  --body_typography-color: #111;
  --header_bg_color: #0e5e55;
  --header_sticky_bg_color: #0e5e55;
  --mobile_header_bg_color: #0e5e55;
  --copyright_bg_color: #0e5e55;
  --accordian_active_color: #0e5e55;
  --button_gradient_top_color: #0e5e55;
  --button_gradient_bottom_color: #0e5e55;
  --button_gradient_top_color_hover: #0a3f3a;
  --button_gradient_bottom_color_hover: #0a3f3a;
  --post_title_typography-color: #0e5e55;
  --post_titles_extras_typography-color: #0e5e55;
  --awb-color6: #0e5e55;
}
html.awb-contrast body { color: #111; }
html.awb-contrast [style*="80c9bf"], html.awb-contrast [style*="80C9BF"], html.awb-contrast [style*="82c9be"], html.awb-contrast [style*="rgba(55,129,116"] {
  --awb-background-color: #0e5e55 !important;
  --awb-bg-color: #0e5e55 !important;
  --awb-bg-color-hover: #0e5e55 !important;
  --awb-title-color: #0e5e55 !important;
  --awb-icon-box-color: #0e5e55 !important;
  --awb-toggle-hover-accent-color: #0e5e55 !important;
  --awb-color: #0e5e55 !important;
  --awb-text-color: #0e5e55 !important;
  --awb-border-color: #0e5e55 !important;
}
html.awb-contrast b[style*="80c9bf"], html.awb-contrast span[style*="80c9bf"], html.awb-contrast strong[style*="80c9bf"] { color: #0e5e55 !important; }
html.awb-contrast .fusion-layout-column.info { --awb-bg-color: rgba(10, 63, 58, 0.92) !important; --awb-bg-color-hover: rgba(10, 63, 58, 0.92) !important; }
html.awb-contrast .fusion-header, html.awb-contrast .fusion-secondary-header, html.awb-contrast .fusion-footer-copyright-area { background-color: #0e5e55 !important; }
html.awb-contrast .fusion-main-menu > ul > li > a, html.awb-contrast .fusion-main-menu > ul > li > a .menu-text { color: #fff !important; }
html.awb-contrast .fusion-copyright-notice, html.awb-contrast .fusion-copyright-notice a { color: #fff !important; }
html.awb-contrast .fusion-button, html.awb-contrast .fusion-button:hover { background: #0e5e55 !important; color: #fff !important; border-color: #0e5e55 !important; }
html.awb-contrast .fusion-button:hover { background: #0a3f3a !important; }
html.awb-contrast #main a:not(.fusion-button):not(.fusion-modal-text-link):not(.panel-title a) { text-decoration: underline; }
html.awb-contrast a:focus-visible, html.awb-contrast button:focus-visible, html.awb-contrast input:focus-visible, html.awb-contrast textarea:focus-visible { outline: 3px solid #ffbf47 !important; outline-offset: 2px; }
html.awb-contrast .fusion-text p, html.awb-contrast .fusion-text li, html.awb-contrast .fusion-text td { color: #111; }
html.awb-contrast .fusion-layout-column.info .fusion-text p, html.awb-contrast .fusion-layout-column.info td, html.awb-contrast .fusion-layout-column.info a, html.awb-contrast .fusion-layout-column.info h2, html.awb-contrast .fusion-layout-column.info h1 { color: #fff !important; }
html.awb-contrast .fusion-accordian .panel-title a, html.awb-contrast .fusion-accordian .panel-title a:hover { color: #0e5e55 !important; }
html.awb-contrast .fusion-accordian .fusion-toggle-icon-wrapper .fa-fusion-box { background-color: #0e5e55 !important; }
html.awb-contrast .awb-map-consent-inner { background: #fff; border: 2px solid #0e5e55; }