:root{--paper:#f7f9f6;--ink:#253f37;--muted:#5c6b62;--tint:#e6ece3;--accent:#254c41;--line:#cfd9d0;--radius:14px;--display:Georgia,'Times New Roman',serif;--page-width:1296px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:calc(100% - 112px);max-width:var(--page-width);margin-inline:auto}.site-header{height:126px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:13px;margin-right:auto;line-height:1.2;white-space:nowrap}.brand-symbol{font-family:Georgia,serif;font-size:43px;border-right:1px solid var(--line);padding-right:17px;font-weight:400}.brand strong{font-family:var(--display);font-size:23px;font-weight:400;letter-spacing:-.5px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:8px;font-weight:500}.main-nav{display:flex;gap:28px;font-size:14px}.main-nav a{padding:10px 0;border-bottom:1px solid transparent}.main-nav a:hover{border-bottom-color:currentColor}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 25px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:var(--radius);font-size:14px;font-weight:500;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.14);transform:translateY(-2px)}.header-cta{min-height:44px;font-size:13px;padding:9px 19px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:36px;margin-top:34px;margin-bottom:72px}.hero-copy{padding:26px 0}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:500;letter-spacing:2px;margin:0 0 28px;line-height:1.5}.hero h1{font-family:var(--display);font-weight:400;font-size:clamp(54px,5.3vw,78px);line-height:1.05;letter-spacing:-2.8px;margin:0 0 27px}.hero-description{font-size:17px;max-width:405px;color:var(--muted);line-height:1.8}.actions{display:flex;align-items:center;gap:26px;margin-top:35px;flex-wrap:wrap}.text-link{font-size:14px;display:inline-block;border-bottom:1px solid currentColor;line-height:1.5;padding-bottom:3px}.text-link:hover{opacity:.7}.photo{margin:0;overflow:hidden;background:var(--tint)}.photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-visual{position:relative;padding-bottom:31px}.salbei .hero .photo{height:520px;border-radius:160px 14px 14px 14px}.room img{object-position:100% center}.photo-note{position:absolute;bottom:0;left:28px;right:28px;background:var(--tint);border-radius:var(--radius);padding:21px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px}.photo-note small{font-size:12px;color:var(--muted)}h2{font-family:var(--display);font-size:clamp(35px,3.3vw,49px);line-height:1.15;letter-spacing:-1.2px;font-weight:400;margin:0 0 27px}h3{font-size:23px;line-height:1.3;font-weight:400;letter-spacing:-.5px}.first-intro{padding:58px 0}.variant-bar{position:fixed;z-index:30;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;background:#222925;color:#fff;padding:8px 14px 8px 20px;border-radius:16px;box-shadow:0 8px 35px #0002;max-width:calc(100% - 24px)}.variant-label{font-size:9px;letter-spacing:1.6px;white-space:nowrap}.variant-label span{display:none}.variant-bar nav{display:flex;gap:4px}.variant-bar a{display:flex;align-items:center;gap:8px;padding:10px 13px;font-size:12px;border-radius:9px;white-space:nowrap;color:#c8d0cb;min-height:40px}.variant-bar a.selected{color:#25332b;background:#f5f7f4}.variant-bar a:hover{background:#435247;color:white}.swatch{width:10px;height:10px;display:inline-block;border-radius:50%;border:1px solid #0002}.swatch-salbei{background:#8aab8c}.swatch-blau{background:#a3bfdb}.swatch-sand{background:#d2bc9c}.swatch-klar{background:#aeb2b7}.variant-number{font-size:10px;opacity:.6}.demo-label{font-size:8px;letter-spacing:1.2px;color:#b3bfb7;white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:15px;z-index:100}.skip-link:focus{top:10px}
.blau{--paper:#fff;--ink:#253b4e;--muted:#536b7e;--tint:#e7eef4;--accent:#a3bfdb;--line:#cfdae5;--radius:50px;--display:Georgia,'Times New Roman',serif}.blau .button{color:#203849}.blau .hero{display:block;background:linear-gradient(to bottom,#e7eef4 0%,#e7eef4 84%,#fff 84%);margin:0 0 70px;padding-top:35px}.blau .hero-copy{text-align:center;max-width:850px;margin:auto;padding-bottom:42px}.blau .hero h1{font-size:70px}.blau .hero-description{margin-inline:auto;max-width:470px}.blau .hero .actions{justify-content:center;margin-top:25px}.blau .hero .eyebrow{margin-bottom:21px}.blau .blue-photo .photo{height:315px}.blau .blue-caption{padding:17px 0;display:flex;justify-content:space-between;font-size:12px}.blau .hero-copy .text-link{border:0}.blau .brand-symbol{color:#597c9a}
.sand{--paper:#f7f3eb;--ink:#37342e;--muted:#716b61;--tint:#eae3d6;--accent:#3d4037;--line:#d8d0c3;--radius:0px;--display:Georgia,'Times New Roman',serif}.sand .site-header{height:124px;border-bottom:1px solid var(--line)}.sand .brand-symbol{border:0}.sand .hero{grid-template-columns:1.05fr 1fr;gap:0 65px;margin-top:53px;align-items:center;margin-bottom:85px}.sand .hero>.photo{height:536px}.sand .mill img{object-position:98% center}.sand .hero h1{font-size:clamp(50px,4.6vw,70px);line-height:1.12;letter-spacing:-2px}.sand .hero .eyebrow{max-width:260px}.sand .hero-description{font-size:16px}.sand .hero .actions{gap:24px}.sand-caption{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;padding-top:25px}.sand-caption span{letter-spacing:.3px;font-size:12px}.sand .first-intro{border-top:1px solid var(--line)}
.klar{--paper:#fff;--ink:#272727;--muted:#696969;--tint:#f0f1f1;--accent:#495472;--line:#d9dcdf;--radius:0px;--display:'Helvetica Neue',Arial,sans-serif}.klar .brand strong{font-weight:500;font-size:23px;letter-spacing:-1px}.klar .brand-symbol{font-family:Arial,sans-serif;font-size:40px;font-weight:500}.klar .site-header{border-bottom:1px solid var(--line);height:115px}.klar .hero{grid-template-columns:165px minmax(0,1fr);gap:40px;align-items:start;margin-top:53px}.hero-index{font-size:10px;letter-spacing:1.7px;padding-top:10px;display:flex;flex-direction:column;gap:120px}.hero-index span{line-height:1.7;color:var(--muted);letter-spacing:.5px}.klar .hero-copy{padding:0}.klar .hero h1{font-size:clamp(52px,6.5vw,88px);font-weight:400;letter-spacing:-4px;line-height:1.04;margin-bottom:20px}.klar .hero .eyebrow{display:none}.klar .hero-description{font-size:16px;line-height:1.7}.klar .hero .actions{margin-top:24px;margin-bottom:42px}.klar .wide-room{height:300px}.klar .wide-room img{object-position:50% center}.image-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;padding-top:15px}.klar .first-intro{padding-left:205px}
@media(min-width:1550px){.hero{margin-top:55px;margin-bottom:100px}}@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.site-header{gap:24px}.main-nav{gap:17px}.header-cta{display:none}.hero h1{font-size:60px}.hero .actions{gap:18px}.salbei .hero .photo{height:490px}.sand .hero{gap:0 36px}.sand .hero h1{font-size:54px}.demo-label{display:none}.klar .hero{grid-template-columns:115px minmax(0,1fr)}.klar .first-intro{padding-left:155px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:94px;gap:15px;position:relative}.brand-symbol{font-size:33px;padding-right:12px}.brand strong{font-size:21px}.brand small{font-size:8px;letter-spacing:1.6px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:0;color:var(--ink);font-size:13px;min-height:44px;padding:6px 0 6px 12px}.menu-toggle span{font-size:20px}.main-nav{display:none;position:absolute;top:83px;left:0;right:0;background:var(--paper);z-index:20;border:1px solid var(--line);padding:20px;box-shadow:0 15px 20px #0001}.main-nav.open{display:flex;flex-direction:column;gap:5px}.main-nav a{padding:9px}.hero{grid-template-columns:1fr;gap:29px;margin-top:15px;margin-bottom:45px}.hero-copy{padding:20px 0 0}.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:22px}.hero h1{font-size:54px;letter-spacing:-2px}.hero-description{font-size:16px;line-height:1.7;max-width:360px}.hero .actions{gap:22px;margin-top:25px}.button{font-size:13px;padding:12px 21px;min-height:48px}.text-link{font-size:13px}.salbei .hero .photo{height:320px;border-radius:100px 12px 12px 12px}.photo-note{left:16px;right:16px;padding:16px;font-size:12px}.photo-note small{font-size:10px}.hero-visual{padding-bottom:23px}.variant-bar{bottom:12px;padding:7px;gap:0;border-radius:14px}.variant-label,.variant-number{display:none}.variant-bar a{padding:9px 10px;gap:6px;font-size:11px;min-height:41px}.variant-bar nav{gap:2px}.swatch{width:8px;height:8px}.first-intro{padding:30px 0}h2{font-size:36px}h3{font-size:23px}.blau .hero{padding-top:20px;margin-bottom:35px;background:linear-gradient(to bottom,#e7eef4 0%,#e7eef4 85%,#fff 85%)}.blau .hero-copy{padding:23px 20px 35px}.blau .hero h1{font-size:50px;line-height:1.1}.blau .hero-description{max-width:320px}.blau .hero .actions{gap:18px}.blau .blue-photo .photo{height:220px}.blau .blue-photo .photo img{object-position:8% center}.blau .blue-caption{font-size:10px;gap:10px}.sand .site-header{height:94px}.sand .hero{grid-template-columns:1fr;margin-top:25px;gap:28px;margin-bottom:38px}.sand .hero>.photo{height:285px;order:2}.sand .hero-copy{order:1;padding:12px 0 0}.sand .hero h1{font-size:48px}.sand .hero .eyebrow{max-width:none}.sand .hero-description{font-size:15px}.sand-caption{order:3;flex-direction:column;gap:8px;padding:0;font-size:9px}.sand-caption span{font-size:11px}.klar .site-header{height:94px}.klar .hero{display:block;margin-top:25px}.hero-index{flex-direction:row;justify-content:space-between;padding:0;margin:0 0 28px;font-size:9px;gap:20px}.hero-index span{display:none}.klar .hero h1{font-size:50px;letter-spacing:-2.7px}.klar .hero-description{font-size:15px}.klar .hero .actions{gap:20px;margin-bottom:30px}.klar .wide-room{height:260px}.klar .wide-room img{object-position:100% center}.image-caption{font-size:10px;display:block}.image-caption span{display:none}.klar .first-intro{padding-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.section{padding-block:90px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:24px;gap:35px;font-size:13px}.facts>div{display:flex;flex-direction:column;gap:5px}.facts>div+div{border-left:1px solid var(--line);padding-left:35px}.fact-key{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.intro{display:grid;grid-template-columns:1.05fr 1fr;gap:70px}.intro p:not(.eyebrow),.doctor-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.85;margin-top:0}.intro-text{padding-top:30px;max-width:520px}.intro-text .text-link{margin-top:9px}.services-band{background:var(--tint)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:330px;font-size:15px;color:var(--muted);line-height:1.8;margin:0}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.service{background:var(--paper);border-radius:var(--radius);padding:30px 27px}.service summary{list-style:none;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service-number{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:25px}.service h3{font-family:var(--display);font-size:28px;margin:0 0 15px}.service summary p{font-size:15px;line-height:1.75;min-height:54px;color:var(--muted);margin:0 0 30px}.detail-label{border-top:1px solid var(--line);padding-top:19px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.plus{font-size:23px;font-weight:300}.service[open] .plus{transform:rotate(45deg)}.service-detail{padding-top:15px;font-size:14px;color:var(--muted);line-height:1.8}.service-detail ul{padding-left:18px}.service-detail li{margin-block:5px}.service-detail .text-link{margin-block:8px}.more-services{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:27px}.more-services details{border-bottom:1px solid var(--line);padding-block:17px}.more-services summary{font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.more-services summary span{font-size:20px}.more-services p{font-size:14px;color:var(--muted)}.doctor{display:grid;grid-template-columns:.86fr 1.14fr;gap:100px;align-items:center}.portrait{max-width:440px;height:485px;border-radius:var(--radius)}.portrait img{object-position:50% 26%;height:100%;width:100%;object-fit:cover}.portrait-caption{display:block;font-size:11px;margin-top:15px;color:var(--muted)}.doctor-copy h2{font-size:44px;max-width:570px}.qualifications{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin-top:23px;margin-bottom:27px;font-size:13px}.practice-image .photo{height:335px;border-radius:var(--radius)}.practice-image>div{padding:17px 0;display:flex;justify-content:space-between;font-size:12px}.practice-image>div>span:last-child{font-size:10px;letter-spacing:1px;color:var(--muted)}.visit{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.visit>div>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:280px}.visit-questions details{border-bottom:1px solid var(--line);padding:22px 0}.visit-questions details:first-child{border-top:1px solid var(--line)}.visit-questions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:16px;line-height:1.5}.visit-questions summary::-webkit-details-marker{display:none}.visit-questions summary span{font-size:25px;font-weight:300}.visit-questions details[open] summary span{transform:rotate(45deg)}.visit-questions p{font-size:15px;color:var(--muted);max-width:560px;padding-right:25px;line-height:1.8}.visit-questions p a{text-decoration:underline}.contact-band{background:var(--tint)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:35px 100px}.contact-intro{grid-row:span 2}.contact-phone{font-size:32px;letter-spacing:-.8px;line-height:1.4;display:inline-block;margin-top:10px;border-bottom:1px solid currentColor}.contact-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:275px}.mail{font-size:14px;border-bottom:1px solid var(--line)}.contact h3{font-size:20px;margin:0 0 18px}.hours dl{margin:0}.hours dl>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.hours dd{margin:0;white-space:nowrap}.hours small{display:block;margin-top:12px;font-size:12px;color:var(--muted)}.address p{font-size:14px;line-height:1.9;margin-bottom:18px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:34px;padding-bottom:125px}.site-footer strong{font-family:var(--display);font-size:21px;font-weight:400}.site-footer span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}.site-footer nav{display:flex;gap:25px;font-size:12px}.site-footer nav a:hover{text-decoration:underline}
.blau .intro{grid-template-columns:1fr 1fr}.blau .facts{border-top:0}.blau .service{background:#fff;border-radius:0;padding:35px 30px}.blau .services-grid{gap:2px}.blau .service h3{font-size:30px}.blau .service-number{color:#50758f}.blau .portrait,.blau .practice-image .photo{border-radius:0}.blau .doctor{grid-template-columns:1fr 1fr}.blau .doctor-visual{order:2}.blau .portrait{margin-left:auto}.blau .portrait-caption{text-align:right}.blau .contact-band{background:#d5e0ea}.blau .section-heading h2{font-size:49px}
.sand .facts{padding-block:25px}.sand .section{padding-block:100px}.sand .intro{border-bottom:1px solid var(--line)}.sand .services-band{background:var(--paper)}.sand .section-heading{align-items:start}.sand .services-grid{display:block;border-top:1px solid var(--line)}.sand .service{padding:0;background:none;border-bottom:1px solid var(--line)}.sand .service summary{display:grid;grid-template-columns:55px 1fr 1fr 145px;align-items:center;gap:30px;padding:27px 0}.sand .service-number,.sand .service h3,.sand .service summary p{margin:0;min-height:0}.sand .service h3{font-size:31px}.sand .service summary p{font-size:14px}.sand .detail-label{padding:0;border:0}.sand .service-detail{padding:0 85px 25px;max-width:750px}.sand .doctor{background:var(--tint);padding:65px;gap:75px;margin-top:0;margin-bottom:90px}.sand .portrait{height:450px}.sand .doctor-copy h2{font-size:40px}.sand .practice-image .photo{height:355px}.sand .contact-band{background:var(--tint)}.sand .contact h2{font-size:51px}
.klar .facts{margin-left:auto;grid-template-columns:repeat(3,1fr)}.klar .facts>div+div{border-left:0}.klar .intro{grid-template-columns:1fr 1fr}.klar h2{font-size:45px;letter-spacing:-1.8px}.klar .services-band{background:#fff;border-block:1px solid var(--line)}.klar .section-heading h2{font-size:49px}.klar .services-grid{gap:42px}.klar .service{padding:0;background:#fff;border-top:1px solid var(--ink)}.klar .service summary{padding-top:25px}.klar .service h3{font-size:26px}.klar .service-number{margin-bottom:45px}.klar .doctor{gap:110px}.klar .doctor-copy h2{font-size:41px}.klar .contact-band{background:#f1f2f3}.klar .practice-image .photo{height:280px}.klar .contact-phone{color:var(--accent)}
@media(max-width:1150px){.section{padding-block:70px}.intro{gap:45px}.doctor{gap:60px}.visit{gap:60px}.contact{gap:40px 60px}.doctor-copy h2{font-size:38px}.sand .doctor{padding:45px;gap:45px}.sand .service summary{grid-template-columns:35px 1fr 1fr 130px;gap:20px}.sand .service h3{font-size:27px}.klar .doctor{gap:65px}}
@media(max-width:760px){.section,.sand .section{padding-block:55px}.facts{gap:0;padding-block:0;grid-template-columns:1fr}.facts>div{padding:16px 0;flex-direction:row;justify-content:space-between;gap:20px;align-items:center;font-size:11px}.fact-key{font-size:9px;letter-spacing:1px}.facts>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.intro,.blau .intro{grid-template-columns:1fr;gap:0}.intro h2{margin-bottom:17px}.intro-text{padding:0}.intro p:not(.eyebrow),.doctor-copy>p:not(.eyebrow){font-size:15px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;font-size:14px}.section-heading h2,.blau .section-heading h2,.klar .section-heading h2{font-size:36px}.services-grid,.blau .services-grid{grid-template-columns:1fr;gap:15px}.service,.blau .service{padding:25px}.service-number{margin-bottom:17px}.service h3,.blau .service h3{font-size:28px}.service summary p{min-height:0;margin-bottom:20px;font-size:14px}.detail-label{padding-top:13px}.more-services{grid-template-columns:1fr;gap:0;margin-top:20px}.more-services summary{font-size:13px}.doctor,.blau .doctor{grid-template-columns:1fr;gap:32px}.doctor-visual{order:2}.doctor-copy{order:1}.portrait{height:410px;max-width:100%;width:100%;margin:0}.portrait img{object-position:50% 25%}.doctor-copy h2,.sand .doctor-copy h2,.klar .doctor-copy h2{font-size:35px}.blau .portrait-caption{text-align:left}.qualifications{font-size:12px}.practice-image .photo,.sand .practice-image .photo,.klar .practice-image .photo{height:200px}.practice-image .photo img{object-position:left}.practice-image>div{font-size:11px;display:block}.practice-image>div>span:last-child{display:block;margin-top:5px;font-size:9px}.visit{grid-template-columns:1fr;gap:20px}.visit h2 br{display:none}.visit>div>p:not(.eyebrow){max-width:100%}.visit-questions summary{font-size:14px;gap:20px}.visit-questions details{padding-block:18px}.visit-questions p{font-size:14px}.contact{grid-template-columns:1fr;gap:35px}.contact-intro{grid-row:auto}.contact-phone{font-size:29px}.contact-intro>p:not(.eyebrow){max-width:none}.contact h3{font-size:19px}.hours dl>div{font-size:12px;gap:10px}.hours small{font-size:11px}.contact .address{border-top:1px solid var(--line);padding-top:25px}.site-footer{align-items:start;flex-direction:column;gap:25px;padding-bottom:115px}.site-footer nav{font-size:11px;gap:24px}.sand .facts{padding-block:0}.sand .service summary{grid-template-columns:27px 1fr 20px;gap:10px;padding-block:24px}.sand .service h3{font-size:26px}.sand .service summary p{grid-column:2;grid-row:2;font-size:13px}.sand .detail-label{font-size:0;grid-column:3;grid-row:1}.sand .service-detail{padding:0 10px 22px 37px}.sand .doctor{padding:30px 24px;gap:25px;margin-bottom:50px}.sand .portrait{height:370px}.sand .contact h2{font-size:39px}.klar .facts{grid-template-columns:1fr}.klar .intro{grid-template-columns:1fr}.klar h2{font-size:36px}.klar .service{padding:0 0 15px}.klar .services-grid{gap:25px}.klar .service-number{margin-bottom:18px}.klar .doctor{gap:30px}.klar .section-heading h2{font-size:36px}}
@media(max-width:360px){.hero h1{font-size:47px}.blau .hero h1{font-size:43px}.sand .hero h1{font-size:43px}.klar .hero h1{font-size:44px}.variant-bar a{font-size:10px;padding-inline:8px}.hours dl>div{font-size:10.5px}.photo-note{gap:8px;padding:14px 12px;font-size:11px}.photo-note small{font-size:9px}}