html {
  -webkit-font-smoothing: antialiased;
  background:#e6e9e9;
  background-image:linear-gradient(270deg, rgb(230,233,233) 0%, rgb(216,221,221) 100%);
}
body {
  background:#fff; color:#545454;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:16px; line-height:1.5;
  margin:80px auto; padding:2em 2em 4em;
  box-shadow:0 0 2px rgba(0,0,0,.06);
}
h1,h2,h3,h4,h5,h6 { color:#222; font-weight:600; }
b,strong { font-weight:600; }
a { color:inherit; }
img {
  display:block; background:transparent;
  margin:1.3em auto; max-width:95%;
  animation:colorize 2s cubic-bezier(0,0,.78,.36) 1;
}
@keyframes colorize {
  0% { filter:grayscale(100%); }
  100% { filter:grayscale(0%); }
}

/* === CMS-Artikel (Prosa/Content) ======================= */
.cms {
  max-width: 980px;
  margin: 1.5rem auto 0;
  padding: 0 1rem;
}
.cms h2 { margin: 1.2rem 0 .6rem; font-size: 1.5rem; line-height: 1.25; }
.cms p { margin: .6rem 0 1rem; line-height: 1.6; }
.cms ul, .cms ol { margin: .6rem 0 1rem 1.3rem; }
.cms img { max-width: 100%; height: auto; }
.cms table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
.cms th, .cms td { border: 1px solid #ddd; padding: .5rem; vertical-align: top; }
.cms figure { margin: 1rem 0; }
.cms figcaption { font-size: .9rem; color: #555; margin-top: .3rem; }