/* Omnino Blog — geteiltes Stylesheet (Design-Sprache wie careers.html) */
@font-face{font-family:'Syne';src:url('/assets/fonts/syne-latin-wght-normal.woff2') format('woff2-variations');font-weight:400 800;font-display:swap}
@font-face{font-family:'Archivo';src:url('/assets/fonts/archivo-latin-wght-normal.woff2') format('woff2-variations');font-weight:100 900;font-display:swap}
@font-face{font-family:'Space Mono';src:url('/assets/fonts/space-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Space Mono';src:url('/assets/fonts/space-mono-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--bg:#0E0E11;--ink:#F4F4F0;--dim:#9A9AA2;--faint:#6A6A73;--neon:#D1E43C;--deep:#8B8BFF;
  --line:rgba(244,244,240,.11);--line2:rgba(244,244,240,.2);--raise:#15151A;
  --mono:'Space Mono',monospace;--disp:'Syne',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Archivo',sans-serif;font-size:16.5px;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.045;
  background:url('/assets/emblem/emblem-white-680.webp') no-repeat right -12vw center / min(58vw,720px)}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(52% 44% at 18% 8%, rgba(209,228,60,.05), transparent 60%),
             radial-gradient(46% 42% at 88% 86%, rgba(108,108,255,.06), transparent 58%)}
a{color:inherit;text-decoration:none}
::selection{background:var(--neon);color:#0E0E11}
.rahmen{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:0 clamp(20px,4.5vw,44px)}
header.kopf{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:clamp(18px,3vw,30px) 0;flex-wrap:wrap}
.wordmark{font-family:var(--disp);font-weight:800;letter-spacing:.34em;font-size:14px;white-space:nowrap}
.wordmark i{font-style:normal;color:var(--neon)}
nav.leiste{display:flex;gap:clamp(14px,2.5vw,26px);align-items:center;flex-wrap:wrap}
.lank{font-family:var(--mono);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);
  padding:8px 2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.lank:hover{color:var(--ink);border-bottom-color:var(--neon)}
.lank.da{color:var(--ink);border-bottom-color:var(--neon)}
main{position:relative;z-index:1;padding:clamp(30px,5vw,60px) 0 30px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-bottom:clamp(14px,2vw,22px)}
.eyebrow b{color:var(--neon);font-weight:400}
h1{font-family:var(--disp);font-weight:800;font-size:clamp(30px,5.6vw,54px);line-height:1.04;letter-spacing:-.02em;
  max-width:20ch;text-wrap:balance;hyphens:auto;overflow-wrap:break-word}
h1 em{font-style:normal;color:var(--neon);text-shadow:0 0 34px rgba(209,228,60,.35)}
.sub{margin-top:20px;font-size:clamp(16.5px,1.9vw,19px);color:#D2D2CE;max-width:58ch}
.sub strong{color:var(--ink)}
article.text{margin-top:clamp(34px,5vw,54px)}
article.text h2{font-family:var(--disp);font-weight:800;font-size:clamp(21.5px,3.1vw,30px);line-height:1.12;
  letter-spacing:-.012em;max-width:28ch;margin:clamp(38px,5.5vw,58px) 0 16px;text-wrap:balance}
article.text h2 em{font-style:normal;color:var(--neon)}
article.text p{max-width:64ch;margin:0 0 18px;color:#DDDDD8}
article.text p strong{color:var(--ink)}
article.text ul,article.text ol{max-width:62ch;margin:0 0 18px;padding-left:1.2em;color:#DDDDD8}
article.text li{margin-bottom:9px}
article.text li::marker{color:var(--neon)}
article.text a.q{color:var(--ink);border-bottom:1px solid var(--line2);transition:border-color .2s}
article.text a.q:hover{border-bottom-color:var(--neon)}
.fakt{border:1px solid var(--line);border-left:2px solid var(--neon);background:var(--raise);
  padding:18px 20px;margin:26px 0;max-width:64ch}
.fakt b{display:block;font-family:var(--mono);font-size:clamp(20px,2.6vw,26px);color:var(--neon);margin-bottom:6px}
.fakt span{color:var(--dim);font-size:14px}
.merk{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);margin:26px 0;max-width:64ch}
.merk>div{background:var(--bg);padding:16px 18px}
.merk b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--neon);margin-bottom:8px}
.merk p{font-size:14.5px;color:var(--dim);margin:0}
.quellen{margin:clamp(40px,6vw,60px) 0 0;border-top:1px solid var(--line);padding-top:18px;max-width:64ch}
.quellen h3{font-family:var(--mono);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);font-weight:400;margin-bottom:10px}
.quellen ol{padding-left:1.2em;font-size:13.5px;color:var(--dim)}
.quellen li{margin-bottom:6px}
.quellen a{border-bottom:1px solid var(--line);transition:border-color .2s;overflow-wrap:anywhere}
.quellen a:hover{border-bottom-color:var(--neon)}
.cta{margin:clamp(44px,6vw,64px) 0 0;border:1px solid var(--line2);background:var(--raise);padding:clamp(24px,4vw,36px)}
.cta h2{font-family:var(--disp);font-weight:800;font-size:clamp(21px,3vw,28px);line-height:1.1;margin:0 0 10px;max-width:26ch}
.cta h2 em{font-style:normal;color:var(--neon)}
.cta p{color:var(--dim);max-width:56ch;margin-bottom:18px}
.knopf{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;
  color:#0E0E11;background:var(--neon);padding:14px 22px;transition:transform .15s,box-shadow .2s}
.knopf:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(209,228,60,.25)}
.weiter{margin:clamp(40px,6vw,60px) 0 0;max-width:64ch}
.weiter h3{font-family:var(--mono);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);font-weight:400;margin-bottom:12px}
.weiter a{display:block;border:1px solid var(--line);padding:14px 18px;margin-bottom:10px;transition:border-color .2s,background .2s}
.weiter a:hover{border-color:var(--line2);background:var(--raise)}
.weiter b{font-family:var(--disp);font-weight:700;font-size:16px}
.weiter span{display:block;font-size:13px;color:var(--dim);margin-top:3px}
/* Blog-Index */
.liste{display:flex;flex-direction:column;gap:14px;margin-top:clamp(34px,5vw,54px)}
.karte{border:1px solid var(--line);background:var(--raise);padding:clamp(20px,3.4vw,30px);display:block;transition:border-color .2s,transform .15s}
.karte:hover{border-color:var(--line2);transform:translateY(-2px)}
.karte .datum{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint)}
.karte h2{font-family:var(--disp);font-weight:800;font-size:clamp(20px,3vw,27px);line-height:1.12;margin:10px 0 8px;max-width:26ch;text-wrap:balance}
.karte h2 em{font-style:normal;color:var(--neon)}
.karte p{color:var(--dim);max-width:62ch;font-size:15px}
.karte .mehr{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--neon)}
footer.legal{position:relative;z-index:1;margin-top:clamp(50px,8vw,90px);border-top:1px solid var(--line);
  padding:22px 0 34px;font-size:12.5px;color:var(--faint)}
footer.legal .rahmen{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding-top:0;padding-bottom:0}
footer.legal img{width:16px;height:15px;opacity:.7;vertical-align:-2px}
footer.legal a{border-bottom:1px solid transparent}
footer.legal a:hover{color:var(--dim);border-bottom-color:var(--line2)}
@media (max-width:560px){body{font-size:15.5px}.merk{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.karte:hover,.knopf:hover{transform:none}}