/* ============================================================
   Therapiepraxis Heim (Durmersheim/Bietigheim) — Startseite
   v2 · 2026-08-10
   ------------------------------------------------------------
   Aenderungen
   v2  Abschnitt "Aktuelles": Kopf-CE und News-Liste sitzen jetzt auf
       einem durchgehenden Hintergrund und in derselben Breite.
       Siehe Block am Dateiende.
   v1  2026-07-20 · Startseiten-Relaunch (Basis Prototyp Kugel-Effekt v35)
   Vollständig gescopt unter .hm — lädt gefahrlos im heim-Site-Layer,
   berührt weder das geteilte Theme noch bestehende Seiten.
   Überschriften gemäß Praxis-Vorgabe: h3/h4 statt h2/h3 (h1 nur im Hero).
   ============================================================ */

/* ---- Startseite (uid 22): Frames randlos, Theme-Header/Footer BLEIBEN ----
   Wirkt nur auf body.page-22 (Heim-Startseite). Rollback: Block löschen. */
body.page-22 .frame-type-html{padding:0;margin:0;}
body.page-22 .frame-type-html .frame-container{max-width:none;padding:0;margin:0;}
body.page-22 .frame-type-html .frame-inner{max-width:none;padding:0;margin:0;}

/* ---- Hauptmenü: Telefon-Pille (Seitentyp "Externe URL" mit tel:-Link) ----
   Gilt site-weit für den Heim-Layer; berührt die anderen Sites nicht. */
#page-header .navbar-nav a[href^="tel:"]{
  background:#F1803E;color:#000 !important;border-radius:999px;
  font-weight:600;white-space:nowrap;text-decoration:none !important;
  padding-left:18px !important;padding-right:18px !important;
}
#page-header .navbar-nav a[href^="tel:"]:hover,
#page-header .navbar-nav a[href^="tel:"]:focus{background:#dd6f2e;color:#000 !important;text-decoration:none !important;}
#page-header .navbar-nav li:has(> a[href^="tel:"]){display:flex;align-items:center;}
#page-header .navbar-nav a[href^="tel:"]::before,
#page-header .navbar-nav a[href^="tel:"]::after{display:none !important;content:none !important;}

/* ---- Theme-Footer: Inhalte der drei Spalten zentrieren (site-weit Heim) ---- */
#page-footer .footer-section-content .section-column{text-align:center;}
#page-footer .footer-section-content .section-column hr{margin-left:auto;margin-right:auto;}
#page-footer .footer-section-content .section-column h1,
#page-footer .footer-section-content .section-column h2,
#page-footer .footer-section-content .section-column h3,
#page-footer .footer-section-content .section-column h4{text-align:center;}
#page-footer .footer-section-content .section-column h1::after,
#page-footer .footer-section-content .section-column h2::after,
#page-footer .footer-section-content .section-column h3::after,
#page-footer .footer-section-content .section-column h4::after{margin-left:auto;margin-right:auto;}
/* Per-CE gesetzte Ausrichtungs-Utilities im Footer übersteuern */
#page-footer .footer-section-content .section-column .element-header.text-left,
#page-footer .footer-section-content .section-column .text-left{text-align:center !important;}
#page-footer .footer-section-content .section-column .element-header::after{margin-left:auto !important;margin-right:auto !important;}

/* ---- Kopf-Slider (carousel_small) randlos über die volle Breite (site-weit Heim) ---- */
.frame-type-carousel_small{padding:0;margin:0;}
.frame-type-carousel_small .frame-container{max-width:none;padding:0;margin:0;}
.frame-type-carousel_small .frame-inner{max-width:none;padding:0;margin:0;}
/* Höhe an Bildproportion (2065x720 ≈ 2.87:1) statt fixer 400px */
.frame-type-carousel_small .carousel-small,
.frame-type-carousel_small .carousel-small .carousel-inner,
.frame-type-carousel_small .carousel-small .carousel-item,
.frame-type-carousel_small .carousel-small .carousel-backgroundimage-container,
.frame-type-carousel_small .carousel-small .carousel-backgroundimage{height:clamp(320px,34.9vw,660px);}

