/*
Theme Name:     Osteopathie
Theme URI:      http: //justbusy.de/
Description:    Child Theme for the Enfold
Author:         Lars Trinter 2025-09-17 update
Author URI:     http: //www.justbusy.de
Template:       enfold
Version: 		7.1.2 
Letzte: 22.01.2024 15:51:41
*/
/*
html.html_boxed.responsive.av-preloader-disabled.html_header_top.html_logo_left.html_main_nav_header.html_menu_right.html_custom.html_header_sticky.html_header_shrinking.html_header_topbar_active.html_mobile_menu_phone.html_header_searchicon.html_content_align_center.html_header_unstick_top_disabled.html_header_stretch_disabled.html_elegant-blog.html_av-overlay-side.html_av-overlay-side-classic.html_av-submenu-noclone.html_entry_id_18.av-cookies-no-cookie-consent.av-no-preview.av-default-lightbox.html_text_menu_active.av-mobile-menu-switch-default.avia_desktop.js_active.avia_transform.avia_transform3d.avia-mozilla.avia-mozilla-122.no-touch-device.pointer-device-fine.pointer-device-coarse.html_av-submenu-visible body#top.home.page-template-default.page.page-id-18.boxed.no_sidebar_border.rtl_columns.av-curtain-numeric.notoserif-bold-custom.notoserif-bold.notosans-regular-custom.notosans-regular.avia-responsive-images-support div#wrap_all div#main.all_colors div#av_section_4.avia-section.av-4jjo2-ccee12fbcc818ab390d2d7af19ef05b8.main_color.avia-section-no-padding.avia-no-border-styling.avia-builder-el-33.el_after_av_section.el_before_av_section.avia-bg-style-scroll.container_wrap.fullsize div.container.av-section-cont-open div.template-page.content.av-content-full.alpha.units div.post-entry.post-entry-type-page.post-entry-18 div.entry-content-wrapper.clearfix div.flex_column_table.av-457xe-a89c10a4dd01f0c6b01103cadf05287c.sc-av_one_half.av-equal-height-column-flextable div.flex_column.av-ckbu-51911b3427bc89084c103d72c75dcaa8.av_one_half.avia-builder-el-36.el_after_av_one_half.avia-builder-el-last.padding-right-box-20210124.no_margin.flex_column_table_cell.av-equal-height-column.av-align-top.av-zero-column-padding section.av_textblock_section.av-2l2i-a2a104f6794d9d2059a828f7450dbf6f div.avia_textblock p a
*/

div.avia_textblock p a:link a:visited {color:#d17050!important;}
div.avia_textblock p a:visited {color:#d17050!important;}
div.avia_textblock p a:hover{color:#d17050!important;}

.fullsize .content .entry-content-wrapper
{
  padding-right: 0;
  margin-left: -50px!important;
  margin-right: -50px!important;
}



.padding-right-box-20210124 {
padding-left:50px!important;
padding-right:50px!important;
}

.padding-left-box-20210124 {
padding-left:50px!important;
}

.padding-right-Content-box-20210124 {
padding-right:50px!important;
}

.margin-min-height-box {min-height: 625px;}


#slider-start-right-margin {margin-right:-50px!important;}
.slider-start-right-margin {margin-right:-50px!important;}

.slider-start-right-margin H2 {color: #d17050!important;}

.slider-start-right-margin .avia-caption-title {background: rgba(247, 239, 228, 0.5)!important;}



.headline-Navigation-start {}

.avia-icon-list .iconlist_title
{
  text-transform: none!important;
}

#footerclassdesign {
padding-left:50px;
padding-right:50px;
}

#phone-button-right {}

#top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: left;
    font-size: 1.15em;
    line-height: 1.7em;
    max-width: 1310px!important;
    margin: 0 auto;
    overflow: visible;
}

.responsive #top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 100%;
    padding-left: 50px!important;
    padding-right: 50px!important;
}



h2.post-title.entry-title {font-size: 17px!important;}

#top .template-search.content .entry-content-wrapper {
  padding-bottom: 40px;
  padding-left: 100px!important;
  padding-top: 11px!important;
  font-size: 13px;
  clear: both;
}

#top .main_color input[type="text"] {background-color: #fff;}

.linkunderline {text-decoration: underline!important;}
.linkunderline a:hover {color:#d17050!important; text-decoration: underline!important;}

.iconbox.iconbox_left_content.av-lsip8y9e-1d3385f99beb8401bbf752d17763de8a.av-icon-style-no-border.avia-builder-el-15.avia-builder-el-no-sibling.Instagramm-button-center
{width:80%;
margin-left:10%;
margin-right:10%;}



/* =====================================================================
   DESIGN-SYSTEM 2026 — Refresh-Layer  (hinzugefügt 2026-06-03)
   Es wurde NUR diese Child-Theme-Datei geändert. Keine wp-config.php,
   keine functions.php, keine Datenbank, keine Server-Config.
   Aufbau:
     1) Tokens (CSS-Variablen)      6) Cards / Tiles (Utility)
     2) Typografie                  7) Bewertungen / Trust-Badge
     3) Layout & Whitespace         8) Formulare
     4) Buttons / CTA               9) Fokus & Barrierefreiheit
     5) Trennlinien (av_hr)        10) Hero-Bausteine (Konzept B)
                                   11) Responsive + Reduced-Motion
   Klassen mit Präfix .ds-* werden im Avia-Builder per
   "Custom CSS Class" auf Elemente gelegt (siehe Doku am Schluss).
   ===================================================================== */

/* --- 1) TOKENS ------------------------------------------------------- */
:root{
  /* Grün -> moderne Wald-/Salbei-Palette (2026-06, AA-geprüft) */
  --green-50:#EEF3EE; --green-300:#A9C0B2; --green-400:#7C9885;
  --green-500:#6E8B7B; --green-700:#3E5A4C; --green-900:#2B2926;
  /* Akzent -> warmes Clay statt Terracotta */
  --terra-300:#EAD7CC; --terra-500:#C4704F; --terra-700:#A8542F; --terra-800:#8E4626;
  /* Neutral -> Bone (BG) + Sage-Tint */
  --cream:#F6F3EE; --surface:#ffffff; --warm-100:#E8EFE9; --warm-300:#D7DED7;
  --text:#2B2926; --text-muted:#6B6B63;
  /* Status */
  --success:#2F4739; --error:#b3261e; --focus:rgba(47,71,57,.45);
  /* Maße */
  --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(46,58,35,.06);
  --shadow-md:0 4px 16px rgba(46,58,35,.08);
  --shadow-lg:0 14px 36px rgba(46,58,35,.12);
  /* Schriften (Noto wird vom Theme bereits geladen) */
  --ff-serif:"Noto Serif",Georgia,"Times New Roman",serif;
  --ff-sans:"Noto Sans",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
}

/* --- 2) TYPOGRAFIE --------------------------------------------------- */
.responsive #top,
.responsive #top .entry-content-wrapper p,
.responsive #top .entry-content-wrapper li,
.responsive #top .av_textblock{
  font-family:var(--ff-sans) !important;
  color:var(--text);
  line-height:1.65;
}
#top .entry-content-wrapper p{ max-width:75ch; }

#top h1,#top h2,#top h3,
#top .av-special-heading .av-special-heading-tag{
  font-family:var(--ff-serif) !important;
  color:var(--green-900) !important;
  letter-spacing:-0.01em;
  line-height:1.2;
}
#top h1{ font-weight:700; line-height:1.15; }
#top h3{ font-weight:600; }
#top h4{ font-family:var(--ff-sans) !important; font-weight:700; line-height:1.3; }

/* Eyebrow / Overline — auf Element mit Klasse .ds-eyebrow setzen */
#top .ds-eyebrow{
  display:inline-block;
  font-family:var(--ff-sans); font-weight:600; font-size:.8125rem;
  letter-spacing:.08em; text-transform:uppercase; color:var(--terra-700);
  margin-bottom:.5rem;
}

/* Textlinks: textsicheres Grün statt Terracotta (AA 5,76:1) */
#top .avia_textblock a:not([class]),
#top .entry-content-wrapper a:not([class]){
  color:var(--text) !important;
  text-decoration:underline; text-underline-offset:2px; text-decoration-color:var(--terra-500);
}
#top .avia_textblock a:not([class]):hover,
#top .entry-content-wrapper a:not([class]):hover{
  color:var(--terra-700) !important;
}

/* --- 3) LAYOUT & WHITESPACE ----------------------------------------- */
html, body#top{ background-color:var(--cream); }
/* Ein bisschen mehr Luft in Sektionen ohne das Boxed-Layout zu sprengen */
#top .ds-air > .container{ padding-top:4rem; padding-bottom:4rem; }
#top .ds-section--warm{ background-color:var(--warm-100) !important; }

/* --- 4) BUTTONS / CTA ----------------------------------------------- */
#top .avia-button, #top a.avia-button, #top .ds-cta, #top .ds-cta-secondary{
  font-family:var(--ff-sans) !important; font-weight:600; font-size:16px;
  border:none; border-radius:var(--radius-md);
  padding:14px 28px; box-shadow:none;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
/* Primär-CTA: Terracotta-700, weiße Schrift (AA 5,05:1) */
#top .avia-button.avia-color-theme-color,
#top .avia-button.avia-color-red,
#top .avia-button.avia-color-custom,
#top .ds-cta{
  background:var(--terra-700) !important; color:#fff !important;
}
#top .avia-button.avia-color-theme-color:hover,
#top .avia-button.avia-color-red:hover,
#top .avia-button.avia-color-custom:hover,
#top .ds-cta:hover{
  background:var(--terra-800) !important; color:#fff !important;
  transform:translateY(-1px); box-shadow:var(--shadow-md);
}
/* Sekundär-Button: Outline-Grün */
#top .ds-cta-secondary{
  background:transparent !important; color:var(--green-700) !important;
  box-shadow:inset 0 0 0 1.5px var(--green-700);
}
#top .ds-cta-secondary:hover{ background:var(--green-50) !important; }

