:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#213b49;background:#f8f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:700px;margin:auto;min-height:100dvh;padding:0 18px 110px}.top{display:flex;justify-content:space-between;align-items:center;padding:19px 0 15px}.brand{display:flex;gap:11px;align-items:center}.mark{width:46px;height:46px;border-radius:4px;background:#254c5f;display:grid;place-items:center;color:#fff;font-size:26px}.eyebrow{font-size:10px;letter-spacing:2px;color:#587e8e;font-weight:750}.brand strong{font-size:17px;letter-spacing:2px}.sub{color:#56717b}.hero{border-radius:7px;padding:30px 23px;position:relative;overflow:hidden;background:linear-gradient(90deg,#163d50e8,#163d5080),#254c5f;color:white;min-height:310px}.hero h1{font-size:32px;line-height:1.15;max-width:340px;margin:22px 0 12px}.hero p{max-width:360px;color:#e8f0f0;line-height:1.55;font-size:14px}.btn{border:0;background:#275a70;color:#fff;border-radius:5px;padding:14px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary{background:#e4eef0;color:#244e60}.hero .btn{margin-top:12px;background:#fff;color:#214b5e}.section{margin-top:29px}.section h2{font-size:20px;margin:0 0 13px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile,.news,.item{background:#fff;border:1px solid #dce5e6;border-radius:7px;padding:19px;box-shadow:0 2px 9px #183c4c08}.tile{min-height:134px;text-align:left;color:inherit}.tile .ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:#2c637a}.app-icon{display:block;flex:none}.tile .ico .app-icon{width:30px;height:30px}.tile strong{display:block;margin:15px 0 5px}.tile small,.item p,.news p{color:#647c85;line-height:1.55}.news{margin-bottom:12px}.news h3{margin:8px 0}.news time{font-size:12px;color:#2c637a}.item{margin-bottom:12px}.item h3{margin:0 0 7px}.item p{margin:0}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid #d8e4e6;display:flex;justify-content:center;padding:10px 6px calc(10px + env(safe-area-inset-bottom));z-index:5}.navinner{display:flex;width:min(700px,100%);justify-content:space-around}.nav{border:0;background:none;color:#78909b;display:grid;gap:4px;justify-items:center;font-size:11px;padding:4px 8px}.nav span{display:flex;align-items:center;justify-content:center;height:26px}.nav .app-icon{width:23px;height:23px}.nav.active{color:#225a70;font-weight:800}.hide{display:none!important}.heading{margin:19px 0 22px}.heading h1{margin:0 0 8px;font-size:29px}.heading p{color:#647c85;margin:0;line-height:1.5}.field{display:block;margin:15px 0 6px;font-size:13px;color:#365e6e}.input{width:100%;padding:13px;background:white;border:1px solid #bdcdd2;border-radius:5px;color:#213b49;outline-color:#285f74}.admin-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.muted{color:#647c85;font-size:13px;line-height:1.5}.warning{border-left:3px solid #2d6579;padding:11px 13px;background:#eaf2f3;border-radius:4px;font-size:13px;line-height:1.5}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.link{color:#23647b;text-decoration:underline;text-underline-offset:3px}.empty{padding:25px;color:#647c85;text-align:center}.footer{color:#8299a2;font-size:12px;text-align:center;padding:30px 0 10px}@media(min-width:700px){.hero h1{font-size:39px}.shell{padding-left:24px;padding-right:24px}}button:focus-visible,a:focus-visible{outline:3px solid #6aa7bd;outline-offset:3px} .official-logo{display:block;width:clamp(205px,54vw,330px);height:auto;mix-blend-mode:normal}.top{gap:12px}.brand{min-width:0}.top>.btn{flex-shrink:0}@media(max-width:390px){.official-logo{width:210px}} /* V4: modern patient-first design, retaining the official brand */ :root{--blue:#4f88a6;--ink:#253b46;--cream:#fbf7f1;--line:#e8e4dd}body{background:var(--cream)}.shell{max-width:760px;padding:0 20px 115px}.top{padding:15px 0 19px}.official-logo{width:clamp(230px,63vw,385px)}.hero{border-radius:24px;min-height:365px;padding:38px 28px;background:radial-gradient(circle at 96% 8%,#83b2c480 0,transparent 43%),linear-gradient(130deg,#326d8d,#17445e);box-shadow:0 14px 35px #16415b26}.hero:after{content:"✦";position:absolute;right:22px;bottom:5px;font-size:140px;color:#ffffff0c;pointer-events:none}.hero .eyebrow{color:#cce7f1}.hero h1{font-size:clamp(31px,6.6vw,46px);letter-spacing:-1.3px;line-height:1.12;max-width:450px}.hero p{font-size:15px}.hero .btn{border-radius:13px;padding:16px 21px}.section{margin-top:34px}.section h2{font-size:23px;letter-spacing:-.5px}.cards{gap:13px}.tile,.news,.item{border:1px solid var(--line);border-radius:19px;box-shadow:0 8px 24px #1b455009}.tile{min-height:159px;padding:21px;transition:transform .15s,box-shadow .15s}.tile:active{transform:scale(.975)}.tile .ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e9f3f6;font-size:25px}.tile strong{font-size:16px;margin:16px 0 5px}.btn{border-radius:12px}.btn.secondary{background:#e9f1f3}.heading h1{letter-spacing:-.8px}.bottom{border-top:1px solid #e9e6e0;box-shadow:0 -8px 24px #28404b0c}.nav{min-width:55px;border-radius:12px}.nav.active{color:#397e9f}.nav span{font-size:23px}.news time{font-weight:650}.footer{padding-top:45px}.pill{display:inline-block;background:#e7f2f5;color:#326b86;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:700;margin-bottom:14px}.intro{color:#657c85;line-height:1.6}.feature{margin-top:16px;padding:18px 20px;background:#eef4f5;border:1px solid #dbe9ec;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.feature strong{display:block}.feature small{display:block;color:#64808a;margin-top:5px;line-height:1.4}.feature a{white-space:nowrap}.tile:focus-visible,.nav:focus-visible{outline:3px solid #5c9bb9;outline-offset:3px}@media(max-width:420px){.hero{min-height:340px;padding:31px 23px}.feature{align-items:flex-start;flex-direction:column}.cards{gap:10px}.tile{padding:16px;min-height:150px}} /* V5 */ .news-tools{display:flex;gap:9px;align-items:center;margin-bottom:15px}.news-tools .input{margin:0}.photo-banner{background:linear-gradient(120deg,#e7eff1,#f8f3eb);border:1px solid #e2e8e8;border-radius:20px;padding:22px;margin-top:16px;display:flex;gap:15px;align-items:center}.photo-banner .symbol{font-size:42px}.photo-banner p{margin:6px 0 0;color:#627985;font-size:13px;line-height:1.5}.admin-edit{background:#eaf2f5;border-radius:15px;padding:14px;margin:14px 0}.admin-edit .input{margin-top:8px}.tag{font-size:11px;background:#e7f3f5;color:#2b6880;border-radius:20px;padding:5px 10px;font-weight:700}.news .row{margin-bottom:8px}.admin-actions button{min-height:42px} /* V6 – authentic practice photography and team */ .home-photo{margin:16px 0 18px;border-radius:23px;overflow:hidden;box-shadow:0 12px 35px #183b4d18}.home-photo img{display:block;width:100%;height:230px;object-fit:cover}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.person{background:#fff;border:1px solid #e6e5e1;border-radius:21px;overflow:hidden;box-shadow:0 8px 25px #173b4a0b}.person>img{display:block;width:100%;height:275px;object-fit:cover;object-position:center 24%}.person-body{padding:18px}.person h2{font-size:21px;margin:0 0 5px}.person h3{font-size:14px;margin:20px 0 9px;color:#365e72}.person-role{font-size:13px;color:#527a8e}.person ul{padding-left:19px;margin:0;line-height:1.75;font-size:13px}.gallery{display:grid;gap:12px}.gallery img{width:100%;display:block;border-radius:17px;max-height:320px;object-fit:cover}@media(max-width:540px){.team-grid{grid-template-columns:1fr}.person>img{height:360px}.home-photo img{height:200px}} .weekday{display:flex;gap:8px;flex-wrap:wrap}.weekday label{border:1px solid #dce5e6;background:#fff;border-radius:10px;padding:9px 11px;font-size:13px}.legal-link{background:none;border:0;text-decoration:underline;color:#486d80;cursor:pointer;padding:5px}.top .brand{min-width:0}.official-logo{max-width:100%;width:clamp(175px,56vw,360px)}.navinner{gap:1px}.nav{min-width:0;padding:4px 5px;font-size:10px}#waitSubmit:disabled{opacity:.55;cursor:not-allowed} /* V11.8.1 – purely visual enhancements, respecting reduced motion */ :root{--ease-premium:cubic-bezier(.2,.7,.2,1)} .hero{isolation:isolate;background:radial-gradient(circle at 90% 0%,#8ec1d159 0,transparent 48%),linear-gradient(132deg,#286783,#133c56);box-shadow:0 18px 46px #16415b25;transition:box-shadow .35s var(--ease-premium)} .hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 20%,#ffffff12 47%,transparent 65%);transform:translateX(-100%);animation:hecht-glimmer 9s ease-in-out 1.4s infinite} .hero .eyebrow,.hero h1,.hero p,.hero .btn{animation:hecht-enter .6s var(--ease-premium) both} .hero h1{animation-delay:.08s}.hero p{animation-delay:.17s}.hero .btn{animation-delay:.25s} .home-photo{transition:transform .35s var(--ease-premium),box-shadow .35s var(--ease-premium)} .home-photo img{transition:transform .75s var(--ease-premium)} .tile,.news,.item,.person{transition:transform .24s var(--ease-premium),box-shadow .24s var(--ease-premium),border-color .24s var(--ease-premium)} .btn{transition:transform .2s var(--ease-premium),box-shadow .2s var(--ease-premium),background-color .2s} .btn:active{transform:scale(.97)} .nav.active span{transform:translateY(-2px);transition:transform .2s} .page:not(.hide){animation:hecht-page .26s ease-out both} @media(hover:hover) and (pointer:fine){.tile:hover,.news:hover,.item:hover,.person:hover{transform:translateY(-3px);box-shadow:0 14px 32px #1b455018;border-color:#c9dde3}.home-photo:hover img{transform:scale(1.025)}.btn:hover{box-shadow:0 8px 20px #173e5522;transform:translateY(-1px)}} @keyframes hecht-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}} @keyframes hecht-page{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @keyframes hecht-glimmer{0%,70%,100%{transform:translateX(-110%)}82%{transform:translateX(110%)}} @media(prefers-reduced-motion:reduce){.hero::before,.hero .eyebrow,.hero h1,.hero p,.hero .btn,.page:not(.hide){animation:none!important}.tile,.news,.item,.person,.btn,.home-photo,.home-photo img{transition:none!important}} .footer-admin{border:0;background:none;color:#9ba9ae;font-size:11px;padding:6px 3px;cursor:pointer;text-decoration:none}.footer-admin:hover,.footer-admin:focus-visible{color:#3b718c;text-decoration:underline}.footer-admin-sep{color:#bac4c8} /* V11.8.4 – minimalistische individuelle Leistungsillustrationen */ .service-card{display:flex;align-items:center;gap:18px;padding:18px 20px;min-height:118px;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1b455014}.service-art{flex:0 0 84px;width:84px;height:84px;border-radius:19px;background:linear-gradient(150deg,#e9f2f4,#f7f7f2);display:grid;place-items:center;color:#3c7897}.service-art svg{width:64px;height:64px}.service-copy{min-width:0}.service-copy h3{font-size:17px;margin-bottom:7px}.service-copy p{font-size:13px;line-height:1.55}.top [data-go="kontakt"]{color:#2e6d8d;background:#e8f2f4;border:1px solid #d9e9ed;min-width:45px;min-height:45px;border-radius:14px}.top [data-go="kontakt"] svg{display:block}@media(max-width:400px){.service-card{gap:12px;padding:15px}.service-art{flex-basis:72px;width:72px;height:72px}.service-art svg{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover{transform:none}} .tile-booking{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit;text-align:center}.tile-booking:focus-visible{outline:3px solid #3b718c;outline-offset:3px}.tile-booking .ico{color:#367d9e}.app-version{font-size:10px;color:#9ba9ae;margin-top:9px;letter-spacing:.02em} /* V11.9.0: gleichmaessige Startkacheln */ .cards>.tile,.cards>.tile-booking{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left}.cards>.tile .ico{flex:0 0 48px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0}.cards>.tile strong,.cards>.tile small{width:100%;text-align:left}.cards>.tile strong{margin:16px 0 5px}.cards>.tile .app-icon{width:30px;height:30px} /* V11.9.2: mittige, hervorgehobene Online-Terminbuchung */ .navinner{align-items:center;gap:2px;justify-content:space-between} .navinner>.nav{flex:1 1 0;min-width:0;text-align:center;font-size:10px;line-height:1.15;white-space:nowrap;padding:5px 1px;text-decoration:none} .navinner>.nav-booking{flex:1.32 1 0;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#1d5774;font-weight:800;position:relative;margin-top:-20px;overflow:visible} .nav-booking .booking-icon{width:51px;height:51px;min-height:51px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#377e9e,#174c6b);color:white;box-shadow:0 5px 16px #205b7b55;border:3px solid #fff;transition:transform .2s,box-shadow .2s} .nav-booking .booking-icon .app-icon{width:26px;height:26px} .nav-booking .booking-label{font-size:10px;letter-spacing:-.15px} .nav-booking:active .booking-icon{transform:scale(.94)} .nav-booking:focus-visible{outline:3px solid #5c9bb9;outline-offset:2px} @media(max-width:365px){.navinner>.nav{font-size:9px}.nav-booking .booking-label{font-size:9px}.nav-booking .booking-icon{width:46px;height:46px;min-height:46px}} @media(prefers-reduced-motion:reduce){.nav-booking .booking-icon{transition:none}} /* V11.9.3 */ .team-support{text-align:center;margin-top:22px;padding:29px 22px;background:linear-gradient(160deg,#fff,#eef5f6)} .team-support .pill{display:inline-block;margin-bottom:13px}.team-support h2{font-size:clamp(21px,4vw,26px);margin:0 0 16px;color:#204d61}.team-support p{max-width:520px;margin:0 auto!important;font-size:15px;line-height:1.85}.team-support .team-dog{margin-top:17px!important} .reviews-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.reviews-heading h2{margin:10px 0 14px}.google-mark{font-size:14px;font-weight:800;color:#35647b;white-space:nowrap}.reviews-track{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:5px 2px 15px}.review-card{flex:0 0 min(290px,85%);scroll-snap-align:start;background:white;border:1px solid #dce5e6;border-radius:10px;padding:18px}.review-card .review-stars{color:#d99c2d;letter-spacing:2px}.review-card p{color:#385765;line-height:1.6;white-space:pre-wrap}.review-card small{color:#647c85}.reviews-note{font-size:14px;color:#647c85;line-height:1.6}.reviews-link{margin-top:10px}.push-panel{padding:23px}.push-panel h2{margin:12px 0}.push-panel p{line-height:1.7}.push-panel .btn{margin-top:12px}.push-panel .muted{font-size:13px} /* V11.9.4 */.hero{min-height:305px;background:radial-gradient(circle at 95% 15%,#a7d3e050 0,transparent 45%),linear-gradient(145deg,#1e5674,#102f47);border-radius:27px;padding:38px 30px}.hero:after{content:"";position:absolute;width:210px;height:210px;border:1px solid #ffffff30;border-radius:50%;right:-85px;top:-75px}.hero-tagline{margin-top:24px;border-top:1px solid #ffffff40;padding-top:15px;font-size:13px;color:#d5e9ef;letter-spacing:.2px}.hero h1{max-width:530px}.booking-backdrop{position:fixed;inset:0;background:#102b3a80;z-index:15}.booking-sheet{position:fixed;bottom:0;left:0;right:0;max-width:760px;margin:auto;z-index:16;background:#fbf7f1;border-radius:24px 24px 0 0;padding:14px 22px calc(30px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px #102f4738;animation:sheet-in .25s ease-out}.booking-handle{width:42px;height:5px;background:#c5d1d6;border-radius:8px;margin:0 auto 19px}.booking-sheet h2{font-size:21px;margin:0 0 14px}.sheet-close{border:0;background:#e7eef0;border-radius:50%;height:34px;width:34px}.booking-option{width:100%;display:flex;align-items:center;text-align:left;gap:14px;padding:16px 13px;border:1px solid #dce5e6;border-radius:16px;background:#fff;color:#244b5c;margin:10px 0}.booking-option>span:nth-child(2){flex:1}.booking-option strong,.booking-option small{display:block}.booking-option small{color:#64808a;font-size:12px;margin-top:4px}.booking-option-icon{display:grid;place-items:center;background:#e7f2f6;color:#235c7a;font-size:26px;font-weight:600;border-radius:12px;width:43px;height:43px}.booking-option>span:last-child{font-size:26px;color:#7d98a4}@keyframes sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}.review-card{flex-basis:min(320px,88%)}.review-card p{font-size:14px}.review-card strong{display:block;margin-top:8px}@media(prefers-reduced-motion:reduce){.booking-sheet{animation:none}} /* Version 11.9.11 – kompaktes Bewertungsband, klickbares Logo */ .logo-home{display:inline-flex;align-items:center;border:0;padding:0;background:transparent;cursor:pointer;max-width:100%;border-radius:12px}.logo-home:focus-visible{outline:3px solid #4f88a6;outline-offset:4px} .reviews-section{max-width:650px;margin-left:auto;margin-right:auto}.reviews-heading h2{margin-bottom:10px}.reviews-track{gap:9px;padding:4px 2px 10px}.review-card{flex:0 0 min(235px,76%);padding:13px 14px;border-radius:14px;box-shadow:0 3px 12px #1b45500b;display:flex;flex-direction:column;gap:5px}.review-card strong{font-size:14px}.review-card .review-stars{font-size:15px;letter-spacing:1px}.review-card p{font-size:13px;line-height:1.45;margin:3px 0 5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.review-card small{font-size:11px;margin-top:auto}.reviews-link{font-size:13px;padding:11px 14px} /* 12.0 – systemabhängiges, manuell überschreibbares Farbschema */ :root{color-scheme:light dark} .theme-controls{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 18px}.theme-controls button{border:1px solid #bdcdd2;border-radius:12px;background:#fff;color:#26495e;padding:10px 13px;font-weight:650}.theme-controls button[aria-pressed="true"]{background:#275a70;color:white;border-color:#275a70} html[data-theme="dark"]{color-scheme:dark;--cream:#101925;--ink:#edf4fc;--line:#304255;--blue:#8fc6eb} html[data-theme="dark"] body,html[data-theme="dark"] .shell{background:#101925;color:#edf4fc} html[data-theme="dark"] .tile,html[data-theme="dark"] .news,html[data-theme="dark"] .item,html[data-theme="dark"] .review-card,html[data-theme="dark"] .service-card,html[data-theme="dark"] .section .card,html[data-theme="dark"] .push-panel,html[data-theme="dark"] .booking-sheet,html[data-theme="dark"] .modal-content{background:#1a2a3c!important;color:#edf4fc!important;border-color:#344a60!important;box-shadow:none} html[data-theme="dark"] .bottom,html[data-theme="dark"] .top,html[data-theme="dark"] .footer{background:#111f30!important;border-color:#344a60!important;color:#d3e4f3} html[data-theme="dark"] .input,html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#18293a!important;color:#f2f7ff!important;border-color:#486078!important} html[data-theme="dark"] .btn.secondary,html[data-theme="dark"] .theme-controls button{background:#263e55;color:#e6f4ff;border-color:#486078} html[data-theme="dark"] .theme-controls button[aria-pressed="true"]{background:#4f88a6;color:#fff} html[data-theme="dark"] .heading p,html[data-theme="dark"] .muted,html[data-theme="dark"] .tile small,html[data-theme="dark"] .item p,html[data-theme="dark"] .news p,html[data-theme="dark"] .sub,html[data-theme="dark"] .field,html[data-theme="dark"] .reviews-note,html[data-theme="dark"] .review-card small{color:#bbcede!important} html[data-theme="dark"] .link,html[data-theme="dark"] .nav.active,html[data-theme="dark"] .news time{color:#9ed7ff!important} html[data-theme="dark"] .nav{color:#9aafc2}html[data-theme="dark"] .warning{background:#243d52;color:#e8f3ff}html[data-theme="dark"] .hero{background:linear-gradient(120deg,#10233c,#254c68)!important} html[data-theme="dark"] .logo-home{background:transparent!important}html[data-theme="dark"] .official-logo{filter:brightness(1.1)} html[data-theme="dark"] a,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] strong{color:inherit} /* 12.0.2: Header logo contrast and quick appearance toggle */ html[data-theme="dark"] .top .official-logo{filter:brightness(0) invert(1);opacity:.95} .top .header-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 45px;width:45px;height:45px;border-radius:14px;border:1px solid #d9e9ed;background:#e8f2f4;color:#2e6d8d;cursor:pointer;padding:0;margin-left:auto} html[data-theme="dark"] .top .header-theme-toggle{background:#263e55;color:#e6f4ff;border-color:#486078} .header-theme-toggle .theme-sun{display:none}html[data-theme="dark"] .header-theme-toggle .theme-sun{display:block}html[data-theme="dark"] .header-theme-toggle .theme-moon{display:none} .top{gap:7px}.top .brand{flex:1;min-width:0}.top .official-logo{width:clamp(150px,48vw,350px)} @media(max-width:390px){.top .official-logo{width:clamp(142px,43vw,210px)}.top .header-theme-toggle{flex-basis:41px;width:41px;height:43px}.top [data-go="kontakt"]{min-width:41px;min-height:43px}} .push-panel-minimal{padding:18px 20px}.push-compact-heading{display:flex;align-items:center;gap:12px}.push-compact-heading h2{font-size:17px;margin:0 0 3px}.push-compact-heading p{font-size:13px;line-height:1.45;margin:0}.push-bell{font-size:21px;flex-shrink:0}.push-panel-minimal #pushSettingsToggle{margin-top:12px;padding:9px 14px;font-size:13px}.push-panel-minimal #pushSettingsControls{margin-top:12px;padding-top:12px;border-top:1px solid #dce5e6}.push-panel-minimal #pushInstallHint{font-size:13px;line-height:1.6;margin:0 0 10px}.push-panel-minimal #pushSettingsControls .btn{margin:4px 8px 4px 0} /* V12.1 – Modern & Premium. Nur Präsentation; bestehende Logik bleibt erhalten. */ :root{--premium-navy:#102c45;--premium-blue:#2f6b91;--premium-muted:#60798b;--premium-line:#e1e9ee;--premium-surface:#fff;--premium-shadow:0 12px 35px rgba(16,44,69,.075)} body{background:#f6f8fa} .shell{max-width:780px;padding-left:clamp(16px,4vw,28px);padding-right:clamp(16px,4vw,28px)} .top{padding-top:19px;padding-bottom:20px}.top .header-theme-toggle{border-radius:15px;background:#edf4f8;border-color:#e0eaf0;box-shadow:none} .hero{border-radius:25px;padding:clamp(28px,6vw,44px);min-height:340px;background:radial-gradient(circle at 94% 15%,rgba(131,184,211,.26),transparent 48%),linear-gradient(130deg,#1c5274,#0d2b45);box-shadow:0 20px 48px rgba(15,52,81,.17)} .hero::after{content:"";position:absolute;right:-55px;bottom:-105px;width:265px;height:265px;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none} .hero .eyebrow{font-size:11px;letter-spacing:2.2px;color:#c7e4f4}.hero h1{font-weight:760;letter-spacing:-1.4px;max-width:530px;margin-top:19px;margin-bottom:15px} .hero p{font-size:15px;color:#e4f0f6;max-width:410px}.hero-tagline{font-size:12px;letter-spacing:.2px;color:#c8e0ec} .hero .hero-book-now{position:relative;z-index:1;margin-top:23px;background:#fff;color:#143e5c;border-radius:14px;padding:15px 19px;box-shadow:0 8px 22px rgba(0,0,0,.12);font-size:14px} .home-photo{margin:18px 0 0;border-radius:21px;box-shadow:var(--premium-shadow)}.home-photo img{height:clamp(180px,30vw,255px)} .section{margin-top:37px}.section h2{font-size:clamp(21px,3.8vw,25px);letter-spacing:-.65px;color:#173a55}.pill{background:#e9f1f7;color:#2b658b;letter-spacing:.6px;font-size:10px} .cards{gap:12px}.tile,.news,.item,.person,.review-card{border:1px solid var(--premium-line);border-radius:20px;background:var(--premium-surface);box-shadow:var(--premium-shadow)} .tile{min-height:151px;padding:20px;text-align:left}.tile .ico{border-radius:14px;background:#edf4f8;color:#285f85;width:44px;height:44px}.tile strong{font-size:15px;margin-top:15px;color:#183d59}.tile small{font-size:12px;line-height:1.45;color:#718695} .tile-booking{border-color:#bdd7e7;background:linear-gradient(145deg,#f3f9fc,#fff)}.tile-booking .ico{background:#dceef8;color:#1e5e88} .btn{border-radius:13px;background:#255f87;box-shadow:none}.btn.secondary{background:#edf4f8;color:#265d7f}.input{border-radius:12px} .bottom{background:rgba(255,255,255,.97);border-top:1px solid #e4ebf0;box-shadow:0 -7px 25px rgba(20,51,75,.045);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)} .nav{padding:7px 5px;border-radius:13px;transition:background-color .2s,color .2s}.nav.active{background:#edf5fa;color:#245f86}.nav span{height:25px} .push-panel-minimal{padding:18px 20px}.push-panel-minimal .push-compact-heading h2{font-size:16px;letter-spacing:-.2px;margin:0 0 4px}.push-panel-minimal .push-compact-heading p{color:#6d8290}.push-panel-minimal #pushSettingsToggle{background:transparent;border:1px solid #d8e6ee;color:#285e81;border-radius:11px;padding:9px 13px} .heading h1{color:#173a55}.heading p,.muted,.intro{color:#657f90} @media(max-width:420px){.hero{min-height:320px;padding:28px 23px}.hero h1{font-size:34px}.tile{min-height:140px;padding:16px}.tile strong{font-size:14px}.tile small{font-size:11px}.section{margin-top:31px}.home-photo img{height:190px}} html[data-theme="dark"] body,html[data-theme="dark"] .shell{background:#101925;color:#edf4fc} html[data-theme="dark"] .section h2,html[data-theme="dark"] .heading h1,html[data-theme="dark"] .tile strong{color:#eaf4fc} html[data-theme="dark"] .pill{background:#233b50;color:#a9d4ed}html[data-theme="dark"] .tile .ico{background:#263f55;color:#addaf3} html[data-theme="dark"] .nav.active{background:#253f56;color:#b4ddf5}html[data-theme="dark"] .tile-booking{background:#1b3145} html[data-theme="dark"] .push-panel-minimal #pushSettingsToggle{background:#233b50;color:#c5e4f5;border-color:#456078} @media(prefers-reduced-motion:reduce){.hero::before,.hero .eyebrow,.hero h1,.hero p,.hero .btn{animation:none!important}} /* V12.1.1: Einheitlicher Premium-Stil auf allen Patientenseiten. */ .push-panel-minimal .push-compact-heading{display:flex;align-items:center;gap:11px} .push-panel-minimal .push-heading-text{flex:1;min-width:0} .push-panel-minimal #pushSettingsToggle.push-settings-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;margin:0;padding:0;border:1px solid #d8e6ee;border-radius:13px;background:#f2f7fb;color:#285e81;box-shadow:none;transition:background .2s,border-color .2s,transform .2s} .push-panel-minimal #pushSettingsToggle.push-settings-icon:hover{background:#e2eff7;border-color:#b8d5e6} .push-panel-minimal #pushSettingsToggle.push-settings-icon:active{transform:scale(.96)} .push-settings-icon:focus-visible{outline:3px solid #6db5e7;outline-offset:3px} .push-panel-minimal #pushSettingsControls{margin-top:16px;padding-top:15px;border-top:1px solid var(--premium-line)} /* Konsistente Typografie, Karten und Formulare auf Aktuelles, Leistungen, Team, Kontakt. */ .page>.heading{margin-top:18px;margin-bottom:24px} .page>.heading h1{font-size:clamp(27px,5.4vw,35px);letter-spacing:-1px;font-weight:760;line-height:1.16} .page>.heading p{font-size:14px;line-height:1.65;max-width:590px;margin-top:9px} .page .news,.page .item,.page .person,.page .review-card{border-radius:20px;border:1px solid var(--premium-line);box-shadow:var(--premium-shadow)} .page .input,.page input:not([type=checkbox]):not([type=radio]),.page select,.page textarea{border-radius:13px;border-color:#dce7ef;transition:border-color .2s,box-shadow .2s} .page .input:focus,.page input:focus-visible,.page select:focus-visible,.page textarea:focus-visible{outline:2px solid #8bbbd8;outline-offset:1px} .page .btn{transition:filter .18s,transform .18s}.page .btn:hover{filter:brightness(1.05)}.page .btn:active{transform:scale(.99)} .page .section h2{letter-spacing:-.55px} html[data-theme="dark"] .push-panel-minimal #pushSettingsToggle.push-settings-icon{background:#233b50;color:#c5e4f5;border-color:#456078} html[data-theme="dark"] .push-panel-minimal #pushSettingsToggle.push-settings-icon:hover{background:#2c4a63} html[data-theme="dark"] .page .input,html[data-theme="dark"] .page input:not([type=checkbox]):not([type=radio]),html[data-theme="dark"] .page select,html[data-theme="dark"] .page textarea{border-color:#3c5265} @media(prefers-reduced-motion:reduce){.push-settings-icon,.page .btn,.page .input{transition:none!important}} /* 12.1.3 – Teamkarten im Dunkelmodus vollständig einfärben */ html[data-theme="dark"] #team .team-grid .person, html[data-theme="dark"] #team .team-grid .person .person-body{ background:#1a2a3c!important; color:#edf4fc!important; border-color:#344a60!important; } html[data-theme="dark"] #team .person-body h2, html[data-theme="dark"] #team .person-body h3{color:#edf4fc!important} html[data-theme="dark"] #team .person-body .person-role, html[data-theme="dark"] #team .person-body li{color:#bbcede!important} /* V12.4.1 Einstellungen */ .settings-backdrop{position:fixed;inset:0;background:rgba(9,21,38,.48);z-index:10000} .settings-panel{position:fixed;z-index:10001;top:max(12px,env(safe-area-inset-top));right:12px;width:min(410px,calc(100vw - 24px));max-height:calc(100dvh - 28px);overflow:auto;padding:22px;border-radius:22px;background:#fff;color:#19344a;box-shadow:0 18px 65px rgba(6,24,43,.28);border:1px solid #dce7ef} .settings-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-top h2{margin:0;font-size:22px}.settings-close{width:38px;height:38px;border-radius:12px;border:1px solid #dbe6ee;background:#f3f7fa;color:inherit;font-size:19px;cursor:pointer} .settings-group{margin-top:20px;padding-top:18px;border-top:1px solid #e1eaf1}.settings-group h3{margin:0 0 6px;font-size:17px}.settings-group p{font-size:13px}.settings-group .theme-controls{display:flex;gap:6px;flex-wrap:wrap}.settings-group .theme-controls button{flex:1;min-width:86px;padding:10px 6px}.settings-group #pushEnable,.settings-group #pushDisable{margin:8px 0 0;width:100%}.settings-group #pushStatus{margin:10px 0 0}.settings-open{overflow:hidden} html[data-theme="dark"] .settings-panel{background:#172638;color:#edf4fc;border-color:#3a5268}html[data-theme="dark"] .settings-group{border-color:#354d62}html[data-theme="dark"] .settings-close{background:#263e55;color:#edf4fc;border-color:#486078} /* 12.7.4 – Header und Seitenhintergrund im Dark Mode nahtlos */ html[data-theme="dark"] .top{background:transparent!important;border-color:transparent!important;} html[data-theme="dark"] .shell{background:#101925!important;} /* 12.9.0: Startseite – nur visuelle Verbesserungen, keine neuen Datenabfragen */ #start .hero{min-height:350px;padding:35px 29px 29px;border-radius:27px;background:radial-gradient(circle at 95% 0%,rgba(132,196,229,.34),transparent 52%),linear-gradient(142deg,#174967,#0b2b45);box-shadow:0 17px 39px rgba(11,42,69,.18)} #start .hero .eyebrow{font-size:11px;letter-spacing:1.65px;font-weight:800;color:#d1ebfb} #start .hero h1{font-size:clamp(31px,6.7vw,45px);line-height:1.11;letter-spacing:-1.35px;margin:23px 0 13px;max-width:550px} #start .hero p{max-width:430px;font-size:15px;line-height:1.7;color:#e4f1fa} #start .hero .hero-tagline{font-size:12px;letter-spacing:.1px;margin-top:19px;padding-top:14px;color:#d7e9f5} #start .hero-spark{color:#a4d9f4;margin-right:5px} #start .hero .hero-book-now{min-height:49px;border-radius:13px;font-size:14px;box-shadow:0 7px 18px rgba(0,0,0,.11)} #start .home-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:16px 0 19px} #start .home-quick-action{min-width:0;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #dbe8ee;border-radius:17px;padding:15px 12px;background:#fff;color:#1a4058;box-shadow:0 5px 17px rgba(20,58,80,.055);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease} #start .home-quick-action:active{transform:scale(.975)} #start .home-quick-icon{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e8f3fa;color:#256b92;font-size:22px} #start .home-quick-action>span:nth-child(2){min-width:0;flex:1} #start .home-quick-action strong,#start .home-quick-action small{display:block} #start .home-quick-action strong{font-size:13px;line-height:1.25} #start .home-quick-action small{font-size:11px;color:#607c8c;margin-top:3px;line-height:1.25} #start .home-quick-arrow{font-size:22px;color:#7f9bab} #start .home-photo{margin-top:24px;border-radius:20px;box-shadow:0 10px 26px rgba(17,51,72,.11)}@media(max-width:540px){.home-photo{margin-top:20px}} #start .home-photo img{height:205px} #start .section{margin-top:31px} #start .section h2{letter-spacing:-.65px} #start .tile{border-radius:19px;transition:transform .16s ease,box-shadow .16s ease} #start .tile .ico{border-radius:13px} html[data-theme="dark"] #start .home-quick-action{background:#182a3c;color:#eaf4ff;border-color:#334a60;box-shadow:none} html[data-theme="dark"] #start .home-quick-icon{background:#24455d;color:#b3ddf6} html[data-theme="dark"] #start .home-quick-action small{color:#b4c9d9} html[data-theme="dark"] #start .home-quick-arrow{color:#a9c8dc} html[data-theme="dark"] #start .hero{background:radial-gradient(circle at 95% 0%,rgba(85,145,183,.26),transparent 55%),linear-gradient(145deg,#15344e,#0d233b)!important} @media(max-width:390px){#start .hero{padding:29px 23px;min-height:340px}#start .home-quick-action{padding:12px 9px;gap:7px}#start .home-quick-icon{width:32px;height:32px;flex-basis:32px}#start .home-quick-action strong{font-size:12px}#start .home-quick-arrow{display:none}} @media(prefers-reduced-motion:reduce){#start .home-quick-action{transition:none}} /* 12.10.0 – kompakter Hero und ruhige Praxisverwaltung */ #start .hero{min-height:0!important;padding-bottom:22px!important} #start .hero-tagline{margin-top:16px!important;padding-top:12px!important} #adminTabNav{gap:7px;padding:8px 2px 12px;scroll-snap-type:x proximity;scroll-padding-inline:4px} #adminTabNav .admin-tab{scroll-snap-align:start;border-radius:999px;padding:10px 13px;white-space:nowrap;transition:background-color .16s ease,border-color .16s ease,color .16s ease} #adminTabNav .admin-tab.active{box-shadow:0 3px 10px rgba(24,91,149,.16)} .admin-dashboard .dash-heading{margin-bottom:14px} .admin-dashboard .dash-heading h2{font-size:clamp(23px,5vw,30px);letter-spacing:-.025em} .admin-dashboard .dash-grid{gap:10px} .admin-dashboard .dash-card{padding:16px;gap:7px;border-radius:17px;transition:border-color .16s ease,transform .16s ease} .admin-dashboard .dash-card:active{transform:scale(.985)} .admin-dashboard .dash-card:focus-visible,#adminTabNav .admin-tab:focus-visible{outline:3px solid #8bc8ef;outline-offset:2px} .admin-dashboard .dash-card strong{line-height:1.05;font-variant-numeric:tabular-nums} #admin .admin-actions{gap:9px;flex-wrap:wrap} #admin .admin-actions .btn{border-radius:12px} @media(max-width:420px){#start .hero{padding-bottom:19px!important}#adminTabNav .admin-tab{padding:10px 12px;font-size:13px}.admin-dashboard .dash-card{padding:13px}.admin-dashboard .dash-card strong{font-size:29px}} @media(prefers-reduced-motion:reduce){#adminTabNav .admin-tab,.admin-dashboard .dash-card{transition:none}} .admin-tab-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:10px 2px 14px;position:sticky;top:0;z-index:15;background:var(--bg, #f5f8fc);border-bottom:1px solid rgba(110,137,164,.2);margin-bottom:16px} .admin-tab-nav.hide{display:none!important} .admin-tab{flex:0 0 auto;cursor:pointer;border:1px solid rgba(105,139,173,.35);background:var(--card, #fff);color:var(--text, #1b3550);border-radius:12px;padding:11px 14px;font:inherit;font-weight:650} .admin-tab.active{background:#1767ad;color:#fff;border-color:#1767ad} .admin-tab:focus-visible{outline:3px solid #69b4f4;outline-offset:2px} .admin-tab-hidden{display:none!important} .admin-dashboard{padding:8px 0 20px}.dash-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.dash-heading h2{margin:5px 0 3px}.dash-heading p{margin:0}.dash-eyebrow{font-size:11px;font-weight:750;letter-spacing:.13em;color:#4783b6}.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dash-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border-radius:18px;border:1px solid rgba(103,140,179,.2);background:var(--card,#fff);color:var(--text,#17324e);box-shadow:0 8px 24px rgba(12,38,72,.05);font:inherit;cursor:pointer;min-width:0}.dash-card strong{font-size:32px;line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums}.dash-card span:not(.dash-icon){font-weight:650;font-size:14px}.dash-card small{font-size:12px;color:#4783b6}.dash-icon{font-size:23px}.dash-card:focus-visible{outline:3px solid #68aee5;outline-offset:2px}.dash-note{margin:15px 0 0;font-size:12px}html[data-theme="dark"] .dash-card{background:#1a2a3c!important;color:#edf4fc!important;border-color:#344a60!important}html[data-theme="dark"] .dash-card small{color:#a6cbed!important}@media(max-width:380px){.dash-card{padding:13px}.dash-card strong{font-size:28px}} .wait-push-optin{margin:15px 0;padding:15px;border:1px solid #dce7ee;border-radius:15px;background:#f3f8fb}.wait-push-label{display:flex;align-items:flex-start;gap:8px;font-weight:650}.wait-push-label input{margin-top:4px}.wait-push-optin p{font-size:12px;margin:8px 0 0}html[data-theme="dark"] .wait-push-optin{background:#1a2e40;border-color:#3d5469} /* V12.4.1: Wochentage der Warteliste im Dunkelmodus */ html[data-theme="dark"] .weekday label { background:#1a2a3c !important; color:#edf4fc !important; border-color:#486078 !important; } html[data-theme="dark"] .weekday label:has(input:checked) { background:#254963 !important; border-color:#8fc6eb !important; color:#ffffff !important; } .push-topic-settings{margin-top:15px;padding:14px;border:1px solid #d9e5ee;border-radius:14px}.push-topic-settings[hidden]{display:none!important}.push-topic-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #d9e5ee}.push-topic-row label{flex:1}.push-topic-row small{display:block;margin-top:4px;color:#718596;font-size:12px}.push-topic-row input{width:20px;height:20px;accent-color:#286b9d}.push-topic-settings .btn{margin-top:12px}html[data-theme="dark"] .push-topic-settings{background:#1a2a3c;border-color:#3b536b}html[data-theme="dark"] .push-topic-row{border-color:#3b536b}html[data-theme="dark"] .push-topic-row small{color:#c3d4e0} /* V12.4.1: Termin-Auswahl im Dark Mode */ html[data-theme="dark"] .booking-sheet .booking-option{background:#23384e!important;color:#f2f7fd!important;border-color:#48627b!important;} html[data-theme="dark"] .booking-sheet .booking-option strong{color:#f2f7fd!important;} html[data-theme="dark"] .booking-sheet .booking-option small{color:#b9ccdf!important;} html[data-theme="dark"] .booking-sheet .booking-option-icon{background:#34536e!important;color:#d6edff!important;} html[data-theme="dark"] .booking-sheet .booking-option>span:last-child{color:#c2d9eb!important;} html[data-theme="dark"] .booking-sheet .sheet-close{background:#30465e!important;color:#f2f7fd!important;} html[data-theme="dark"] .booking-sheet .booking-handle{background:#607991!important;} .wait-summary{padding:11px 14px;margin:12px 0;border-radius:12px;background:rgba(42,117,165,.10);font-size:13px;font-weight:650}.wait-status-offen{border-left:4px solid #4388bd}.wait-status-kontaktiert{border-left:4px solid #d8a847}.wait-status-erledigt{border-left:4px solid #75a692}.wait-contact a{text-decoration:none}.wait-quick .btn,.wait-contact .btn{padding:9px 12px;font-size:13px}html[data-theme="dark"] .wait-summary{background:#1c3549;color:#e9f5ff} #inboxToggle{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;margin-right:0}.inbox-badge{position:absolute;top:-6px;right:-6px;background:#c83b58;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:12px;padding:2px 4px}.inbox-badge[hidden]{display:none!important}.inbox-message{border-left:3px solid #498bb9}.inbox-message.unread{background:#eaf5ff}.inbox-message small{display:block;color:#607b8d;margin:5px 0}.self-entry{margin-top:14px}.self-days{display:flex;flex-wrap:wrap;gap:10px}.self-days label{display:flex;gap:6px;align-items:center;padding:7px;border:1px solid #aabfce;border-radius:9px}.self-entry .btn{margin-top:12px;margin-right:8px}html[data-theme="dark"] .inbox-message.unread{background:#213e54}html[data-theme="dark"] .self-days label{background:#1a2a3c;color:#edf4fc;border-color:#486078} /* V12.7.1 – Nachrichten als Popup wie Einstellungen */ .inbox-backdrop{position:fixed;inset:0;z-index:950;background:rgba(9,22,39,.58);backdrop-filter:blur(3px)} .inbox-modal.page{position:fixed!important;z-index:951;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 24px));max-height:min(78dvh,760px);overflow-y:auto;overscroll-behavior:contain;display:block;padding:20px;background:#fff;color:#173149;border:1px solid #dce8f0;border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.32)} .inbox-modal.page.hide,.inbox-backdrop.hide{display:none!important} .inbox-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px} .inbox-modal-heading h1{margin:0;font-size:24px}.inbox-modal-heading p{margin:7px 0 0} .inbox-modal .inbox-message{margin-top:12px}.inbox-modal .btn{margin-bottom:6px} body.inbox-open{overflow:hidden} html[data-theme="dark"] .inbox-modal.page{background:#18293b;color:#edf6ff;border-color:#40566e} html[data-theme="dark"] .inbox-modal .inbox-message{background:#21374c;color:#edf6ff} @media(max-width:550px){.inbox-modal.page{padding:17px;max-height:82dvh;border-radius:18px}.inbox-modal-heading h1{font-size:21px}} /* v12.7.4: mobile inbox dialog must be viewport-relative, not shell-relative */ #inboxToggle{flex:0 0 auto;margin-right:0!important} .inbox-modal.page{box-sizing:border-box!important;inset:auto!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(520px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 48px)!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important} .inbox-modal-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start!important} .inbox-modal-heading h1{grid-column:1;grid-row:1;overflow-wrap:anywhere} .inbox-modal-heading .sheet-close{grid-column:2;grid-row:1;margin:0!important} .inbox-modal-heading p{grid-column:1 / -1;grid-row:2} .inbox-modal .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere} @media(max-width:550px){.inbox-modal.page{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;padding:18px!important;max-height:calc(100dvh - 40px)!important;border-radius:18px!important}.inbox-modal-heading h1{font-size:24px!important}} /* V12.7.8: eindeutiger Schliessen-Button im Nachrichten-Center */ .inbox-modal-heading .inbox-close-button{grid-column:2;grid-row:1;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border-radius:12px!important;border:1px solid #a9c0d2!important;background:#e9f1f8!important;color:#16364f!important;font-family:Arial,sans-serif!important;font-size:25px!important;font-weight:700!important;line-height:1!important;opacity:1!important;box-shadow:none!important;cursor:pointer;appearance:none;-webkit-appearance:none} html[data-theme="dark"] .inbox-modal-heading .inbox-close-button{background:#2b465e!important;color:#fff!important;border-color:#6a89a3!important} .inbox-modal-heading .inbox-close-button:focus-visible{outline:3px solid #4d9be3;outline-offset:3px} /* V12.7.8: Warteplatz-Verwaltung als hervorgehobene Aktion */ .wait-manage-card{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:20px;margin:0 0 22px;border-radius:18px;border:1px solid #8fbad7;background:linear-gradient(135deg,#e8f4fd,#f5faff);box-shadow:0 7px 22px rgba(22,72,111,.09)} .wait-manage-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#d0e8f9;color:#174c77;font-size:24px} .wait-manage-copy{display:flex;flex:1 1 180px;flex-direction:column;gap:4px;color:#173a57}.wait-manage-copy strong{font-size:17px}.wait-manage-copy span{font-size:13px;line-height:1.45} .wait-manage-button{flex:1 1 100%;width:100%;margin:2px 0 0!important;text-align:center;justify-content:center;min-height:48px;font-weight:700} html[data-theme="dark"] .wait-manage-card{background:linear-gradient(135deg,#203b54,#1a3045);border-color:#497999;box-shadow:none} html[data-theme="dark"] .wait-manage-icon{background:#305877;color:#eaf6ff} html[data-theme="dark"] .wait-manage-copy{color:#edf6ff} /* v12.7.8: clear patient submission feedback and accessible inbox actions */ .patient-feedback{margin:12px 0;padding:13px 15px;border-radius:12px;font-weight:650;line-height:1.5;border:1px solid transparent} .patient-feedback:empty{display:none} .patient-feedback[data-state="success"]{background:#e0f5e8;color:#12562e;border-color:#85c99c} .patient-feedback[data-state="error"]{background:#fff0ee;color:#9c2822;border-color:#e5a29a} .patient-feedback[data-state="pending"]{background:#e9f3ff;color:#17476e;border-color:#9dc7ed} html[data-theme="dark"] .patient-feedback[data-state="success"]{background:#153b2c;color:#baf5ce;border-color:#357b58} html[data-theme="dark"] .patient-feedback[data-state="error"]{background:#492729;color:#ffcecb;border-color:#a65d5a} html[data-theme="dark"] .patient-feedback[data-state="pending"]{background:#1a3853;color:#d2ebff;border-color:#507da5} .inbox-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px} .inbox-delete{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border-radius:10px;border:1px solid #d5a6ab;background:#fff1f2;color:#9b2738;cursor:pointer} .inbox-delete svg{width:19px;height:19px} html[data-theme="dark"] .inbox-delete{background:#4b2832;border-color:#b06a79;color:#ffe0e5} .inbox-delete:focus-visible{outline:3px solid #569bdf;outline-offset:2px} /* V12.8.0 – ruhigere, schnellere Interaktionen */ :root{--hecht-ease:cubic-bezier(.2,.75,.25,1)} @media (prefers-reduced-motion:no-preference){ .inbox-modal.page:not(.hide){animation:hecht-modal-in .24s var(--hecht-ease) both} .inbox-backdrop:not(.hide){animation:hecht-backdrop-in .2s ease both} .inbox-animated{animation:hecht-card-in .2s var(--hecht-ease) both} .inbox-removing{animation:hecht-card-out .17s ease forwards;pointer-events:none} .btn,.nav,.tile,.booking-option,.inbox-delete,.header-theme-toggle{transition:background-color .17s ease,color .17s ease,border-color .17s ease,box-shadow .17s ease,transform .17s var(--hecht-ease)} .btn:active,.tile:active,.booking-option:active,.inbox-delete:active{transform:scale(.985)} @keyframes hecht-modal-in{from{opacity:0;transform:translate(-50%,-48%) scale(.975)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}} @keyframes hecht-backdrop-in{from{opacity:0}to{opacity:1}} @keyframes hecht-card-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @keyframes hecht-card-out{to{opacity:0;transform:translateX(12px);max-height:0;margin:0;padding-top:0;padding-bottom:0}} } .inbox-message{border-radius:14px;box-shadow:0 2px 10px rgba(20,50,80,.045)} .inbox-message .inbox-actions{justify-content:flex-start} .inbox-delete{margin-left:auto} /* v12.8.2: kompakter, farbiger Lesestatus mit Haken */ .inbox-read-check{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;border:1.5px solid #7899b5;background:transparent;color:#7899b5;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease} .inbox-read-check svg{width:23px;height:23px} .inbox-read-check:not(:disabled):active{transform:scale(.92)} .inbox-read-check.is-read{background:#168a62;border-color:#168a62;color:#fff;cursor:default;opacity:1} html[data-theme="dark"] .inbox-read-check:not(.is-read){color:#b4d4ee;border-color:#7196b5} html[data-theme="dark"] .inbox-read-check.is-read{background:#168a62;border-color:#32b888;color:#fff} .inbox-read-check:focus-visible{outline:3px solid #569bdf;outline-offset:3px} button:focus-visible,a:focus-visible{outline:3px solid #60a5fa;outline-offset:3px} /* 12.9.1 – Native-Feeling, schlank und mit Reduced-Motion-Unterstützung */ .settings-install-link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--premium-line,#d8e4ed);background:rgba(70,135,180,.065);color:inherit;border-radius:15px;padding:13px 14px;cursor:pointer;font:inherit;min-height:66px} .settings-install-link>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0} .settings-install-link strong{font-size:14px}.settings-install-link small{font-size:12px;opacity:.75} .settings-install-icon{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;background:#e2eff9;color:#245b83;border-radius:11px;font-size:21px} html[data-theme="dark"] .settings-install-link{background:#1c3348;border-color:#3a5267;color:#e9f3fb} html[data-theme="dark"] .settings-install-icon{background:#294d6c;color:#d8edff} .settings-install-link:active{transform:scale(.985)} /* Touch targets, tactile feedback and fluid page entry without layout thrashing */ @media (pointer:coarse){.nav,.header-theme-toggle,.settings-close,.settings-install-link{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav{min-height:58px}.settings-install-link{min-height:64px}} .page:not(.hide):not(.inbox-modal){animation:hecht-page-enter .19s ease-out both} @keyframes hecht-page-enter{from{opacity:.82;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){.page:not(.hide):not(.inbox-modal){animation:none!important}.settings-install-link{transition:none!important}} /* V12.9.3 – Navigation, einheitliche Unterseiten und App-Feinschliff */ :root{--hecht-nav-accent:#3b89b8} .bottom{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(250,253,255,.96);box-shadow:0 -5px 22px rgba(18,43,70,.085)} .navinner{align-items:center;gap:2px} .navinner>.nav:not(.nav-booking){position:relative;border-radius:13px;min-height:54px;padding:7px 5px 6px;transition:color .18s ease,background-color .18s ease} .navinner>.nav:not(.nav-booking).active{background:rgba(62,142,187,.11);color:#1d668e} .navinner>.nav:not(.nav-booking).active::after{content:"";position:absolute;bottom:2px;left:35%;right:35%;height:3px;border-radius:8px;background:var(--hecht-nav-accent)} .navinner>.nav:not(.nav-booking):active{background:rgba(62,142,187,.13)} .nav-booking .booking-icon{transition:transform .16s ease,box-shadow .16s ease} .nav-booking:active .booking-icon{transform:scale(.94);box-shadow:0 2px 9px rgba(32,91,123,.28)} html[data-theme="dark"] .bottom{background:rgba(17,31,48,.96)!important} html[data-theme="dark"] .navinner>.nav:not(.nav-booking).active{background:rgba(101,173,222,.19);color:#a9d9fa} html[data-theme="dark"] .navinner>.nav:not(.nav-booking).active::after{background:#8bcaf3} /* All content pages share the same visual hierarchy as the homepage. */ .page:not(#start):not(.inbox-modal)>.heading{padding:19px 20px 18px;margin:13px 0 23px;border-radius:19px;background:linear-gradient(135deg,rgba(54,120,164,.105),rgba(54,120,164,.025));border:1px solid rgba(77,137,176,.13)} .page:not(#start):not(.inbox-modal)>.heading h1{font-size:clamp(25px,4.5vw,32px);line-height:1.16;letter-spacing:-.75px} .page:not(#start):not(.inbox-modal)>.heading p{margin-top:8px;line-height:1.6} .page:not(#start):not(.inbox-modal) .item,.page:not(#start):not(.inbox-modal) .news{border-radius:18px} html[data-theme="dark"] .page:not(#start):not(.inbox-modal)>.heading{background:linear-gradient(135deg,rgba(52,109,150,.25),rgba(52,109,150,.07));border-color:#344e66} /* Reviews need breathing room before the copyright/footer. */ #start .reviews-section{margin-bottom:clamp(44px,7vw,74px)} #start .reviews-section .reviews-link{margin-bottom:6px} /* Consistent, tactile controls without introducing scripts or requests. */ .btn,.booking-option,.settings-install-link{transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease} .btn:disabled{cursor:wait;opacity:.68} @media(pointer:coarse){.navinner>.nav:not(.nav-booking){min-height:60px;touch-action:manipulation}.btn,.booking-option{touch-action:manipulation;-webkit-tap-highlight-color:transparent}} @media(prefers-reduced-motion:reduce){.navinner>.nav:not(.nav-booking),.nav-booking .booking-icon,.btn,.booking-option,.settings-install-link{transition:none!important}} /* V12.9.4: Kompakte, klare News-Überschrift auf kleinen Displays. */ #start .home-news-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px} #start .home-news-heading h2{margin:0;min-width:0;flex:1;line-height:1.24} #start .home-news-more{flex:none;display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#397f9f;font-size:13px;font-weight:750;padding:9px 0 9px 8px;white-space:nowrap;border-radius:8px;min-height:42px} #start .home-news-more span{font-size:18px;line-height:1} #start .home-news-more:focus-visible{outline:2px solid currentColor;outline-offset:3px} @media(max-width:430px){#start .home-news-heading{gap:8px}#start .home-news-heading h2{font-size:clamp(19px,5.2vw,23px)}#start .home-news-more{font-size:12px;padding-left:4px}} html[data-theme="dark"] #start .home-news-more{color:#a9d9fa} /* V12.10.5: responsive Kontaktformular – bewusst nur auf den Kontaktbereich begrenzt */ #kontakt .app-contact-form{display:flex;flex-direction:column;gap:15px;min-width:0;width:100%;margin-top:20px} #kontakt .app-contact-form .field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;width:100%;min-width:0;margin:0!important} #kontakt .app-contact-form .field label{display:block!important;width:100%;font-weight:600;line-height:1.45;margin:0!important} #kontakt .app-contact-form .field input,#kontakt .app-contact-form .field textarea{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;position:static!important;float:none!important;border-radius:12px;padding:13px 14px;font:inherit;font-size:16px;line-height:1.5;background:var(--card,rgba(255,255,255,.07));color:inherit;border:1px solid rgba(140,170,200,.4);outline-offset:2px} #kontakt .app-contact-form .field textarea{min-height:145px;resize:vertical} #kontakt .app-contact-form .field input:focus,#kontakt .app-contact-form .field textarea:focus{outline:2px solid #59a8df;border-color:transparent} #kontakt .app-contact-form input:-webkit-autofill,#kontakt .app-contact-form input:-webkit-autofill:hover,#kontakt .app-contact-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text,#eaf3ff)!important;box-shadow:0 0 0 1000px var(--surface,#1b2b40) inset!important;transition:background-color 9999s ease-out} #kontakt .app-contact-form label:has(input[type="checkbox"]){display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;line-height:1.5} #kontakt .app-contact-form input[type="checkbox"]{width:18px!important;height:18px!important;flex:0 0 18px;margin-top:3px!important;accent-color:#258dd1} #kontakt .app-contact-form button[type="submit"]{align-self:flex-start;max-width:100%;white-space:normal} #kontakt #app-contact-status{overflow-wrap:anywhere;line-height:1.5} @media(max-width:480px){#kontakt .app-contact-form button[type="submit"]{width:100%;text-align:center;justify-content:center}} /* V14: one unified interface; desktop website navigation and app bottom navigation */ .unified-desktop-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px auto 18px;max-width:1180px;padding:0 16px} .unified-desktop-nav button,.unified-desktop-nav a{font:inherit;border:1px solid var(--border,#d4e0ea);background:var(--card,#fff);color:inherit;border-radius:12px;padding:11px 14px;cursor:pointer;text-decoration:none} .unified-desktop-nav button:hover,.unified-desktop-nav a:hover{border-color:#4186b7} @media(max-width:760px){.unified-desktop-nav{display:none!important}} /* V14.0.1: Responsive desktop layout; app navigation remains mobile-only. */ @media (min-width: 761px) { .bottom { display: none !important; } .shell { max-width: 1180px !important; width: min(100% - 48px, 1180px); padding: 0 0 40px !important; margin: 0 auto; } .unified-desktop-nav { max-width: 1180px; padding: 0; margin: 0 0 24px; gap: 10px; } .unified-desktop-nav button, .unified-desktop-nav a { padding: 12px 16px; } .top { padding: 22px 0 20px; } .hero { min-height: 360px; padding: 55px clamp(32px, 5vw, 75px); } .hero h1 { max-width: 740px; font-size: clamp(42px, 4.2vw, 60px); } .hero p { max-width: 640px; font-size: 17px; } .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .tile { min-height: 170px; padding: 24px; } .team-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-photo img { height: clamp(280px, 32vw, 440px); } .booking-sheet { max-width: 760px; } .footer { padding-bottom: 20px; } } @media (min-width: 761px) and (max-width: 990px) { .cards, .team-grid, .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } .unified-desktop-nav { gap: 6px; } .unified-desktop-nav button, .unified-desktop-nav a { padding: 10px 11px; font-size: 13px; } } @media (max-width: 760px) { .unified-desktop-nav { display: none !important; } .bottom { display: flex; } } /* V14.0.3: clean desktop pill navigation with explicit theme contrast. */ @media (min-width: 761px) { .unified-desktop-nav { display:flex; flex-wrap:wrap; align-items:center; gap:5px; width:max-content; max-width:100%; margin:4px 0 28px; padding:6px; border-radius:18px; background:#edf3f8; border:1px solid #d7e3ed; box-shadow:0 5px 20px rgba(10,37,65,.06); } .unified-desktop-nav button { appearance:none; border:1px solid transparent; border-radius:12px; background:transparent; color:#18344f; padding:11px 17px; font:600 14px/1.3 inherit; font-family:inherit; font-size:14px; font-weight:650; cursor:pointer; transition:background .18s,color .18s,box-shadow .18s; } .unified-desktop-nav button:hover, .unified-desktop-nav button:focus-visible { color:#0d3555; background:#fff; box-shadow:0 2px 9px rgba(14,47,73,.1); } .unified-desktop-nav button:focus-visible {outline:2px solid #3487be;outline-offset:2px} html[data-theme="dark"] .unified-desktop-nav { background:#152c42 !important; border-color:#38536a !important; box-shadow:0 6px 22px rgba(0,0,0,.22); } html[data-theme="dark"] .unified-desktop-nav button { background:transparent !important; color:#f1f7fc !important; border-color:transparent !important; } html[data-theme="dark"] .unified-desktop-nav button:hover, html[data-theme="dark"] .unified-desktop-nav button:focus-visible { background:#294a65 !important; color:#fff !important; } } @media (min-width:761px) and (max-width:990px) { .unified-desktop-nav button {padding:10px 12px;font-size:13px} } @media (max-width:760px) {.unified-desktop-nav {display:none!important}} /* V14.0.4: Desktop-Foto ohne erzwungenen Zuschnitt; Terminmenü nur Desktop */ @media(min-width:761px){ #start .home-photo{width:100%;max-width:1180px;overflow:hidden} #start .home-photo img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;aspect-ratio:1500/749} .desktop-appointments{position:relative;margin-left:auto} .desktop-appointments>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;border-radius:12px;padding:11px 17px;font-size:14px;font-weight:700;background:#24638b;color:#fff;min-height:43px} .desktop-appointments>summary::-webkit-details-marker{display:none} .desktop-appointments>summary:hover,.desktop-appointments[open]>summary{background:#174b70} .desktop-appointments-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:25;width:245px;display:grid;gap:5px;padding:8px;border:1px solid #d7e3ed;border-radius:15px;background:#fff;box-shadow:0 14px 35px #102e4850} .unified-desktop-nav .desktop-appointments-menu a,.unified-desktop-nav .desktop-appointments-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;border:0!important;border-radius:10px;padding:12px 13px;background:transparent;color:#18344f!important;font-size:14px;font-weight:600;white-space:nowrap} .unified-desktop-nav .desktop-appointments-menu a:hover,.unified-desktop-nav .desktop-appointments-menu button:hover{background:#eaf3f9;color:#123955!important;box-shadow:none} html[data-theme="dark"] .desktop-appointments>summary{background:#34769e;color:#fff} html[data-theme="dark"] .desktop-appointments-menu{background:#172c40;border-color:#42617a} html[data-theme="dark"] .unified-desktop-nav .desktop-appointments-menu a,html[data-theme="dark"] .unified-desktop-nav .desktop-appointments-menu button{color:#edf6ff!important;background:transparent!important} html[data-theme="dark"] .unified-desktop-nav .desktop-appointments-menu a:hover,html[data-theme="dark"] .unified-desktop-nav .desktop-appointments-menu button:hover{background:#294a65!important} } @media(max-width:760px){.desktop-appointments{display:none!important}} /* V14.0.5: prominent appointments control next to inbox, desktop only */ @media (min-width:761px){ header.top>.desktop-appointments{display:block!important;position:relative;margin-left:auto;margin-right:10px;z-index:60} header.top>.desktop-appointments>summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:13px;background:#17628e!important;color:#fff!important;box-shadow:0 4px 14px rgba(17,77,116,.20);font-size:14px;font-weight:750;cursor:pointer;list-style:none} header.top>.desktop-appointments>summary:hover,header.top>.desktop-appointments[open]>summary{background:#0c476c!important} header.top>.desktop-appointments>summary::-webkit-details-marker{display:none} header.top>.desktop-appointments .desktop-appointments-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:100;width:255px;display:grid;gap:5px;padding:8px;border:1px solid #d7e3ed;border-radius:15px;background:#fff;box-shadow:0 14px 35px #102e4850} header.top>.desktop-appointments .desktop-appointments-menu a,header.top>.desktop-appointments .desktop-appointments-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:0;border-radius:10px;padding:12px 13px;background:transparent;color:#18344f;font:600 14px inherit;text-decoration:none;cursor:pointer} header.top>.desktop-appointments .desktop-appointments-menu a:hover,header.top>.desktop-appointments .desktop-appointments-menu button:hover{background:#eaf3f9} html[data-theme="dark"] header.top>.desktop-appointments>summary{background:#2876a5!important;color:#fff!important} html[data-theme="dark"] header.top>.desktop-appointments .desktop-appointments-menu{background:#18334a;border-color:#426078} html[data-theme="dark"] header.top>.desktop-appointments .desktop-appointments-menu a,html[data-theme="dark"] header.top>.desktop-appointments .desktop-appointments-menu button{color:#f2f8ff!important} html[data-theme="dark"] header.top>.desktop-appointments .desktop-appointments-menu a:hover,html[data-theme="dark"] header.top>.desktop-appointments .desktop-appointments-menu button:hover{background:#294a65!important} } @media(max-width:760px){header.top>.desktop-appointments{display:none!important}} /* Desktop: compact, undistorted reception photo */ @media(min-width:761px){#start .home-photo{width:100%;max-width:950px;margin:24px auto 28px;border-radius:20px}#start .home-photo img{display:block;width:100%;height:clamp(240px,31vw,390px)!important;max-height:390px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 48%!important} /* Comfortable grids and natural team images */ #team .team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}#team .person{min-width:0}#team .person>img{width:100%;height:clamp(250px,28vw,340px);object-fit:cover;object-position:center 25%} #start .reviews-section{max-width:1180px;width:100%}#start .reviews-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible!important;scroll-snap-type:none!important}#start .review-card{min-width:0;flex:auto!important;width:auto!important;scroll-snap-align:none!important} } @media(min-width:761px) and (max-width:1020px){#start .reviews-track{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){#start .reviews-track{display:grid!important;grid-template-columns:1fr;gap:12px;overflow:visible!important;scroll-snap-type:none!important}#start .review-card{width:100%!important;max-width:none!important;flex:auto!important;box-sizing:border-box}#team .team-grid{grid-template-columns:1fr;gap:14px}#team .person>img{height:300px;object-fit:cover}} .service-more{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:9px 13px;border-radius:10px;background:#e4f0f8;color:#174b70;font-weight:700;text-decoration:none;font-size:14px}.service-more:hover,.service-more:focus-visible{background:#d1e7f5;text-decoration:underline}html[data-theme="dark"] .service-more{background:#24445d;color:#e5f5ff} /* Header appointment action: distinct from selected navigation state */ @media(min-width:761px){header.top>.desktop-appointments{margin-left:auto;margin-right:10px}header.top>.desktop-appointments>summary{background:transparent!important;color:#184968!important;border:1px solid #9bb8cb!important;box-shadow:none!important;border-radius:999px!important;font-size:14px!important;min-height:44px;gap:9px;padding:9px 15px!important;transition:background .2s,border-color .2s,transform .2s}header.top>.desktop-appointments>summary:hover{background:#eaf3f9!important;border-color:#427b9e!important;transform:translateY(-1px)}header.top>.desktop-appointments[open]>summary{background:#eaf3f9!important;border-color:#427b9e!important}html[data-theme="dark"] header.top>.desktop-appointments>summary{background:transparent!important;color:#eaf5ff!important;border-color:#6386a0!important}html[data-theme="dark"] header.top>.desktop-appointments>summary:hover,html[data-theme="dark"] header.top>.desktop-appointments[open]>summary{background:#294760!important;color:#fff!important}} @media(max-width:760px){header.top>.desktop-appointments{display:none!important}} @media(max-width:760px){ #start .reviews-section{max-width:100%;min-width:0} #start .reviews-track{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;gap:12px!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:2px;padding:6px 2px 18px!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} #start .review-card{box-sizing:border-box;display:flex!important;flex:0 0 min(84vw,330px)!important;width:min(84vw,330px)!important;min-width:min(84vw,330px)!important;max-width:min(84vw,330px)!important;scroll-snap-align:start!important} } @media(min-width:761px){#start .reviews-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important}} .legal-combined{overflow-wrap:anywhere}.legal-combined a{word-break:break-word} /* V14.0.8: desktop appointment action matches the other header icon controls. */ @media(min-width:761px){ header.top>.desktop-appointments{margin-left:auto;margin-right:8px;z-index:80} header.top>.desktop-appointments>summary{box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:43px;padding:9px 12px!important;border:1px solid var(--border,#d6e4ed)!important;border-radius:12px!important;background:transparent!important;color:inherit!important;box-shadow:none!important;font-size:14px;font-weight:650;transform:none!important} header.top>.desktop-appointments>summary:hover,header.top>.desktop-appointments>summary:focus-visible{background:rgba(66,132,172,.10)!important;border-color:#7da9c5!important;outline-offset:2px} header.top>.desktop-appointments[open]>summary{background:rgba(66,132,172,.07)!important;border-color:var(--border,#d6e4ed)!important;box-shadow:none!important} header.top>.desktop-appointments>summary .appointment-icon{flex:none;opacity:.9} header.top>.desktop-appointments>summary .appointment-chevron{flex:none;opacity:.65;transition:transform .18s} header.top>.desktop-appointments[open]>summary .appointment-chevron{transform:rotate(180deg)} html[data-theme="dark"] header.top>.desktop-appointments>summary{color:#eaf5ff!important;border-color:#46627b!important;background:transparent!important} html[data-theme="dark"] header.top>.desktop-appointments>summary:hover,html[data-theme="dark"] header.top>.desktop-appointments>summary:focus-visible{background:#294760!important;border-color:#7294ac!important} html[data-theme="dark"] header.top>.desktop-appointments[open]>summary{background:#213b52!important;border-color:#46627b!important} /* Two featured reviews at once, with the rest available by horizontal scrolling. */ #start .reviews-section{max-width:100%;min-width:0} #start .reviews-track{display:flex!important;grid-template-columns:none!important;gap:16px;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:7px 3px 18px!important;overscroll-behavior-x:contain;scrollbar-width:thin} #start .review-card{box-sizing:border-box;flex:0 0 calc((100% - 16px)/2)!important;width:calc((100% - 16px)/2)!important;min-width:0!important;max-width:none!important;scroll-snap-align:start} } @media(min-width:761px) and (max-width:950px){#start .review-card{flex-basis:calc((100% - 16px)/2)!important}} /* V14.1.0 – Desktop polish. Mobile (<761px) intentionally unchanged. */ @media (min-width:761px) { :root { --hecht-ease:cubic-bezier(.22,1,.36,1); } .shell {width:min(100% - 56px,1180px)!important;min-width:0;} header.top {min-width:0;gap:clamp(8px,1.3vw,20px);align-items:center;} header.top .brand {min-width:0;flex:0 1 auto;} header.top .official-logo {max-width:100%;height:auto;object-fit:contain;} .unified-desktop-nav { display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:wrap; gap:clamp(3px,.5vw,8px)!important;max-width:100%;width:fit-content; padding:5px!important;margin:8px 0 26px!important; border-radius:15px!important;border:1px solid var(--border,#d9e5ed)!important; background:rgba(230,239,247,.56)!important;box-shadow:none!important; } .unified-desktop-nav button { border:0!important;border-radius:10px!important;background:transparent!important; color:#24435d!important;box-shadow:none!important; font-family:inherit!important;font-size:clamp(12px,1vw,14px)!important;font-weight:650!important; padding:10px clamp(10px,1.25vw,16px)!important;min-height:41px; transition:background-color .18s ease,color .18s ease,box-shadow .18s ease; } .unified-desktop-nav button:hover,.unified-desktop-nav button:focus-visible { background:#fff!important;color:#0f527e!important;box-shadow:0 2px 8px rgba(21,61,92,.08)!important; } header.top>.desktop-appointments {margin-left:auto!important;margin-right:6px!important;flex:0 0 auto;} header.top>.desktop-appointments>summary { min-height:43px!important;padding:9px 13px!important;gap:9px!important; border:1px solid var(--border,#d8e4ed)!important;border-radius:12px!important; background:transparent!important;color:inherit!important;box-shadow:none!important; font:650 13.5px/1.2 inherit!important;font-family:inherit!important;font-size:13.5px!important;font-weight:650!important; letter-spacing:.01em;transition:background-color .18s ease,border-color .18s ease!important; } header.top>.desktop-appointments>summary:hover,header.top>.desktop-appointments>summary:focus-visible { background:rgba(48,112,156,.075)!important;border-color:#9bbbcf!important; } header.top>.desktop-appointments[open]>summary {background:rgba(48,112,156,.06)!important;box-shadow:none!important;} header.top>.desktop-appointments .desktop-appointments-menu { border-radius:14px!important;padding:7px!important;box-shadow:0 16px 38px rgba(13,40,65,.14)!important; animation:hecht-menu-in .16s ease-out both;max-width:min(290px,calc(100vw - 32px)); } header.top>.desktop-appointments .desktop-appointments-menu a, header.top>.desktop-appointments .desktop-appointments-menu button { border-radius:9px!important;min-height:42px;transition:background-color .16s ease!important; } #start .reviews-track {scrollbar-width:thin;scrollbar-color:#b4cbdc transparent;} #start .review-card {transition:border-color .2s ease,box-shadow .2s ease;} #start .review-card:hover {border-color:#bdd3e3;box-shadow:0 6px 18px rgba(17,53,80,.06);} #start .home-photo, #start .home-photo img {max-width:100%;} #start .home-photo img {object-fit:cover;} main,main .page,main .cards,main .team-grid,main .gallery {min-width:0;} main img {max-width:100%;} .card,.review-card,.team-card {min-width:0;overflow-wrap:break-word;} a,button,summary { -webkit-tap-highlight-color:transparent; } :where(button,a,summary):focus-visible {outline:2px solid #398fc5;outline-offset:3px;} html[data-theme="dark"] .unified-desktop-nav {background:#152c42!important;border-color:#38536a!important;} html[data-theme="dark"] .unified-desktop-nav button {color:#e6f1f9!important;background:transparent!important;} html[data-theme="dark"] .unified-desktop-nav button:hover, html[data-theme="dark"] .unified-desktop-nav button:focus-visible {background:#294a65!important;color:#fff!important;box-shadow:none!important;} html[data-theme="dark"] header.top>.desktop-appointments>summary {color:#eaf5ff!important;border-color:#46627b!important;background:transparent!important;} html[data-theme="dark"] header.top>.desktop-appointments>summary:hover {background:#294760!important;} } @media (min-width:761px) and (max-width:1050px) { .shell {width:calc(100% - 36px)!important;} .unified-desktop-nav {width:100%;justify-content:center;} .unified-desktop-nav button {flex:1 1 auto;white-space:nowrap;} } @media (min-width:761px) and (max-width:860px) { header.top>.desktop-appointments>summary {padding:9px 10px!important;} #start .review-card {flex-basis:calc((100% - 16px)/2)!important;} } @keyframes hecht-menu-in {from {opacity:0;transform:translateY(-5px)}to {opacity:1;transform:translateY(0)}} @media (prefers-reduced-motion:reduce) { header.top>.desktop-appointments .desktop-appointments-menu {animation:none!important;} .unified-desktop-nav button,#start .review-card,header.top>.desktop-appointments>summary {transition:none!important;} } /* 14.1.3: desktop header as one balanced compact navigation row */ @media(min-width:761px){ .shell{width:min(calc(100% - 48px),1180px)!important} .shell>header.top{display:flex!important;align-items:center!important;gap:clamp(10px,1.5vw,22px)!important;flex-wrap:nowrap!important;padding:12px 0 8px!important;margin:0!important;min-height:0!important} .shell>header.top .brand{flex:0 1 auto!important;margin:0 auto 0 0!important;min-width:0!important} .shell>header.top .official-logo{width:clamp(185px,22vw,270px)!important;max-width:100%!important;height:auto!important} .shell>header.top .desktop-appointments{margin-left:0!important;flex:0 0 auto!important} .shell>header.top .header-theme-toggle,.shell>header.top>.btn{flex:0 0 auto!important} .shell>.unified-desktop-nav{margin:0 0 18px!important;padding:4px!important;gap:3px!important;max-width:100%!important} .shell>.unified-desktop-nav button{padding:9px 13px!important;font-size:13px!important} } @media(min-width:761px) and (max-width:1000px){ .shell>header.top{gap:8px!important} .shell>header.top .official-logo{width:clamp(160px,23vw,210px)!important} .shell>header.top .desktop-appointments>summary{padding:9px 10px!important;gap:6px!important} .shell>header.top .header-theme-toggle{width:38px!important;height:38px!important} } @media(max-width:760px){.shell>header.top,.shell>.unified-desktop-nav{ /* existing mobile styles unchanged */ }} /* Desktop only: original two-row hierarchy. Logo left; appointments + icon actions grouped right. */ @media (min-width:761px) { header.top {display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:8px!important;padding-bottom:10px!important} header.top>.brand {flex:1 1 auto!important;min-width:0!important;margin-right:0!important} header.top>.desktop-appointments {flex:0 0 auto!important;margin:0 4px 0 0!important} header.top>.desktop-appointments>summary {white-space:nowrap!important} header.top>button,header.top>.header-theme-toggle {flex:0 0 auto!important;margin-left:0!important;margin-right:0!important} .unified-desktop-nav {display:flex!important;position:relative!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:5px!important;width:max-content!important;max-width:100%!important;margin:2px 0 22px!important} } @media (max-width:760px) {#v14-1-3-header-layout{display:none}} .return-bar{margin:4px 0 18px} .return-link{display:inline-flex;align-items:center;gap:9px;border:1px solid #d7e3ed;border-radius:12px;padding:10px 15px;background:#eef4f8;color:#225978;font-size:14px;font-weight:700;transition:background .16s ease} .return-link:hover{background:#dcecf5} .return-link svg{width:18px;height:18px} html[data-theme=dark] .return-link{background:#152c42;border-color:#38536a;color:#e5f3ff} html[data-theme=dark] .return-link:hover{background:#294a65} .breadcrumbs{font-size:13px;color:#647f90;margin:12px 0 24px} .breadcrumbs a{text-decoration:underline;text-underline-offset:3px} .hero{border-radius:25px;padding:45px clamp(24px,5vw,62px);background:linear-gradient(115deg,#153e55,#2e607b);color:white} .eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;color:#d0e7f5} .hero h1{font-size:clamp(33px,4.5vw,56px);line-height:1.12;letter-spacing:-.035em;margin:18px 0} .hero p{font-size:17px;line-height:1.7;color:#e2eff6;max-width:750px;margin:0} .section{margin-top:35px} .section h2{font-size:clamp(23px,2.7vw,32px);letter-spacing:-.025em;margin:0 0 17px} .detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px} .detail-card{background:#fff;border:1px solid #dce7ee;border-radius:18px;padding:clamp(20px,3vw,30px);box-shadow:0 6px 22px #173c5210} .detail-card p{line-height:1.78;color:#425c6b;margin:0 0 15px} .detail-card p:last-child{margin-bottom:0} .detail-card h3{margin:0 0 14px;font-size:20px} .detail-card ul{padding-left:20px;margin:0;line-height:1.85;color:#425c6b} .detail-card li{padding-left:3px;margin-bottom:8px} .cta{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#163e55;border-radius:20px;padding:26px;color:white} .cta h2{margin:0 0 6px;font-size:24px} .cta p{margin:0;color:#d9e9f2} .cta a{background:#fff;color:#163e55;padding:13px 20px;border-radius:12px;font-weight:700} .detail-foot{margin-top:40px;padding:22px 0;border-top:1px solid #dce7ee;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:14px;color:#506b7b} .detail-foot a{text-decoration:underline;text-underline-offset:3px} .mobile-return{display:none} html[data-theme=dark] .detail-card{background:#1a2a3c;border-color:#344a60;box-shadow:none} html[data-theme=dark] .detail-card p,html[data-theme=dark] .detail-card ul{color:#c9d9e6} html[data-theme=dark] .detail-foot{border-color:#38536a;color:#c9d9e6} html[data-theme=dark] .breadcrumbs{color:#b3c8d9} @media (max-width:760px){.hero{padding:30px 23px;border-radius:19px} .hero h1{font-size:34px} .hero p{font-size:15px} .detail-grid{grid-template-columns:1fr} .detail-card{padding:21px} .section{margin-top:27px} .mobile-return{display:block;margin-top:20px;color:#276e94;font-weight:650} .detail-foot{margin-top:30px}} @media (max-width:420px){.hero h1{font-size:30px}} @media (prefers-reduced-motion:no-preference){.top-icon,.unified-desktop-nav a,.cta a{transition:background .16s ease,transform .16s ease} .cta a:hover{transform:translateY(-2px)}} @media (min-width:761px){.shell>.hero{padding:26px clamp(24px,3.4vw,42px)!important;border-radius:23px!important} .shell>.hero .eyebrow{font-size:10px!important;letter-spacing:.14em!important} .shell>.hero h1{font-size:clamp(29px,3.1vw,42px)!important;line-height:1.12!important;margin:11px 0 10px!important} .shell>.hero p{font-size:15px!important;line-height:1.5!important} .shell>.section h2{font-size:clamp(22px,2.2vw,28px)!important;margin-bottom:14px!important}} @media (max-width:760px){.shell>.hero{padding:24px 22px!important} .shell>.hero h1{font-size:clamp(27px,7vw,33px)!important;margin:10px 0!important} .shell>.hero p{font-size:14px!important;line-height:1.5!important} .shell>.section h2{font-size:clamp(21px,5.5vw,26px)!important}} /* Shared main-site header; treatment-only content styles */ .detail-settings-panel{position:absolute;right:66px;top:90px;z-index:100;background:var(--card,#fff);color:var(--text,#19354b);border:1px solid var(--border,#d7e3ed);border-radius:16px;padding:10px;box-shadow:0 15px 40px #0002;min-width:175px} .detail-settings-panel[hidden]{display:none!important}.detail-settings-heading{font-weight:750;padding:9px 12px;font-size:13px}.detail-settings-panel button{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:0;border-radius:10px;padding:11px 12px;cursor:pointer}.detail-settings-panel button:hover,.detail-settings-panel button[aria-pressed=true]{background:var(--surface,#e6f0f7)} html[data-theme=dark] .detail-settings-panel{background:#152c42;color:#fff;border-color:#38536a}html[data-theme=dark] .detail-settings-panel button:hover,html[data-theme=dark] .detail-settings-panel button[aria-pressed=true]{background:#294a65} /* compact hero and treatment text */ main.treatment-main .hero{padding:24px clamp(22px,3vw,36px)!important;min-height:0!important}main.treatment-main .hero h1{font-size:clamp(29px,3vw,41px)!important;margin:9px 0!important}main.treatment-main .hero p{font-size:15px!important}main.treatment-main .section{margin-top:28px}main.treatment-main .section h2{font-size:clamp(22px,2.5vw,29px)} main.treatment-main{display:block!important}main.treatment-main .detail-card{height:auto} @media(max-width:760px){.detail-settings-panel{right:12px;top:74px}main.treatment-main .hero{padding:23px 20px!important}} /* V14.1.13: centered desktop navigation and two-column treatment cards. Mobile styling intentionally unchanged. */ @media (min-width:761px) { .shell > .unified-desktop-nav, .unified-desktop-nav { width:max-content!important; max-width:100%!important; margin-left:auto!important; margin-right:auto!important; justify-content:center!important; } #leistungen #serviceList { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; align-items:stretch!important; } #leistungen #serviceList > .service-card { min-width:0!important; width:100%!important; height:100%!important; margin:0!important; align-items:flex-start!important; } #leistungen #serviceList .service-copy {min-width:0;overflow-wrap:anywhere} #leistungen #serviceList .service-art {flex-shrink:0} } @media (min-width:761px) and (max-width:950px) { #leistungen #serviceList > .service-card {gap:12px!important;padding:16px!important} #leistungen #serviceList .service-art {flex-basis:60px!important;width:60px!important;height:60px!important} #leistungen #serviceList .service-art svg {width:48px!important;height:48px!important} } /* V14.1.15 — desktop-only navigation refinement */ @media(min-width:761px){ .unified-desktop-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex-wrap:wrap!important;width:max-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important} .unified-desktop-nav>.desktop-appointments{position:relative!important;display:block!important;flex:0 0 auto!important;margin:0 0 0 11px!important;padding-left:13px!important;border-left:1px solid #b8cbd9!important} .unified-desktop-nav>.desktop-appointments>summary{display:flex!important;align-items:center!important;gap:7px!important;min-height:38px!important;padding:9px 13px!important;border-radius:11px!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;color:inherit!important;font-weight:650!important;font-size:14px!important;white-space:nowrap!important;cursor:pointer!important;list-style:none!important} .unified-desktop-nav>.desktop-appointments>summary::-webkit-details-marker{display:none} .unified-desktop-nav>.desktop-appointments>summary:hover,.unified-desktop-nav>.desktop-appointments[open]>summary{background:rgba(63,126,174,.10)!important;color:inherit!important} .unified-desktop-nav>.desktop-appointments .desktop-appointments-menu{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;z-index:200!important;min-width:215px!important} html[data-theme="dark"] .unified-desktop-nav>.desktop-appointments{border-left-color:#476278!important} html[data-theme="dark"] .unified-desktop-nav>.desktop-appointments>summary{color:#f1f7fc!important} html[data-theme="dark"] .unified-desktop-nav>.desktop-appointments>summary:hover,html[data-theme="dark"] .unified-desktop-nav>.desktop-appointments[open]>summary{background:#294a65!important} } @media(max-width:760px){.unified-desktop-nav>.desktop-appointments{display:none!important}} /* V14.2: unified finishing layer; existing layout and mobile navigation preserved. */ :root{--polish-accent:#4c94ad;--polish-focus:#76bed7} @media (prefers-reduced-motion:no-preference){ .tile,.news,.item,.service-card,.practice-photo,.dash-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} @media(hover:hover){.tile:hover,.news:hover,.item:hover,.service-card:hover,.dash-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #102d451c}} .btn,.top-icon,.header-theme-toggle,.unified-desktop-nav a,.unified-desktop-nav button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease} } :where(button,a,input,textarea,select):focus-visible{outline:3px solid var(--polish-focus)!important;outline-offset:3px} .page>.heading h1{letter-spacing:-.035em;line-height:1.12} .page>.heading p{max-width:66ch} .page h2{letter-spacing:-.022em} html[data-theme="dark"] .page h2,html[data-theme="dark"] .section-title{color:#b9ddec} html[data-theme="dark"] .page>.heading h1{color:#f5f9ff} html[data-theme="dark"] .page .muted,html[data-theme="dark"] .page>.heading p{color:#b4c5d4} @media(max-width:760px){.page>.heading h1{line-height:1.17}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} /* V17.13.63: Kontrast des Terminbuttons auf Behandlungsseiten in beiden Themes */ .cta > a[href]{background:#ffffff!important;color:#163e55!important;-webkit-text-fill-color:#163e55!important;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;min-height:46px;white-space:normal;text-align:center} .cta > a[href]:hover,.cta > a[href]:focus-visible{background:#eaf4fa!important;color:#102f43!important;-webkit-text-fill-color:#102f43!important} html[data-theme="dark"] .cta > a[href],html.dark .cta > a[href]{background:#ffffff!important;color:#163e55!important;-webkit-text-fill-color:#163e55!important} html[data-theme="dark"] .cta > a[href]:hover,html[data-theme="dark"] .cta > a[href]:focus-visible,html.dark .cta > a[href]:hover,html.dark .cta > a[href]:focus-visible{background:#eaf4fa!important;color:#102f43!important;-webkit-text-fill-color:#102f43!important}