/* Eigene Datei statt <style>: die Content-Security-Policy der Firmenseite gilt auch
   für /erfinderwerk und sperrt eingebettete Stile. */
@font-face { font-family: "Inter"; src: url("/fonts/inter-var-latin.woff2") format("woff2");
             font-weight: 100 900; font-display: swap; }
html, body { height: 100%; margin: 0; }
body { display: flex; flex-direction: column; background: #fff; color: #002a52;
       font-family: "Inter", "Segoe UI", Arial, Helvetica, sans-serif; }
main { flex: 1; display: flex; flex-direction: column; align-items: center;
       justify-content: center; text-align: center; padding: 48px 20px; }
img { width: min(360px, 80vw); height: auto; margin-bottom: 40px; }
h1 { font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 700; margin: 0 0 16px;
     max-width: 22em; line-height: 1.25; }
p { margin: 0; max-width: 36em; line-height: 1.6; }
.slogan { color: #14a9a5; font-weight: 600; font-size: 1.05rem; margin-bottom: 32px; }
.marke { color: #888889; font-size: .9rem; }
footer { text-align: center; padding: 20px; font-size: .85rem; color: #888889; }
footer a { color: #002a52; margin: 0 10px; }