:root{--brand-primary: #cdb99f;--brand-accent: #eeb01a;--color-emphasis-high: var(--brand-accent);--color-emphasis-medium: var(--brand-primary);--color-emphasis-low: #828282;--brand: var(--brand-primary);--dark: #413c3c;--neutral: #828282;--container-max: 1120px;--section-padding-y: clamp(2.5rem, 6vw, 5rem);--toolbar-height: 72px;--mat-primary-500: var(--brand-primary);--mat-primary-600: #b8a68a;--mat-primary-700: #a69375;--mat-accent-500: var(--brand-accent);--mat-accent-600: #d49e17;--mat-accent-700: #ba8c14;--mat-accent-900: #413c3c;--mat-accent-800: #454545}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;line-height:1.6;color:var(--dark)}.container{margin-inline:auto;max-width:var(--container-max);padding-inline:1rem}.section-padding{padding-block:var(--section-padding-y)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in{opacity:0;animation:fadeIn .8s ease-out forwards}.fade-in-up{opacity:0;animation:fadeInUp .8s ease-out forwards}.slide-in-left{opacity:0;animation:slideInLeft .8s ease-out forwards}.slide-in-right{opacity:0;animation:slideInRight .8s ease-out forwards}.stagger-animation{opacity:0;animation:fadeInUp .6s ease-out forwards}app-start,app-about,app-augenheilkunde,app-aesthetik,app-contact{opacity:0;transition:opacity .8s ease-out}app-start.animate-triggered,app-about.animate-triggered,app-augenheilkunde.animate-triggered,app-aesthetik.animate-triggered,app-contact.animate-triggered{opacity:1}.stagger-animation:nth-child(1){animation-delay:.1s}.stagger-animation:nth-child(2){animation-delay:.2s}.stagger-animation:nth-child(3){animation-delay:.3s}.stagger-animation:nth-child(4){animation-delay:.4s}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.fade-in,.fade-in-up,.slide-in-left,.slide-in-right,.stagger-animation{animation:none;opacity:1}}@media (prefers-contrast: high){:root{--brand-primary: #b8a68a;--brand-accent: #d49e17;--color-emphasis-high: var(--brand-accent);--color-emphasis-medium: var(--brand-primary);--brand: var(--brand-primary);--dark: #000000;--neutral: #595959}}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}*,*:before,*:after{box-sizing:border-box}:focus{outline:2px solid var(--brand);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--brand);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:10000}.skip-link:focus{top:6px}