/* --- 5) TRENNLINIEN (av_hr) weicher statt hart ---------------------- */
#top .hr .hr-inner,
#top .hr .hr-inner .inner-border{
  border-color:var(--warm-300) !important;
}

/* --- 6) CARDS / TILES (Utility für Avia-Spalten/Iconboxen) ---------- */
#top .ds-card, #top .ds-tile{
  background:var(--surface);
  border:1px solid var(--warm-300);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);
  padding:24px 28px;
}
#top .ds-tile{ transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
#top .ds-tile:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-lg);
  border-color:var(--green-500);
}
#top .ds-tile .iconlist-char, #top .ds-tile .avia_iconbox_title{ color:var(--green-700) !important; }
#top .ds-tile:hover .iconlist-char{ color:var(--terra-500) !important; }

/* --- 7) BEWERTUNGEN / TRUST-BADGE ----------------------------------- */
#top .ds-badge{
  display:inline-flex; align-items:center; gap:.5rem;
  background:var(--surface); border-radius:var(--radius-pill);
  padding:.5rem 1rem; box-shadow:var(--shadow-sm);
  font-family:var(--ff-sans); font-size:.95rem; color:var(--text);
}
#top .ds-badge .ds-stars{ color:var(--terra-500); letter-spacing:1px; }
#top .ds-badge strong{ color:var(--green-900); }

/* Abschluss-CTA-Band: Grün-700 sichert weiße Schrift als AA (5,76:1) */
#top .ds-cta-band{ background:var(--green-700) !important; }
#top .ds-cta-band h1,#top .ds-cta-band h2,#top .ds-cta-band h3,
#top .ds-cta-band p,#top .ds-cta-band .av_textblock{ color:#fff !important; }

/* --- 8) FORMULARE --------------------------------------------------- */
#top .avia_ajax_form .text_input,
#top .avia_ajax_form textarea,
#top input[type="text"], #top input[type="email"],
#top input[type="tel"], #top textarea{
  background:var(--surface) !important;
  border:1px solid var(--warm-300) !important;
  border-radius:var(--radius-sm);
  padding:12px 14px; font-family:var(--ff-sans);
}
#top .avia_ajax_form .text_input:focus,
#top .avia_ajax_form textarea:focus,
#top input[type="text"]:focus, #top input[type="email"]:focus,
#top input[type="tel"]:focus, #top textarea:focus{
  border-color:var(--green-700) !important;
  box-shadow:0 0 0 3px var(--focus); outline:none;
}

/* --- 9) FOKUS & BARRIEREFREIHEIT ------------------------------------ */
#top a:focus-visible, #top button:focus-visible,
#top .avia-button:focus-visible, #top .ds-cta:focus-visible,
#top input:focus-visible, #top textarea:focus-visible{
  outline:none; box-shadow:0 0 0 3px var(--focus);
}

/* --- 10) HERO-BAUSTEINE (Konzept B) — wirkt, sobald im Builder gebaut */
#top .ds-hero{ background:var(--cream); }
#top .ds-hero h1 .accent{
  background:linear-gradient(transparent 70%, var(--terra-300) 70%);
}
#top .ds-hero-chips{ display:flex; flex-wrap:wrap; gap:10px; margin:1.25rem 0; }
#top .ds-hero-chip{
  display:inline-block; padding:8px 16px; border-radius:var(--radius-pill);
  box-shadow:inset 0 0 0 1.5px var(--green-700);
  color:var(--green-700); font-family:var(--ff-sans); font-weight:600;
  font-size:.9rem; text-decoration:none;
  transition:transform .15s ease, background-color .15s ease;
  animation:ds-fade-up .5s ease both;
}
#top .ds-hero-chip:hover{ background:var(--green-50); transform:translateY(-1px); }
#top .ds-hero-chip:nth-child(2){ animation-delay:.06s; }
#top .ds-hero-chip:nth-child(3){ animation-delay:.12s; }
#top .ds-hero-chip:nth-child(4){ animation-delay:.18s; }
#top .ds-kenburns img{ animation:ds-kenburns 14s ease-out both; will-change:transform; }

@keyframes ds-fade-up{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:none;} }
@keyframes ds-kenburns{ from{transform:scale(1);} to{transform:scale(1.05);} }

/* --- 11) RESPONSIVE + REDUCED-MOTION -------------------------------- */
@media (max-width:767px){
  #top h1{ font-size:2rem !important; }
  #top h2{ font-size:1.625rem !important; }
  #top h3{ font-size:1.375rem !important; }
  /* Sticky Mobile-CTA-Leiste — Element mit .ds-mobile-cta + zwei Links */
  #top .ds-mobile-cta{
    position:fixed; left:0; right:0; bottom:0; z-index:999;
    display:flex; gap:8px; padding:8px;
    background:var(--surface); box-shadow:0 -4px 16px rgba(46,58,35,.14);
  }
  #top .ds-mobile-cta a{ flex:1; text-align:center; }
}
@media (min-width:768px){ #top .ds-mobile-cta{ display:none; } }

@media (prefers-reduced-motion: reduce){
  #top *, #top *::before, #top *::after{
    animation:none !important; transition:none !important;
  }
}
/* --- 12) SCROLL-REVEAL + COUNT-UP (steuert functions.php-JS) --------- */
#top .ds-reveal{
  opacity:0; transform:translateY(20px);
  transition:opacity .6s ease, transform .6s ease;
}
#top .ds-reveal.ds-revealed{ opacity:1; transform:none; }

/* Platz für die fixe Mobile-CTA-Leiste, damit nichts verdeckt wird */
@media (max-width:767px){ body#top{ padding-bottom:64px; } }

/* Bewegungsempfindliche Nutzer: Inhalte sofort sichtbar */
@media (prefers-reduced-motion: reduce){
  #top .ds-reveal{ opacity:1 !important; transform:none !important; }
}
/* =================== Ende Refresh-Layer 2026 ======================== */


/* =====================================================================
   ALLE SEITEN & BEITRÄGE — flächendeckendes Content-Design 2026
   Additiv, greift global auf bestehendes Enfold/Avia-Markup.
   13 Inhalt-Basis · 14 Blog-Liste · 15 Einzelbeitrag · 16 Kommentare
   17 Avia-Elemente · 18 Header/Navi · 19 Sidebar/Widgets · 20 Footer
   21 Titelleiste/Breadcrumb/Suche/Zurück-nach-oben
   ===================================================================== */

/* --- 13) INHALT-BASIS (alle Seiten & Beiträge) ---------------------- */
#top .av_textblock h2, #top .single .entry-content-wrapper h2{ margin:1.6em 0 .5em; }
#top .av_textblock h3, #top .single .entry-content-wrapper h3{ margin:1.4em 0 .4em; }

/* Aufzählungen mit grünem Punkt (NICHT Avia-Icon-Listen) */
#top .av_textblock ul:not(.avia-icon-list) > li,
#top .single .entry-content-wrapper ul:not(.avia-icon-list) > li{
  list-style:none; position:relative; padding-left:1.4em; margin-bottom:.5em;
}
#top .av_textblock ul:not(.avia-icon-list) > li::before,
#top .single .entry-content-wrapper ul:not(.avia-icon-list) > li::before{
  content:""; position:absolute; left:0; top:.55em;
  width:.5em; height:.5em; border-radius:50%; background:var(--green-500);
}

/* Zitate */
#top .av_textblock blockquote, #top .single .entry-content-wrapper blockquote{
  border-left:4px solid var(--green-500); background:var(--warm-100);
  margin:1.5em 0; padding:1em 1.4em;
  border-radius:0 var(--radius-md) var(--radius-md) 0;
  font-family:var(--ff-serif); font-style:italic; color:var(--green-900);
}

/* Inhaltsbilder dezent runden (Logos/Icons bleiben unberührt) */
#top .av_textblock img, #top .single .entry-content-wrapper img,
#top .wp-caption img{ border-radius:var(--radius-md); }
#top .wp-caption-text{ font-size:.85rem; color:var(--text-muted); font-style:italic; }

::selection{ background:rgba(85,110,37,.18); }

/* --- 14) BLOG-ÜBERSICHT --------------------------------------------- */
#top h2.post-title.entry-title, #top .post-title.entry-title{
  font-family:var(--ff-serif) !important; font-size:1.375rem !important;
  font-weight:600; line-height:1.25;
}
#top .post-title.entry-title a{ color:var(--green-900) !important; }
#top .post-title.entry-title a:hover{ color:var(--terra-700) !important; }
#top .blog-meta, #top .post-meta-infos, #top .minor-meta, #top .minor-meta a{
  color:var(--text-muted) !important; font-size:.85rem;
}
#top .read-more-link a, #top .more-link{
  display:inline-block; color:var(--green-700) !important; font-weight:600; text-decoration:none;
}
#top .read-more-link a:hover, #top .more-link:hover{ color:var(--terra-700) !important; }

#top .big-preview{ overflow:hidden; border-radius:var(--radius-md); }
#top .big-preview img{ border-radius:var(--radius-md); transition:transform .4s ease; }
#top .big-preview:hover img{ transform:scale(1.04); }

#top .pagination a, #top .pagination span{
  border:1px solid var(--warm-300); border-radius:var(--radius-sm);
  color:var(--text); background:var(--surface);
}
#top .pagination .current, #top .pagination a:hover{
  background:var(--green-700) !important; color:#fff !important; border-color:var(--green-700) !important;
}

/* --- 15) EINZELBEITRAG ---------------------------------------------- */
#top .single .post_delimiter{ border-color:var(--warm-300); }
#top .blog-tags a, #top .tags a{
  display:inline-block; background:var(--warm-100); color:var(--green-700) !important;
  border-radius:var(--radius-pill); padding:3px 12px; margin:0 4px 4px 0;
  text-decoration:none; font-size:.85rem;
}
#top .blog-tags a:hover, #top .tags a:hover{ background:var(--green-50); }
#top .related_posts a img{ border-radius:var(--radius-md); }
#top .av-author-profile, #top .author-box{
  background:var(--warm-100); border-radius:var(--radius-lg); padding:24px;
}