/* ---- Scroll-Top-Button: rund, Flieder (site-weit Heim) ---- */
a.scroll-top{background:#4b49b8 !important;border-radius:50% !important;width:52px;height:52px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 26px -12px rgba(75,73,184,.7);border:none;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;}
a.scroll-top:hover{background:#3d3ba0 !important;transform:translateY(-3px);
  box-shadow:0 16px 30px -12px rgba(75,73,184,.8);}
a.scroll-top .scroll-top-icon{color:#fff;}
a.scroll-top .scroll-top-icon svg{fill:#fff;stroke:#fff;}

/* ---- Icon-Font: Tabler-Subset (14 Glyphen, self-hosted, DSGVO-konform) ---- */
@font-face{
  font-family:"tabler-heim";
  src:url("/fileadmin/bilder/therapiepraxis-heim/fonts/tabler-heim.woff2") format("woff2");
  font-weight:normal;font-style:normal;font-display:block;
}
.hm .ti{font-family:"tabler-heim" !important;speak:never;font-style:normal;font-weight:normal;
        font-variant:normal;text-transform:none;line-height:1;display:inline-block;
        -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.hm .ti-arrow-right:before{content:"\ea1f";}
.hm .ti-circle-check:before{content:"\ea67";}
.hm .ti-clock:before{content:"\ea70";}
.hm .ti-map-2:before{content:"\eae7";}
.hm .ti-map-pin:before{content:"\eae8";}
.hm .ti-news:before{content:"\eafd";}
.hm .ti-home:before{content:"\eac1";}
.hm .ti-phone:before{content:"\eb09";}
.hm .ti-photo:before{content:"\eb0a";}
.hm .ti-x:before{content:"\eb55";}
.hm .ti-headset:before{content:"\eb90";}
.hm .ti-accessible:before{content:"\eba9";}
.hm .ti-menu-2:before{content:"\ec42";}
.hm .ti-player-play:before{content:"\ed46";}
.hm .ti-users:before{content:"\ebf2";}
.hm .ti-heart-handshake:before{content:"\f0f3";}
.hm .ti-building:before{content:"\ea4f";}
.hm .ti-stethoscope:before{content:"\edbe";}

/* ---- Scope-Basis (ersetzt :root/body/*-Regeln des Prototyps) ---- */
.hm{
  --slate:#44484A; --lavender:#D3CDE7; --orange:#F1803E; --orange-d:#dd6f2e; --yellow:#FFCC01; --orange-bfsg: #B95107;
  --ink:#2b2e30; --muted:#5f6669; --line:rgba(40,44,46,.14); --bg:#f4f5f6; --white:#fff; --hdr:78px; --maxw:1200px;
  --font:"Segoe UI","Helvetica Neue","Liberation Sans",system-ui,-apple-system,sans-serif;
  --phys:#8E8DF0; --phys-d:#6a68cf; --phys-soft:#eeedfb;
  --ergo-soft:#fdeee3;
  --logo-d:#8a6800; --logo-soft:#fff6d6;
  margin:0;font-family:var(--font);color:var(--ink);background:#fff;line-height:normal;
  font-size:16px;-webkit-font-smoothing:antialiased;
}
.hm,.hm *,.hm *::before,.hm *::after{box-sizing:border-box;}
.hm a{color:inherit;}
.hm img{display:block;max-width:100%;border:0;}
.hm h1,.hm h3,.hm h4,.hm p,.hm ul,.hm figure{margin:0;padding:0;}
.hm .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* ---- Header ---- */
header.hm.site,.hm.site{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;}
.hm .hd{display:flex;align-items:center;justify-content:space-between;gap:18px;height:var(--hdr);}
.hm .logo img{height:52px;width:auto;}
.hm nav.main{display:none;align-items:center;gap:24px;}
.hm nav.main a{text-decoration:none;color:var(--slate);font-size:15px;font-weight:500;white-space:nowrap;}
.hm nav.main a:hover{color:var(--orange);}
.hm .hd-phone{display:inline-flex;align-items:center;gap:7px;background:var(--orange);color:#fff;text-decoration:none;
          padding:10px 18px;border-radius:999px;font-weight:600;font-size:14.5px;}
.hm .hd-phone:hover{background:var(--orange-d);}
.hm nav.main a.hd-phone:hover{color:#fff;}   /* Hover-Text bleibt weiß (übersteuert nav-Hover) */
.hm .burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;color:var(--slate);font-size:22px;cursor:pointer;padding:0;}
.hm .hd-actions{display:flex;align-items:center;gap:10px;}
.hm .hd-phone-m{display:none;align-items:center;gap:6px;background:var(--orange);color:#fff;border-radius:10px;
            padding:9px 12px;font-weight:600;font-size:14px;line-height:1;white-space:nowrap;text-decoration:none;}
.hm .hd-phone-m:hover{background:var(--orange-d);}
@media(max-width:1039px){.hm .hd-phone-m{display:inline-flex;} .hm .logo img{height:46px;}}
@media(max-width:380px){.hm .hd-phone-m{font-size:13px;padding:8px 10px;gap:4px;} .hm .logo img{height:42px;}}
.hm .mobilenav{display:none;border-top:1px solid var(--line);background:#fff;}
.hm .mobilenav.open{display:block;}
.hm .mobilenav a{display:block;padding:14px 22px;text-decoration:none;color:var(--slate);border-bottom:1px solid var(--line);font-weight:500;}
.hm .mobilenav a:last-child{border-bottom:none;}
.hm .mobilenav a:hover{color:var(--orange);background:var(--bg);}
@media(max-width:1039px){.hm .burger{display:inline-flex;align-items:center;justify-content:center;}}
@media(min-width:1040px){.hm nav.main{display:flex;} .hm .burger{display:none;} .hm .mobilenav{display:none!important;}}

/* ---- Stage — niedriger, mit Lücke unten ---- */
.hm.stage{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,#fbfbfc,var(--bg) 72%);
       height:calc(100svh - var(--hdr) - 132px);min-height:440px;max-height:640px;}
/* Ambilight – weicher Hintergrund-Schein in der Farbe der gehoverten Marke */
.hm .ambi{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;
      transition:opacity .55s ease, background .55s ease;
      background:radial-gradient(130% 110% at 50% 56%, var(--ac,transparent) 0%, transparent 66%);}
.hm .ambi.on{opacity:1;}
.hm #c{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;}

/* Text – sauber, dunkel auf hell, KEIN Verlauf */
.hm .head{position:absolute;left:0;right:0;top:9%;text-align:center;z-index:3;opacity:0;transform:translateY(10px);
      transition:opacity .7s ease,transform .7s ease;pointer-events:none;padding:0 20px;}
.hm .head.show{opacity:1;transform:none;}
.hm .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--slate);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;}
.hm .eyebrow b{width:8px;height:8px;border-radius:50%;display:inline-block;}
.hm .head h1{margin:0;font-size:clamp(24px,3.6vw,40px);font-weight:600;color:var(--ink);line-height:1.1;letter-spacing:-.01em;}
.hm .head h1 small{display:block;font-size:.6em;font-weight:600;color:var(--muted);margin-top:5px;}

.hm .foot{position:absolute;left:0;right:0;bottom:8%;text-align:center;z-index:3;opacity:0;transform:translateY(10px);
      transition:opacity .7s ease .15s,transform .7s ease .15s;}
.hm .foot.show{opacity:1;transform:none;}
.hm .foot .loc{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:min(660px,92%);margin:0 auto;}
.hm .foot .adr{flex:1 1 240px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);font-size:14.5px;font-weight:600;text-decoration:none;
           border:1px solid var(--line);background:#fff;padding:12px 16px;border-radius:13px;
           box-shadow:0 8px 22px -14px rgba(40,44,46,.4);transition:border-color .15s,transform .15s;}
.hm .foot .adr:hover{border-color:var(--orange);transform:translateY(-2px);}
.hm .foot .adr i{color:var(--orange);font-size:18px;} .hm .foot .adr small{color:var(--muted);font-weight:500;}

.hm.peekbar{background:#fff;border-bottom:1px solid var(--line);}
.hm.peekbar .pkrow{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:center;padding:16px 0;color:var(--muted);font-size:14px;}
.hm.peekbar .pk{display:inline-flex;align-items:center;gap:8px;} .hm.peekbar .pk a{text-decoration:none;color:var(--ink);font-weight:600;}
.hm.peekbar i{color:var(--orange);font-size:18px;} .hm.peekbar b{color:var(--ink);font-weight:600;}
.hm.peekbar .sep{width:1px;height:18px;background:var(--line);}
@media(max-width:620px){.hm.peekbar .sep{display:none;} .hm.peekbar .pkrow{flex-direction:column;gap:8px;}}

/* Hover-Hintergrundfotos (Podkat) */
.hm .bg{position:absolute;inset:0;z-index:0;opacity:0;transform:scale(1.05) translateY(12px);
    transition:opacity .5s ease, transform .75s ease;background-size:cover;background-position:center;pointer-events:none;}
.hm .bg.on{opacity:1;transform:none;}

/* Detail (zweiter Screen) */
.hm.detail{position:fixed;inset:0;z-index:100;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;}
.hm.detail.on{opacity:1;visibility:visible;}
.hm.detail .detail-photo{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);transition:transform 1.3s ease;}
.hm.detail.on .detail-photo{transform:scale(1);}
.hm.detail .detail-card{position:absolute;left:6%;bottom:9%;max-width:440px;background:rgba(255,255,255,.94);
    border-radius:18px;padding:24px 26px;box-shadow:0 30px 70px -30px rgba(0,0,0,.5);backdrop-filter:blur(4px);}
.hm.detail .detail-card .acc{width:46px;height:6px;border-radius:3px;margin-bottom:14px;}
.hm.detail .detail-card h3{margin:0 0 8px;font-size:26px;color:var(--ink);font-weight:600;}
.hm.detail .detail-card p{margin:0 0 18px;color:var(--muted);font-size:15.5px;line-height:1.5;}
.hm .detail-actions{display:flex;gap:10px;align-items:stretch;margin-bottom:10px;}
.hm .detail-actions .da-primary{flex:1;}
.hm .detail-mid{display:flex;justify-content:center;margin-bottom:14px;}
.hm .da-primary,.hm .da-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;padding:11px 15px;font-weight:600;font-size:14px;text-decoration:none;}
.hm .da-primary{background:var(--orange);color:#fff;}
.hm .da-primary:hover{background:var(--orange-d);}
.hm .da-ghost{background:#fff;border:1px solid var(--line);color:var(--slate);}
.hm .da-ghost:hover{border-color:var(--orange);color:var(--orange-bfsg);background:var(--bg);}
.hm .detail-foot{display:flex;gap:14px;align-items:center;justify-content:space-between;}
.hm .detail-more{display:inline-flex;align-items:center;gap:7px;background:none;color:var(--orange-bfsg);text-decoration:none;font-weight:600;font-size:14px;padding:0;}
.hm .detail-more:hover{color:var(--orange);}
.hm .detail-back{background:none;border:none;color:var(--muted);font:inherit;font-weight:600;font-size:14px;cursor:pointer;padding:6px 4px;}
.hm .detail-back:hover{color:var(--ink);}
@media(max-width:560px){
  .hm.detail .detail-card{left:5%;right:5%;max-width:none;bottom:6%;padding:22px 20px;}
  .hm .detail-actions .da-primary{font-size:13.5px;padding:11px 10px;}
}

/* Hintergrund-Slideshow: weicher Crossfade alle ~2s (~40% sichtbar) */
.hm .hbwrap{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.hm .hb{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;
    transform:scale(1.03);transition:opacity .9s ease, transform 4s ease;will-change:opacity;backface-visibility:hidden;}
.hm .hb.on{opacity:.52;transform:scale(1);}
@media (prefers-reduced-motion:reduce){.hm .hb{transition:opacity .9s ease;transform:none;}}

/* ===== KSC-Band (Regional verwurzelt) ===== */
.hm.ksc{background:#004B93;}
.hm .ksc-row{display:flex;align-items:center;justify-content:center;gap:16px 42px;flex-wrap:wrap;
             padding-top:22px;padding-bottom:22px;}
.hm .ksc-txt{margin:0;color:rgba(255,255,255,.92);font-size:15.5px;line-height:1.5;max-width:640px;}
.hm .ksc-txt strong{color:#fff;font-weight:700;}
.hm .ksc-link{line-height:0;flex:0 0 auto;transition:opacity .15s ease;}
.hm .ksc-link:hover{opacity:.85;}
.hm .ksc-logo{height:46px;width:auto;display:block;}
@media(max-width:640px){.hm .ksc-row{flex-direction:column;text-align:center;gap:14px;}
  .hm .ksc-logo{height:40px;}}

/* ===== Über-uns-Seite: Einleitung als Karten (.uu) ===== */
.hm.uu{padding:8px 0 10px;}
.hm .uu-lead{max-width:820px;margin:0 auto 30px;text-align:center;color:var(--muted);font-size:16.5px;line-height:1.65;}
.hm .uu-lead a{color:var(--orange-bfsg);font-weight:600;text-decoration:none;}
.hm .uu-lead a:hover{color:var(--orange);}
.hm .uu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:26px;}
.hm .uu-rg{margin:0;text-align:center;color:var(--muted);font-size:15.5px;line-height:1.5;}
.hm .uu-rg i{color:var(--orange);font-size:18px;vertical-align:-2px;margin-right:4px;}
@media(max-width:900px){.hm .uu-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto;}}
.hm .uu-card{background:var(--bg);border-radius:16px;padding:28px 24px;}
.hm .uu-ic{width:46px;height:46px;border-radius:50%;background:var(--orange);color:#fff;
  display:grid;place-items:center;font-size:22px;margin-bottom:15px;}
.hm .uu-card h3{margin:0 0 8px;font-size:19px;font-weight:600;color:var(--ink);}
.hm .uu-card p{margin:0;color:var(--muted);font-size:14.8px;line-height:1.6;}
.hm .uu-rundgang{text-align:center;max-width:720px;margin:0 auto;}
.hm .uu-rundgang h3{margin:0 0 8px;font-size:clamp(21px,2.4vw,27px);font-weight:600;color:var(--ink);
  display:inline-flex;align-items:center;gap:10px;}
.hm .uu-rundgang h3 i{color:var(--orange);}
.hm .uu-rundgang p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.6;}

/* ===== Sektionen allgemein ===== */
.hm.section{padding:74px 0;}
.hm .sec-head{max-width:720px;margin:0 auto 42px;text-align:center;}
.hm .kick{display:inline-block;color:var(--orange-bfsg);font-weight:700;font-size:12px;
      letter-spacing:.14em;text-transform:uppercase;margin-bottom:11px;}
.hm .sec-head h3{margin:0;font-size:clamp(23px,2.8vw,33px);font-weight:600;color:var(--ink);line-height:1.16;}
.hm .sec-lead{margin:15px auto 0;max-width:600px;color:var(--muted);font-size:16px;line-height:1.6;}

/* ===== Leistungen / 3 Disziplinen ===== */
.hm .disc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media (max-width:900px){.hm .disc-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto;}}
.hm .disc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
      border-radius:18px;padding:28px 26px 26px;overflow:hidden;
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.hm .disc::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--ac);}
.hm .disc:hover{transform:translateY(-4px);box-shadow:0 22px 42px -26px rgba(40,44,46,.5);border-color:var(--ac);}
.hm .disc-ic{margin-bottom:14px;line-height:0;}
.hm .disc-ic img{width:62px;height:62px;display:block;filter:drop-shadow(0 6px 11px rgba(40,44,46,.16));}
.hm .disc h4{margin:0 0 9px;font-size:21px;font-weight:600;color:var(--ink);}
.hm .disc > p{margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.56;}
.hm .disc-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.hm .disc-list li{font-size:12.5px;font-weight:500;color:var(--slate);
              background:var(--ac-soft);border-radius:999px;padding:6px 12px;}
