@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500&family=Inter:wght@300;400;500;600&display=swap";:root{--jb-primary: #0A3D91;--jb-primary-light: #3FA9F5;--jb-petrol: #2A6F7C;--jb-petrol-dark: #1E6E7E;--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-surface-alt: #F5F7FA;--color-text: #0A3D91;--color-text-body: #1A1A1A;--color-text-muted: #666666;--color-accent: #2A6F7C;--color-border: rgba(10, 61, 145, .12);--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 3.75rem;--text-6xl: 5rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--container-max: 1200px;--container-wide: 1400px;--header-h: 72px;--ease: cubic-bezier(.25, .46, .45, .94);--duration-fast: .18s;--duration-normal: .32s;--duration-slow: .5s;--shadow-sm: 0 1px 3px rgba(10, 61, 145, .08);--shadow-md: 0 4px 16px rgba(10, 61, 145, .12);--shadow-lg: 0 12px 40px rgba(10, 61, 145, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 100px}[data-theme=dark]{--color-bg: #0A0E14;--color-surface: #111827;--color-surface-alt: #0F1720;--color-text: #E8F0F8;--color-text-body: #CBD5E1;--color-text-muted: #8BA3BF;--color-accent: #5BA3D9;--color-border: rgba(232, 240, 248, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg);color:var(--color-text-body);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);transition:background-color var(--duration-slow) var(--ease),color var(--duration-slow) var(--ease)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl))}h2{font-size:clamp(var(--text-3xl),4vw,var(--text-4xl))}h3{font-size:clamp(var(--text-xl),2.5vw,var(--text-2xl))}h4{font-size:var(--text-lg)}p{max-width:65ch;color:var(--color-text-body)}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--duration-slow) var(--ease),transform var(--duration-slow) var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}.container--wide{max-width:var(--container-wide)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);display:flex;align-items:center;transition:background-color var(--duration-normal) var(--ease),box-shadow var(--duration-normal) var(--ease)}.site-header.scrolled{background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6);gap:var(--space-6)}.header-logo{display:flex;flex-direction:column;gap:1px;text-decoration:none}.header-logo__name{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--color-text);letter-spacing:-.01em;transition:color var(--duration-slow) var(--ease);white-space:nowrap}.header-logo__sub{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.site-header:not(.scrolled) .header-logo__name,.site-header:not(.scrolled) .site-nav__link,.site-header:not(.scrolled) .header-controls button{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}.site-header:not(.scrolled) .header-logo__sub{color:#ffffffb3}.site-nav{display:flex;align-items:center;gap:var(--space-6)}.site-nav__link{font-size:var(--text-sm);font-weight:500;color:var(--color-text);letter-spacing:.02em;transition:color var(--duration-fast) var(--ease);white-space:nowrap}.site-nav__link:hover{color:var(--color-accent)}.header-controls{display:flex;align-items:center;gap:var(--space-3)}.btn-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface);transition:all var(--duration-fast) var(--ease);white-space:nowrap}.btn-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.site-header:not(.scrolled) .btn-toggle{background:#ffffff26;border-color:#ffffff4d;color:#fff}.site-header:not(.scrolled) .btn-toggle:hover{background:#ffffff40}.btn-zahnfee{font-size:var(--text-xs);font-weight:500;color:var(--color-accent);padding:var(--space-1) var(--space-3);border:1px solid currentColor;border-radius:var(--radius-pill);transition:all var(--duration-fast) var(--ease);white-space:nowrap}.btn-zahnfee:hover{background:var(--color-accent);color:#fff}.site-header:not(.scrolled) .btn-zahnfee{color:#ffffffd9;border-color:#fff6}.site-header:not(.scrolled) .btn-zahnfee:hover{background:#fff3;color:#fff}.btn-menu{display:none;flex-direction:column;gap:5px;padding:var(--space-2)}.btn-menu span{display:block;width:22px;height:2px;background:currentColor;transition:all var(--duration-fast) var(--ease)}.mobile-nav{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:var(--color-surface);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6)}.mobile-nav.open{display:flex}.mobile-nav__link{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text);font-weight:300}.mobile-nav__close{position:absolute;top:var(--space-6);right:var(--space-6);font-size:var(--text-2xl);color:var(--color-text-muted);padding:var(--space-2)}.section{padding-block:var(--space-24)}.section--alt{background:var(--color-surface-alt)}.section__eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.section__title{margin-bottom:var(--space-6)}.section__lead{font-size:var(--text-lg);color:var(--color-text-muted);max-width:55ch;line-height:var(--leading-snug)}.site-footer{background:var(--jb-primary);color:#ffffffd9;padding-block:var(--space-16) var(--space-8)}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-logo{font-family:var(--font-display);font-size:var(--text-xl);color:#fff;margin-bottom:var(--space-4);font-weight:400}.footer-tagline{color:#fff9;font-size:var(--text-sm);max-width:32ch;line-height:var(--leading-snug)}.footer-col__title{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:var(--space-4)}.footer-col__links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-col__links a{font-size:var(--text-sm);color:#ffffffbf;transition:color var(--duration-fast) var(--ease)}.footer-col__links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:var(--space-8);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-copyright{font-size:var(--text-xs);color:#ffffff73;line-height:var(--leading-snug)}@media (max-width: 900px){.site-nav{display:none}.btn-menu{display:flex}.footer-inner{grid-template-columns:1fr;gap:var(--space-8)}}@media (max-width: 600px){.container,.header-inner{padding-inline:var(--space-4)}.btn-zahnfee{display:none}.footer-bottom{flex-direction:column;text-align:center}}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;transition:all var(--duration-normal) var(--ease);cursor:pointer;border:none;text-decoration:none}.btn--primary{background:var(--jb-primary);color:#fff}.btn--primary:hover{background:var(--jb-petrol-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}.btn--outline:hover{background:#ffffff1f;border-color:#fff}.btn--outline-dark{background:transparent;color:var(--jb-primary);border:1.5px solid var(--jb-primary)}.btn--outline-dark:hover{background:var(--jb-primary);color:#fff}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__video,.hero__img{width:100%;height:100%;object-fit:cover;object-position:center}.hero__img--kenburns{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:kenBurns 25s ease-in-out infinite alternate}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.08)}}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#061638a6,#0a3d9159,#2a6f7c40)}.hero__content{position:relative;z-index:1;width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6);padding-top:var(--header-h)}.hero__eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6;margin-bottom:var(--space-6)}.hero__title{font-family:var(--font-display);font-size:clamp(3rem,7vw,5.5rem);font-weight:300;color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-6);max-width:14ch}.hero__subtitle{font-size:clamp(var(--text-base),2vw,var(--text-xl));color:#fffc;max-width:48ch;line-height:var(--leading-snug);margin-bottom:var(--space-10);font-weight:300}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-4)}.hero__scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#ffffff80;font-size:var(--text-xs);letter-spacing:.08em;animation:scrollBounce 2.5s ease-in-out infinite}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent)}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.story{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.story__image{aspect-ratio:4 / 5;background:var(--color-surface-alt);border-radius:var(--radius-md);overflow:hidden;position:relative}.story__image img{width:100%;height:100%;object-fit:cover}.story__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.story__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-10)}.story__stat-num{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-text);line-height:1;margin-bottom:var(--space-1)}.story__stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.treatments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);margin-top:var(--space-12)}.treatment-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);transition:all var(--duration-normal) var(--ease)}.treatment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:transparent}.treatment-card__icon{width:44px;height:44px;margin-bottom:var(--space-6);color:var(--color-accent)}.treatment-card__icon svg{width:100%;height:100%}.treatment-card__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-3);font-weight:400}.treatment-card__text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);max-width:none}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-8);margin-top:var(--space-12)}.team-card{text-align:center}.team-card__photo{aspect-ratio:3 / 4;background:var(--color-surface-alt);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-4);position:relative}.team-card__photo img{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(100%);transition:filter var(--duration-slow) var(--ease)}.team-card__photo:hover img{filter:grayscale(0%)}.team-card__photo-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);background:var(--color-surface-alt)}.team-card__name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);font-weight:400;margin-bottom:var(--space-1)}.team-card__role{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.04em}.zahnfee-bridge{background:linear-gradient(135deg,#d6eef8,#ebf5fb,#d8f2f0);padding-block:var(--space-24);text-align:center}[data-theme=dark] .zahnfee-bridge{background:linear-gradient(135deg,#0d2030,#0f2833,#0d2530)}.zahnfee-bridge__emoji{font-size:3rem;margin-bottom:var(--space-6);display:block}.zahnfee-bridge__title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));color:var(--jb-petrol-dark);margin-bottom:var(--space-4);font-weight:400}[data-theme=dark] .zahnfee-bridge__title{color:var(--color-accent)}.zahnfee-bridge__text{font-size:var(--text-lg);color:var(--jb-petrol-dark);max-width:52ch;margin-inline:auto;margin-bottom:var(--space-8);opacity:.8}[data-theme=dark] .zahnfee-bridge__text{color:var(--color-text-muted)}.btn--zahnfee{background:var(--jb-petrol-dark);color:#fff}.btn--zahnfee:hover{background:var(--jb-petrol);transform:translateY(-1px);box-shadow:0 8px 24px #1e6e7e4d}.anfahrt-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start;margin-top:var(--space-12)}.anfahrt-map{aspect-ratio:4 / 3;background:var(--color-surface-alt);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.anfahrt-map img{width:100%;height:100%;object-fit:cover}.anfahrt-map-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted);padding:var(--space-8);text-align:center}.anfahrt-info{display:flex;flex-direction:column;gap:var(--space-6)}.anfahrt-item{display:flex;gap:var(--space-4);align-items:flex-start}.anfahrt-item__icon{flex-shrink:0;width:20px;height:20px;color:var(--color-accent);margin-top:2px}.anfahrt-item__label{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1)}.anfahrt-item__value{font-size:var(--text-base);color:var(--color-text-body)}.kontakt-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start;margin-top:var(--space-12)}.kontakt-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-body);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--jb-primary)}.form-group textarea{resize:vertical;min-height:120px}.form-note{font-size:var(--text-xs);color:var(--color-text-muted)}.kontakt-direct{display:flex;flex-direction:column;gap:var(--space-6)}.kontakt-cta-box{background:var(--jb-primary);border-radius:var(--radius-md);padding:var(--space-8);color:#fff}.kontakt-cta-box h3{font-family:var(--font-display);font-size:var(--text-2xl);color:#fff;font-weight:400;margin-bottom:var(--space-4)}.kontakt-cta-box p{color:#ffffffb3;font-size:var(--text-sm);margin-bottom:var(--space-6)}.kontakt-cta-box .btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);width:100%;justify-content:center}.kontakt-cta-box .btn:hover{background:#ffffff40}.oeffnungszeiten{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-6)}.oeffnungszeiten h4{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4)}.oz-row{display:flex;justify-content:space-between;padding-block:var(--space-2);border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.oz-row:last-child{border-bottom:none}@media (max-width: 900px){.story{grid-template-columns:1fr}.story__image{aspect-ratio:16 / 9}.anfahrt-grid,.kontakt-wrapper{grid-template-columns:1fr}}@media (max-width: 600px){.hero__title{max-width:100%}.treatments-grid{grid-template-columns:1fr}.team-grid,.story__stats{grid-template-columns:1fr 1fr}}@media (max-width: 400px){.team-grid{grid-template-columns:1fr}}