/* --- 16) KOMMENTARE ------------------------------------------------- */
#top .comment-entry{
  background:var(--surface); border:1px solid var(--warm-300);
  border-radius:var(--radius-lg); padding:18px 20px; margin-bottom:16px;
}
#top .commentlist .avatar{ border-radius:50%; }
#top .comment-meta, #top .comment-time{ color:var(--text-muted); font-size:.85rem; }

/* --- 17) AVIA-ELEMENTE ---------------------------------------------- */
#top .avia-icon-list .iconlist_title{ font-family:var(--ff-sans); font-weight:600; color:var(--green-900); }
#top .avia-icon-list .iconlist-char{ color:var(--green-700); }
#top .iconbox .iconbox_icon{ color:var(--green-700); }
#top .iconbox .avia_iconbox_title{ font-family:var(--ff-serif); color:var(--green-900); }

/* FAQ-Toggles / Akkordeon */
#top .toggle_wrap{
  border:1px solid var(--warm-300); border-radius:var(--radius-md);
  margin-bottom:10px; overflow:hidden; background:var(--surface);
}
#top .toggler{
  font-family:var(--ff-sans); font-weight:600;
  color:var(--green-900) !important; background:var(--surface) !important; border:none !important;
}
#top .toggler.activeTitle{ background:var(--green-50) !important; color:var(--green-700) !important; }

/* Tabellen */
#top .avia-table, #top .entry-content-wrapper table{
  border-collapse:collapse; width:100%; border-radius:var(--radius-md); overflow:hidden;
}
#top .avia-table th, #top .entry-content-wrapper table th{
  background:var(--green-700) !important; color:#fff !important; text-align:left; padding:10px 14px;
}
#top .avia-table td, #top .entry-content-wrapper table td{ border:1px solid var(--warm-300); padding:10px 14px; }
#top .entry-content-wrapper table tr:nth-child(even) td{ background:var(--warm-100); }

/* Tabs / Hinweisboxen */
#top .tabcontainer .tab.active_tab{ background:var(--green-700) !important; color:#fff !important; }
#top .avia_message_box, #top .avia-promobox{ border-radius:var(--radius-md); }
#top .avia-testimonial .avia-testimonial-content{ font-family:var(--ff-serif); font-style:italic; }

/* --- 18) HEADER & NAVIGATION ---------------------------------------- */
#top #header_main .av-main-nav > li > a{ font-family:var(--ff-sans); font-weight:600; }
#top .av-main-nav > li > a:hover{ color:var(--green-700) !important; }
#top .av-main-nav > li.current-menu-item > a,
#top .av-main-nav > li.current_page_item > a{ color:var(--green-700) !important; }
#top.html_header_sticky #header.av_header_sticky{ box-shadow:var(--shadow-sm); }
#top .av-main-nav ul{ border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-md); }

/* --- 19) SIDEBAR & WIDGETS ------------------------------------------ */
#top .sidebar .widgettitle, #top .sidebar .widget h3{ color:var(--green-900); }
#top .widgettitle, #top .widget h3{
  font-family:var(--ff-serif); position:relative; padding-bottom:.4em; margin-bottom:.8em; border-bottom:none;
}
#top .widgettitle::after, #top .widget h3::after{
  content:""; position:absolute; left:0; bottom:0;
  width:40px; height:3px; background:var(--green-500); border-radius:2px;
}
#top .sidebar .widget ul li a{ color:var(--text) !important; }
#top .sidebar .widget ul li a:hover{ color:var(--green-700) !important; }

/* --- 20) FOOTER & SOCKET (dezent, kein Layout-Eingriff) ------------- */
#top #footer .widgettitle, #top #footer h3{ font-family:var(--ff-serif); }
#top #footer a:hover{ color:var(--terra-500) !important; }
#top #socket .copyright, #top #socket{ font-size:.9em; }

/* --- 21) TITELLEISTE · BREADCRUMB · SUCHE · ZURÜCK-NACH-OBEN -------- */
#top .title_container{ background:var(--warm-100); border-bottom:1px solid var(--warm-300); }
#top .title_container .main-title{ font-family:var(--ff-serif); color:var(--green-900); }
#top .breadcrumb, #top .breadcrumb a, #top .breadcrumb .sep{ color:var(--text-muted) !important; font-size:.85rem; }
#top .breadcrumb a:hover{ color:var(--green-700) !important; }
#top #scroll-top-link{ background:var(--green-700) !important; color:#fff !important; border-radius:var(--radius-md); }
#top #scroll-top-link:hover{ background:var(--green-900) !important; }
/* =============== Ende Content-Coverage 2026 ========================= */


/* =====================================================================
   FINAL-POLISH 2026 — minimalistisch · modern · UX/SEO
   22 Smooth-Scroll & Anker-Offset · 23 Skip-Link · 24 Link-Unterstreichung
   25 Druck-Stylesheet
   ===================================================================== */

/* --- 22) Sanftes Scrollen + Anker unter dem Sticky-Header ----------- */
html{ scroll-behavior:smooth; }
:target, [id]{ scroll-margin-top:100px; }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }

/* --- 23) Skip-Link (Tastatur/Screenreader springt zum Inhalt) ------ */
#top .ds-skip-link{
  position:absolute; left:8px; top:-60px; z-index:100000;
  background:var(--green-700); color:#fff; padding:10px 16px;
  border-radius:var(--radius-md); text-decoration:none; font-weight:600;
  transition:top .15s ease;
}
#top .ds-skip-link:focus{ top:8px; outline:none; box-shadow:0 0 0 3px var(--focus); }

/* --- 24) Ruhige, moderne Link-Unterstreichung im Fließtext --------- */
#top .av_textblock a:not(.avia-button),
#top .single .entry-content-wrapper a:not(.avia-button){
  text-decoration-thickness:1px; text-underline-offset:3px;
  transition:color .15s ease;
}

/* --- 25) Druck-Stylesheet (sauberes, minimalistisches Ausdrucken) -- */
@media print{
  #top #header, #top .ds-mobile-cta, #top #scroll-top-link,
  #top .sidebar, #top #footer, #top .av-burger-overlay,
  #top .avia-button, #top .ds-hero-chips{ display:none !important; }
  html, body#top{ background:#fff !important; }
  #top, #top p, #top li, #top h1, #top h2, #top h3{ color:#000 !important; }
  #top .entry-content-wrapper{ max-width:100% !important; margin:0 !important; }
}
/* =============== Ende Final-Polish 2026 ============================= */


/* =====================================================================
   STARTSEITEN-RENOVIERUNG 2026-06 (lokal) — Layout + moderne Palette
   Zielt auf die echte Avia-Struktur (#av_section_1 … _6).
   ===================================================================== */

/* Moderner vertikaler Rhythmus: Luft in den Inhaltssektionen */
#top #av_section_2 .container,
#top #av_section_3 .container,
#top #av_section_4 .container,
#top #av_section_5 .container,
#top #av_section_6 .container{ padding-top:72px; padding-bottom:72px; }

/* Alternierende, ruhige Hintergründe (Sage-Tint) */
#top #av_section_3{ background-color:var(--warm-100) !important; }
#top #av_section_5{ background-color:var(--warm-100) !important; }

/* --- HERO (#av_section_1) — NUR Startseite (sonst zu große H1 auf Unterseiten) */
#top.home #av_section_1 .container{ padding-top:56px; padding-bottom:56px; }
#top.home #av_section_1 h1{ font-size:clamp(2.4rem,5vw,3.4rem); margin-bottom:.3em; }
#top.home #av_section_1 h2{
  font-weight:400 !important; color:var(--text-muted) !important;
  font-size:clamp(1.05rem,2.2vw,1.4rem); letter-spacing:0;
}

/* --- Buttons generell -> Clay (wenige, alle CTA) ------------------- */
#top .avia-button:not(.ds-cta-secondary){
  background:var(--terra-700) !important; color:#fff !important;
  border-radius:var(--radius-md) !important; box-shadow:none !important;
}
#top .avia-button:not(.ds-cta-secondary):hover{
  background:var(--terra-800) !important; transform:translateY(-1px);
}
#top .avia-button .avia_button_icon{ background:transparent !important; border:none !important; }

/* --- BEHANDLUNGS-ICONLISTE -> moderne Karten ----------------------- */
#top .avia-icon-list.av-iconlist-big{ display:grid; grid-template-columns:1fr; gap:16px; margin:0; }
#top .avia-icon-list.av-iconlist-big > li{
  background:var(--surface); border:1px solid var(--warm-300); border-radius:16px;
  padding:18px 22px; margin:0 !important; box-shadow:0 4px 16px rgba(38,48,42,.06);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#top .avia-icon-list.av-iconlist-big > li:hover{
  transform:translateY(-3px); box-shadow:0 14px 30px rgba(38,48,42,.12); border-color:var(--green-500);
}
#top .avia-icon-list.av-iconlist-big .iconlist-char{
  color:var(--green-700) !important; border-color:var(--green-500) !important; background:transparent !important;
}
#top .avia-icon-list.av-iconlist-big > li:hover .iconlist-char{
  color:var(--terra-500) !important; border-color:var(--terra-500) !important;
}
#top .avia-icon-list.av-iconlist-big .iconlist_title,
#top .avia-icon-list.av-iconlist-big .iconlist_title a{
  font-family:var(--ff-serif) !important; color:var(--green-900) !important;
  font-weight:600; font-size:1.12rem;
}

/* --- BIO (#av_section_4): rundes Portrait modern gerahmt ----------- */
#top #av_section_4 .avia-image-container img,
#top #av_section_4 img.avia_image{
  border-radius:50% !important; box-shadow:0 12px 34px rgba(38,48,42,.18);
}
/* =============== Ende Startseiten-Renovierung 2026-06 =============== */


