/* SchalkeTOTAL – /newsletter/ (Königsblau, weiße Insel für das Formular, eckig) */

.st-nl { max-width: 980px; padding-bottom: 40px; }

.st-nl-head { padding: var(--st-page-top) 0 22px; border-bottom: 1px solid var(--st-line); }
.st .st-nl-kicker { margin: 0 0 6px; font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--st-text-soft); }
.st .st-nl-head h1 { margin: 0; font-size: clamp(30px, 8vw, 46px); font-weight: 800; line-height: 1.05; letter-spacing: -.01em; }
.st .st-nl-head h1 em { font-style: normal; color: #9cc3f0; }
.st .st-nl-lead { max-width: 40em; margin: 12px 0 0; font-size: 17px; line-height: 1.5; color: var(--st-text-soft); }

.st-nl-grid { display: grid; gap: 20px; padding-top: 22px; }
@media (min-width: 900px) { .st-nl-grid { grid-template-columns: minmax(0, 1fr) 300px; align-items: start; } }

/* Anmelde-Karte: weiße Insel */
.st-nl-card { padding: 22px 20px; background: #fff; color: #0b1f3a; }
.st .st-nl-card h2 { margin: 0 0 16px; font-size: 22px; font-weight: 800; line-height: 1.2; color: #0b1f3a; }
.st-nl-note { display: flex; flex-direction: column; gap: 3px; margin: 0 0 18px; padding: 12px 14px; border-left: 4px solid #5b6b82; background: #f1f5fa; font-size: 14.5px; line-height: 1.45; }
.st-nl-note b { font-size: 15.5px; }
.st-nl-note.is-ok { border-left-color: #1db954; background: #ecfaf1; }
.st-nl-note.is-bad { border-left-color: #e5283a; background: #fdecee; }
.st .st-nl-back { display: inline-flex; align-items: center; height: 46px; padding: 0 20px; background: var(--st-blue); color: #fff; font-weight: 800; }
.st .st-nl-back:hover { background: var(--st-blue-deep); }
.st .st-nl-off { margin: 0; color: #5b6b82; }

/* Vorteile */
.st-nl-perks { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--st-line); }
.st-nl-perks li { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; background: var(--st-blue-deep); }
.st-nl-perks b { font-size: 15.5px; font-weight: 800; }
.st-nl-perks small { font-size: 13.5px; line-height: 1.45; color: var(--st-text-soft); }

/* Fragen */
.st-nl-faq { margin-top: 32px; }
.st .st-nl-faq h2 { margin: 0 0 10px; font-size: 22px; font-weight: 800; }
.st-nl-faq details { border-top: 1px solid var(--st-line); }
.st-nl-faq details:last-of-type { border-bottom: 1px solid var(--st-line); }
.st-nl-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 0; font-size: 16px; font-weight: 700; cursor: pointer; list-style: none; }
.st-nl-faq summary::-webkit-details-marker { display: none; }
.st-nl-faq summary::after { content: "+"; flex: none; font-size: 22px; font-weight: 400; line-height: 1; }
.st-nl-faq details[open] summary::after { content: "–"; }
.st .st-nl-faq p { margin: 0 0 16px; max-width: 46em; font-size: 15.5px; line-height: 1.55; color: var(--st-text-soft); }

@media (max-width: 767px) {
	.st-nl-head, .st-nl-side, .st-nl-faq { padding-left: var(--st-gutter); padding-right: var(--st-gutter); }
	.st-nl-card { padding: 20px var(--st-gutter); }
}