.hm .disc-list li.lnk{padding:0;}
.hm .disc-list li.lnk a{display:block;padding:6px 12px;border-radius:999px;color:inherit;
              text-decoration:none;transition:box-shadow .15s ease,color .15s ease;}
.hm .disc-list li.lnk a:hover{box-shadow:inset 0 0 0 1px var(--ac-d);color:var(--ac-d);}
.hm .disc-more{margin-top:auto;display:inline-flex;align-items:center;gap:7px;
           color:var(--ac-d);font-weight:600;font-size:14.5px;text-decoration:none;}
.hm .disc-more i{transition:transform .18s ease;}
.hm .disc-more:hover i{transform:translateX(4px);}
.hm .disc--phys{--ac:var(--phys);--ac-d:var(--phys-d);--ac-soft:var(--phys-soft);}
.hm .disc--ergo{--ac:var(--orange);--ac-d:var(--orange-d);--ac-soft:var(--ergo-soft);}
.hm .disc--logo{--ac:var(--yellow);--ac-d:var(--logo-d);--ac-soft:var(--logo-soft);--ic-fg:#4a3a00;}

/* ===== Über uns ===== */
.hm.ueber{background:var(--bg);}
.hm .ueber-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;}
@media (max-width:860px){.hm .ueber-grid{grid-template-columns:1fr;gap:30px;}}
.hm .ueber-txt h3{margin:0 0 14px;font-size:clamp(23px,2.8vw,32px);font-weight:600;color:var(--ink);line-height:1.16;}
.hm .ueber-txt p{margin:0;color:var(--muted);font-size:16px;line-height:1.62;}
.hm .gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:104px;gap:10px;}
.hm .gallery span{border-radius:12px;background:linear-gradient(135deg,#e7e4f1,#dfe2e4);
              display:grid;place-items:center;color:rgba(68,72,74,.35);font-size:22px;overflow:hidden;}
.hm .gallery span img{width:100%;height:100%;object-fit:cover;display:block;}
.hm .gallery span:nth-child(1){grid-row:span 2;}
.hm .gallery span:nth-child(6){grid-column:span 2;}

/* ===== Über uns · Hybrid: 2-Spalten-Container + natives Bilder-CE =====
   Container-uid nach Anlage eintragen (Platzhalter #c599 = reaktivierter Container). */
body.page-22 #c599{background:var(--bg,#f4f5f6);padding:74px 0;}
body.page-22 #c599 .frame-container{max-width:1200px;padding:0 24px;margin:0 auto;}
.hm.ueber-solo{padding:0;background:transparent;}
body.page-22 #c599 .contentcontainer{align-items:center;gap:46px;}
.hm.ueber-solo .kick{display:inline-block;color:#F1803E;font-weight:700;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:11px;}
.hm.ueber-solo h3{margin:0 0 14px;font-size:clamp(23px,2.8vw,32px);font-weight:600;color:#2b2e30;line-height:1.16;}
.hm.ueber-solo p{margin:0;color:#5f6669;font-size:16px;line-height:1.62;}
.hm.ueber-solo .ueber-film{display:inline-flex;align-items:center;gap:9px;margin-top:18px;
  color:#dd6f2e;font-weight:600;font-size:15px;text-decoration:none;}
.hm.ueber-solo .ueber-film:hover{color:#F1803E;}
/* Galerie-Kacheln des nativen Bilder-CE angleichen */
body.page-22 #c599 figure.image img{border-radius:12px;object-fit:cover;}

/* ===== Standorte ===== */
.hm .std-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media (max-width:820px){.hm .std-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto;}}
.hm .std{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 28px;}
.hm .std-city{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;
          letter-spacing:.06em;text-transform:uppercase;color:var(--orange);margin-bottom:8px;}
.hm .std h4{margin:0 0 3px;font-size:22px;font-weight:600;color:var(--ink);}
.hm .std-addr{margin:0 0 16px;color:var(--muted);font-size:15px;}
.hm .std-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px;}
.hm .std-tags span{font-size:12.5px;font-weight:500;color:var(--slate);background:#f1f2f3;border-radius:999px;padding:5px 11px;}
.hm .std-meta{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;font-size:14.5px;color:var(--slate);}
.hm .std-meta span{display:inline-flex;align-items:center;gap:9px;}
.hm .std-meta i{color:var(--orange);}
.hm .std-meta a{color:var(--slate);text-decoration:none;font-weight:600;}
.hm .std-map{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;
         border:1px solid var(--line);border-radius:12px;padding:11px 16px;font-weight:600;
         font-size:14.5px;color:var(--slate);text-decoration:none;transition:border-color .18s,background .18s,color .18s;}
.hm .std-map:hover{border-color:var(--orange);background:#fff6f0;color:var(--orange-bfsg);}

/* ===== Ablauf ===== */
.hm.ablauf{background:#fff;}
.hm .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media (max-width:820px){.hm .steps{grid-template-columns:1fr;max-width:480px;margin:0 auto;}}
.hm .step{padding:28px 24px;border-radius:16px;background:var(--bg);}
.hm .step-n{width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;
        display:grid;place-items:center;font-weight:700;font-size:17px;margin-bottom:15px;}
.hm .step h4{margin:0 0 7px;font-size:18px;font-weight:600;color:var(--ink);}
.hm .step p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55;}

/* ===== Trust-Band ===== */
.hm.trust{background:var(--slate);}
.hm.trust .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;padding-top:26px;padding-bottom:26px;}
.hm.trust span{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:15px;font-weight:500;}
.hm.trust i{color:var(--yellow);font-size:19px;}

/* ===== Karriere (Flieder) ===== */
.hm.karriere{background:linear-gradient(125deg,#6361cf,#4b49b8);color:#fff;}
.hm .kar-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:44px;align-items:center;}
@media (max-width:860px){.hm .kar-grid{grid-template-columns:1fr;gap:30px;}}
.hm .kar-txt .kick{color:var(--yellow);}
.hm .kar-txt h3{margin:0 0 14px;font-size:clamp(23px,2.8vw,32px);font-weight:600;line-height:1.16;color:inherit;}
.hm .kar-txt p{margin:0 0 22px;color:rgba(255,255,255,.9);font-size:16px;line-height:1.62;}
.hm .kar-btns{display:flex;gap:12px;flex-wrap:wrap;}
.hm .reel{margin:0;width:100%;max-width:300px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;
      background:#000;box-shadow:0 18px 44px -22px rgba(0,0,0,.55);justify-self:center;}
.hm .reel video{width:100%;height:100%;object-fit:cover;display:block;}

/* Buttons — als .hm-btn benannt, damit Bootstrap-.btn des Themes nicht hineinfunkt */
.hm .hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;
     padding:15px 26px;font-weight:600;font-size:15.5px;text-decoration:none;border:1px solid transparent;
     transition:transform .15s ease,background .18s ease;cursor:pointer;}
.hm .hm-btn:hover{transform:translateY(-2px);}
.hm .hm-btn--primary{background:var(--orange);color:#fff;}
.hm .hm-btn--primary:hover{background:var(--orange-d);color:#fff;}
.hm .hm-btn--ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.28);}
.hm .hm-btn--ghost:hover{background:rgba(255,255,255,.18);color:#fff;}

/* ===== Film (Imagefilm) ===== */
.hm.film{background:#fff;}
.hm.film .sec-head{margin-bottom:30px;}
.hm .film-band{width:100%;background:#000;}
.hm .film-band video{display:block;width:100%;height:clamp(320px,56vh,620px);object-fit:cover;}
.hm .ueber-film{display:inline-flex;align-items:center;gap:9px;margin-top:18px;
            color:var(--orange-bfsg);font-weight:600;font-size:15px;text-decoration:none;}
.hm .ueber-film i{font-size:18px;}
.hm .ueber-film:hover{color:var(--orange);}

/* ===== Aktuelles (Platzhalter) ===== */
.hm.aktuelles{background:var(--bg);}
.hm .akt-ph{border:2px dashed var(--line);border-radius:18px;padding:42px 24px;text-align:center;color:var(--muted);}
.hm .akt-ph i{font-size:30px;color:var(--orange);}
.hm .akt-ph h4{margin:12px 0 6px;color:var(--ink);font-weight:600;font-size:19px;}
.hm .akt-ph p{margin:0;font-size:14.5px;}
.hm .akt-ph .hm-btn{margin-top:18px;}

/* ===== Kontakt / CTA ===== */
.hm.cta{background:var(--orange);color:#fff;text-align:center;}
.hm.cta h3{margin:0 0 10px;font-size:clamp(24px,3vw,34px);font-weight:600;color:inherit;}
.hm.cta > .wrap > p{margin:0 0 20px;font-size:16.5px;color:rgba(255,255,255,.92);}
.hm .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.hm .cta-phone{display:inline-block;font-size:clamp(26px,4vw,38px);font-weight:700;color:#fff;
           text-decoration:none;margin-bottom:24px;}
.hm.cta .hm-btn--primary{background:#fff;color:var(--orange-bfsg);}
.hm.cta .hm-btn--ghost{border-color:rgba(255,255,255,.6);}

/* ===== Footer ===== */
.hm.site-foot{background:var(--ink);color:rgba(255,255,255,.68);font-size:14px;}
.hm.site-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:26px;padding-bottom:26px;}
.hm.site-foot a{color:rgba(255,255,255,.68);text-decoration:none;}
.hm.site-foot a:hover{color:#fff;}
.hm .foot-links{display:flex;gap:20px;flex-wrap:wrap;}
/* ===== Osteopathie-Hinweis (eigenständige Leistung, außerhalb der Disziplin-Karten) =====
   Stand 2026-07-21 · Eigenes CE (HTML) direkt unter der Leistungen-Sektion (uid 22).
   Fachlich: Osteopathie ist NICHT Teil der Physiotherapie → kein Chip in .disc--phys,
   sondern eigener Band. Rollback: diesen Block + CE löschen. */
.hm.osteo-band{margin:-34px 0 0;padding:0 0 74px;}
.hm .osteo-box{display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:26px 28px;}
.hm .osteo-ic{flex:none;width:46px;height:46px;border-radius:50%;background:var(--orange);color:#fff;
  display:grid;place-items:center;font-size:22px;}
.hm .osteo-txt{flex:1 1 340px;}
.hm .osteo-txt h4{margin:0 0 5px;font-size:19px;font-weight:600;color:var(--ink);}
.hm .osteo-txt p{margin:0;color:var(--muted);font-size:15px;line-height:1.58;}
.hm .osteo-more{flex:none;display:inline-flex;align-items:center;gap:7px;
  color:var(--orange-bfsg);font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap;}
.hm .osteo-more i{transition:transform .18s ease;}
.hm .osteo-more:hover i{transform:translateX(4px);}
.hm .osteo-more:hover{color:var(--orange);}
@media(max-width:640px){
  .hm.osteo-band{margin-top:-20px;}
  .hm .osteo-box{padding:22px 20px;}
  .hm .osteo-more{flex-basis:100%;}
}


/* ===== Aktuelles: Kopf-CE + News-Liste als EIN Band ===== v2 · 2026-08-10 =====
   Ausgangslage: die Ueberschrift steckt in einem eigenen HTML-CE (#c1022) mit
   grauem Sektionshintergrund, die Meldungen kommen aus dem News-Plugin (#c1048)
   auf Weiss. Dadurch lief eine sichtbare Kante quer durch den Abschnitt, und
   die Liste stand 40 px weiter links als die Ueberschrift, weil der Theme-
   Container breiter ist als .wrap.

   Loesung: unteren Abstand des Kopf-CE kuerzen, den grauen Grund am News-CE
   fortsetzen und dessen Inhalt auf dieselben 1200 px bringen.
   Rueckbau: diesen Block loeschen. CE-Nummern gelten nur fuer die Startseite. */
body.page-22 #c1022 .hm.aktuelles { padding-bottom: 26px; }

body.page-22 #c1048 {
    background: var(--bg, #f4f5f6);
    margin-top: 0;
    padding: 0 0 74px;
}
body.page-22 #c1048 .frame-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}