/* =====================================================================
   PHASE 1 — EDITORIAL-DESIGN für ALLE Seiten & Beiträge (2026-06-05)
   Greift automatisch auf klassische Beiträge (.entry-content) UND
   Avia-Seiten (.avia_textblock) — ohne Inhalte zu ändern.
   ===================================================================== */

/* Lesebreite + zentrierter Artikel bei Einzelbeiträgen */
#top .single .entry-content{ max-width:74ch; margin-left:auto; margin-right:auto; }
#top .single .entry-content-header{
  max-width:74ch; margin:0 auto 1.6em; padding-bottom:1em;
  border-bottom:1px solid var(--warm-300);
}
#top .single .post-title.entry-title{ font-size:clamp(1.9rem,4vw,2.6rem) !important; }

/* Lead-Absatz: erster Absatz größer & ruhiger */
#top .single .entry-content > p:first-of-type{
  font-size:1.18rem; line-height:1.8; color:var(--text);
}

/* Fließtext-Rhythmus (beide Kontexte) */
#top .entry-content p, #top .avia_textblock p{ margin:0 0 1.15em; }
#top .entry-content, #top .avia_textblock{ color:var(--text); }

/* H2 als klare, moderne Sektions-Abspaltung (Salbei-Akzentlinie) */
#top .entry-content h2, #top .avia_textblock h2{ margin-top:2em; margin-bottom:.55em; line-height:1.25; }
#top .entry-content h2::after, #top .avia_textblock h2::after{
  content:""; display:block; width:48px; height:3px; margin-top:.5em;
  background:var(--green-500); border-radius:2px;
}
#top .entry-content h3, #top .avia_textblock h3{ margin-top:1.6em; margin-bottom:.4em; }

/* Listen mit Salbei-Marker (klassischer Editor) */
#top .entry-content ul:not(.avia-icon-list) > li{
  list-style:none; position:relative; padding-left:1.5em; margin-bottom:.5em;
}
#top .entry-content ul:not(.avia-icon-list) > li::before{
  content:""; position:absolute; left:.1em; top:.55em;
  width:.5em; height:.5em; border-radius:50%; background:var(--green-500);
}

/* Markante Zitate (klassischer Editor) */
#top .entry-content blockquote{
  border-left:4px solid var(--green-500); background:var(--warm-100);
  margin:1.6em 0; padding:1em 1.4em; border-radius:0 10px 10px 0;
  font-family:var(--ff-serif); font-style:italic; color:var(--text);
}

/* Inhaltsbilder: gerahmt + saubere Float-Abstände */
#top .entry-content img, #top .avia_textblock img{ border-radius:10px; height:auto; }
#top .entry-content img.alignleft, #top .avia_textblock img.alignleft{ margin:.2em 1.6em 1em 0; }
#top .entry-content img.alignright, #top .avia_textblock img.alignright{ margin:.2em 0 1em 1.6em; }

/* Utility: Hinweis-/Info-Box (manuell per Klasse .ds-callout) */
#top .ds-callout{
  background:var(--warm-100); border:1px solid var(--warm-300);
  border-left:4px solid var(--green-500); border-radius:10px;
  padding:16px 20px; margin:1.6em 0;
}
/* =============== Ende Phase 1 Editorial 2026-06-05 ================== */


/* =====================================================================
   PHASE 2 — Lesezeit · Inhaltsverzeichnis · Auto-Termin-CTA (2026-06-05)
   Styling für die per functions.php injizierten Elemente.
   ===================================================================== */

/* Lesezeit */
#top .ost-readingtime{
  font-size:.8rem; color:var(--text-muted); text-transform:uppercase;
  letter-spacing:.07em; margin:0 0 1.4em;
}

/* Inhaltsverzeichnis */
#top .ost-toc{
  background:var(--warm-100); border:1px solid var(--warm-300);
  border-radius:12px; padding:18px 22px; margin:0 0 2.2em;
}
#top .ost-toc-title{ font-family:var(--ff-serif); font-weight:600; color:var(--text); margin:0 0 .5em; }
#top .ost-toc ul{ margin:0; padding:0; list-style:none; }
#top .ost-toc ul li{ margin:.3em 0; padding-left:0 !important; }
#top .ost-toc ul li::before{ content:none !important; }
#top .ost-toc ul li.ost-toc-sub{ padding-left:1.1em !important; font-size:.95em; }
#top .ost-toc a{ color:var(--text) !important; text-decoration:none; border-bottom:1px solid transparent; }
#top .ost-toc a:hover{ color:var(--terra-700) !important; border-bottom-color:var(--terra-500); }

/* Automatischer Termin-CTA-Block (dunkel, modern) */
#top .ost-cta{
  margin:2.6em auto 0; max-width:74ch; text-align:center;
  background:var(--green-900); border-radius:16px; padding:34px 28px;
  box-shadow:var(--shadow-md);
}
#top .ost-cta h3{ color:#fff !important; margin:0 0 .35em; font-size:clamp(1.3rem,2.5vw,1.6rem); }
#top .ost-cta p{ color:rgba(255,255,255,.88) !important; margin:0 0 1.3em; max-width:none; }
#top .ost-cta-actions{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-bottom:0 !important; }
#top .ost-cta-primary, #top .ost-cta-secondary{
  display:inline-block; font-family:var(--ff-sans); font-weight:600;
  padding:14px 26px; border-radius:10px; text-decoration:none !important;
  transition:background-color .15s ease, transform .15s ease;
}
#top .ost-cta-primary{ background:var(--terra-700); color:#fff !important; }
#top .ost-cta-primary:hover{ background:var(--terra-800); transform:translateY(-1px); }
#top .ost-cta-secondary{ background:transparent; color:#fff !important; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55); }
#top .ost-cta-secondary:hover{ background:rgba(255,255,255,.12); }
/* =============== Ende Phase 2 2026-06-05 =========================== */


/* =====================================================================
   PHASE 3 — Conversion (Header-CTA · Beschwerde-Finder · Trust) 2026-06-05
   ===================================================================== */

/* a) Header-Menü-Button "Termin buchen" */
#top #header .ost-nav-cta > a,
#top .av-main-nav .ost-nav-cta > a{
  background:var(--terra-700) !important; color:#fff !important;
  border-radius:8px; margin:6px 0 6px 10px; padding:0 18px !important;
  font-weight:600; line-height:2.6;
}
#top #header .ost-nav-cta > a:hover,
#top .av-main-nav .ost-nav-cta > a:hover{ background:var(--terra-800) !important; color:#fff !important; }
#top .ost-nav-cta > a .avia-menu-fx{ display:none !important; } /* Enfold-Hover-Balken aus */

/* b) Beschwerde-Finder */
#top .ost-finder{
  margin:2.4em auto 0; max-width:74ch; text-align:center;
  background:var(--warm-100); border:1px solid var(--warm-300);
  border-radius:16px; padding:24px 26px;
}
#top .ost-finder-title{ font-family:var(--ff-serif); font-weight:600; color:var(--text); margin:0 0 1em; font-size:1.2rem; }
#top .ost-finder-chips{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-bottom:1.1em; }
#top .ost-finder-chip{
  display:inline-block; padding:9px 16px; border-radius:999px; text-decoration:none !important;
  background:var(--surface); color:var(--text) !important; box-shadow:inset 0 0 0 1.5px var(--green-500);
  font-weight:600; font-size:.92rem; transition:background-color .15s ease, transform .15s ease;
}
#top .ost-finder-chip:hover{ background:var(--green-50); transform:translateY(-1px); color:var(--green-700) !important; }
#top .ost-finder-book{ display:inline-block; color:var(--terra-700) !important; font-weight:600; text-decoration:none !important; }
#top .ost-finder-book:hover{ color:var(--terra-800) !important; }

/* c) Trust-Zeile im CTA-Block */
#top .ost-cta-trust{ color:rgba(255,255,255,.95) !important; font-size:.95rem; margin:.1em 0 1em !important; letter-spacing:.02em; }
#top .ost-cta-trust .stars{ color:#ffd27a; letter-spacing:2px; }
/* =============== Ende Phase 3 2026-06-05 =========================== */


/* =====================================================================
   PHASE 5 — Anatomische SVG-Akzente (2026-06-05)
   ===================================================================== */
#top .ost-anatomy{ display:inline-block; line-height:0; color:var(--green-500); }
#top .ost-anatomy svg{ width:auto; height:88px; vertical-align:middle; }
#top .ost-anatomy--fascia svg{ height:60px; }

/* Dezenter anatomischer Watermark im Termin-CTA */
#top .ost-cta{ position:relative; overflow:hidden; }
#top .ost-cta h3, #top .ost-cta p{ position:relative; z-index:1; }
#top .ost-cta-deco{
  position:absolute; right:-14px; top:-20px; z-index:0; line-height:0;
  color:rgba(255,255,255,.10); pointer-events:none;
}
#top .ost-cta-deco svg{ height:175px; }
/* =============== Ende Phase 5 2026-06-05 =========================== */


/* =====================================================================
   INTERAKTIV 1 — Körperkarte "Wo tut's weh?" (2026-06-06)
   ===================================================================== */
#top .ost-bodymap{
  background:var(--surface); border:1px solid var(--warm-300);
  border-radius:20px; padding:28px; box-shadow:var(--shadow-md); margin:2em auto;
}
#top .ost-bodymap .bm-heading{
  font-family:var(--ff-serif); font-size:clamp(1.4rem,3vw,1.8rem);
  color:var(--text); text-align:center; margin:0 0 1.2em;
}
#top .ost-bodymap .bm-inner{ display:flex; gap:30px; align-items:center; justify-content:center; flex-wrap:wrap; }
#top .ost-bodymap .bm-figure-wrap{ flex:0 0 auto; }
#top .ost-bodymap .bm-svg{ width:190px; height:auto; color:var(--green-500); display:block; }
#top .ost-bodymap .bm-figure{ opacity:.5; }

