/* Artikel, Ratgeber-Übersichten, Rechtstexte – Maße aus capture/layout/{gewerbeeinheit…,blog-hauptseite-preisstrategien}-1440.txt */
.content { padding: 51px 0 0; }
.content__inner { max-width: 1028px; margin: 0 auto; padding-inline: 24px; }
.content--hub .content__inner { max-width: 1298px; }

.chip { display: inline-block; background: var(--color-bg-card); border-radius: 4px; padding: 4px 12px; font-size: 12px; line-height: 20px; text-transform: uppercase; letter-spacing: 0.06em; }
.hl--soft { background: rgba(192, 157, 123, 0.3); color: var(--color-text); padding: 0 0.2em; }
.content__toc { margin-top: 16px; display: flex; flex-direction: column; gap: 26px; font-size: 16px; line-height: 24px; }
.content__hr { border: 0; border-top: 1px solid rgba(25, 25, 25, 0.1); margin: 48px 0 0; }
.content--legal .content__hr, .content--hub .content__hr { display: none; }
.content__hr + .content__h2, .content__hr + .content__p--short { margin-top: 40px; }
.content__title { margin-top: 25px; font-size: 48px; line-height: 61.4px; }
.content--hub .content__title { margin-top: 50px; }
.content__title + .content__h2 { margin-top: 0; }
.content__h2 { margin-top: 64px; font-size: 32px; line-height: 41.6px; }
.content__h2 .hl--outline { border-bottom: 0; }
.content__h3 { margin-top: 32px; font-size: 24px; line-height: 31.4px; }
.content__lead { margin-top: 24px; font-size: 20px; line-height: 30px; font-weight: 400; font-family: var(--font-text); letter-spacing: 0; }
.content__p { margin-top: 20px; font-size: 16px; line-height: 24px; }
.content__p a { text-decoration: underline; }
.content__p[data-size="l"] { font-size: 20px; line-height: 30px; }
.content__p[data-size="xl"] { font-size: 22px; line-height: 33px; }
.content__p[data-size="s"] { font-size: 14px; line-height: 21px; }
.content__p--short { font: 600 32px/41.6px var(--font-head); letter-spacing: -0.4px; margin-top: 56px; }
.content__list { margin-top: 20px; padding-left: 31px; list-style: disc; display: flex; flex-direction: column; gap: 16px; font-size: 16px; line-height: 24px; }
.content__list--ol { list-style: decimal; }
.content__image { margin-top: 24px; border-radius: 8px; }
.content__avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; margin-top: 26px; }
.content__avatar + .content__p { margin-top: -31px; margin-left: 56px; font-size: 14px; line-height: 21px; }
.content__buttons { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; }
.btn--text { color: #007324; box-shadow: rgb(0 115 36) 0 0 0 1px inset, rgb(0 115 36) 4px 4px 0 0; padding: 8px 24px; font: 600 15px/22.5px var(--font-text); min-height: 56px; }

/* Bronze-Kasten (Partner/Erstgespräch) */
.content__cta { display: grid; grid-template-columns: 603px 1fr; gap: 24px; margin: 100px 0 0; padding: 100px; }
.content__cta-actions, .content__cta .cta__form { justify-self: end; width: 424px; }
.content__cta .cta__text > :first-child { font: 600 48px/61.4px var(--font-head); letter-spacing: -0.4px; margin-top: 0; color: var(--color-white); }
@media (max-width: 767px) { .content__cta .cta__text > :first-child { font-size: 29px; line-height: 37px; } }
.content__cta-actions .content__buttons { flex-direction: column; margin-top: 0; }
.content--article .content__cta { margin-inline: -135px; }
.content__cta .content__title, .content__cta .content__h2, .content__cta .content__p--short { font-size: 48px; line-height: 61.4px; margin-top: 0; color: var(--color-white); }
.content__cta .content__h2 .hl { background: transparent; padding: 0; }
.content__cta .content__p { color: var(--color-white); }
.content__cta .content__lead, .content__cta .content__p + .content__p { color: var(--color-white); }
.content__cta .content__lead { margin-top: 20px; font: 600 24px/31.2px var(--font-head); max-width: 442px; }
.content__cta a:not(.btn) { color: inherit; text-decoration: underline; }
.content__cta .content__buttons .btn { background: var(--color-navy); color: var(--color-white); width: 100%; min-height: 72px; font: 600 18px/27px var(--font-text); margin-left: -4px; }
.content__cta .content__buttons .btn--outline { background: transparent; box-shadow: rgb(255 255 255) 0 0 0 1px inset, rgb(255 255 255) 4px 4px 0 0; }
.content__cta .content__buttons .btn--text { background: transparent; color: var(--color-white); box-shadow: none; min-width: 0; }

/* Artikel-Karten (Weiterführende Artikel / Artikelübersicht) */
.content__band { text-align: center; margin: 100px -135px 0; padding: 51px 0 28px; background: var(--color-bg-warm); font-size: 48px; line-height: 61.4px; }
.content--hub .content__band { margin-inline: calc(50% - 50vw); }
.content--article .content__band { margin-inline: calc(50% - 50vw); }
.content__band .hl--outline { border: 0; }
.article-cards { background: var(--color-bg-warm); margin-inline: calc(50% - 50vw); padding: 50px 0 60px; }
.article-cards__list { display: grid; grid-template-columns: repeat(3, 383px); gap: 50px; justify-content: center; }
.article-cards.slider { max-width: none; }
.article-cards.slider .slider__viewport { max-width: 1300px; margin: 0 auto; overflow: hidden; }
.article-cards.slider .article-cards__list { display: flex; gap: 0; }
.article-cards.slider { position: relative; }
.slider__arrow { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; border-radius: 50%; background: var(--color-text); color: var(--color-white); display: grid; place-items: center; }
.slider__arrow--prev { left: 24px; }
.slider__arrow--next { right: 24px; }
.slider__arrow::before { content: ''; width: 10px; height: 10px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); margin-left: -3px; }
.slider__arrow--prev::before { transform: rotate(-135deg); margin-left: 3px; }
.article-cards.slider .slider__item { padding: 0 25px; }
.article-card { display: flex; flex-direction: column; height: 100%; min-height: 673px; background: var(--color-white); border-radius: 8px; overflow: hidden; }
.article-card__image { width: 100%; height: 268px; object-fit: cover; }
.article-card__body { display: flex; flex-direction: column; flex: 1; padding: 32px 32px 32px; }
.article-card__title { font-size: 24px; line-height: 31.4px; }
.article-card__title .hl--outline { border: 0; }
.article-card__text { margin-top: 22px; font-size: 16px; line-height: 24px; }
.article-card__btn { margin: auto -4px 0; min-height: 61px; font: 600 17px/25.5px var(--font-text); letter-spacing: 0; }
.article-cards .slider__dots { margin-top: 24px; }

