/* Offenes Design fuer migrierte Ratgeber-Seiten, geladen nach den alten Einzelbloecken. */
.sfw-article {
  --sfw-ratgeber-max: 1480px;
  --sfw-ratgeber-pad: max(18px, calc((100vw - var(--sfw-ratgeber-max)) / 2 + 18px));
  --sfw-ratgeber-readable: 1120px;
  --sfw-ratgeber-grid: 1404px;
  background: #fff;
  overflow-x: clip;
  padding: 0 0 48px !important;
}

.sfw-article,
.sfw-article * {
  letter-spacing: 0 !important;
}

.sfw-article .sfw-wrap {
  width: 100% !important;
  max-width: var(--sfw-ratgeber-max) !important;
  margin: 0 auto !important;
  padding: 0 18px 42px !important;
}

.sfw-article .sfw-hero {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: clamp(34px, 5vw, 72px) var(--sfw-ratgeber-pad) clamp(30px, 4vw, 54px);
  background: linear-gradient(135deg, rgba(193, 232, 195, 0.82), rgba(255, 255, 255, 0.9) 56%, rgba(97, 206, 112, 0.14));
  border: 0;
  border-bottom: 1px solid rgba(34, 142, 115, 0.16);
  border-radius: 0;
  box-shadow: none;
}

.sfw-article .sfw-hero h1 {
  max-width: 980px;
  font-size: clamp(34px, 4.4vw, 58px) !important;
  line-height: 1.05 !important;
  margin-bottom: 16px;
}

.sfw-article .sfw-sub {
  max-width: var(--sfw-ratgeber-readable);
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.62;
}

.sfw-article .sfw-toc,
.sfw-article .sfw-snippet {
  max-width: var(--sfw-ratgeber-grid);
  border-radius: 8px;
  box-shadow: none;
}

.sfw-article .sfw-card,
.sfw-article .sfw-authorbox,
.sfw-article .sfw-cta-box {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 0;
  margin-bottom: 0;
  padding: clamp(32px, 4vw, 56px) var(--sfw-ratgeber-pad);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.sfw-article .sfw-card-logic {
  background: #f6fbf7;
}

.sfw-article .sfw-card-info {
  background: #fff8ed;
}

.sfw-article .sfw-card-table,
.sfw-article .sfw-authorbox {
  background: #f7f9fc;
}

.sfw-article .sfw-cta-box {
  background: #228e73;
}

.sfw-article .sfw-card > h2,
.sfw-article .sfw-card > h3,
.sfw-article .sfw-card > p,
.sfw-article .sfw-card > ul,
.sfw-article .sfw-card > ol,
.sfw-article .sfw-card > .sfw-note-big,
.sfw-article .sfw-card > .sfw-practice,
.sfw-article .sfw-card > .sfw-safety-alert,
.sfw-article .sfw-card > .sfw-local-case,
.sfw-article .sfw-card > .sfw-checklist,
.sfw-article .sfw-card > .sfw-faq,
.sfw-article .sfw-author-inner,
.sfw-article .sfw-footnote,
.sfw-article .sfw-cta-box > * {
  max-width: var(--sfw-ratgeber-readable);
}

.sfw-article .sfw-logic-grid,
.sfw-article .sfw-cases,
.sfw-article .sfw-next-grid,
.sfw-article .sfw-table-wrap,
.sfw-article .sfw-pdf-box,
.sfw-article .sfw-download {
  max-width: var(--sfw-ratgeber-grid);
}

.sfw-article .sfw-h2 {
  font-size: clamp(24px, 2vw, 32px) !important;
  line-height: 1.15;
}

.sfw-article .sfw-card,
.sfw-article .sfw-note-big,
.sfw-article .sfw-faq-body,
.sfw-article .sfw-case p,
.sfw-article .sfw-author-note {
  font-size: 1rem;
}

.sfw-article .sfw-logic-item,
.sfw-article .sfw-case,
.sfw-article .sfw-check,
.sfw-article .sfw-practice,
.sfw-article .sfw-local-case,
.sfw-article .sfw-safety-alert,
.sfw-article .sfw-pdf-box,
.sfw-article .sfw-download,
.sfw-article .sfw-next,
.sfw-article .sfw-table-wrap,
.sfw-article .sfw-author-photo {
  border-radius: 8px;
  box-shadow: none;
}

.sfw-article .sfw-btn {
  border-radius: 8px;
}

@media (max-width: 700px) {
  .sfw-article .sfw-wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .sfw-article .sfw-hero,
  .sfw-article .sfw-card,
  .sfw-article .sfw-authorbox,
  .sfw-article .sfw-cta-box {
    width: 100%;
    margin-left: -18px;
    margin-right: -18px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .sfw-article .sfw-hero h1 {
    font-size: clamp(32px, 9vw, 42px) !important;
  }
}