/* Statische Kopie — Ersatz für die entfernten Squarespace-Skripte.
   Die Einblende-Regeln der Originalseite bleiben absichtlich erhalten;
   assets/js/statisch.js setzt beim Scrollen dieselben Klassen wie Squarespace. */

/* Hintergrundbilder: Squarespace versteckt sie und malt sie per WebGL-Leinwand.
   Ohne Skripte bliebe der Bereich schwarz — also das echte Bild zeigen. */
.background-image-fx,.section-background img,.section-background video{visibility:visible !important}
.section-background-canvas,.background-fx-canvas,canvas.background-fx-canvas{display:none !important}

/* Warenkorb gibt es auf der Kopie nicht */
.floating-cart,.sqs-cart-dropzone,.header-actions-action--cart{display:none !important}

/* Sicherheitsnetz: Wer die Seite ohne JavaScript oder mit reduzierter Bewegung
   öffnet, sieht alle Inhalte sofort statt einer leeren Seite. */
@media (prefers-reduced-motion: reduce){
  .preFlex,.preFade,.preScale,.preSlide,.preClip,.preRotate,
  .animation-segment-parent-hidden{
    opacity:1 !important;transform:none !important;clip-path:none !important;transition:none !important;
  }
}

/* ---------- Jobs-Hinweis, Logo und Stellen-Knopf (22.09.2026) ----------
   Grün aus dem Praxislogo (#71A509, Text-Ton #567D08). Die Kopfzeile ist auf
   Startseite und Leistungen hell auf dunklem Bild, auf Kontakt dunkel auf Weiß —
   deshalb zwei Logo-Fassungen, die je nach Kopfzeile wechseln. */