/* Leistungs-Slider wie Startseite */
.content__services { margin: 32px calc(50% - 50vw) 0; }
.content__services .slider { margin: 0 auto; }
.content__services + .content__h2, .content__services + .content__p--short { margin-top: 101px; }

/* Formular am Seitenende */
.content__form { margin: 100px calc(50% - 50vw) 0; padding: 141px 0 148px; }
.content__form .contact__inner { max-width: 1250px; margin: 0 auto; padding-inline: 24px; }
@media (min-width: 1300px) { .content__form .contact__inner { padding-inline: 0; } }
.content__form .contact__title { font-size: 42px; line-height: 54.6px; }

/* Rechtstexte */
.content--legal .content__inner { max-width: 1298px; }
.content--legal .content__title { text-align: center; font-size: 64px; line-height: 80.5px; margin-top: 0; }
.content--legal .content__p { margin-top: 10px; }
.content--legal .content__title + .content__p { margin-top: 100px; }
.content--legal .content__p { font: 600 20px/26px var(--font-head); letter-spacing: -0.4px; margin-top: 13px; }
.content--legal .content__list { font: 600 20px/26px var(--font-head); }
.content--legal .content__h2 { font-size: 24px; line-height: 31.4px; margin-top: 40px; }
.content--legal { padding-bottom: 80px; }

@media (max-width: 1023px) {
  .content--article .content__cta { margin-inline: 0; padding: 48px 24px; grid-template-columns: 1fr; }
  .content__cta-actions, .content__cta .cta__form { width: 100%; justify-self: stretch; }
  .article-cards__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding-inline: 24px; }
  .content__form { padding: 80px 0 100px; }
}
@media (max-width: 767px) {
  .content { padding-top: 40px; }
  .content__title { font-size: 32px; line-height: 40px; }
  .content__h2, .content__p--short { font-size: 24px; line-height: 31px; margin-top: 40px; }
  .content__band { font-size: 35.5px; line-height: 44.6px; margin-top: 60px; }
  .content__cta .content__title, .content__cta .content__h2, .content__cta .content__p--short { font-size: 29px; line-height: 37px; }
  .content__cta { margin-top: 60px; padding: 24px; }
  .article-cards__list { grid-template-columns: 1fr; }
  .article-card { min-height: 0; }
  .content__form .contact__title { font-size: 39.6px; line-height: 51.5px; }
}

/* Handy: Der Kasten stapelt sich auf allen Inhaltsseiten, bisher nur in Artikeln; in Hubs lief er 500 px über */
@media (max-width: 767px) {
  .content__cta { grid-template-columns: 1fr; padding: 48px 24px; margin-inline: 0; }
  .content__cta .cta__form { width: 100%; justify-self: stretch; }
}