/* Hotspots */
#top .bm-hotspot{ cursor:pointer; }
#top .bm-hotspot .bm-dot{ fill:var(--terra-700); transition:transform .15s ease; transform-box:fill-box; transform-origin:center; }
#top .bm-hotspot .bm-plus{ fill:#fff; font-size:13px; font-weight:700; font-family:var(--ff-sans); pointer-events:none; }
#top .bm-hotspot .bm-pulse{ fill:var(--terra-700); opacity:.35; transform-box:fill-box; transform-origin:center; animation:bm-pulse 2.4s ease-out infinite; }
#top .bm-hotspot:hover .bm-dot,
#top .bm-hotspot:focus .bm-dot,
#top .bm-hotspot.is-active .bm-dot{ transform:scale(1.25); }
#top .bm-hotspot:focus{ outline:none; }
#top .bm-hotspot:focus-visible .bm-dot{ stroke:var(--green-900); stroke-width:3; }
@keyframes bm-pulse{ 0%{ transform:scale(1); opacity:.35; } 70%{ transform:scale(2.2); opacity:0; } 100%{ opacity:0; } }
@media (prefers-reduced-motion: reduce){ #top .bm-hotspot .bm-pulse{ animation:none; opacity:.15; } }

/* Ergebnis-Panel */
#top .ost-bodymap .bm-panel{ flex:1 1 300px; min-width:260px; max-width:430px; }
#top .ost-bodymap .bm-panel-hint{ color:var(--text-muted); font-size:1.05rem; margin:0; }
#top .ost-bodymap .bm-result-title{ font-family:var(--ff-serif); color:var(--text); margin:0 0 .4em; font-size:1.35rem; }
#top .ost-bodymap .bm-result-text{ color:var(--text); margin:0 0 1.2em; max-width:none; }
#top .ost-bodymap .bm-result-actions{ display:flex; gap:10px; flex-wrap:wrap; }
#top .ost-bodymap .bm-result-more,
#top .ost-bodymap .bm-result-book{
  display:inline-block; padding:12px 22px; border-radius:10px; font-weight:600;
  text-decoration:none !important; transition:background-color .15s ease, transform .15s ease;
}
#top .ost-bodymap .bm-result-more{ background:transparent; color:var(--green-700) !important; box-shadow:inset 0 0 0 1.5px var(--green-700); }
#top .ost-bodymap .bm-result-more:hover{ background:var(--green-50); }
#top .ost-bodymap .bm-result-book{ background:var(--terra-700); color:#fff !important; }
#top .ost-bodymap .bm-result-book:hover{ background:var(--terra-800); transform:translateY(-1px); }

@media (max-width:640px){
  #top .ost-bodymap{ padding:22px 18px; }
  #top .ost-bodymap .bm-inner{ flex-direction:column; }
  #top .ost-bodymap .bm-panel{ text-align:center; }
  #top .ost-bodymap .bm-result-actions{ justify-content:center; }
}
/* =============== Ende Interaktiv 1 (Körperkarte) ==================== */


/* =====================================================================
   INTERAKTIV 2 — Hero-Einblendung · Self-Draw · Scroll-Choreografie
   (Scroll-Effekte nur mit .ost-js => ohne JS bleibt alles sichtbar)
   ===================================================================== */
@keyframes ost-fade-up{ from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:none; } }

/* Hero blendet beim Laden sanft ein (nur Startseite) */
#top.home #av_section_1 .av-special-heading,
#top.home #av_section_1 .avia_textblock,
#top.home #av_section_1 .avia-button{ animation:ost-fade-up .8s ease both; }
#top.home #av_section_1 .avia_textblock{ animation-delay:.1s; }
#top.home #av_section_1 .avia-button{ animation-delay:.2s; }

/* Körperkarte: Linien zeichnen sich */
.ost-js #top .ost-bodymap .bm-figure circle,
.ost-js #top .ost-bodymap .bm-figure path{
  stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset 1.5s ease;
}
.ost-js #top .ost-bodymap.is-drawn .bm-figure circle,
.ost-js #top .ost-bodymap.is-drawn .bm-figure path{ stroke-dashoffset:0; }

/* Reveal-Choreografie */
.ost-js #top .ost-reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.ost-js #top .ost-reveal.ost-in{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
  #top #av_section_1 .av-special-heading,
  #top #av_section_1 .avia_textblock,
  #top #av_section_1 .avia-button{ animation:none; }
  .ost-js #top .ost-bodymap .bm-figure circle,
  .ost-js #top .ost-bodymap .bm-figure path{ stroke-dashoffset:0; transition:none; }
  .ost-js #top .ost-reveal{ opacity:1; transform:none; transition:none; }
}
/* =============== Ende Interaktiv 2 ================================= */


/* =====================================================================
   INTERAKTIV 3 — Google-Bewertungs-Karussell (echte Reviews) 2026-06-06
   ===================================================================== */
#top .ost-reviews{ margin:2.6em auto; max-width:1120px; }
#top .ost-reviews .ost-rev-head{ text-align:center; margin-bottom:1.4em; }
#top .ost-reviews .ost-rev-agg{ margin:0 0 .25em; color:var(--text-muted); }
#top .ost-reviews .ost-rev-bigstars{ color:#f5b301; letter-spacing:2px; }
#top .ost-reviews .ost-rev-agg strong{ color:var(--text); }
#top .ost-reviews .ost-rev-title{ margin:0; }

#top .ost-reviews .ost-rev-track-wrap{ position:relative; }
#top .ost-reviews .ost-rev-track{
  display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory;
  padding:8px 4px 16px; scrollbar-width:none; -ms-overflow-style:none;
}
#top .ost-reviews .ost-rev-track::-webkit-scrollbar{ display:none; }

#top .ost-reviews .ost-rev-card{
  scroll-snap-align:start; flex:0 0 300px; max-width:300px; margin:0;
  background:var(--surface); border:1px solid var(--warm-300); border-radius:16px;
  padding:22px; box-shadow:var(--shadow-sm); display:flex; flex-direction:column;
}
#top .ost-reviews .ost-rev-stars{ color:#f5b301; letter-spacing:1px; margin-bottom:.5em; }
#top .ost-reviews .ost-rev-text{
  margin:0 0 1.1em; padding:0; border:0; background:none; font-style:normal; color:var(--text);
  display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;
}
#top .ost-reviews .ost-rev-author{ display:flex; align-items:center; gap:10px; margin-top:auto; font-weight:600; color:var(--text); }
#top .ost-reviews .ost-rev-avatar{
  width:38px; height:38px; border-radius:50%; background:var(--green-500); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:700; flex:0 0 auto;
}
#top .ost-reviews .ost-rev-author small{ display:block; font-weight:400; color:var(--text-muted); font-size:.8rem; }

#top .ost-reviews .ost-rev-nav{
  position:absolute; top:42%; transform:translateY(-50%); z-index:2;
  width:42px; height:42px; border-radius:50%; border:1px solid var(--warm-300);
  background:var(--surface); color:var(--text); font-size:1.4rem; line-height:1;
  cursor:pointer; box-shadow:var(--shadow-sm);
}
#top .ost-reviews .ost-rev-nav:hover{ background:var(--green-50); }
#top .ost-reviews .ost-rev-prev{ left:-12px; }
#top .ost-reviews .ost-rev-next{ right:-12px; }
#top .ost-reviews .ost-rev-all{ text-align:center; margin:.6em 0 0; }
#top .ost-reviews .ost-rev-all a{ color:var(--green-700) !important; font-weight:600; text-decoration:none; }
#top .ost-reviews .ost-rev-all a:hover{ color:var(--terra-700) !important; }

@media (max-width:640px){
  #top .ost-reviews .ost-rev-nav{ display:none; }
  #top .ost-reviews .ost-rev-card{ flex-basis:82%; max-width:82%; }
}
/* =============== Ende Interaktiv 3 ================================= */


/* =====================================================================
   PHASE 4 — FAQ-Akkordeon (+Schema) + Mikro-Interaktionen 2026-06-06
   ===================================================================== */
#top .ost-faq{ max-width:74ch; margin:2.4em auto; }
#top .ost-faq-title{ text-align:center; margin:0 0 1em; }
#top .ost-faq-item{
  border:1px solid var(--warm-300); border-radius:12px; margin-bottom:12px;
  background:var(--surface); overflow:hidden;
}
#top .ost-faq-q{
  width:100%; text-align:left; background:none; border:0; cursor:pointer;
  padding:16px 20px; font-family:var(--ff-sans); font-weight:600; font-size:1.05rem;
  color:var(--text); display:flex; justify-content:space-between; align-items:center; gap:14px;
}
#top .ost-faq-q:hover{ color:var(--terra-700); }
#top .ost-faq-icon{ position:relative; width:18px; height:18px; flex:0 0 auto; }
#top .ost-faq-icon::before, #top .ost-faq-icon::after{
  content:""; position:absolute; background:var(--green-700); border-radius:2px; transition:transform .2s ease;
}
#top .ost-faq-icon::before{ left:0; top:8px; width:18px; height:2px; }
#top .ost-faq-icon::after{ left:8px; top:0; width:2px; height:18px; }
#top .ost-faq-q[aria-expanded="true"] .ost-faq-icon::after{ transform:scaleY(0); }
#top .ost-faq-a{ padding:0 20px 18px; }
#top .ost-faq-a p{ margin:0; color:var(--text-muted); max-width:none; }

/* Mikro-Interaktion: dezenter "Press" auf Buttons */
#top .avia-button:active,
#top .ost-cta-primary:active, #top .ost-cta-secondary:active,
#top .bm-result-book:active, #top .bm-result-more:active,
#top .ost-finder-chip:active{ transform:translateY(1px); }
/* =============== Ende Phase 4 ====================================== */


/* =====================================================================
   FIXES 2026-06-06 — weniger "leer" + Button-Text sichtbar
   ===================================================================== */