:root{--z-gruen:#71A509;--z-gruen-tief:#567D08}
#site-title{display:inline-flex !important;align-items:center;gap:.7em}
.z-logo{height:46px !important;width:auto !important;flex:none;display:block}
.z-logo--hell{display:none}
.header.black .z-logo--farbe,.header.z-balken .z-logo--farbe{display:none}
.header.black .z-logo--hell,.header.z-balken .z-logo--hell{display:block}
body.header--menu-open .z-logo--farbe{display:block}
body.header--menu-open .z-logo--hell{display:none}

/* Ein einziger Knopf „Stellenangebote" mit diagonaler Banderole „Aktuell" über der
   rechten oberen Ecke (Wunsch Akis, 22.09.2026) */
.z-knopf{position:relative;overflow:hidden;display:inline-flex !important;align-items:center;
  min-height:48px;padding:0 3.9em 0 1.2em;border-radius:10px;background:var(--z-gruen);
  color:#fff !important;font-size:15px;font-weight:600;letter-spacing:.01em;line-height:1;
  text-decoration:none !important;white-space:nowrap;box-shadow:0 4px 18px rgba(0,0,0,.18);
  transition:background-color .3s,transform .3s}
a.z-knopf:hover,a:hover>.header-menu-nav-item-content>.z-knopf{background:var(--z-gruen-tief)}
a.z-knopf:hover{transform:translateY(-1px)}
a.z-knopf:focus-visible{outline:2px solid #fff;outline-offset:3px}
.z-band{position:absolute;top:15px;right:-24px;width:100px;padding:3px 0;transform:rotate(45deg);
  background:#fff;color:var(--z-gruen-tief);font-size:9px;font-weight:700;letter-spacing:.12em;
  text-align:center;text-transform:uppercase;box-shadow:0 1px 4px rgba(0,0,0,.2);pointer-events:none}
.header-menu .z-knopf{font-size:20px;min-height:52px;max-width:calc(100vw - 48px);box-shadow:none}

/* Telefon: Titel schmaler, damit Logo, Titel und Burger in eine Zeile passen */
@media (max-width:640px){
  .z-logo{height:38px !important}
  #site-title{gap:.5em}
  .header-display-mobile .z-titel{font-size:.82em;line-height:1.15;max-width:9.5em;display:block}
}
/* Menüzeile mit Stellen-Knopf in einer Zeile halten statt umbrechen */
.header-display-desktop .header-nav-list{flex-wrap:nowrap !important}
.header-display-desktop .header-nav-item{white-space:nowrap}

/* Kopfzeile bis 1.180 px im Telefon-Aufbau (Logo + Burger): Mit „Jobs" und dem
   Stellen-Knopf passt die Menüzeile auf kleinen Laptops und Tablets nicht mehr.
   Kopie der Squarespace-Regeln für den Telefon-Aufbau (aus d8049ec756.css), nur mit weiterer Grenze. */
@media screen and (min-width: 800px) and (max-width: 1180px){.header .header-announcement-bar-wrapper{padding-top:6vw;padding-bottom:6vw;padding-left:6vw;padding-right:6vw}}
@media screen and (min-width: 800px) and (max-width: 1180px){.tweak-fixed-header:not(.sqs-edit-mode-active):not(.sqs-site-styles-active) .header.shrink .header-announcement-bar-wrapper{padding-top:min(6vw,2vmax);padding-bottom:min(6vw,2vmax)}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-background::after{box-shadow:0 0 10px rgba(0,0,0,.15);opacity:0;transform:matrix(1,0,0,1,0,0)}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-display-mobile{display:flex}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-display-mobile .showOnDesktop{display:none}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-display-desktop{display:none}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-display-desktop .showOnMobile{display:flex}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-title{flex-grow:1}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-burger{display:flex}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-nav{display:none}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-layout-nav-right .header-title{flex-grow:1}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-layout-nav-left .header-title{flex-grow:1}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-layout-nav-center .header-title{min-width:0;flex-grow:1}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon .icon,.header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon .icon{max-height:25px;max-width:25px}.header-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon .icon-cart-quantity:not(.legacy-cart),.header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon .icon-cart-quantity:not(.legacy-cart){font-size:12px;padding-left:.2em;line-height:25px}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart,.header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart,.header-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart.header-icon-border-shape-circle,.header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart.header-icon-border-shape-circle{line-height:25px;padding:8px 10px;min-width:25px}.header-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon.cart-quantity-zero:not(.show-empty-cart-state),.header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon.cart-quantity-zero:not(.show-empty-cart-state),.header-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-text,.header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-text{padding:8px !important}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header .header-burger{margin-right:0;align-items:flex-end;justify-content:flex-end;flex:0 0 50px;width:50px}.header .header-burger.no-nav-links.no-actions{display:none}.header .header-actions--left{display:none}.header .header-title-nav-wrapper{flex:1 0 calc(100% - 50px)}.header .header-title-nav-wrapper .header-title{margin-right:0;flex:1 0 100%;text-align:left}.header .header-title-nav-wrapper .header-nav{display:none}.header .header-actions,.header .header-actions-action--social,.header .header-actions-action--cta{display:none}.header .header-layout--with-commerce .header-burger,.header .header-layout--with-user-accounts .header-burger,.header .header-layout--with-button .header-burger{margin-left:0;margin-right:0;flex:0 0 75px;align-items:flex-start;justify-content:flex-start}.header .header-layout--with-commerce .header-title-nav-wrapper,.header .header-layout--with-user-accounts .header-title-nav-wrapper,.header .header-layout--with-button .header-title-nav-wrapper{flex:1 0 calc(100% - 75px * 2 - 1vw)}.header .header-layout--with-commerce .header-title-nav-wrapper .header-title,.header .header-layout--with-user-accounts .header-title-nav-wrapper .header-title,.header .header-layout--with-button .header-title-nav-wrapper .header-title{margin-right:0;flex:1 0 100%;text-align:center}.header .header-layout--with-commerce .header-actions,.header .header-layout--with-user-accounts .header-actions,.header .header-layout--with-button .header-actions{display:inline-flex;flex:0 0 75px}.header .header-layout--with-commerce .header-actions--left,.header .header-layout--with-user-accounts .header-actions--left,.header .header-layout--with-button .header-actions--left{display:none}.header .header-display-mobile.with-button .header-title-nav-wrapper{flex:1 1 80%}.header .header-display-mobile.with-button .header-actions{flex:1 0 100px}.header .header-display-mobile .header-burger.no-nav-links.no-actions{display:none}.header .header-mobile-layout-logo-left-nav-right .header-display-mobile .header-burger{justify-content:flex-end;flex:0 0 50px}.header .header-mobile-layout-logo-left-nav-right .header-display-mobile .header-actions{justify-content:center}.header .header-mobile-layout-logo-left-nav-right .header-display-mobile .header-title{text-align:left}.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-burger{justify-content:flex-end}.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-actions{justify-content:flex-start}.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title{text-align:center}.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-text,.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-logo,.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-mobile-logo{padding-left:50px}.header .header-mobile-layout-logo-right-nav-right .header-display-mobile .header-burger{justify-content:flex-end;flex:0 0 50px}.header .header-mobile-layout-logo-right-nav-right .header-display-mobile .header-actions{justify-content:flex-start}.header .header-mobile-layout-logo-right-nav-right .header-display-mobile .header-title{text-align:right;padding-right:10px;flex:1 0 calc(100% - 50px)}.header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-burger{justify-content:flex-start}.header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-actions{justify-content:flex-end}.header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title{text-align:center}.header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-title-text,.header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-title-logo,.header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-mobile-logo{padding-right:50px}.header .header-mobile-layout-logo-right-nav-left .header-display-mobile .header-burger{flex:0 0 50px;justify-content:flex-start}.header .header-mobile-layout-logo-right-nav-left .header-display-mobile .header-actions{justify-content:center}.header .header-mobile-layout-logo-right-nav-left .header-display-mobile .header-title{text-align:right}.header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-title-text,.header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-text,.header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-title-logo,.header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-logo,.header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-mobile-logo,.header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-mobile-logo{padding:0px}.header .customerAccountLoginDesktop{display:none}.header .language-picker-desktop{display:none}.header .header-title--use-mobile-logo .header-title-logo{display:none}.header .header-title--use-mobile-logo .header-mobile-logo{display:block}.header .header-title--use-mobile-logo .header-mobile-logo a{display:inline-block;max-height:30px}.header .header-title--use-mobile-logo .header-mobile-logo img{max-height:30px}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header-menu{transition:visibility 600ms cubic-bezier(.4,0,.2,1),opacity 400ms cubic-bezier(.4,0,.2,1)}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header--menu-open .header-menu{opacity:1;visibility:visible}}
@media screen and (min-width: 800px) and (max-width: 1180px){.header--menu-open .sqs-mobile-info-bar-content{z-index:10}}
.header-display-desktop .showOnDesktop .z-knopf{margin-left:1.6em}
.header-display-mobile .header-actions--right{display:flex !important;align-items:center}
/* 800–1.180 px: Squarespace-Aufbau fürs Telefon lässt neben dem Titel keinen Platz
   für den Knopf und rechnet mit 6vw Innenabstand — hier passend verkleinert. */
@media (min-width:800px) and (max-width:1180px){
  .header .header-display-mobile .header-title-nav-wrapper{flex:1 1 auto;min-width:0}
  .header-display-mobile .header-actions--right{flex:none;margin-right:1.4em}
  .header .header-announcement-bar-wrapper{padding:20px 4vw !important}
}
/* Telefon (<800 px): Knopf steht im Menü. Ab 800 px steht er in der Kopfzeile,
   dann entfällt der Menüeintrag — er soll pro Ansicht nur einmal auftauchen. */
@media (max-width:799px){.header-display-mobile .showOnDesktop{display:none !important}}
@media (min-width:800px){.header-display-mobile .showOnDesktop{display:flex !important;align-items:center}
  .z-menue-jobs{display:none !important}}

/* ---------- AVIDIS-Zeile im Footer (22.09.2026) ----------
   „Hosting" statt „Design & Code": Gestaltung stammt nicht von AVIDIS.
   Hintergrund = Dunkelblau des Footers, Herz im Logo-Grün der Praxis. */
.fuss__avidis{margin:0;padding:1.1rem 6vw 1.4rem;background:#171f36;text-align:center;
  text-wrap:balance;line-height:2;font-family:Poppins,sans-serif;font-size:12px;
  letter-spacing:.05em;color:rgba(255,255,255,.62)}
.fuss__avidis a{white-space:nowrap;font-weight:600;letter-spacing:.12em;text-decoration:none !important;
  color:rgba(255,255,255,.86) !important;transition:color .25s}
.fuss__avidis a:hover{color:#71A509 !important}
.fuss__avidis .herz{display:inline-block;width:.95em;height:.95em;margin:0 .15em;vertical-align:-.14em;
  fill:#71A509;transform-origin:50% 60%;animation:herzschlag 2.4s ease-in-out infinite}
@keyframes herzschlag{0%,32%,100%{transform:scale(1)}11%{transform:scale(1.2)}20%{transform:scale(1.04)}26%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.fuss__avidis .herz{animation:none}}
.nur-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}