@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/DMSerifDisplay-Regular.latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/DMSerifDisplay-Regular.latinext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.latinext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold.latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold.latinext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.latinext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMono-Regular.latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMono-Regular.latinext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/JetBrainsMono-SemiBold.latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/JetBrainsMono-SemiBold.latinext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--farbe-primaer: #1b3a4b;--farbe-akzent: #4a9b8e;--farbe-neutral: #f7f5f2;--farbe-text: #2c2c2c;--farbe-warnung: #c17f3b;--farbe-linie: #e2ddd8;--farbe-primaer-hell: #2d5266;--farbe-akzent-schwach: #e8f2f0;--farbe-warnung-schwach: #f6ecdf;--font-display: "DM Serif Display", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--breite-inhalt: 46rem;--breite-seite: 72rem;--radius: 8px;--schatten: 0 1px 3px rgba(27, 58, 75, .08), 0 4px 12px rgba(27, 58, 75, .06)}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--farbe-text);background:var(--farbe-neutral);line-height:1.65;font-size:1.0625rem;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--farbe-primaer);line-height:1.2;font-weight:400}h1{font-size:2.25rem;margin:0 0 .75rem}h2{font-size:1.6rem;margin:2.5rem 0 .75rem}h3{font-size:1.25rem;margin:1.75rem 0 .5rem}a{color:var(--farbe-akzent);text-underline-offset:2px}a:hover{color:var(--farbe-primaer)}.text-link{text-decoration:none;background-image:linear-gradient(var(--farbe-akzent),var(--farbe-akzent));background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:1px;transition:background-size .7s cubic-bezier(.22,.61,.36,1),color .2s}.text-link:hover{background-size:100% 1.5px}.seite-inhalt article a,.seite-inhalt .einstieg a,.wie-wir p a{text-decoration:none;background-image:linear-gradient(var(--farbe-akzent),var(--farbe-akzent));background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:1px;transition:background-size .7s cubic-bezier(.22,.61,.36,1),color .2s}.seite-inhalt article a:hover,.seite-inhalt .einstieg a:hover,.wie-wir p a:hover{background-size:100% 1.5px}.marke-logo .logo-nadel{transform-box:fill-box;transform-origin:50% 50%}.marke-logo .logo-nadel.schwingt{animation:nadel-einschwingen 2.2s cubic-bezier(.2,.7,.3,1) both}@keyframes nadel-einschwingen{0%{transform:rotate(-34deg)}22%{transform:rotate(24deg)}44%{transform:rotate(-14deg)}63%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}92%{transform:rotate(1.5deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.marke-logo .logo-nadel.schwingt{animation:none}.text-link,.seite-inhalt article a,.seite-inhalt .einstieg a,.wie-wir p a{transition:none;background-size:0 0;text-decoration:underline;text-decoration-color:#4a9b8e80}}code,pre,cite{font-family:var(--font-mono);font-style:normal;font-size:.9em}.seite-inhalt :is(table,pre){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.seite-inhalt a{overflow-wrap:anywhere}.seite-header{background:#fff;border-bottom:1px solid var(--farbe-linie)}.seite-header .wrap{max-width:var(--breite-seite);margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.seite-header a{color:var(--farbe-primaer);text-decoration:none}.seite-header .marke{font-family:var(--font-display);font-size:1.3rem;display:inline-flex;align-items:center;gap:.55rem}.marke-logo{width:1.9rem;height:1.9rem;flex-shrink:0}.seite-header nav{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.95rem}.seite-header nav a{background-image:linear-gradient(var(--farbe-akzent),var(--farbe-akzent));background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:2px;transition:background-size .35s cubic-bezier(.22,.61,.36,1),color .2s}.seite-header nav a:hover{color:var(--farbe-akzent);background-size:100% 1.5px}@media (prefers-reduced-motion: reduce){.seite-header nav a{transition:none;background-size:0 0}.seite-header nav a:hover{text-decoration:underline;text-decoration-color:var(--farbe-akzent)}}.seite-inhalt{max-width:var(--breite-seite);margin:0 auto;padding:2.5rem 1.5rem 4rem}.artikel-grid{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:2.5rem;align-items:start}.artikel-grid>article{max-width:var(--breite-inhalt)}@media (max-width: 60rem){.artikel-grid{grid-template-columns:1fr}}.seite-footer{border-top:1px solid var(--farbe-linie);background:#fff;color:#5a5a5a;font-size:.9rem}.seite-footer .wrap{max-width:var(--breite-seite);margin:0 auto;padding:1.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-links{display:flex;gap:1.25rem;white-space:nowrap}.footer-links a{color:var(--farbe-akzent);text-decoration:none;background-image:linear-gradient(var(--farbe-akzent),var(--farbe-akzent));background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:2px;transition:background-size .35s cubic-bezier(.22,.61,.36,1),color .2s}.footer-links a:hover{color:var(--farbe-akzent);background-size:100% 1.5px}@media (prefers-reduced-motion: reduce){.footer-links a{transition:none;background-size:0 0}.footer-links a:hover{text-decoration:underline;text-decoration-color:var(--farbe-akzent)}}.hinweis{background:var(--farbe-warnung-schwach);border-left:3px solid var(--farbe-warnung);padding:.75rem 1rem;border-radius:0 var(--radius) var(--radius) 0;font-size:.95rem}
