.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(#0000006b,#0000004d),url(/images/gallery/hero.webp) center 30%/cover no-repeat;color:#fff;padding:120px 40px 80px}.hero-content{max-width:var(--max-w);margin:0 auto;width:100%}.hero-label{display:inline-flex;align-items:center;gap:12px;font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:#fff;margin-bottom:2rem}.hero-label:before{content:"";width:36px;height:1px;background:#fff}.hero h1{color:#fff;font-weight:300;max-width:820px;margin-bottom:1.8rem}.hero h1 strong{font-weight:500}.hero-sub{color:#f0f4f8;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:300;max-width:620px;margin-bottom:2.4rem}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:#fff;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;opacity:.7;transition:opacity .3s ease}.scroll-cue:hover{opacity:1}.scroll-cue:after{content:"";display:block;width:1px;height:32px;background:#fff;margin:12px auto 0;animation:scroll-line 2s ease-in-out infinite}@keyframes scroll-line{0%,to{transform:scaleY(.3);transform-origin:top}50%{transform:scaleY(1)}}.section{padding:120px 40px}.section .inner{max-width:var(--max-w);margin:0 auto}.section-intro{padding:140px 40px 100px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro-text h2{margin-bottom:1.5rem}.intro-text p{margin-bottom:1.2rem}.intro-text .btn{margin-top:1.5rem}.intro-img{aspect-ratio:4/5;overflow:hidden}.intro-img img{width:100%;height:100%;object-fit:cover}.section-behandlungen{background:var(--blue-bg)}.behandlungen-header{text-align:center;max-width:720px;margin:0 auto 60px}.behandlungen-header h2{margin-bottom:1rem}.behandlungen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.behandlung-card{background:#fff;padding:40px 28px;transition:all .35s ease;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;min-height:200px;text-decoration:none;color:inherit}.behandlung-card:hover{background:var(--blue);color:#fff}.behandlung-card:hover h3,.behandlung-card:hover .behandlung-num{color:#fff}.behandlung-card:hover .behandlung-arrow{color:#fff;transform:translate(4px)}.behandlung-num{font-size:.75rem;letter-spacing:.15em;color:var(--blue);margin-bottom:16px;transition:color .3s ease}.behandlung-card h3{font-size:1.02rem;font-weight:500;margin-bottom:auto;padding-bottom:24px;transition:color .3s ease}.behandlung-arrow{font-size:1.4rem;color:var(--blue);transition:all .3s ease}.team-header{text-align:center;max-width:720px;margin:0 auto 70px}.team-header h2{margin-bottom:1rem}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 32px}.team-card{text-align:left}.team-photo{aspect-ratio:3/4;overflow:hidden;margin-bottom:20px;background:var(--blue-bg)}.team-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.team-card:hover .team-photo img{transform:scale(1.04)}.team-photo.placeholder{display:flex;align-items:center;justify-content:center;background:var(--blue-bg)}.team-photo.placeholder svg{width:60px;height:60px;color:var(--blue-light)}.team-name{font-size:1.02rem;font-weight:500;color:var(--dunkel);margin-bottom:6px}.team-role{font-size:.85rem;color:var(--blue);letter-spacing:.05em}.section-galerie{background:var(--blue-bg);padding:120px 40px}.galerie-header{text-align:center;max-width:720px;margin:0 auto 60px}.galerie-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1400px;margin:0 auto}.galerie-item{aspect-ratio:1;overflow:hidden;cursor:pointer;background:var(--blue-bg)}.galerie-item.wide{grid-column:span 2;aspect-ratio:2}.galerie-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;display:block}.galerie-item:hover img{transform:scale(1.06)}.notfall-box{background:var(--blue);padding:40px 32px;color:#fff}.notfall-box h3{color:#fff;margin-bottom:1rem}.notfall-box p{color:#ffffffe6;margin-bottom:1.5rem}.section-kontakt{background:var(--dunkel);color:#fff;padding:100px 40px}.section-kontakt .inner{max-width:var(--max-w);margin:0 auto}.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.kontakt-header h2{color:#fff;margin-bottom:1.5rem}.kontakt-header p{color:#ffffffbf;margin-bottom:2rem}.kontakt-info{display:grid;gap:24px}.kontakt-block h4{color:var(--blue-light);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}.kontakt-block p,.kontakt-block a{color:#fff;font-size:1rem;line-height:1.7}.kontakt-block a:hover{color:var(--blue-light)}@media(max-width:1024px){.section,.section-intro{padding:80px 24px}.hero{padding:100px 24px 60px}.intro-grid{grid-template-columns:1fr;gap:48px}.intro-img{aspect-ratio:4/3;max-width:600px;margin:0 auto}.behandlungen-grid,.galerie-grid{grid-template-columns:repeat(3,1fr)}.team-grid{grid-template-columns:repeat(3,1fr);gap:32px 24px}.kontakt-grid{grid-template-columns:1fr;gap:48px}}@media(max-width:640px){.section,.section-intro{padding:70px 20px}.hero{padding:100px 20px 60px;min-height:90vh}.behandlungen-grid,.galerie-grid{grid-template-columns:1fr 1fr}.galerie-item.wide{grid-column:span 2;aspect-ratio:2}.team-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:100%;text-align:center}.section-galerie{padding:70px 0}}