/* Dezentes Salbei-Punktraster gegen den leeren Creme-Hintergrund */
body#top{
  background-color:var(--cream);
  background-image:radial-gradient( rgba(110,139,123,.06) 1.2px, transparent 1.2px );
  background-size:24px 24px;
}
/* Sicherheitsnetz: meine Button-Links behalten IMMER ihre eigene Farbe */
#top .ost-cta-primary, #top .ost-cta-secondary,
#top .bm-result-more, #top .bm-result-book,
#top .ost-finder-chip, #top .ost-finder-book,
#top .ost-rev-all a{ text-decoration:none; }
#top .ost-cta-secondary{ color:#fff !important; }
#top .ost-cta-primary, #top .bm-result-book{ color:#fff !important; }
/* =============== Ende Fixes ======================================== */


/* =====================================================================
   P1 — Körperkarte als interaktiver Startseiten-Auftakt
   ===================================================================== */
#top .ost-hero-bodymap{ max-width:1120px; margin:0 auto; padding:28px 16px 8px; }
#top .ost-hero-bodymap .ost-bodymap{ margin-top:0; }
/* =============== Ende P1 =========================================== */


/* =====================================================================
   P2 — Floating-"Termin"-Button + Buchungs-Overlay (2026-06-06)
   ===================================================================== */
#top .ost-fab{
  position:fixed; right:22px; bottom:22px; z-index:998;
  display:inline-flex; align-items:center; gap:8px;
  background:var(--terra-700); color:#fff; border:0; border-radius:999px;
  padding:13px 22px; font-family:var(--ff-sans); font-weight:700; font-size:1rem;
  cursor:pointer; box-shadow:var(--shadow-lg);
  transition:background-color .15s ease, transform .15s ease;
}
#top .ost-fab:hover{ background:var(--terra-800); transform:translateY(-2px); }
#top .ost-fab:focus-visible{ outline:none; box-shadow:0 0 0 3px var(--focus), var(--shadow-lg); }
@media (max-width:767px){ #top .ost-fab{ display:none; } } /* mobil: sticky Leiste */

#top .ost-booking{ position:fixed; inset:0; z-index:10000; display:flex; align-items:center; justify-content:center; }
#top .ost-booking[hidden]{ display:none; }
#top .ost-booking-backdrop{ position:absolute; inset:0; background:rgba(38,48,42,.55); }
#top .ost-booking-panel{
  position:relative; z-index:1; background:var(--surface); border-radius:18px;
  padding:34px 30px; max-width:420px; width:calc(100% - 40px); text-align:center;
  box-shadow:var(--shadow-lg); animation:ost-pop .25s ease;
}
@keyframes ost-pop{ from{ opacity:0; transform:translateY(12px) scale(.98); } to{ opacity:1; transform:none; } }
#top .ost-booking-close{ position:absolute; top:8px; right:14px; background:none; border:0; font-size:1.9rem; line-height:1; color:var(--text-muted); cursor:pointer; }
#top .ost-booking-close:hover{ color:var(--text); }
#top .ost-booking h2{ margin:0 0 .3em; }
#top .ost-booking-trust{ color:var(--text-muted); margin:0 0 .2em; }
#top .ost-booking-trust .stars{ color:#f5b301; letter-spacing:1px; }
#top .ost-booking-sub{ color:var(--text-muted); margin:0 0 1.4em; max-width:none; }
#top .ost-booking-primary, #top .ost-booking-secondary{
  display:block; padding:14px 22px; border-radius:10px; font-weight:600;
  text-decoration:none !important; margin:10px 0 0; transition:background-color .15s ease;
}
#top .ost-booking-primary{ background:var(--terra-700); color:#fff !important; }
#top .ost-booking-primary:hover{ background:var(--terra-800); }
#top .ost-booking-secondary{ background:transparent; color:var(--text) !important; box-shadow:inset 0 0 0 1.5px var(--warm-300); }
#top .ost-booking-secondary:hover{ background:var(--green-50); }
body.ost-noscroll{ overflow:hidden; }
@media (prefers-reduced-motion:reduce){ #top .ost-booking-panel{ animation:none; } }
/* =============== Ende P2 =========================================== */


/* =====================================================================
   FIX — halb gefärbter Hintergrund der Behandlungs-Spalten (Hero)
   Die linke Avia-Spalte hatte einen #f7efe4-Block -> vereinheitlichen.
   ===================================================================== */
#top .av-lrrq5xia-5229f1b8b3fa646ee0b1fa758c7496e8{ background-color:transparent !important; }
/* robuster Fallback: Spalten der Behandlungs-Sektion einheitlich transparent */
#top #av_section_1 .flex_column.av_one_half{ background-color:transparent !important; }
/* etwas Luft, damit die Kartenspalten sauber sitzen */
#top #av_section_1 .av_one_half{ padding-top:14px; padding-bottom:14px; }
/* =============== Ende Fix Hintergrund ============================== */


/* =====================================================================
   P6 — Blog-Erlebnis: Lesefortschritt + verwandte Beiträge (2026-06-06)
   ===================================================================== */
#top .ost-progress{ position:fixed; top:0; left:0; right:0; height:3px; z-index:10001; background:transparent; pointer-events:none; }
#top .ost-progress > span{ display:block; height:100%; width:0; background:var(--terra-700); }

#top .ost-related{ max-width:74ch; margin:2.6em auto 0; }
#top .ost-related-title{ text-align:center; margin:0 0 1em; font-size:1.4rem; }
#top .ost-related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
#top .ost-rel-card{
  display:flex; flex-direction:column; background:var(--surface);
  border:1px solid var(--warm-300); border-radius:14px; overflow:hidden;
  text-decoration:none !important; transition:transform .15s ease, box-shadow .15s ease;
}
#top .ost-rel-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); }
#top .ost-rel-thumb{ display:block; height:120px; background-size:cover; background-position:center; background-color:var(--warm-100); }
#top .ost-rel-noimg{ background:linear-gradient(135deg, var(--green-50), var(--warm-100)); }
#top .ost-rel-title{ padding:12px 14px; font-family:var(--ff-serif); color:var(--text) !important; font-weight:600; font-size:1rem; line-height:1.3; }
@media (max-width:640px){ #top .ost-related-grid{ grid-template-columns:1fr; } }
/* =============== Ende P6 =========================================== */


/* =====================================================================
   P5 — Behandlungs-Quiz (geführte Empfehlung) 2026-06-06
   ===================================================================== */
#top .ost-quiz{
  max-width:640px; margin:2.4em auto; background:var(--surface);
  border:1px solid var(--warm-300); border-radius:18px; padding:30px 28px;
  box-shadow:var(--shadow-md); text-align:center;
}
#top .ost-quiz-step{ display:none; }
#top .ost-quiz-step.is-active{ display:block; animation:ost-fade-up .4s ease both; }
#top .ost-quiz-q{ font-family:var(--ff-serif); font-size:1.3rem; color:var(--text); margin:0 0 1.1em; }
#top .ost-quiz-opts{ display:flex; flex-direction:column; gap:10px; max-width:420px; margin:0 auto; }
#top .ost-quiz-opt{
  background:var(--surface); border:1.5px solid var(--warm-300); border-radius:12px;
  padding:14px 18px; font-family:var(--ff-sans); font-weight:600; font-size:1rem;
  color:var(--text); cursor:pointer; transition:border-color .15s ease, background-color .15s ease, transform .15s ease;
}
#top .ost-quiz-opt:hover{ border-color:var(--green-500); background:var(--green-50); transform:translateY(-1px); }
#top .ost-quiz-back, #top .ost-quiz-restart{ margin-top:1.2em; background:none; border:0; color:var(--text-muted); cursor:pointer; text-decoration:underline; font-family:var(--ff-sans); }
#top .ost-quiz-eyebrow{ text-transform:uppercase; letter-spacing:.08em; font-size:.8rem; color:var(--green-700); font-weight:600; margin:0 0 .3em; }
#top .ost-quiz-rec{ font-family:var(--ff-serif); margin:0 0 .3em; font-size:1.4rem; }
#top .ost-quiz-note{ color:var(--text-muted); margin:0 0 1.4em; }
#top .ost-quiz-actions{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
#top .ost-quiz-more, #top .ost-quiz-book{ display:inline-block; padding:13px 24px; border-radius:10px; font-weight:600; text-decoration:none !important; transition:background-color .15s ease; }
#top .ost-quiz-more{ background:transparent; color:var(--green-700) !important; box-shadow:inset 0 0 0 1.5px var(--green-700); }
#top .ost-quiz-more:hover{ background:var(--green-50); }
#top .ost-quiz-book{ background:var(--terra-700); color:#fff !important; }
#top .ost-quiz-book:hover{ background:var(--terra-800); }
/* =============== Ende P5 =========================================== */


/* =====================================================================
   P7 — Qualifikations-/Trust-Leiste 2026-06-06
   ===================================================================== */
#top .ost-trust{
  list-style:none; margin:1.6em auto; padding:16px 22px; max-width:1000px;
  display:flex; flex-wrap:wrap; gap:12px 26px; justify-content:center; align-items:center;
  background:var(--warm-100); border:1px solid var(--warm-300); border-radius:14px;
}
#top .ost-trust > li{ margin:0 !important; padding-left:0 !important; }
#top .ost-trust > li::before{ content:none !important; }
#top .ost-trust-item{ display:inline-flex; align-items:center; gap:8px; font-family:var(--ff-sans); font-weight:600; color:var(--text); font-size:.95rem; }
#top .ost-trust-check{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--green-500); color:#fff; font-size:.75rem; flex:0 0 auto; }
#top .ost-trust-rating{ color:var(--text-muted); }
#top .ost-trust-stars{ color:#f5b301; letter-spacing:1px; }
/* =============== Ende P7 =========================================== */


/* =====================================================================
   POLITUR — Kohärenz: Original-Floating-Buttons & Fremdfarben (2026-06-06)
   ===================================================================== */
/* Original fixe Doctolib/jameda-Buttons ausblenden (Buchung läuft über
   FAB/Overlay/Header/Sticky); reversibel durch Entfernen dieser Regel. */
