/* NIPPONFORCE Seiten – passt zur hellen CMS-Oberflaeche. */
.nf-page.panel {
  min-width: 0;
  min-height: 400px;
  padding: 28px 30px;
  background: #fff;
  color: #292641;
  border: 1px solid #e4e3ef;
  border-radius: 0;
  box-shadow: 0 3px 0 #ecebf4;
}
.nf-page-kicker {
  display: inline-block;
  color: #e7487c;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.nf-page h1 {
  margin: 12px 0 12px;
  font: 900 clamp(29px, 3.5vw, 42px)/1.15 'Barlow Condensed', Arial, sans-serif;
  color: #292641;
  overflow-wrap: anywhere;
}
.nf-page-updated {
  margin: 0 0 22px;
  padding-bottom: 15px;
  border-bottom: 2px solid #ebe9f1;
  color: #9290a6;
  font-size: 11px;
}
.nf-rich-content {
  color: #55516a;
  font-size: 14px;
  line-height: 1.9;
  overflow-wrap: anywhere;
}
.nf-rich-content p { margin: 12px 0 18px; }
.nf-rich-content h2,
.nf-rich-content h3,
.nf-rich-content h4 { color: #302c4e; margin: 26px 0 10px; line-height: 1.25; }
.nf-rich-content h2 { font-size: 24px; border-left: 4px solid #ff477e; padding-left: 12px; }
.nf-rich-content h3 { font-size: 19px; }
.nf-rich-content a,
.nf-page-return a {
  color: #cb2f6a;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.nf-rich-content a:hover,
.nf-page-return a:hover { color: #8c1d55; }
.nf-rich-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 19px auto;
  border: 1px solid #e4e3ef;
  border-radius: 3px;
  box-shadow: 3px 3px 0 #f0eaf2;
}
.nf-rich-content blockquote {
  margin: 19px 0;
  padding: 13px 18px;
  background: #fff3f7;
  border-left: 4px solid #ff477e;
  color: #534963;
}
.nf-rich-content ul,
.nf-rich-content ol { padding-left: 25px; }
.nf-rich-content li { padding: 3px 0; }
.nf-page-return {
  margin: 30px 0 0;
  padding-top: 17px;
  border-top: 1px solid #e8e5ef;
  font-size: 12px;
}
@media (max-width: 730px) {
  .nf-page.panel { padding: 22px 18px; }
}