@import url('tokens/fonts.css');
@import url('tokens/colors.css');
@import url('tokens/typography.css');
@import url('tokens/spacing.css');
@import url('tokens/effects.css');
*{margin:0;box-sizing:border-box}
body{background:var(--surface-page);font-family:var(--font-body);color:var(--text-primary)}
a{color:var(--text-link)}
a:hover{color:var(--text-link-hover)}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
.skiplink{position:absolute;left:-9999px;top:0;background:var(--clay-700);color:#fff;padding:var(--space-2) var(--space-4);z-index:100}
.skiplink:focus{left:var(--space-2);top:var(--space-2)}
.header{position:sticky;top:0;z-index:10;background:var(--surface-card);border-bottom:1px solid var(--border-subtle)}
.header-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);gap:var(--space-6);flex-wrap:wrap}
.brand{text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--text-primary);display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}
.brand span{font-family:var(--font-body);font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--clay-600)}
.nav{display:flex;gap:var(--space-2);flex-wrap:wrap}
.nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 var(--space-3);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:2px solid transparent}
.nav a[aria-current="page"]{color:var(--clay-700);border-bottom-color:var(--clay-600)}
.phone-link{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:700;color:var(--clay-700);text-decoration:none;font-size:var(--text-sm);white-space:nowrap}
.footer{background:var(--stone-900);color:var(--stone-300);padding:var(--space-12) var(--space-6);margin-top:var(--space-16)}
.footer-inner{max-width:var(--container-max);margin:0 auto;display:flex;justify-content:space-between;gap:var(--space-10);flex-wrap:wrap;font-family:var(--font-body);font-size:var(--text-sm)}
.footer-brand{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--stone-50);margin-bottom:var(--space-2)}
.footer-links{display:flex;gap:var(--space-6)}
.footer-links a{color:var(--stone-300)}
.footer-note{max-width:var(--container-max);margin:var(--space-8) auto 0;font-family:var(--font-body);font-size:var(--text-xs);color:var(--stone-500)}
.footer-contact-line{margin-top:var(--space-2)}
.page-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);margin:0}
.page-lead{font-family:var(--font-body);color:var(--text-secondary);margin-top:var(--space-2)}
.page-lead-spaced{margin-bottom:var(--space-8)}
.team-hero-img{width:100%;height:520px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-8)}
.hours-hero-img{width:100%;height:260px;object-fit:cover;border-radius:var(--radius-lg);margin-top:var(--space-8)}
.notice-card p{margin:0}
.card-form{padding:var(--space-8)}
.service-card h3{margin-top:var(--space-3)}
main{display:block}
.hero{background:var(--surface-accent-tint);padding:var(--space-24) var(--space-6) var(--space-16)}
.hero-inner{max-width:var(--container-narrow);margin:0 auto;text-align:center}
.hero h1{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--text-primary);line-height:var(--leading-tight);margin:0}
.hero p{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary);margin-top:var(--space-4)}
.hero-ctas{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-8);flex-wrap:wrap}
.hero-tags{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-6)}
.btn{font-family:var(--font-body);font-weight:600;font-size:var(--text-base);border-radius:var(--radius-md);border:var(--border-width-thin) solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-6);text-decoration:none;transition:background var(--duration-fast) var(--ease-standard)}
.btn-primary{background:var(--brand-primary);color:var(--text-on-accent)}
.btn-primary:hover{background:var(--brand-primary-hover);color:var(--text-on-accent)}
.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-default)}
.btn-outline:hover{background:var(--surface-sunken);color:var(--text-primary)}
.section{max-width:var(--container-max);margin:0 auto;padding:var(--space-16) var(--space-6)}
.section-narrow{max-width:var(--container-narrow);margin:0 auto;padding:var(--space-16) var(--space-6)}
.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}
.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}
.card h3{font-family:var(--font-display);font-size:var(--text-lg);margin:0;color:var(--text-primary)}
.card p{font-family:var(--font-body);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-top:var(--space-2)}
.quote-section{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-6) var(--space-16);text-align:center}
.quote-section p:first-child{font-family:var(--font-display);font-style:italic;font-size:var(--text-xl);color:var(--text-primary);line-height:var(--leading-snug)}
.quote-section p:last-child{font-family:var(--font-body);color:var(--text-muted);margin-top:var(--space-2)}
.gallery{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6) var(--space-24);display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap}
.gallery img{width:260px;height:360px;object-fit:cover;border-radius:var(--radius-lg)}
.doctor-grid{display:grid;grid-template-columns:320px 1fr;gap:var(--space-10)}
.doctor-grid img{width:320px;height:400px;object-fit:cover;border-radius:var(--radius-lg)}
.doctor-grid h1{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);margin:0}
.doctor-grid .role{font-family:var(--font-body);color:var(--text-secondary);margin-top:var(--space-2)}
blockquote{font-family:var(--font-display);font-style:italic;font-size:var(--text-xl);color:var(--text-primary);border-left:3px solid var(--clay-400);padding-left:var(--space-5);margin:var(--space-8) 0}
blockquote footer{font-family:var(--font-body);font-style:normal;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}
.doctor-grid > div > p{font-family:var(--font-body);color:var(--text-secondary);line-height:var(--leading-relaxed)}
.badge-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-6)}
.badge{display:inline-flex;align-items:center;padding:2px var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600}
.badge-accent{background:var(--surface-accent-tint);color:var(--clay-700)}
.badge-success{background:var(--success-100);color:var(--success-500)}
.badge-warning{background:var(--warning-100);color:var(--warning-500)}
.services-filter{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-6)}
.services-filter button{font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-secondary);cursor:pointer}
.services-filter button[aria-pressed="true"]{background:var(--clay-600);color:var(--text-on-accent);border-color:var(--clay-600)}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);margin-top:var(--space-8)}
.service-card[hidden]{display:none}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}
.team-grid .card{padding:var(--space-5)}
.team-grid .name{font-family:var(--font-display);font-weight:600;color:var(--text-primary)}
.team-grid .role{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}
table{width:100%;border-collapse:collapse;margin-top:var(--space-8)}
th{text-align:left;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}
td{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}
.notice-card{background:var(--surface-accent-tint);border-radius:var(--radius-md);padding:var(--space-6);margin-top:var(--space-8);font-family:var(--font-body)}
.notice-card a{color:var(--clay-700);font-weight:700}
.notdienst-grid{margin-top:var(--space-8);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.notdienst-grid .label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}
.notdienst-grid .value{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);margin-top:var(--space-2)}
.contact-grid{max-width:var(--container-max);margin:0 auto;padding:var(--space-16) var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10)}
.contact-grid h1{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);margin:0}
.contact-grid .addr{font-family:var(--font-body);color:var(--text-secondary);margin-top:var(--space-2);line-height:var(--leading-relaxed)}
.contact-grid .addr a{color:var(--clay-700);font-weight:700}
.map-img{width:100%;height:320px;object-fit:cover;border-radius:var(--radius-lg);margin-top:var(--space-6)}
.route-link{display:inline-block;margin-top:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--clay-700)}
form{display:flex;flex-direction:column;gap:var(--space-5)}
.field{display:flex;flex-direction:column;gap:var(--space-2)}
.field label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-family:var(--font-body)}
.field input,.field textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-default)}
.field textarea{resize:vertical}
.field-hint{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-body);margin:0}
.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm)}
.checkbox-row input{margin-top:3px;width:18px;height:18px}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.legal h1{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);margin:0}
.legal h2{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin:var(--space-8) 0 var(--space-2)}
.legal p{font-family:var(--font-body);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:var(--space-2) 0}
.legal .open-item{background:var(--warning-100);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--warning-500);font-weight:600}
.thanks{text-align:center;padding:var(--space-24) var(--space-6)}
.thanks h1{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary)}
.thanks p{font-family:var(--font-body);color:var(--text-secondary);margin-top:var(--space-4)}
.thanks-back{margin-top:var(--space-6)}
@media (max-width:720px){.doctor-grid,.contact-grid,.notdienst-grid{grid-template-columns:1fr}.doctor-grid img{width:100%;height:280px}}