:root{--color-red: #cc0033;--color-white: #ffffff;--color-text: #1a1a1a}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height, 140px)}body{margin:0;background:var(--color-white);color:var(--color-text);font-family:system-ui,sans-serif}footer{padding:2rem 1.5rem;text-align:center;border-top:1px solid #eeeeee;font-size:.9rem}footer a{color:var(--color-red);text-decoration:none}.legal-page{max-width:640px;margin:0 auto;padding:2rem 1.5rem 4rem}.legal-page h1,.legal-page h2{color:var(--color-red)}.legal-page h2{font-size:1.1rem;margin-top:2rem}header{position:sticky;top:0;background:var(--color-white);border-bottom:1px solid #eeeeee;z-index:10}header nav{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 1.5rem}.logo{height:72px;width:auto;display:block}#nav-toggle{display:none;background:none;border:1px solid var(--color-red);color:var(--color-red);padding:.5rem 1rem;border-radius:4px}#nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}#nav-links a{color:var(--color-text);text-decoration:none;font-weight:600}@media (max-width: 700px){#nav-toggle{display:inline-block}#nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--color-white);border-bottom:1px solid #eeeeee}#nav-links.nav-links--open{display:flex}#nav-links li{padding:.75rem 1.5rem;border-top:1px solid #eeeeee}}#hero{padding:4rem 1.5rem;text-align:center}.hero-image{width:100%;max-width:800px;height:auto;margin:2rem auto 0;display:block}#system{padding:0 1.5rem 4rem;max-width:640px;margin:0 auto;text-align:center}#anwendungsfaelle{padding:0 1.5rem 4rem;max-width:1100px;margin:0 auto;text-align:center}.anwendungsfall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.anwendungsfall{padding:1.25rem;border:1px solid #eeeeee;border-radius:4px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .2s ease}.anwendungsfall:hover{border-color:var(--color-red)}.anwendungsfall-icon{width:32px;height:32px;margin-bottom:.75rem;fill:none;stroke:var(--color-red);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.anwendungsfall h3{color:var(--color-red);font-size:1rem;margin:0 0 .5rem}.anwendungsfall p{margin:0;font-size:.9rem}#ueber-uns,#kontakt{padding:0 1.5rem 4rem;max-width:640px;margin:0 auto;text-align:center}#kontakt address{font-style:normal}#kontakt a{color:var(--color-red)}#hero h1,section>h2{color:var(--color-red);margin:0 0 .5rem}.hero-tagline{font-size:1.25rem;margin:0 0 2rem}