@font-face{font-family:Inter;src:url('bilder/inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7faff;color:#142235;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.45}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #237ce8;outline-offset:4px}.skip{position:absolute;top:-100px;left:16px;z-index:100;background:#fff;padding:12px}.skip:focus{top:16px}.page{max-width:1500px;margin:auto;padding:14px 28px 0}.site-header{position:relative;z-index:5}.nav{min-height:66px;border:1px solid #e4eaf3;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px #243b5710;display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 22px;gap:20px}.brand{font-size:28px;font-weight:780;letter-spacing:-.065em;white-space:nowrap;line-height:1}.brand span{font-size:12px;font-weight:400;letter-spacing:0;color:#607083;margin-left:12px}.nav-links{display:flex;gap:52px;align-items:center;font-size:14px;font-weight:560}.nav-links a:hover,.text-button:hover,footer button:hover,footer a:hover{color:#2479d5}.dark-button{background:#1d3444;color:white;border:0;border-radius:15px;padding:15px 22px;font-weight:630;min-height:48px;box-shadow:0 5px 12px #17354a16}.dark-button:hover{background:#2d5674}.nav-book{white-space:nowrap}.nav-book span{font-size:20px;margin-right:11px}.menu-toggle{display:none}.intro{min-height:193px;display:flex;justify-content:space-between;align-items:end;padding:27px 2px 16px;position:relative}.intro::after{content:"";position:absolute;z-index:-1;right:-27px;top:-4px;width:40%;height:220px;background:radial-gradient(ellipse at 70% 35%,#c8d9d09c,transparent 56%);filter:blur(25px)}.kicker,.lead{color:#607183;margin:0}.kicker{font-size:15px}.intro h1{font-size:clamp(36px,4.65vw,68px);letter-spacing:-.055em;line-height:.99;margin:7px 0 10px;font-weight:760;color:#101927}.lead{font-size:clamp(17px,1.5vw,23px)}.script-note,.hand-note{font-style:italic;font-size:17px;line-height:1.4;letter-spacing:.025em;transform:rotate(-7deg);color:#6e8295;margin:0 13% 18px 0}.script-note span,.hand-note span,.banner-note span{display:block}.bento-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(275px,auto) minmax(230px,auto);gap:12px}.tile{border:1px solid #e3eaf3;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #233c5a09;position:relative}.hero-tile{grid-column:span 7;grid-row:span 2;min-height:510px;background:radial-gradient(circle at 42% 48%,#dbedff 0%,#dcefff 55%,#eaf5ff 100%)}.hero-object{position:absolute;width:112%;height:105%;object-fit:contain;left:-7%;bottom:-20%;filter:drop-shadow(0 23px 24px #264b7133);animation:settle 850ms both cubic-bezier(.2,.8,.2,1)}.hero-tile-copy{position:relative;padding:32px 26px}.hero-tile h2{font-size:clamp(38px,4vw,65px);letter-spacing:-.055em;line-height:1.05;margin:0}.hero-tile-copy p{font-size:clamp(18px,1.55vw,24px);color:#5d7283;margin:3px 0}.hand-note{position:absolute;right:3%;bottom:30%;margin:0;color:white;text-shadow:0 2px 9px #315676a1;font-size:16px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;padding:11px 18px;border:0;border-radius:17px;background:white;box-shadow:0 5px 18px #15395b19;font-weight:620;font-size:14px;white-space:nowrap}.pill:hover,.round-plus:hover,.circle-arrow:hover{transform:translateY(-2px);box-shadow:0 9px 19px #15395b24}.hero-cta{position:absolute;bottom:19px;left:19px}.booking-tile{grid-column:span 5;padding:22px 23px 13px;background:#fff}.tile-eyebrow{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:580;margin:0 0 10px}.calendar-icon{display:grid;place-items:center;background:#e7f3ff;color:#177be8;border-radius:8px;width:29px;height:29px;font-size:23px}.booking-tile h2{font-size:clamp(23px,2.1vw,33px);letter-spacing:-.045em;line-height:1.09;margin:0 0 15px}.day-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 12px}.preview-day{border:1px solid #e5ebf2;background:#fff;border-radius:13px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;font-weight:620;box-shadow:0 3px 8px #2b4b6510}.preview-day small{font-size:11px;color:#536779;margin-bottom:3px}.preview-day:nth-child(3){background:#3789eb;color:white;box-shadow:0 4px 14px #3789eb50}.preview-day:nth-child(3) small{color:#fff}.booking-wide{width:100%}.demo-label{text-align:center;color:#647385;font-size:12px;margin:8px 0 0}.quick-tile{grid-column:span 5;background:#e6f2ff;min-height:220px;padding:20px 18px}.quick-tile:nth-child(4){grid-column:span 5}.quick-tile h2{font-size:clamp(20px,1.75vw,28px);letter-spacing:-.04em;margin:0 0 2px}.quick-tile p{color:#556b7f;font-size:14px;line-height:1.3;margin:0;max-width:160px}.quick-tile .pill{position:absolute;left:17px;bottom:15px;z-index:2;padding:9px 15px;min-height:43px}.prescription{grid-column:8 / 10;background:#e4f1ff}.contact{grid-column:10 / 13;background:#fff}.paper-art{position:absolute;width:135px;height:168px;background:#fff;transform:rotate(-14deg);right:5%;bottom:-48px;box-shadow:0 9px 22px #30629b2d;border:8px solid #f6fbff;padding:20px 12px;color:#6381a1}.paper-art span{font-size:22px}.paper-art i{display:block;width:100%;height:1px;background:#bdd4e9;margin:15px 0}.phone-art{position:absolute;right:9%;bottom:45px;font-size:120px;transform:rotate(-23deg);line-height:1;color:#b3d4fb;text-shadow:4px 8px 10px #88b0d555}.second-row{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.photo-tile{height:345px;background:#708c94;color:white}.photo-tile img{width:100%;height:100%;object-fit:cover;object-position:center 37%}.photo-tile:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#101b20ac);pointer-events:none}.photo-overlay{position:absolute;z-index:1;left:24px;bottom:19px;max-width:65%}.overline{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:630}.photo-overlay h2{font-size:clamp(24px,2.6vw,36px);line-height:1.05;letter-spacing:-.045em;margin:7px 0}.photo-overlay p:last-child{margin:6px 0 0;font-size:14px}.circle-arrow{position:absolute;right:20px;bottom:20px;z-index:1;border:0;background:#fff;border-radius:50%;width:52px;height:52px;font-size:24px}.checklist{padding:26px;background:#fff}.checklist h2{font-size:clamp(24px,2.15vw,32px);letter-spacing:-.04em;margin:0 0 6px}.checklist>p{color:#627589;font-size:14px;margin:0}.check-items{display:grid;gap:14px;margin-top:20px}.check-items label{display:flex;align-items:center;gap:11px;color:#4c5c6c;cursor:pointer;min-height:29px}.check-items input{appearance:none;width:27px;height:27px;border-radius:50%;background:#eaf4ff;flex:none;margin:0;display:grid;place-items:center}.check-items input:before{content:'';color:#237ce8;font-size:20px;font-weight:700}.check-items input:checked{background:#287fe6}.check-items input:checked:before{color:#fff}.check-items input:checked+span{text-decoration:line-through;color:#8294a6}.checklist .check-note{font-size:12px;margin-top:22px}.services{margin-top:26px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-heading h2{font-size:clamp(24px,2.25vw,34px);letter-spacing:-.045em;margin:0}.text-button{border:0;background:none;color:#23517c;padding:8px 0;font-size:14px;font-weight:600;text-align:left}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{text-align:left;border:1px solid #e3eaf3;min-height:212px;padding:21px;background:#fff;display:block;color:#152237;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-3px);box-shadow:0 14px 25px #233c5a14;border-color:#afcce9}.service-card strong{display:block;font-size:clamp(20px,1.75vw,27px);line-height:1.1;letter-spacing:-.04em}.service-card small{display:block;margin-top:10px;font-size:14px;color:#536779;line-height:1.35}.service-two{background:#e5f2ff}.service-art{position:absolute;right:15%;bottom:14px;color:#a6ccef;font-size:120px;line-height:1;text-shadow:4px 9px 12px #7498bc4a}.service-art.steth{border:12px solid #bbdbf7;border-radius:50%;width:115px;height:115px;display:grid;place-items:center;line-height:1;font-size:45px;transform:rotate(-30deg);background:#eef8ff;color:#9ec4eb}.service-art.shield{font-size:80px;display:grid;place-items:center;width:110px;height:125px;background:linear-gradient(145deg,#fff,#cee4fb);clip-path:polygon(50% 0,100% 17%,93% 70%,50% 100%,7% 70%,0 17%);color:#3382d7;filter:drop-shadow(0 7px 5px #2b5d8130)}.round-plus{position:absolute;bottom:14px;right:16px;display:grid;place-items:center;background:white;border-radius:50%;width:43px;height:43px;box-shadow:0 4px 10px #193c5b18;font-size:23px;z-index:1}.ecg{position:absolute;width:57%;right:4%;bottom:22px;height:80px;fill:none;stroke:#418fed;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.service-card:hover .ecg path{stroke-dasharray:350;stroke-dashoffset:350;animation:draw .9s forwards}.visit-banner{margin-top:12px;min-height:180px;background:radial-gradient(ellipse at 75% 110%,#b5daf8 0,transparent 56%),linear-gradient(115deg,#e6f4ff,#f7fbff 55%,#deefff);padding:24px 26px;display:flex;align-items:center;justify-content:space-between}.visit-banner h2{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.045em;line-height:1.08;margin:0 0 5px}.visit-banner p{color:#556b7d;margin:0 0 8px}.compass{font-size:88px;width:135px;height:135px;border-radius:50%;display:grid;place-items:center;color:#378de1;background:linear-gradient(130deg,#fff,#b8d9f6);border:3px solid #ffffffb7;box-shadow:8px 12px 20px #5e9ec443;transform:rotate(-42deg)}.visit-banner .banner-note{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:650;line-height:1.5;margin:0}.visit-details{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:28px 3px 33px;border-bottom:1px solid #dfe7ef}.visit-details h3{font-size:17px;margin:0 0 5px}.visit-details p{color:#5b6f80;font-size:14px;max-width:350px;margin:0 0 6px}footer{padding:24px 5px 38px}.footer-main,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-main>div{display:flex;gap:22px}footer button{background:none;border:0;color:#536779;font-size:13px;padding:8px 0}.footer-bottom{border-top:1px solid #e1e9f1;margin-top:21px;padding-top:16px;font-size:12px;color:#64798a}.footer-bottom p{margin:0}.demo-switch{margin-top:17px;font-size:12px;color:#627587;max-width:215px}.demo-switch summary{cursor:pointer;min-height:40px;padding:9px 0}.demo-switch nav{display:grid;gap:10px;padding:12px;background:#fff;border-radius:12px}.help-trigger{position:fixed;right:20px;bottom:18px;z-index:6;background:#1d3444;color:#fff;padding:11px 15px;border-radius:30px;box-shadow:0 6px 18px #1a384947;min-height:44px}.help-trigger span{margin-left:7px}.modal{width:min(540px,calc(100vw - 26px));max-height:min(90vh,850px);padding:24px;border:1px solid #d7e5f3;border-radius:21px;box-shadow:0 28px 90px #0e263d50;color:#142235;background:#fff}.modal::backdrop{background:#13283d91;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:start;justify-content:space-between}.modal-head p{color:#4a80b2;margin:6px 0 4px}.close{border:0;background:#eef5fc;border-radius:50%;width:40px;height:40px;font-size:28px;line-height:1}.modal h2{font-size:29px;line-height:1.12;letter-spacing:-.04em;margin:5px 0 10px}.modal p{color:#536779}.modal-intro{margin:0 0 21px}.flow-progress{display:flex;gap:8px;margin:17px 0 22px}.flow-progress span{height:4px;border-radius:5px;flex:1;background:#e5edf5}.flow-progress span.active{background:#3084e6}.flow-label{font-weight:700;margin:0 0 11px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{background:#f6faff;border:1px solid #dce8f3;border-radius:12px;padding:12px;text-align:left;min-height:50px;color:#24394b}.choice[aria-pressed="true"]{border-color:#3084e6;background:#e5f2ff;box-shadow:inset 0 0 0 1px #3084e6}.choice small{display:block;color:#60758a;font-size:12px;margin-top:3px}.flow-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.flow-actions .dark-button{margin-left:auto}.secondary-button{border:1px solid #d6e4ef;background:#fff;border-radius:13px;min-height:48px;padding:10px 18px}.summary-box,.info-box,.faq-answer{background:#f0f7ff;border-radius:14px;padding:16px;margin:16px 0}.summary-box p{margin:6px 0}.info-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.faq-options{display:grid;gap:8px}.faq-options button{background:#f5faff;border:1px solid #dce9f5;border-radius:12px;min-height:48px;text-align:left;padding:10px 13px}.faq-options button:hover,.choice:hover{border-color:#77ade8}.faq-answer:empty{display:none}.faq-answer p{margin:0 0 12px}.noscript{position:fixed;bottom:0;background:#fff;padding:14px;z-index:10}@keyframes settle{from{opacity:0;transform:translateY(24px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes draw{to{stroke-dashoffset:0}}@media(max-width:900px){.page{padding:12px 18px 0}.nav-links{gap:20px}.brand span{display:none}.bento-top{grid-template-columns:repeat(12,minmax(0,1fr))}.hero-tile{grid-column:span 7}.booking-tile{grid-column:span 5}.quick-tile{min-height:195px}.prescription{grid-column:8 / 10}.contact{grid-column:10 / 13}.quick-tile h2{font-size:20px}.phone-art{font-size:90px}.photo-tile{height:340px}}@media(max-width:680px){.page{padding:10px 12px 0}.nav{min-height:58px;padding:5px 7px 5px 15px;border-radius:16px}.brand{font-size:24px}.nav-book{font-size:13px;padding:11px;min-height:44px}.nav-book span{display:none}.menu-toggle{display:block;border:0;background:#eef6ff;border-radius:11px;padding:11px;font-size:13px;min-height:44px}.menu-toggle span{margin-left:5px}.nav-links{display:none;position:absolute;top:65px;left:0;right:0;background:white;border:1px solid #dce7f2;border-radius:15px;padding:9px 16px;box-shadow:0 15px 23px #12345123}.nav-links.open{display:grid;gap:0}.nav-links a{padding:13px;border-bottom:1px solid #ecf1f6}.nav-links a:last-child{border-bottom:0}.intro{min-height:0;padding:28px 5px 23px}.intro h1{font-size:clamp(34px,8.5vw,52px);line-height:1.03}.script-note{display:none}.bento-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:9px}.booking-tile{grid-column:1/-1;grid-row:1;padding:19px;min-height:265px}.booking-tile h2{font-size:25px}.hero-tile{grid-column:1/-1;grid-row:2;min-height:480px}.hero-object{width:116%;height:90%;left:-10%;bottom:-12%}.hero-tile-copy{padding:24px}.hero-tile h2{font-size:42px}.hero-tile-copy p{font-size:18px}.quick-tile,.prescription,.contact{grid-column:span 1!important;min-height:205px;padding:17px 13px}.quick-tile .pill{left:11px;bottom:12px;padding:9px 11px;font-size:12px}.paper-art{right:-22px}.phone-art{right:0;font-size:87px}.second-row{grid-template-columns:1fr;gap:9px;margin-top:9px}.photo-tile{height:340px}.checklist{min-height:280px}.check-items{grid-template-columns:repeat(2,1fr);gap:12px}.service-grid{grid-template-columns:1fr;gap:9px}.service-card{min-height:190px}.visit-banner{min-height:220px}.compass{width:95px;height:95px;font-size:60px}.visit-banner .banner-note{display:none}.visit-details{grid-template-columns:1fr;gap:23px}.footer-main,.footer-bottom{align-items:start;flex-direction:column}.footer-main>div{gap:15px}.help-trigger{position:static;margin-top:12px;box-shadow:none}}@media(max-width:360px){.nav-book{font-size:12px}.menu-toggle{font-size:0}.menu-toggle span{font-size:19px}.intro h1{font-size:34px}.day-strip{gap:5px}.preview-day{min-height:55px}.hero-tile{min-height:410px}.hero-tile h2{font-size:36px}.hero-tile-copy p{font-size:16px}.quick-tile h2{font-size:19px}.quick-tile p{font-size:12px}.phone-art{font-size:70px}.check-items{grid-template-columns:1fr}.photo-overlay{max-width:75%}.visit-banner{padding:18px}.compass{width:70px;height:70px;font-size:45px}.choice-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Final asset crops and typography */
.brand{font-weight:680;letter-spacing:-.045em}.intro h1{font-weight:650;letter-spacing:-.045em}h2,.service-card strong{font-weight:620}.bento-top{grid-template-columns:repeat(24,minmax(0,1fr))}.hero-tile{grid-column:span 14}.booking-tile{grid-column:span 10}.prescription{grid-column:15/20}.contact{grid-column:20/25}.object-crop{position:absolute;overflow:hidden;aspect-ratio:1;width:75%;pointer-events:none}.object-crop img{display:block;width:300%;max-width:none;height:100%;object-fit:cover}.prescription-art{right:-13%;bottom:-30%;width:95%;transform:rotate(-8deg)}.phone-art{right:-16%;bottom:9%;width:91%;font-size:initial;transform:none;text-shadow:none}.phone-art img{transform:translateX(-33.333%)}.shield-art{right:-14%;bottom:-42%;width:75%;opacity:.8}.shield-art img,.service-shield img{transform:translateX(-66.666%)}.check-items,.checklist .check-note{position:relative;z-index:1}.service-steth{position:absolute;right:-9%;bottom:-35%;width:67%;height:auto;filter:drop-shadow(0 8px 9px #517ca744)}.service-shield{right:-12%;bottom:-37%;width:70%}.check-items input{border:2px solid #9dc7f4;background:#eef7ff}.check-items input:before{content:''}.check-items input:checked:before{content:''}.quick-tile .pill{font-size:14px}.dark-button:disabled{opacity:.46;cursor:not-allowed;box-shadow:none}.flow-label:focus{outline:none}@media(max-width:900px){.bento-top{grid-template-columns:repeat(24,minmax(0,1fr))}.hero-tile{grid-column:span 14}.booking-tile{grid-column:span 10}.prescription{grid-column:15/20}.contact{grid-column:20/25}}@media(max-width:680px){.bento-top{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-tile{grid-column:1/-1;grid-row:1}.prescription{grid-column:1!important;grid-row:2}.contact{grid-column:2!important;grid-row:2}.hero-tile{grid-column:1/-1;grid-row:3}.quick-tile .pill{font-size:14px;white-space:normal;line-height:1.1}.prescription-art{width:110%;right:-26%;bottom:-40%}.phone-art{width:100%;right:-23%;bottom:8%}.shield-art{width:60%;right:-12%;bottom:-28%}}@media(max-width:360px){.quick-tile .pill{font-size:14px}.quick-tile{min-height:220px}}
.calendar-svg{width:21px;height:21px;vertical-align:middle;flex:none}.nav-book .calendar-svg{margin-right:8px}.calendar-icon .calendar-svg{width:21px;height:21px}.preview-day:nth-child(3){background:#fff;color:#142235;box-shadow:0 3px 8px #2b4b6510}.preview-day:nth-child(3) small{color:#536779}
.nav-book{display:inline-flex;align-items:center;justify-content:center;gap:8px}.nav-book svg.calendar-svg{display:block;width:20px;height:20px;min-width:20px;max-width:20px;flex:0 0 20px;margin:0}.calendar-icon svg.calendar-svg{width:20px;height:20px;min-width:20px}.nav-book span{margin:0}@media(max-width:680px){.nav-book svg.calendar-svg{display:none}}

/* Final visual pass: quiet spatial depth, stable navigation, readable controls. */
html{scroll-padding-top:112px}body{-webkit-font-smoothing:antialiased}.site-header{position:sticky;top:12px;z-index:20}.nav{backdrop-filter:blur(20px);background:#fffffff0}.intro{padding-top:32px;padding-bottom:24px}.intro h1{font-weight:530;letter-spacing:-.045em;line-height:1.05}.brand{font-weight:580}h2,.service-card strong{font-weight:530}.hero-tile-copy{z-index:2;pointer-events:none}.hero-object{width:103%;height:88%;left:-2%;bottom:-15%;transform:translateY(var(--object-shift,0px)) rotate(-8deg);animation:object-arrive .85s cubic-bezier(.2,.8,.2,1) both}.hand-note{color:#3a5e7c;text-shadow:none;right:5%;bottom:28%;font-size:15px}.tile{border-radius:26px}.quick-tile>div:first-child{position:relative;z-index:1}.quick-tile p,.service-card small,.visit-details p{font-size:16px}.pill,.dark-button,.text-button{font-size:16px}.dark-button,.pill,.circle-arrow{transition:background .2s,box-shadow .2s,transform .2s}.hero-tile .pill{font-size:15px}.quick-tile .pill{font-size:15px}.object-crop img{user-select:none}.prescription-art{width:85%;right:-13%;bottom:-20%}.phone-art{width:82%;right:-12%;bottom:12%}.service-grid{grid-template-columns:1.2fr 1fr 1fr}.service-card{min-height:250px}.service-card>span:first-child{position:relative;z-index:2;display:block;max-width:72%}.service-steth{width:64%;right:-12%;bottom:-20%;opacity:.95}.service-shield{width:58%;right:-5%;bottom:-13%}.service-two small{max-width:180px}.checklist .shield-art{opacity:.35}.photo-tile{height:390px}.photo-overlay p:last-child{font-size:16px}.photo-overlay{max-width:72%}.photo-tile img{transform:scale(var(--photo-scale,1.015));transition:transform .3s linear}.visit-details{padding:32px 8px}.footer-bottom{padding-bottom:15px}.modal{overscroll-behavior:contain}.flow-progress{display:none}.flow-label{border-top:1px solid #dce6ef;padding-top:18px}.choice small{font-size:13px}.modal h2{font-weight:550}.preview-day{color:#1c344c}.preview-day:focus-visible{outline-offset:2px}.flow-actions button{min-width:100px}.help-trigger{font-size:14px;padding:12px 18px}.check-items label{min-height:44px}.close{width:44px;height:44px}.service-one small{max-width:185px}@keyframes object-arrive{from{opacity:0;transform:translateY(20px) rotate(-5deg)}to{opacity:1;transform:translateY(var(--object-shift,0px)) rotate(-8deg)}}
@media(max-width:900px) and (min-width:681px){.quick-tile .pill{left:12px;right:12px;font-size:14px;padding:9px;white-space:normal}.service-card>span:first-child{max-width:100%}.service-card{min-height:300px}.hero-tile-copy{padding:26px 20px}.hero-tile-copy p{max-width:260px}}
@media(max-width:680px){html{scroll-padding-top:86px}.site-header{top:8px}.intro h1{font-size:clamp(32px,8.5vw,46px)}.intro{padding-top:28px}.nav{gap:8px}.nav-book{font-size:14px}.quick-tile{min-height:232px}.quick-tile .pill{left:10px;right:10px;font-size:14px;min-height:46px}.quick-tile p{font-size:15px}.hero-object{height:87%;bottom:-11%;width:105%;left:-4%}.hand-note{font-size:14px;right:5%;bottom:28%}.hero-tile .pill{left:16px;right:16px;font-size:14px}.hero-tile{min-height:440px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px}.service-card strong{font-size:27px}.service-steth{width:62%;bottom:-37%}.service-shield{width:50%;bottom:-8%;right:-2%}.check-items{grid-template-columns:1fr;gap:4px}.checklist{padding:24px}.checklist .shield-art{width:50%;bottom:-23%;opacity:.2}.photo-tile{height:370px}.photo-overlay{left:20px;bottom:22px;max-width:74%}.photo-overlay p:last-child{font-size:14px}.photo-overlay h2{font-size:29px}.circle-arrow{right:14px;bottom:20px;width:44px;height:44px}.section-heading{gap:15px}.section-heading h2{max-width:65%;font-size:25px}.section-heading .text-button{font-size:14px}.visit-banner{gap:8px}.visit-banner p{font-size:15px;max-width:200px}.visit-banner .pill{font-size:14px}.compass{flex:none;width:75px;height:75px;font-size:47px}.nav-book svg{display:none}.footer-bottom{font-size:13px}footer button{font-size:14px;min-height:44px}}
@media(max-width:360px){.intro h1{font-size:32px}.nav-book{font-size:13px}.visit-banner .compass{display:none}.hero-tile h2{font-size:36px}.booking-tile{padding:17px}.modal{padding:19px}.modal h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.hero-object{animation:none;transform:rotate(-8deg)}.photo-tile img{transform:none;transition:none}.service-card:hover,.pill:hover,.circle-arrow:hover{transform:none}}
.hero-object{height:82%;bottom:-4%;left:0;width:100%}.service-steth{width:58%;right:-7%;bottom:-5%;transform:rotate(-18deg)}
@media(max-width:680px){.hero-object{height:80%;bottom:-1%;left:-1%;width:102%}.service-steth{width:56%;right:-4%;bottom:-10%}}
.intro::after{right:0}
@media(max-width:360px){.photo-overlay{max-width:78%}.photo-overlay p:last-child{max-width:200px}.circle-arrow{bottom:18px}}


/* Überarbeitung 21.09.: Symbole als SVG, neue Abschnitte, Demo-Umschalter, Bewegung */
.ico{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}
.pill .ico,.dark-button .ico,.text-button .ico{width:.9em;height:.9em}
.text-button{display:inline-flex;align-items:center;gap:6px}
.menu-toggle{align-items:center;gap:6px}
.menu-toggle .ico{width:18px;height:18px}
.circle-arrow{display:grid;place-items:center;color:#142235}
.circle-arrow .ico{width:22px;height:22px}
.round-plus .ico{width:20px;height:20px;stroke-width:1.8}
.close{display:grid;place-items:center;color:#142235}
.close .ico{width:20px;height:20px}
.dark-button{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.check-items input:checked::before{content:'';width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.stroke{display:block;width:18px;height:1.5px;background:currentColor;margin-top:9px;opacity:.7}
.compass{transform:none}
.compass svg{width:52%;height:52%;fill:#378de1;filter:drop-shadow(3px 6px 6px #2d6fb044)}
.intro h1 .line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}
.intro h1 .line>span{display:block}
.split-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.split-line>span{display:block}

/* Praxis: So arbeiten wir */
.approach-heading{margin-top:34px}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.approach-tile{background:#fff;padding:24px 24px 26px;min-height:230px;display:flex;flex-direction:column}
.approach-blue{background:linear-gradient(150deg,#e6f2ff,#f4f9ff)}
.approach-num{font-size:13px;font-weight:620;color:#2479d5;letter-spacing:.08em;margin-bottom:auto;padding-bottom:40px}
.approach-tile h3{font-size:clamp(21px,1.8vw,26px);font-weight:560;letter-spacing:-.035em;line-height:1.12;margin:0 0 8px}
.approach-tile p{color:#556b7f;margin:0;max-width:34ch}
.approach-tile .text-button{margin-top:10px}

/* Leistungen im Überblick */
.service-list{margin-top:12px;background:#fff;padding:26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px}
.service-list-head h3{font-size:clamp(22px,2vw,30px);font-weight:540;letter-spacing:-.04em;line-height:1.1;margin:0 0 10px}
.service-list-head .demo-label{text-align:left;font-size:14px;max-width:30ch;margin:0}
.service-accordion details{border-top:1px solid #e3eaf3}
.service-accordion details:last-child{border-bottom:1px solid #e3eaf3}
.service-accordion summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:10px 2px;font-size:clamp(17px,1.4vw,20px);font-weight:560;letter-spacing:-.02em}
.service-accordion summary::-webkit-details-marker{display:none}
.service-accordion summary:hover{color:#2479d5}
.acc-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#eaf4ff;color:#237ce8;transition:transform .3s,background .3s}
.acc-icon .ico{width:18px;height:18px}
.service-accordion details[open] .acc-icon{transform:rotate(45deg);background:#287fe6;color:#fff}
.service-accordion details p{margin:0 0 20px;color:#556b7f;max-width:62ch}

/* Ihr Besuch: Ablauf */
.visit-steps{margin-top:12px;background:#fff;padding:26px}
.visit-steps h2{font-size:clamp(24px,2.25vw,34px);font-weight:530;letter-spacing:-.045em;margin:0 0 20px}
.visit-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.visit-steps li{background:#f3f8ff;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px}
.step-num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#237ce8;font-weight:650;box-shadow:0 4px 12px #2b4b6514}
.visit-steps h3{font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}
.visit-steps p{margin:0;color:#556b7f;font-size:15px}

/* Demo-Umschalter: feste Pille unten links, Praxis-Hilfe unten rechts */
.demo-switch{position:fixed;left:20px;bottom:18px;z-index:6;margin:0;max-width:none;font-size:14px;color:#142235}
.demo-switch summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:11px 16px;border-radius:30px;background:#fffffff2;border:1px solid #dce7f2;box-shadow:0 6px 18px #1a38491f;backdrop-filter:blur(14px);font-weight:560}
.demo-switch summary::-webkit-details-marker{display:none}
.demo-switch summary .ico{width:16px;height:16px;transition:transform .25s}
.demo-switch[open] summary .ico{transform:rotate(180deg)}
.demo-switch nav{position:absolute;left:0;bottom:calc(100% + 8px);width:250px;gap:0;padding:14px 16px;border:1px solid #dce7f2;border-radius:18px;box-shadow:0 18px 40px #12345126}
.demo-switch nav small{display:block;color:#607083;font-size:12px;margin:0 0 6px}
.demo-switch nav>a,.demo-switch .trt-ds-mehr a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #e8eef5;color:#142235;font-size:14px}
.demo-switch nav a:hover,.demo-switch [aria-current]{color:#2479d5}
.demo-switch nav .ico,.demo-switch .trt-ds-mehr svg{width:12px;height:12px}
.demo-switch .trt-ds-mehr small{color:#607083}

@media(max-width:900px){
.approach-grid{grid-template-columns:1fr 1fr}
.approach-grid .approach-tile:last-child{grid-column:1/-1}
.service-list{grid-template-columns:1fr;gap:14px}
.visit-steps ol{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
.approach-heading{margin-top:26px}
.approach-grid{grid-template-columns:1fr;gap:9px}
.approach-tile{min-height:0}
.approach-num{padding-bottom:22px}
.service-list{padding:22px 18px;margin-top:9px}
.visit-steps{padding:22px 18px;margin-top:9px}
.visit-steps ol{grid-template-columns:1fr;gap:9px}
.visit-steps li{flex-direction:row;align-items:flex-start;padding:16px}
.step-num{flex:none;width:36px;height:36px}
.demo-switch{left:12px;bottom:12px;font-size:13px}
.demo-switch summary{padding:9px 14px}
.demo-switch nav{width:min(260px,calc(100vw - 24px))}
footer{padding-bottom:84px}
.help-trigger{display:inline-flex;align-items:center}
}
/* Solange GSAP die Bewegung übernimmt, ruhen die CSS-Varianten (sonst überschreibt die Keyframe-Animation die Parallaxe). */
.motion-on .hero-object{animation:none}
.motion-on .photo-tile img{transition:none}
/* Seitenende frei von den festen Knöpfen (Umschalter links, Praxis-Hilfe rechts) */
footer{padding-bottom:96px}
@media(max-width:680px){footer{padding-bottom:84px}}

/* Nachbesserung 21.09. abends: keine festen Knöpfe mehr über dem Inhalt */
.nav-help{border:0;background:none;padding:8px 0;font-size:14px;font-weight:560;color:inherit}
.nav-help:hover{color:#2479d5}
.help-trigger,.help-trigger[class]{position:static;display:inline-flex;align-items:center;margin-top:14px;box-shadow:none}
footer{padding-bottom:40px}
.demo-switch{position:static;left:auto;bottom:auto;display:block;margin-top:18px;width:max-content;max-width:100%}
.demo-switch summary{display:inline-flex;box-shadow:none}
.demo-switch nav{position:static;margin-top:8px;width:min(300px,calc(100vw - 24px));box-shadow:0 10px 26px #1234511a}
/* So arbeiten wir: Inhalt oben bündig, gleich in allen Kacheln */
.approach-tile{min-height:0}
.approach-num{margin-bottom:0;padding-bottom:22px}
.approach-tile .text-button{margin-top:auto;padding-top:14px}
@media(max-width:680px){
footer{padding-bottom:32px}
.nav-help{padding:13px;text-align:left;font-size:16px}
/* Hauptmotiv direkt unter die Überschrift */
.hero-tile{grid-row:1!important}
.booking-tile{grid-row:2!important}
.prescription,.contact{grid-row:3!important}
}
.demo-switch summary .ico{transform:rotate(180deg)}
.demo-switch[open] summary .ico{transform:none}
@media(max-width:680px){.nav-help{font-size:14px;font-weight:560}}