@font-face{font-family:'Rubik';font-style:normal;font-weight:300 500;font-display:swap;src:url('../fonts/rubik-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 500;font-display:swap;src:url('../fonts/rubik-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Design-Tokens Gemeinschaftspraxis Barthel (Dres. Barthel Zahnärzte, Chemnitz)
   Quelle: praxis-barthel.de, Elementor-Kit (post-6.css) + Seiten-CSS, ausgelesen 07.10.2026 */
:root {
  /* Farben */
  --barthel-gruen:        #76A709;  /* Primär- und Akzentfarbe: Headlines, Buttons, Flächen, Footer */
  --barthel-gruen-hell:   #8BBA2E;  /* Fläche hinter Team-Porträts (Bildton, leicht heller) */
  --barthel-anthrazit:    #54595F;  /* Sekundär: Navigation, Zwischentitel */
  --barthel-text:         #7A7A7A;  /* Fließtext */
  --barthel-hintergrund:  #F5F5F5;  /* Seitenhintergrund hellgrau */
  --barthel-weiss:        #FFFFFF;  /* Text auf Grün, Karten */
  --barthel-footer-leiste:#4A4A4A;  /* Copyright-Leiste unter dem grünen Footer */

  /* Typografie: alles Rubik */
  --font: "Rubik", system-ui, sans-serif;
  --h-gross:   300 3.4rem/1.1 var(--font);  /* große, dünne grüne Headlines ("Fühlen Sie sich wohl.") */
  --h-mittel:  300 2.1rem/1.2 var(--font);  /* Abschnittstitel, ebenfalls dünn */
  --text:      400 1rem/1.7 var(--font);
  --label:     500 .75rem/1.4 var(--font);  /* Buttons/Navigation: Versalien, Laufweite ~.08em */
}

/* Wiederkehrende Gestaltungsmuster der Originalseite
   - Bild mit versetztem grünem Balken darunter (ca. 8 px, ragt nach links aus dem Raster)
   - vollflächige grüne Infoboxen mit weißer Schrift (z. B. Schmerzsprechstunde)
   - Porträts in Bogenform (oben vollrund) auf grünem Fotohintergrund
   - Leistungsliste: Linien-Icon links (grün, ~48 px) + grüner Balken mit weißem Titel
   - Buttons: grüne Fläche, weiße Versalien, eckig (kein Radius)
   - Kopf: Logo links, Navigation in Versalien, grüner Notfall-Button "ZAHNSCHMERZEN? 0371 / 22 90 97"
   - Footer: grün, weißes Logo, Sprechzeiten | Schmerzsprechstunde | Kontakt, darunter dunkle Copyright-Leiste */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--barthel-hintergrund);color:var(--barthel-text);font:var(--text);overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--barthel-gruen)}a:hover{color:#5F8807}
p{margin:0 0 1em;text-wrap:pretty}
.pb-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.pb-section{padding:clamp(56px,8vw,96px) 0}
.pb-section--white{background:var(--barthel-weiss)}
.pb-h1,.pb-h2,.pb-h3{font-family:var(--font);color:var(--barthel-gruen);margin:0 0 .5em;text-wrap:balance}
.pb-h1{font:var(--h-gross);font-size:clamp(2.2rem,5vw,3.4rem)}
.pb-h2{font:var(--h-mittel);font-size:clamp(1.7rem,3.4vw,2.1rem)}
.pb-h3{font:400 1.25rem/1.3 var(--font)}
.pb-lead{font:300 clamp(1.35rem,2.6vw,1.9rem)/1.25 var(--font);color:var(--barthel-gruen);margin:0 0 .8em;text-wrap:balance}
.pb-small{font-size:.875rem;line-height:1.6}
.pb-label{font:var(--label);letter-spacing:.08em;text-transform:uppercase}
.pb-link{font:var(--label);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-flex;gap:.5em;align-items:center;min-height:44px}
.pb-actions{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 24px}
.pb-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:start}
.pb-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
@media(max-width:820px){.pb-split{grid-template-columns:minmax(0,1fr)}}
.pb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:var(--label);letter-spacing:.08em;text-transform:uppercase;padding:14px 22px;min-height:44px;border:1px solid var(--barthel-gruen);background:var(--barthel-gruen);color:#fff;border-radius:0;text-decoration:none;cursor:pointer;text-align:center;transition:background .15s,color .15s}
.pb-btn:hover{background:#5F8807;border-color:#5F8807;color:#fff}
.pb-btn--outline{background:transparent;color:var(--barthel-gruen)}
.pb-btn--outline:hover{background:var(--barthel-gruen);color:#fff}
.pb-btn--white{background:#fff;border-color:#fff;color:var(--barthel-gruen)}
.pb-btn--white:hover{background:transparent;color:#fff;border-color:#fff}
.pb-btn--block{width:100%}
.pb-checks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--barthel-anthrazit);font-size:.95rem}
.pb-checks--stack{flex-direction:column}
.pb-checks li{display:flex;gap:12px;align-items:baseline}
.pb-check{flex:none;width:14px;height:8px;border-left:2px solid var(--barthel-gruen);border-bottom:2px solid var(--barthel-gruen);transform:translateY(-3px) rotate(-45deg)}
.pb-checks--ongreen{color:#fff}.pb-checks--ongreen .pb-check{border-color:#fff}
.pb-placeholder{aspect-ratio:var(--ratio,4/3);width:100%;background:repeating-linear-gradient(135deg,#ECECEC 0 10px,#E3E3E3 10px 20px);display:grid;place-items:center;padding:24px;text-align:center;font:500 .78rem/1.5 ui-monospace,Menlo,monospace;color:var(--barthel-anthrazit);letter-spacing:.02em}
.pb-tile{background:#fff;border-top:4px solid var(--barthel-gruen);padding:24px 24px 28px}
.pb-tile__icon{height:44px;width:auto;display:block;margin-bottom:14px}
.pb-tile__title{font:400 1.15rem/1.3 var(--font);color:var(--barthel-gruen);margin:0 0 .6em}
.pb-tile p:last-child{margin:0}
.pb-header{position:sticky;top:0;z-index:50;background:var(--barthel-hintergrund)}
.pb-header__in{display:flex;align-items:center;gap:32px;min-height:96px}
.pb-header__logo img{height:56px;width:auto;display:block}
.pb-nav{margin-left:auto;display:flex;gap:26px}
.pb-nav a{font:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--barthel-anthrazit);text-decoration:none;padding:8px 2px;border-bottom:2px solid transparent}
.pb-nav a:hover,.pb-nav a[aria-current]{color:var(--barthel-gruen);border-bottom-color:var(--barthel-gruen)}
.pb-header__cta{flex-direction:column;gap:2px;line-height:1.35;padding:10px 18px;box-shadow:0 2px 6px rgba(0,0,0,.14)}
.pb-header__cta span{display:block;white-space:nowrap}
@media(max-width:1000px){.pb-nav{display:none}.pb-header__cta{margin-left:auto}}
@media(max-width:560px){.pb-header__in{min-height:72px;gap:16px}.pb-header__logo img{height:42px}.pb-header__cta{padding:8px 12px}.pb-header__cta-label{display:none!important}}
.pb-media{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center}
.pb-media__fig{position:relative;margin:0 0 8px}
.pb-media__fig>img{display:block;width:100%;aspect-ratio:var(--ratio,4/3);object-fit:cover}
.pb-media__fig::after{content:"";position:absolute;bottom:-8px;height:8px;left:-100vw;right:0;background:var(--barthel-gruen)}
.pb-media--reverse .pb-media__fig{order:2}
.pb-media--reverse .pb-media__fig::after{left:0;right:-100vw}
.pb-media__body>:last-child{margin-bottom:0}
@media(max-width:820px){.pb-media{grid-template-columns:minmax(0,1fr)}.pb-media--reverse .pb-media__fig{order:0}}
.pb-infobox{background:var(--barthel-gruen);color:#fff;padding:clamp(28px,4.5vw,52px)}
.pb-infobox .pb-infobox__title{font:var(--h-mittel);font-size:clamp(1.7rem,3.4vw,2.1rem);color:#fff;margin:0 0 .5em;text-wrap:balance}
.pb-infobox h3{color:#fff;font:400 1.2rem/1.3 var(--font);margin:0 0 .6em}
.pb-infobox a:not(.pb-btn){color:#fff}
.pb-infobox>:last-child{margin-bottom:0}
.pb-rows{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 24px;margin:0 0 1em;font-size:.95rem}
.pb-rows dt{font-weight:500;white-space:nowrap}.pb-rows dd{margin:0}
.pb-arch{background:var(--barthel-gruen);color:#fff;padding:clamp(56px,8vw,96px) 0}
.pb-arch__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,80px);align-items:center}
.pb-arch__img{border-radius:999px 999px 0 0;overflow:hidden;background:var(--barthel-gruen-hell);aspect-ratio:4/5;margin:0}
.pb-arch__img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.pb-arch__title{font:var(--h-mittel);font-size:clamp(1.7rem,3.4vw,2.1rem);color:#fff;margin:0 0 .6em;text-wrap:balance}
.pb-arch a:not(.pb-btn){color:#fff}
.pb-arch .pb-checks{color:#fff;margin-bottom:24px}.pb-arch .pb-check{border-color:#fff}
@media(max-width:820px){.pb-arch__in{grid-template-columns:minmax(0,1fr)}.pb-arch__img{max-width:360px}}
.pb-iconlist{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.pb-iconrow{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:start}
.pb-iconrow__icon{width:64px;height:44px;object-fit:contain;object-position:center}
.pb-iconrow__check{width:64px;height:40px;display:grid;place-items:center}
.pb-bar{background:var(--barthel-gruen);color:#fff;font:300 1.05rem/1.4 var(--font);padding:9px 16px;min-height:40px;margin:0}
.pb-iconrow__text{padding:10px 16px 0;margin:0;font-size:.95rem}
@media(max-width:560px){.pb-iconrow{grid-template-columns:44px minmax(0,1fr);gap:12px}.pb-iconrow__icon,.pb-iconrow__check{width:44px}}
.pb-faq{display:grid;gap:14px}
.pb-faq__item{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.pb-faq--icon .pb-faq__item{grid-template-columns:64px minmax(0,1fr)}
.pb-faq__icon{width:64px;height:44px;object-fit:contain}
.pb-faq summary{list-style:none;cursor:pointer;background:var(--barthel-gruen);color:#fff;padding:10px 52px 10px 16px;position:relative;min-height:44px;display:flex;align-items:center}
.pb-faq summary::-webkit-details-marker{display:none}
.pb-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-52%);font:300 1.6rem/1 var(--font)}
.pb-faq details[open] summary::after{content:"\2013"}
.pb-faq summary:hover{background:#5F8807}
.pb-faq summary:focus-visible{outline:2px solid var(--barthel-anthrazit);outline-offset:2px}
.pb-faq__q{font:300 1.05rem/1.4 var(--font);margin:0;color:#fff}
.pb-faq__a{padding:14px 16px 6px}.pb-faq__a>:last-child{margin-bottom:0}
@media(max-width:560px){.pb-faq--icon .pb-faq__item{grid-template-columns:minmax(0,1fr)}.pb-faq__icon{display:none}}
.pb-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:24px}
.pb-step{position:relative;display:flex;flex-direction:column;gap:16px}
.pb-step::before{content:"";position:absolute;top:21px;left:52px;right:-16px;height:2px;background:#C9DCA2}
.pb-step:last-child::before{display:none}
.pb-step__num{width:44px;height:44px;flex:none;border-radius:50%;background:var(--barthel-gruen);color:#fff;display:grid;place-items:center;font:500 1.1rem/1 var(--font);position:relative}
.pb-step__body{display:flex;flex-direction:column;gap:10px}
.pb-step__img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#fff}
.pb-step__title{font:400 1.1rem/1.3 var(--font);color:var(--barthel-anthrazit);margin:0}
.pb-step__text{margin:0;font-size:.95rem}
@media(max-width:900px){.pb-steps{grid-template-columns:minmax(0,1fr);gap:0}.pb-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 20px;padding-bottom:32px}.pb-step::before{top:52px;bottom:8px;left:21px;right:auto;width:2px;height:auto}.pb-step__img{max-width:320px}}
.pb-compare table{width:100%;border-collapse:collapse;font-size:.95rem}.pb-compare tbody tr{background:#fff}
.pb-compare thead th{background:var(--barthel-gruen);color:#fff;font-weight:400;text-align:left;padding:14px 16px;vertical-align:bottom;line-height:1.35}
.pb-compare thead th.is-hl{background:#5F8807}
.pb-compare tbody th{color:var(--barthel-anthrazit);font-weight:500;text-align:left}
.pb-compare td,.pb-compare tbody th{padding:12px 16px;border-bottom:1px solid #E6E6E6;vertical-align:top;line-height:1.5}
.pb-compare td.is-hl{background:#F3F8E8;color:var(--barthel-anthrazit)}
.pb-compare__cards{display:none;gap:16px}
.pb-ccard{background:#fff}.pb-ccard .pb-bar{font-weight:400}.pb-ccard--hl{outline:2px solid var(--barthel-gruen)}
.pb-ccard .pb-rows{padding:16px;margin:0;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.pb-ccard .pb-rows dt{color:var(--barthel-anthrazit)}
@media(max-width:820px){.pb-compare__table{display:none}.pb-compare__cards{display:grid}}
.pb-form{display:grid;gap:18px}
.pb-field{display:grid;gap:6px;border:0;margin:0;padding:0;min-width:0}
.pb-field>label,.pb-field>legend{font:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--barthel-anthrazit);padding:0;margin-bottom:6px}
.pb-input{width:100%;font:var(--text);padding:12px 14px;min-height:48px;border:1px solid #D5D5D5;border-radius:0;background:#fff;color:var(--barthel-anthrazit)}
.pb-input:focus,.pb-chip input:focus-visible+span,.pb-consent input:focus-visible{outline:2px solid var(--barthel-anthrazit);outline-offset:1px}
.pb-choices{display:flex;flex-wrap:wrap;gap:8px}
.pb-chip{position:relative}
.pb-chip input{position:absolute;opacity:0;width:1px;height:1px}
.pb-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--barthel-gruen);color:var(--barthel-gruen);cursor:pointer;font-size:.95rem}
.pb-chip input:checked+span{background:var(--barthel-gruen);color:#fff}
.pb-consent{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:.875rem;line-height:1.55;align-items:start}
.pb-consent input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--barthel-anthrazit)}
.pb-form__note{font-size:.8rem;margin:0}
.pb-form__done{padding:24px;border:1px solid currentColor}
.pb-form--ongreen,.pb-form--ongreen .pb-field>label,.pb-form--ongreen .pb-field>legend{color:#fff}
.pb-form--ongreen .pb-input{border-color:#fff}
.pb-form--ongreen .pb-chip span{border-color:#fff;color:#fff}
.pb-form--ongreen .pb-chip input:checked+span{background:#fff;color:var(--barthel-gruen)}
.pb-form--ongreen a:not(.pb-btn){color:#fff}
.pb-ph{background:#FFF3B0;color:#54595F;padding:1px 6px;font-size:.9em;border:1px dashed #C9A400}
.pb-form--ongreen .pb-consent input{accent-color:#fff}
.pb-footer{background:var(--barthel-gruen);color:#fff;padding:52px 0 40px;font-size:.9rem}
.pb-footer__in{display:grid;grid-template-columns:170px repeat(3,minmax(0,1fr));gap:40px}
.pb-footer__logo img{width:150px;height:auto;display:block}
.pb-footer__title{font:300 1.4rem/1.2 var(--font);color:#fff;margin:0 0 .7em}
.pb-footer .pb-rows{font-size:.9rem;gap:4px 20px}
.pb-footer a{color:#fff;text-decoration:none}.pb-footer a:hover{text-decoration:underline;color:#fff}
.pb-footer address{font-style:normal;line-height:1.7}
.pb-footer__links{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.4)}
.pb-footer__bar{background:var(--barthel-footer-leiste);color:#fff;padding:14px 0;text-align:center}
.pb-footer__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;font:var(--label);letter-spacing:.08em;text-transform:uppercase}
.pb-footer__legal a{color:#fff;text-decoration:none}.pb-footer__legal a:hover{text-decoration:underline;color:#fff}
.pb-footer__note{font-size:.75rem;margin:8px 0 0;color:#DADADA}
@media(max-width:1100px){.pb-footer__in{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pb-footer__in{grid-template-columns:minmax(0,1fr);gap:32px}}
.pb-callbar{display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -2px 10px rgba(0,0,0,.12)}
.pb-callbar a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;font:var(--label);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.pb-callbar__call{background:var(--barthel-gruen);color:#fff}.pb-callbar__call:hover{color:#fff;background:#5F8807}
.pb-callbar__termin{background:#fff;color:var(--barthel-gruen)}
.pb-callbar--fixed{position:fixed;left:0;right:0;bottom:0;z-index:60;padding-bottom:env(safe-area-inset-bottom);background:#fff}
@media(min-width:768px){.pb-callbar--fixed{display:none}}
@media(max-width:767px){body:has(.pb-callbar--fixed){padding-bottom:60px}}

/* Ergänzungen Build */
.pb-legal{max-width:860px}.pb-legal h2{margin-top:1.6em}.pb-legal h2:first-child{margin-top:0}
.pb-form__done a{color:#fff}
.pb-totop{position:fixed;right:24px;bottom:24px;z-index:55;width:48px;height:48px;display:grid;place-items:center;background:var(--barthel-gruen);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s,background .15s}
.pb-totop.is-visible{opacity:1;visibility:visible;transform:none}.pb-totop:hover{background:#5F8807;color:#fff}
.pb-totop:focus-visible{outline:2px solid var(--barthel-anthrazit);outline-offset:2px}.pb-totop svg{width:22px;height:22px;display:block}
@media(max-width:767px){.pb-totop{right:16px;bottom:calc(76px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.pb-totop{transition:none}html{scroll-behavior:auto}}