#top a[style*="position:fixed"][style*="right:16px"],
#top a[style*="position: fixed"][style*="right: 16px"]{ display:none !important; }

/* Blaue Doctolib-Buttons an die Clay-Palette angleichen */
#top a[style*="107aca" i]{ background-color:var(--terra-700) !important; border-color:var(--terra-700) !important; }
/* =============== Ende Politur ====================================== */


/* =====================================================================
   MOBILE-OPTIMIERUNG (M1–M4) 2026-06-06 — Touch · Abstände · Layout
   ===================================================================== */
/* Touch-Hilfsfläche der Körperkarten-Hotspots (52px) */
#top .bm-hit{ cursor:pointer; }

@media (max-width:768px){
  /* Responsive Medien + kein horizontaler Overflow */
  #top img, #top iframe, #top video, #top table{ max-width:100% !important; height:auto; }

  /* Kompaktere Sektions-Abstände */
  #top #av_section_2 .container, #top #av_section_3 .container,
  #top #av_section_4 .container, #top #av_section_5 .container,
  #top #av_section_6 .container{ padding-top:40px !important; padding-bottom:40px !important; }
  #top .ost-hero-bodymap{ padding:14px 10px 0; }

  /* Lesbare, kompaktere Typo */
  #top h1{ font-size:1.9rem !important; }
  #top h2{ font-size:1.5rem !important; }
  #top h3{ font-size:1.25rem !important; }

  /* Körperkarte: stapeln + zentriert */
  #top .ost-bodymap{ padding:20px 16px; }
  #top .ost-bodymap .bm-inner{ flex-direction:column; gap:18px; }
  #top .ost-bodymap .bm-svg{ width:160px; }
  #top .ost-bodymap .bm-panel{ text-align:center; max-width:none; }
  #top .ost-bodymap .bm-result-actions{ justify-content:center; }

  /* Bewertungen: eine Karte pro Screen, Pfeile aus */
  #top .ost-reviews .ost-rev-nav{ display:none; }
  #top .ost-reviews .ost-rev-card{ flex-basis:86%; max-width:86%; }

  /* Verwandte Beiträge 1-spaltig */
  #top .ost-related-grid{ grid-template-columns:1fr; }

  /* Quiz volle Breite */
  #top .ost-quiz{ padding:22px 16px; }
  #top .ost-quiz-opts{ max-width:none; }

  /* Buchungs-Overlay als Bottom-Sheet */
  #top .ost-booking{ align-items:flex-end; }
  #top .ost-booking-panel{ width:100%; max-width:none; border-radius:18px 18px 0 0; padding:26px 22px 30px; }

  /* Trust-Leiste kompakt */
  #top .ost-trust{ gap:10px 16px; padding:14px 16px; }

  /* Sticky-CTA: iPhone Safe-Area + ausreichend Body-Abstand */
  #top .ds-mobile-cta{ padding-bottom:calc(8px + env(safe-area-inset-bottom, 0px)); }
  body#top{ padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px)); }
}

@media (max-width:480px){
  #top h1{ font-size:1.7rem !important; }
  #top .ost-bodymap .bm-svg{ width:140px; }
  #top .ost-cta, #top .ost-faq, #top .ost-reviews, #top .ost-quiz, #top .ost-related{ margin-left:0; margin-right:0; }
  #top .ost-fab{ display:none; } /* sicher aus, Sticky-Bar übernimmt */
}
/* =============== Ende Mobile-Optimierung =========================== */


/* =====================================================================
   KÖRPERKARTE – Bild-Version (Vorder-/Rückseite) 2026-06-06
   ===================================================================== */
#top .ost-hero-bodymap .bm-eyebrow{
  text-align:center; text-transform:uppercase; letter-spacing:.08em;
  font-size:.8rem; font-weight:600; color:var(--green-700); margin:0;
}
#top .ost-bodymap .bm-figure-wrap{ position:relative; flex:0 0 auto; width:min(440px, 100%); }
#top .ost-bodymap .bm-img{ display:block; width:100%; height:auto; border-radius:12px; }
#top .ost-bodymap .bm-hotspot{
  position:absolute; transform:translate(-50%,-50%); width:34px; height:34px; padding:0;
  border-radius:50%; background:var(--terra-700); color:#fff; border:2px solid #fff;
  box-shadow:0 2px 8px rgba(38,48,42,.35); cursor:pointer; z-index:2;
  display:flex; align-items:center; justify-content:center;
  transition:transform .15s ease, background-color .15s ease;
}
#top .ost-bodymap .bm-hotspot .bm-plus{ font-size:1.1rem; font-weight:700; line-height:1; color:#fff; pointer-events:none; }
#top .ost-bodymap .bm-hotspot:hover,
#top .ost-bodymap .bm-hotspot.is-active{ background:var(--terra-800); transform:translate(-50%,-50%) scale(1.18); }
#top .ost-bodymap .bm-hotspot:focus-visible{ outline:none; box-shadow:0 0 0 3px var(--focus), 0 2px 8px rgba(38,48,42,.35); }
#top .ost-bodymap .bm-hotspot .bm-ring{
  position:absolute; inset:-7px; border-radius:50%; background:var(--terra-700);
  opacity:.35; pointer-events:none; animation:bm-ring 2.4s ease-out infinite;
}
@keyframes bm-ring{ 0%{ transform:scale(.7); opacity:.4; } 70%{ transform:scale(1.7); opacity:0; } 100%{ opacity:0; } }
@media (prefers-reduced-motion:reduce){ #top .ost-bodymap .bm-hotspot .bm-ring{ animation:none; opacity:0; } }
@media (max-width:768px){
  #top .ost-bodymap .bm-hotspot{ width:40px; height:40px; }
  #top .ost-bodymap .bm-figure-wrap{ width:min(360px, 100%); }
}
/* =============== Ende Körperkarte Bild ============================= */


/* =====================================================================
   THEMEN-SEITEN & BEITRÄGE — warmes Schema statt Weiß 2026-06-06
   Creme + Punktraster im Inhaltsbereich, Text in weißer "Papier"-Karte.
   Startseite (.home) ausgenommen, damit der Avia-Aufbau unberührt bleibt.
   ===================================================================== */
#top.single #main,
#top.page:not(.home) #main{
  background-color:#E7ECE6;
  background-image:radial-gradient( rgba(94,122,104,.14) 1.5px, transparent 1.5px );
  background-size:22px 22px;
}
/* die weißen Enfold-Inhalts-Container durchsichtig machen */
#top.single #main .container_wrap,
#top.page:not(.home) #main .container_wrap{ background-color:transparent !important; }

/* Inhalt als weiße Karte mit dezentem Sage-Akzent oben */
#top.single .entry-content-wrapper,
#top.page:not(.home) .entry-content-wrapper{
  background:var(--cream);
  border:1px solid var(--warm-300);
  border-top:4px solid var(--terra-700);
  border-radius:16px;
  padding:clamp(22px, 3.5vw, 46px);
  box-shadow:0 12px 34px rgba(43,41,38,.08);
}

/* Aufzählungen als sanft getönte Sage-Box -> sichtbare Farbe + Struktur */
#top.single .entry-content-wrapper .avia_textblock ul:not(.avia-icon-list),
#top.page:not(.home) .entry-content-wrapper .avia_textblock ul:not(.avia-icon-list){
  background:var(--warm-100);
  border:1px solid var(--warm-300);
  border-radius:14px;
  padding:18px 22px 18px 42px;
  margin:1.4em 0;
}
@media (max-width:768px){
  #top.single .entry-content-wrapper,
  #top.page:not(.home) .entry-content-wrapper{ padding:20px 16px; }
}
/* =============== Ende Themen-Farbschema =========================== */


/* =====================================================================
   HERO-TITEL in Terracotta (= Farbe des "Termin buchen"-Buttons) 2026-06-06
   Präzise per Avia-Klassen + struktureller Fallback (falls Builder neu rendert)
   ===================================================================== */
#top .av-bw64u-5074603d6e1403460a0cc87efe3a8bee .av-special-heading-tag,
#top .av-awbpa-0c2b47f314cd555122239d8c36ed97f2 .av-special-heading-tag,
#top.home #av_section_1 .av-special-heading-h1 .av-special-heading-tag,
#top.home #av_section_1 .av-special-heading-h2 .av-special-heading-tag{
  color:var(--terra-800) !important;
}
/* =============== Ende Hero-Titel ================================== */


/* =====================================================================
   INSTAGRAM-BLOCK (CTA-Band): Text schwarz, Logo in Instagram-Farbe
   ===================================================================== */
/* Text-Link "Zu meiner Instagram Seite" schwarz statt grün */
#top .iconbox_content_container a[href*="instagram"]{ color:var(--text) !important; }

/* Icon-Glyph in Instagram-Pink (Fallback) ... */
#top .iconbox_icon[aria-label*="Instagram"]{ color:#E1306C !important; }
/* ... bzw. im offiziellen Instagram-Verlauf, wo unterstützt */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  #top .iconbox_icon[aria-label*="Instagram"]::before{
    background:linear-gradient(45deg, #feda75 0%, #fa7e1e 22%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
  }
}
/* =============== Ende Instagram-Block ============================= */


/* =====================================================================
   FIX: "Nach oben"-Pfeil überlappt den "Termin"-FAB -> Pfeil nach oben
   ===================================================================== */
#top #scroll-top-link{ bottom:94px !important; }
@media (max-width:768px){ #top #scroll-top-link{ bottom:82px !important; } } /* über der Sticky-Leiste */
/* =============== Ende Fix Button-Überlapp ========================= */


/* =====================================================================
   FIX: Enfold Cookie-Banner über alle eigenen Fix-Elemente legen
   (sonst verdecken FAB/Sticky-Leiste die Akzeptieren/Ablehnen-Buttons)
   ===================================================================== */
#top .avia-cookie-consent-wrap,
#top .avia-cookie-consent,
#top #av-cookie-consent-badge,
#top .avia-cookie-consent-modal,
#top .avia-cookie-consent-modal-buttons-wrap{ z-index:100002 !important; }


/* =====================================================================
   LINKES ÜBERSICHTS-MENÜ (alle Seiten & Beiträge) 2026-06-07
   ===================================================================== */
#top .ost-ov-tab{
  position:fixed; left:0; top:50%; transform:translateY(-50%); z-index:9500;
  writing-mode:vertical-rl;
  background:var(--terra-700); color:#fff; border:none; cursor:pointer;
  padding:16px 9px; border-radius:0 12px 12px 0; box-shadow:2px 2px 12px rgba(0,0,0,.22);
  font-family:var(--ff-sans); font-weight:700; font-size:.82rem; letter-spacing:.06em;
}
#top .ost-ov-tab:hover{ background:var(--terra-800); }

#top .ost-overview{ position:fixed; inset:0; z-index:10050; }
#top .ost-overview[hidden]{ display:none; }
#top .ost-ov-backdrop{ position:absolute; inset:0; background:rgba(43,41,38,.5); opacity:0; transition:opacity .3s ease; }
#top .ost-overview.is-open .ost-ov-backdrop{ opacity:1; }
#top .ost-ov-panel{
  position:absolute; left:0; top:0; height:100%; width:340px; max-width:86vw;
  background:#fff; box-shadow:6px 0 30px rgba(0,0,0,.25);
  transform:translateX(-100%); transition:transform .3s ease;
  display:flex; flex-direction:column;
}
#top .ost-overview.is-open .ost-ov-panel{ transform:none; }
#top .ost-ov-bar{ display:flex; align-items:center; justify-content:space-between; padding:15px 18px; background:var(--terra-700); color:#fff; }
#top .ost-ov-title{ font-family:var(--ff-serif); font-size:1.2rem; color:#fff; }
#top .ost-ov-x{ background:none; border:none; color:#fff; font-size:1.8rem; line-height:1; cursor:pointer; padding:0 4px; }
#top .ost-ov-scroll{ overflow-y:auto; padding:6px 0 28px; flex:1; -webkit-overflow-scrolling:touch; }
#top .ost-ov-group{ padding:8px 16px 4px; }
#top .ost-ov-head{ font-family:var(--ff-sans); text-transform:uppercase; letter-spacing:.06em; font-size:.72rem; font-weight:700; color:var(--green-700); margin:10px 0 4px; }
#top .ost-ov-group ul{ list-style:none; margin:0; padding:0; }
#top .ost-ov-group li{ margin:0; padding:0; }
#top .ost-ov-group li::before{ content:none !important; }
#top .ost-ov-group a{ display:block; padding:9px 10px; border-radius:8px; color:var(--text) !important; text-decoration:none !important; font-size:.95rem; line-height:1.3; }
#top .ost-ov-group a:hover{ background:var(--warm-100); }
#top .ost-ov-legal a{ font-size:.85rem; color:var(--text-muted) !important; }
@media (max-width:768px){
  #top .ost-ov-panel{ width:86vw; }
  #top .ost-ov-tab{ font-size:.78rem; padding:14px 8px; }
}
/* =============== Ende Übersichts-Menü ============================= */


/* (Startseiten-Reihenfolge: Flexbox-Trick ENTFERNT — die Sortierung erfolgt
   jetzt zuverlässig serverseitig in functions.php -> ost_reorder_home_sections().
   Dadurch kehrt der separate Enfold-Footer wieder in den normalen Fluss = unten.) */


/* =====================================================================
   DESKTOP: volle Fensterbreite statt Boxed-Layout (ab 990px)
   Mobil/Tablet bleiben unverändert. Lesebreite auf Textseiten begrenzt.
   ===================================================================== */
@media (min-width:990px){
  /* grauer Boxed-Hintergrund (#404040) -> Creme, kein "Rand" mehr */
  html.html_boxed{ background-color:#F6F3EE !important; }
  /* Boxed-Zentrierung aufheben -> #wrap_all über volle Fensterbreite */
  html.html_boxed #wrap_all,
  #top #wrap_all{ display:block !important; width:100% !important; max-width:100% !important; margin:0 !important; box-shadow:none !important; }
  /* Inhalt großzügiger (Box war 1440px) */
  .responsive #top .container{ max-width:1660px !important; }
  /* Textseiten: angenehme Lesebreite behalten */
  #top.single .entry-content-wrapper,
  #top.page:not(.home) .entry-content-wrapper{ max-width:1040px; margin-left:auto; margin-right:auto; }
}
/* =============== Ende Desktop-Vollbreite ========================== */


/* =====================================================================
   WERDEGANG-SEITE (62) — Lebenslauf als Timeline statt monotone Liste
   (2026-06-25). Datums-Absätze (<p><strong>DATUM</strong><br>…) -> Punkte.
   ===================================================================== */
/* Daten farblich hervorheben (auch ohne :has-Unterstützung) */
#top.page-id-62 .avia_textblock p > strong:first-child{ color:var(--green-700); }

/* Timeline (moderne Browser) */
#top.page-id-62 .avia_textblock p:has(> strong:first-child){
  position:relative; margin:0; padding:2px 0 18px 28px;
  border-left:2px solid var(--warm-300);
}
#top.page-id-62 .avia_textblock p:has(> strong:first-child)::before{
  content:""; position:absolute; left:-8px; top:7px;
  width:13px; height:13px; border-radius:50%;
  background:var(--terra-700); box-shadow:0 0 0 4px var(--cream);
}
#top.page-id-62 .avia_textblock p:has(> strong:first-child) > strong:first-child{
  display:block; margin-bottom:3px; font-weight:700;
  font-size:.8rem; text-transform:uppercase; letter-spacing:.05em;
}

/* Abschnitts-Überschriften: mehr Luft */
#top.page-id-62 .avia_textblock h2,
#top.page-id-62 .avia_textblock h3{ margin-top:1.6em; margin-bottom:.45em; }

/* redundante Beschriftung auf dem Portrait ausblenden */
#top.page-id-62 .av-image-caption-overlay{ display:none !important; }
/* =============== Ende Werdegang-Timeline ========================== */


/* =====================================================================
   LAYOUT-FIXES (Gruppen-Screenshots) 2026-06-25
   ===================================================================== */
/* Überschriften nie abschneiden -> sauber umbrechen */
#top .av-special-heading-tag{ overflow-wrap:break-word; word-wrap:break-word; }

/* Schlafstörungen (53): unausgewogenes 2-Spalten-Layout -> einspaltig,
   damit der lange Text die VOLLE Breite nutzt (Foto darüber, mittig). */
@media (min-width:769px){
  #top.page-id-53 .entry-content-wrapper .flex_column_table{ display:block !important; }
  #top.page-id-53 .entry-content-wrapper .flex_column.av_one_half{
    width:100% !important; float:none !important; clear:both;
    display:block !important; margin:0 0 1.4em !important;
  }
  #top.page-id-53 .entry-content-wrapper .av_one_half .avia-image-container{
    max-width:520px; margin-left:auto; margin-right:auto;
  }
}
/* =============== Ende Layout-Fixes ================================ */


/* =====================================================================
   KÖRPERKARTE — UX-Politur (2026-07-10)
   Side-Labels, Hover-Tooltips, Regions-Chips, sanfter Ergebnis-Übergang
   ===================================================================== */
/* 1) Beschriftung Vorder-/Rückseite unter den Figuren */
#top .ost-bodymap .bm-figure-wrap{ margin-bottom:26px; }
#top .ost-bodymap .bm-side{
  position:absolute; bottom:-24px; transform:translateX(-50%);
  font-family:var(--ff-sans); font-size:.78rem; font-weight:600;
  text-transform:uppercase; letter-spacing:.06em; color:var(--text-muted);
  white-space:nowrap; pointer-events:none;
}

/* 2) Tooltip mit Regionsname (nur Geräte mit Maus/Trackpad) */
@media (hover:hover){
  #top .ost-bodymap .bm-hotspot::after{
    content:attr(data-title);
    position:absolute; bottom:calc(100% + 10px); left:50%; transform:translateX(-50%) translateY(3px);
    background:var(--green-900); color:#fff;
    font-family:var(--ff-sans); font-size:.78rem; font-weight:600; line-height:1;
    padding:7px 10px; border-radius:8px; white-space:nowrap;
    opacity:0; pointer-events:none; transition:opacity .15s ease, transform .15s ease;
    z-index:3;
  }
  #top .ost-bodymap .bm-hotspot:hover::after,
  #top .ost-bodymap .bm-hotspot:focus-visible::after{
    opacity:1; transform:translateX(-50%) translateY(0);
  }
}

/* 3) Regions-Chips im Panel */
#top .ost-bodymap .bm-chips{ display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 16px; }
#top .ost-bodymap .bm-chip{
  background:var(--warm-100); border:1.5px solid var(--warm-300); border-radius:999px;
  padding:7px 13px; font-family:var(--ff-sans); font-size:.85rem; font-weight:600;
  color:var(--text); cursor:pointer;
  transition:background-color .15s ease, border-color .15s ease, color .15s ease;
}
#top .ost-bodymap .bm-chip:hover{ border-color:var(--green-500); background:var(--warm-300); }
#top .ost-bodymap .bm-chip.is-active{ background:var(--terra-700); border-color:var(--terra-700); color:#fff; }
#top .ost-bodymap .bm-chip:focus-visible{ outline:none; box-shadow:0 0 0 3px var(--focus); }

/* 4) Sanfter Ergebnis-Übergang (auch bei Regionswechsel) */
#top .ost-bodymap .bm-panel-result.bm-pop{ animation:bm-pop-in .35s ease both; }
@keyframes bm-pop-in{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){
  #top .ost-bodymap .bm-panel-result.bm-pop{ animation:none; }
}
/* Mobil: Panel zentriert -> Chips ebenfalls zentrieren */
@media (max-width:768px){
  #top .ost-bodymap .bm-chips{ justify-content:center; }
}
/* =============== Ende Körperkarte UX-Politur ====================== */