/* Startseite "A poliert" (Front STARTSEITE, Bennis Abnahme 05.10.2026). Vorlage: a-poliert/bauen_a.py (entwurf_a) - Handy 390 px und PC 1280 px
   dort getrennt, hier eine Seite: Handy zuerst, ab 600 px Tablet, ab 900 px das PC-Raster. Alles unter body.lcb-sp; das Theme (Astra) lädt
   seine Stile weiter, deshalb setzt diese Datei Schrift, Abstände und Farben ihrer Elemente ausdrücklich. */
@font-face { font-family: "SP Figtree"; src: url(fonts/figtree-400-800-latin.woff2) format("woff2"); font-weight: 400 800; font-display: swap; }
@font-face { font-family: "SP Kalam"; src: url(fonts/kalam-400-latin.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "SP Kalam"; src: url(fonts/kalam-700-latin.woff2) format("woff2"); font-weight: 700; font-display: swap; }

body.lcb-sp {
	--sp-papier: #fbf6ec;
	--sp-weiss: #ffffff;
	--sp-tinte: #1f2840;
	--sp-weich: #4a5470;
	--sp-marke: #b9541f;
	--sp-marke-text: #9f4513;
	--sp-gruen: #2f7d57;
	--sp-sonne: #f7b538;
	--sp-linie: rgba(31, 40, 64, .14);
	--sp-hand: "SP Kalam", "Comic Sans MS", cursive;
	--sp-text: "SP Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
	--sp-rand: 20px;
	margin: 0; background: var(--sp-papier); color: var(--sp-tinte); font-family: var(--sp-text); font-size: 17px; line-height: 1.6;
	-webkit-font-smoothing: antialiased; overflow-x: clip;
}
.lcb-sp *, .lcb-sp *::before, .lcb-sp *::after { box-sizing: border-box; }
/* Theme-Vorgaben neutralisieren: Astra trennt Silben und schreibt Knöpfe groß */
.lcb-sp .sp, .lcb-sp .sp *, .lcb-sp .sp-kopf, .lcb-sp .sp-kopf *, .lcb-sp .sp-fuss, .lcb-sp .sp-fuss * {
	-webkit-hyphens: manual; hyphens: manual; word-break: normal; overflow-wrap: break-word; letter-spacing: normal; text-transform: none;
}
.lcb-sp img { max-width: 100%; height: auto; display: block; }
.lcb-sp a { color: inherit; }
/* Hover über Farbe, nicht über Deckkraft: opacity senkte die orangen Knöpfe auf 3,9:1 (Prüfer 05.10.) */
.lcb-sp a:hover { opacity: 1; }
.lcb-sp :focus-visible { outline: 3px solid var(--sp-tinte); outline-offset: 3px; border-radius: 6px; }
.lcb-sp svg { flex: none; }
.sp-unsichtbar { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sp-springen { position: absolute; left: 8px; top: -60px; z-index: 50; background: var(--sp-tinte); color: #fff !important; padding: 10px 16px; border-radius: 8px; font-weight: 700; }
.sp-springen:focus { top: 8px; }

.sp-wrap { width: 100%; max-width: calc(1120px + 2 * var(--sp-rand)); margin: 0 auto; padding: 0 var(--sp-rand); }
.sp-abschnitt { padding: 30px 0; }
.lcb-sp .sp-h1, .lcb-sp .sp-h2, .lcb-sp .sp-h3 { color: var(--sp-tinte); margin: 0; text-wrap: balance; }
.lcb-sp .sp-h2 { font-family: var(--sp-hand); font-weight: 700; font-size: 28px; line-height: 1.12; margin: 0 0 12px; }
.lcb-sp .sp-h3 { font-family: var(--sp-text); font-weight: 800; font-size: 22px; line-height: 1.25; margin: 30px 0 6px; }
.lcb-sp .sp-h3--abstand { margin-top: 36px; }
.lcb-sp .sp-h3--text { font-size: 20px; margin: 0; }
.lcb-sp .sp-text { margin: 0 0 14px; font-size: 16px; line-height: 1.6; color: var(--sp-weich); }
.lcb-sp .sp-text strong { color: var(--sp-tinte); }
.lcb-sp .sp-klein { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: var(--sp-weich); }
.lcb-sp .sp-textlink { color: var(--sp-marke-text); font-weight: 700; display: inline-block; padding: 12px 0; margin: -12px 0; text-decoration: underline; text-underline-offset: 3px; }

.sp-pfeil { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.sp-lupe { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.sp-haken { width: 18px; height: 18px; fill: none; stroke: var(--sp-gruen); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; margin-top: 3px; }
.sp-sterne { display: inline-flex; gap: 2px; vertical-align: -2px; }
.sp-sterne svg { width: 15px; height: 15px; fill: var(--sp-sonne); }

/* Knöpfe */
.lcb-sp .sp-knopf {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border-radius: 10px;
	background: var(--sp-marke); color: #fff; border: 2px solid var(--sp-marke); font-weight: 700; font-size: 17px; line-height: 1.2;
	text-decoration: none; text-align: center;
}
.lcb-sp .sp-knopf--dunkel { background: var(--sp-tinte); border-color: var(--sp-tinte); }
.lcb-sp .sp-knopf:hover, .lcb-sp .sp-kopf__shop:hover, .lcb-sp .sp-suche button:hover { background: var(--sp-marke-text); border-color: var(--sp-marke-text); color: #fff; }
.lcb-sp .sp-knopf--dunkel:hover { background: #121a2e; border-color: #121a2e; }
.lcb-sp .sp-knopf--rand:hover { background: var(--sp-tinte); color: #fff; }
.lcb-sp .sp-weg__link:hover .sp-weg__titel, .lcb-sp .sp-kachel:hover .sp-kachel__name, .lcb-sp .sp-karte:hover .sp-karte__titel, .lcb-sp .sp-tag__karte:hover .sp-tag__zeit { text-decoration: underline; text-underline-offset: 3px; }
.lcb-sp .sp-knopf--rand { background: transparent; color: var(--sp-tinte); border-color: var(--sp-tinte); }
.lcb-sp .sp-knopf--voll-handy { width: 100%; }
.sp-knoepfe { display: flex; flex-wrap: wrap; gap: 12px; }
.sp-knoepfe .sp-knopf { flex: 1 1 100%; }
.lcb-sp .sp-leiselink { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; color: var(--sp-tinte); font-weight: 600; font-size: 16px; text-decoration: underline; text-underline-offset: 3px; }
.lcb-sp .sp-unterstrichen { align-self: flex-start; display: inline-flex; align-items: center; min-height: 44px; color: var(--sp-tinte); font-weight: 700; font-size: 16px; text-decoration: underline; text-underline-offset: 3px; }

/* Kopf */
.sp-kopf { position: relative; z-index: 30; background: var(--sp-papier); border-bottom: 1px solid var(--sp-linie); }
.sp-kopf__zeile { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 12px; padding-bottom: 12px; }
.lcb-sp .sp-logo { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--sp-hand); font-weight: 700; font-size: 22px; color: var(--sp-tinte); text-decoration: none; line-height: 1; }
.sp-logo span { color: var(--sp-marke-text); margin-left: 2px; }
.sp-logo--hell, .lcb-sp .sp-logo--hell { color: #fff; font-size: 26px; }
.sp-logo--hell span { color: var(--sp-sonne); }
.lcb-sp .sp-logo__bild { display: block; width: auto; height: 52px; max-width: none; }
.sp-kopf__nav { display: none; }
.sp-kopf__rechts { display: flex; align-items: center; gap: 8px; }
.lcb-sp .sp-kopf__lupe, .sp-menue summary {
	display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 10px; border: 1px solid var(--sp-linie);
	color: var(--sp-tinte); background: transparent; cursor: pointer;
}
.lcb-sp .sp-kopf__shop { display: none; }
.sp-menue { position: relative; }
.sp-menue summary { list-style: none; flex-direction: column; gap: 4px; }
.sp-menue summary::-webkit-details-marker { display: none; }
.sp-menue summary span { display: block; width: 18px; height: 2px; background: var(--sp-tinte); }
.sp-menue nav { position: absolute; right: 0; top: 52px; width: 240px; background: #fff; border-radius: 16px; box-shadow: 0 12px 30px rgba(31, 40, 64, .2); overflow: hidden; }
.lcb-sp .sp-menue nav a { display: flex; align-items: center; min-height: 48px; padding: 0 20px; color: var(--sp-tinte); font-weight: 700; font-size: 17px; text-decoration: none; border-bottom: 1px solid var(--sp-linie); }
.lcb-sp .sp-menue nav a.sp-menue__shop { color: var(--sp-marke-text); font-weight: 800; border-bottom: 0; }

/* Herbst-Leiste (lcb-seo-block2) sitzt sonst im Astra-Kopf */
.lcb-sp #lcb-aktion { position: relative; z-index: 20; }

/* 1 Einstieg */
.sp-held { padding: 14px 0 26px; background: var(--sp-papier); }
.sp-held__raster { display: flex; flex-direction: column; }
.lcb-sp .sp-h1 { font-family: var(--sp-text); font-weight: 800; font-size: 32px; line-height: 1.08; letter-spacing: -.02em; margin: 0 0 6px; }
.lcb-sp .sp-h1__gruss { display: block; font-family: var(--sp-hand); font-weight: 700; font-size: 24px; letter-spacing: 0; color: var(--sp-marke-text); margin-bottom: 2px; }
.lcb-sp .sp-held__lead { margin: 0 0 6px; font-size: 16px; line-height: 1.6; color: var(--sp-weich); }
.lcb-sp .sp-held__lead strong { color: var(--sp-tinte); }
.sp-wege { display: flex; flex-direction: column; border-top: 2px dashed var(--sp-linie); }
.sp-weg { padding: 9px 0; }
.sp-weg--1 { border-bottom: 1px solid var(--sp-linie); order: 1; }
.sp-weg--2 { order: 2; padding-bottom: 0; }
.sp-weg--3 { border-top: 1px solid var(--sp-linie); order: 4; }
.lcb-sp .sp-weg__link { display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 12px; align-items: center; min-height: 44px; text-decoration: none; color: var(--sp-tinte); }
.sp-weg__bild { grid-row: 1 / span 2; width: 52px; height: 52px; object-fit: cover; border-radius: 8px; }
.sp-weg__bild--buch { object-fit: contain; border-radius: 0; filter: drop-shadow(0 4px 6px rgba(31, 40, 64, .18)); }
.sp-weg__kicker { font-family: var(--sp-hand); font-weight: 700; font-size: 16px; line-height: 1.3; color: var(--sp-marke-text); }
.sp-weg__titel { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-weight: 800; font-size: 18px; line-height: 1.2; }
.sp-weg__titel .sp-pfeil { width: 20px; height: 20px; color: var(--sp-marke-text); }
.sp-weg__unter { display: none; }
.sp-suche { order: 3; position: relative; display: flex; align-items: center; gap: 6px; margin: 10px 0 10px; background: #fff; border: 1.5px solid var(--sp-weich); border-radius: 10px; padding: 4px 4px 4px 14px; }
.sp-suche .sp-lupe { width: 18px; height: 18px; color: var(--sp-weich); }
.lcb-sp .sp-suche input[type="search"] {
	flex: 1; min-width: 0; min-height: 44px; margin: 0; padding: 0 4px; border: 0; background: transparent; box-shadow: none; outline: none;
	font-family: var(--sp-text); font-size: 16px; color: var(--sp-tinte); border-radius: 0;
}
.lcb-sp .sp-suche input::placeholder { color: #5d6680; opacity: 1; }
.lcb-sp .sp-suche:focus-within { outline: 2px solid var(--sp-tinte); outline-offset: 3px; }
.lcb-sp .sp-suche button {
	min-height: 44px; margin: 0; padding: 0 18px; border-radius: 7px; border: 0; background: var(--sp-marke); color: #fff; font-family: var(--sp-text);
	font-weight: 800; font-size: 15px; line-height: 1; cursor: pointer; box-shadow: none;
}

.sp-held__fotos { margin-top: 24px; }
.sp-polaroids { position: relative; height: 310px; max-width: 420px; margin: 0 auto; }
.lcb-sp .sp-polaroid { margin: 0; position: absolute; width: 47%; background: #fff; padding: 8px 8px 26px; border-radius: 6px; box-shadow: 0 10px 30px rgba(31, 40, 64, .18); }
.sp-polaroid img { width: 100%; }
.sp-polaroid figcaption { font-family: var(--sp-hand); font-size: 17px; line-height: 1.3; color: var(--sp-tinte); margin-top: 4px; }
.sp-polaroid--vorher { left: 0; top: 6px; transform: rotate(-4deg); }
.sp-polaroid--vorher figcaption { padding-left: 12px; }
.sp-polaroid--nachher { right: 0; top: 36px; transform: rotate(3deg); }
.sp-polaroid--nachher figcaption { text-align: center; }
.sp-aufkleber {
	position: absolute; left: 36%; top: 0; background: var(--sp-sonne); color: var(--sp-tinte); font-family: var(--sp-hand); font-weight: 700; font-size: 24px;
	line-height: 1.3; padding: 4px 14px; border-radius: 6px; transform: rotate(-6deg); box-shadow: 0 6px 16px rgba(31, 40, 64, .15);
}
.lcb-sp .sp-held__kein { margin: 4px 0 0; font-family: var(--sp-hand); font-size: 17px; line-height: 1.4; color: var(--sp-tinte); text-align: center; }
.lcb-sp .sp-held__zert { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 6px 0 0; font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--sp-tinte); }
.sp-held__zert .sp-haken { margin-top: 0; }
.sp-vertrauen { list-style: none; margin: 18px 0 0; padding: 16px 0 0; border-top: 1px dashed var(--sp-linie); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
.sp-vertrauen li { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.sp-vertrauen__wert { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 16px; color: var(--sp-tinte); }
.sp-vertrauen li > span:last-child { font-size: 14px; color: var(--sp-weich); }

/* 2 Rezepte für Deinen Tag */
.sp-rezepte { background: var(--sp-weiss); }
.sp-tag { display: grid; gap: 14px; margin-top: 16px; }
.lcb-sp .sp-tag__karte { display: flex; gap: 14px; align-items: center; text-decoration: none; color: var(--sp-tinte); }
.sp-tag__karte img { width: 80px; height: 80px; object-fit: cover; flex: none; border-radius: 8px; }
.sp-tag__text { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; row-gap: 2px; align-items: baseline; min-width: 0; }
.sp-tag__regel, .sp-tag__link { grid-column: 1 / -1; }
.sp-tag__uhr { order: 2; }
.sp-tag__zeit { order: 1; }
.sp-tag__regel { order: 3; }
.sp-tag__link { order: 4; }
.sp-tag__uhr { font-family: var(--sp-hand); font-weight: 700; font-size: 18px; line-height: 1.2; color: var(--sp-marke-text); }
.sp-tag__zeit { font-weight: 800; font-size: 19px; line-height: 1.2; }
.sp-tag__regel { font-size: 15px; line-height: 1.45; color: var(--sp-weich); }
.sp-tag__link { display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; color: var(--sp-marke-text); font-weight: 700; font-size: 16px; }
.sp-tag__link .sp-pfeil { width: 16px; height: 16px; }
.sp-text--breit { max-width: 760px; }
.sp-kacheln { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px; margin-top: 14px; }
.lcb-sp .sp-kachel { display: flex; flex-direction: column; text-decoration: none; color: var(--sp-tinte); min-width: 0; }
.sp-kachel img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 8px; }
.sp-kachel__name { margin-top: 6px; font-weight: 800; font-size: 14px; line-height: 1.25; }
.sp-kachel__unter { font-size: 13px; line-height: 1.4; color: var(--sp-weich); }
.sp-kachel__zusatz { display: none; }
.lcb-sp .sp-kachel--pc { display: none; }
.sp-alle { margin: 20px 0 0; }
.sp-karten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; margin-top: 14px; }
.lcb-sp .sp-karte { display: flex; flex-direction: column; gap: 6px; text-decoration: none; color: var(--sp-tinte); min-width: 0; }
.sp-karte img, .sp-karte__ohne { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 8px; background: #efe8da; display: block; }
.sp-karte__titel { font-weight: 800; font-size: 16px; line-height: 1.3; }
.sp-karte__art { font-size: 13px; font-weight: 700; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--sp-gruen); }

/* 3 Kennst Du das? */
.sp-kennst { background: var(--sp-papier); }
.sp-kennst__raster { display: grid; gap: 8px; }
.sp-kennst__saetze { list-style: none; margin: 4px 0 0; padding: 0; }
.sp-kennst__saetze li { margin: 0; padding: 8px 0; border-bottom: 1px dashed var(--sp-linie); font-family: var(--sp-hand); font-size: 19px; line-height: 1.35; color: var(--sp-tinte); }
.sp-kennst__saetze li:last-child { border-bottom: 0; }
.lcb-sp .sp-kennst__satz { margin: 6px 0 6px; font-family: var(--sp-hand); font-weight: 700; font-size: 26px; line-height: 1.2; color: var(--sp-marke-text); }

/* 4 Buch */
.sp-buch { background: var(--sp-weiss); }
.sp-buch__raster { display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 16px; align-items: start; }
.sp-buch__bild { grid-row: 1 / span 2; width: 112px; margin-top: 6px; }
.sp-buch__text { display: contents; }
.lcb-sp .sp-buch__sterne { grid-column: 2; margin: 6px 0 6px; font-size: 15px; line-height: 1.4; color: var(--sp-weich); }
.sp-buch__text > .sp-h2 { grid-column: 2; align-self: start; }
.sp-buch__text > :not(.sp-buch__sterne):not(.sp-h2) { grid-column: 1 / -1; }
.sp-liste { list-style: none; margin: 4px 0 18px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.sp-liste li { display: flex; gap: 10px; align-items: flex-start; margin: 0; font-size: 16px; line-height: 1.5; color: var(--sp-tinte); }
.sp-buch__knoepfe { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; }
.lcb-sp .sp-buch__knoepfe .sp-knopf--voll-handy { width: auto; padding: 0 18px; gap: 8px; }
.lcb-sp .sp-buch__knoepfe .sp-leiselink { font-size: 15px; }
.sp-buecher { margin-top: 30px; display: flex; flex-direction: column; gap: 14px; }
.sp-buecher__band { display: grid; grid-auto-flow: column; grid-auto-columns: 132px; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding-bottom: 6px; margin: 0 calc(-1 * var(--sp-rand)); padding-left: var(--sp-rand); padding-right: var(--sp-rand); scroll-padding-left: var(--sp-rand); }
.lcb-sp .sp-buecher__karte { display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none; text-align: center; color: var(--sp-tinte); scroll-snap-align: start; }
.sp-buecher__karte img { width: 100%; max-width: 132px; aspect-ratio: 300 / 372; object-fit: contain; }
.sp-buecher__titel { font-weight: 700; font-size: 14px; line-height: 1.3; }
.sp-buecher__unter { font-size: 14px; color: var(--sp-weich); }

/* 5 Stimmen */
.sp-stimmen { background: var(--sp-papier); }
.sp-stimmen__band { display: grid; grid-auto-flow: column; grid-auto-columns: 84%; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; margin: 16px calc(-1 * var(--sp-rand)) 0; padding: 0 var(--sp-rand) 6px; scroll-padding-left: var(--sp-rand); }
.sp-stimme { margin: 0; padding: 16px 18px; background: var(--sp-weiss); border-radius: 10px; display: flex; flex-direction: column; gap: 10px; scroll-snap-align: start; }
.lcb-sp .sp-stimme blockquote { margin: 0; padding: 0; border: 0; font-size: 15px; line-height: 1.6; font-style: normal; color: var(--sp-tinte); quotes: none; }
.sp-stimme blockquote::before, .sp-stimme blockquote::after { content: none; }
.sp-stimme figcaption { font-size: 14px; color: var(--sp-weich); }
.sp-stimme figcaption strong { color: var(--sp-tinte); }

/* 6 Das bin ich, 7 Gruppe */
.sp-ueber { background: var(--sp-weiss); }
.sp-zwei { display: flex; flex-direction: column; gap: 24px; }
.lcb-sp .sp-ueber__zertifikat { margin: 6px 0 0; font-family: var(--sp-hand); font-size: 19px; line-height: 1.35; color: var(--sp-tinte); }
.lcb-sp .sp-video { position: relative; display: block; border-radius: 10px; overflow: hidden; text-decoration: none; }
.sp-video img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.sp-video__marke { position: absolute; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 10px; background: #fff; color: var(--sp-tinte); font-weight: 800; font-size: 16px; padding: 8px 16px 8px 8px; border-radius: 10px; }
.sp-video__knopf { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 10px; background: var(--sp-marke); }
.sp-video__knopf svg { width: 20px; height: 20px; fill: #fff; }
.sp-gruppe { background: var(--sp-papier); }
.sp-newsletter { background: var(--sp-weiss); border-radius: 10px; padding: 20px; display: flex; flex-direction: column; gap: 10px; }
.lcb-sp .sp-newsletter__titel { margin: 0; font-weight: 800; font-size: 20px; line-height: 1.3; color: var(--sp-tinte); }
.sp-newsletter .sp-klein { margin: 0; }
/* Jetpack-Formular in der Optik von A poliert (Markup: .jetpack_subscription_widget form p#subscribe-email input, p#subscribe-submit button) */
.lcb-sp .sp-newsletter__formular .widgettitle, .lcb-sp .sp-newsletter__formular h2 { display: none; }
.lcb-sp .sp-newsletter__formular form { margin: 0; display: flex; flex-direction: column; gap: 10px; }
.lcb-sp .sp-newsletter__formular form p { margin: 0 !important; padding: 0 !important; width: 100% !important; float: none !important; }
.lcb-sp .sp-newsletter__formular input[type="email"] {
	width: 100% !important; min-height: 50px; margin: 0; padding: 0 16px !important; border-radius: 8px !important; border: 1.5px solid var(--sp-weich) !important;
	background: #fff; font-family: var(--sp-text) !important; font-size: 16px !important; color: var(--sp-tinte); box-shadow: none;
}
.lcb-sp .sp-newsletter__formular button, .lcb-sp .sp-newsletter__formular input[type="submit"] {
	width: 100% !important; min-height: 52px; margin: 0 !important; padding: 0 20px !important; border-radius: 10px !important; border: 0 !important;
	background: var(--sp-gruen) !important; color: #fff !important; font-family: var(--sp-text) !important; font-weight: 700 !important; font-size: 17px !important; line-height: 1.2;
	cursor: pointer; box-shadow: none;
}
.lcb-sp .sp-newsletter__formular .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* 8 Fragen */
.sp-fragen { background: var(--sp-weiss); }
.sp-frage { border-bottom: 1px solid var(--sp-linie); padding: 4px 0; }
.lcb-sp .sp-frage summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 56px; font-weight: 800; font-size: 17px; line-height: 1.35; color: var(--sp-tinte); }
.sp-frage summary::-webkit-details-marker { display: none; }
.sp-frage summary span { font-size: 26px; font-weight: 400; color: var(--sp-marke-text); }
.sp-frage[open] summary span { transform: rotate(45deg); }
.lcb-sp .sp-frage p { margin: 6px 0 18px; font-size: 16px; line-height: 1.65; color: var(--sp-weich); }
.lcb-sp .sp-frage p a { color: var(--sp-marke-text); font-weight: 700; display: inline-block; padding: 12px 0; margin: -12px 0; }

/* Fuß */
.sp-fuss { background: var(--sp-tinte); padding: 36px 0; color: rgba(255, 255, 255, .85); }
.sp-fuss__raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; }
.sp-fuss__marke { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 10px; }
.lcb-sp .sp-fuss__marke p { margin: 0; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, .82); }
.sp-fuss__spalte { grid-column: 1 / -1; display: flex; flex-flow: row wrap; column-gap: 20px; }
.sp-fuss__spalte p { flex-basis: 100%; }
.lcb-sp .sp-fuss__spalte p { margin: 0 0 2px; font-weight: 800; font-size: 15px; color: #fff; }
.lcb-sp .sp-fuss__spalte a { display: flex; align-items: center; min-height: 44px; min-width: 44px; color: rgba(255, 255, 255, .88); text-decoration: none; font-size: 15px; }
.lcb-sp .sp-fuss__copy { margin: 16px auto 0; font-size: 13px; color: rgba(255, 255, 255, .72); }

/* schmale Handys (bis 379 px, z. B. 360 x 664): Einstieg straffen, damit Weg 3 im ersten Bildschirm bleibt (Prüfer 05.10.: vorher 20 px zu knapp) */
@media (max-width: 379px) {
	.sp-held { padding-top: 10px; }
	.lcb-sp .sp-h1 { font-size: 29px; }
	.lcb-sp .sp-h1__gruss { font-size: 22px; }
	.lcb-sp .sp-held__lead { font-size: 15px; line-height: 1.5; }
	.sp-weg { padding: 7px 0; }
	.sp-suche { margin: 8px 0; }
}

/* ab 600 px: Tablet */
@media (min-width: 600px) {
	body.lcb-sp { --sp-rand: 32px; }
	.sp-abschnitt { padding: 64px 0; }
	.lcb-sp .sp-text { font-size: 17px; }
	.lcb-sp .sp-knopf--voll-handy { width: auto; }
	.sp-knoepfe .sp-knopf { flex: 0 1 auto; }
	.lcb-sp .sp-buch__knoepfe .sp-knopf--voll-handy { padding: 0 24px; gap: 10px; }
	.lcb-sp .sp-buch__knoepfe .sp-leiselink { font-size: 16px; }
	.sp-karte img, .sp-karte__ohne { aspect-ratio: 4 / 3; }
	.sp-tag { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
	.lcb-sp .sp-tag__karte { flex-direction: column; align-items: stretch; }
	.sp-tag__karte img { width: 100%; height: 200px; }
	.sp-tag__text { display: flex; flex-direction: column; gap: 2px; padding-top: 6px; }
	.sp-tag__uhr, .sp-tag__zeit, .sp-tag__regel, .sp-tag__link { order: 0; }
	.sp-kacheln { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
	.sp-kachel img { aspect-ratio: 4 / 3; }
	.lcb-sp .sp-kachel--pc { display: flex; }
	.sp-kachel__name { font-size: 15px; margin-top: 8px; }
	.sp-kachel__unter { font-size: 14px; }
	.sp-kachel__zusatz { display: inline; }
	.sp-karten { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
	.sp-kennst__raster { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
	.lcb-sp .sp-kennst__satz { font-size: 32px; }
	.sp-buch__raster { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 48px; align-items: center; }
	.sp-buch__bild { grid-row: auto; width: 100%; max-width: 340px; margin: 0 auto; }
	.sp-buch__text { display: flex; flex-direction: column; }
	.sp-buecher__band { grid-auto-flow: row; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-columns: auto; overflow: visible; margin: 0; padding: 0; gap: 20px; }
	.sp-buecher__karte img { max-width: 170px; }
	.sp-buecher__titel { font-size: 16px; }
	.sp-stimmen__band { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-columns: auto; overflow: visible; margin: 18px 0 0; padding: 0; gap: 20px; }
	.sp-polaroids { height: 380px; }
	.sp-fuss__raster { grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); gap: 20px 28px; }
	.sp-fuss__marke, .sp-fuss__spalte { grid-column: auto; }
	.sp-fuss__spalte { flex-flow: column nowrap; }
	.sp-fuss__spalte p { flex-basis: auto; }
}

/* ab 900 px: PC-Raster von A poliert */
@media (min-width: 900px) {
	body.lcb-sp { font-size: 19px; --sp-rand: 40px; }
	.sp-abschnitt { padding: 88px 0; }
	.lcb-sp .sp-h2 { font-size: 46px; margin-bottom: 14px; }
	.lcb-sp .sp-h3 { font-size: 26px; margin-top: 56px; }
	.lcb-sp .sp-h3--text { font-size: 20px; margin: 0; }
	.lcb-sp .sp-text { font-size: 19px; }
	.sp-kopf__zeile { padding-top: 16px; padding-bottom: 16px; gap: 24px; }
	.lcb-sp .sp-logo { font-size: 26px; }
	.lcb-sp .sp-logo--hell { font-size: 26px; }
	.lcb-sp .sp-logo__bild { height: 64px; }
	.sp-kopf__nav { display: flex; gap: 22px; align-items: center; }
	.lcb-sp .sp-kopf__nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding: 0 4px; color: var(--sp-tinte); text-decoration: none; font-weight: 600; font-size: 16px; }
	.lcb-sp .sp-kopf__shop { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: 10px; background: var(--sp-marke); color: #fff; font-weight: 700; font-size: 16px; text-decoration: none; }
	.sp-kopf__rechts { gap: 10px; }
	.sp-menue { display: none; }

	.sp-held { padding: 40px 0 48px; }
	.sp-held__raster { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 48px; align-items: center; }
	.lcb-sp .sp-h1 { font-size: 50px; margin-bottom: 6px; }
	.lcb-sp .sp-h1__gruss { font-size: 30px; }
	.lcb-sp .sp-held__lead { font-size: 19px; }
	.sp-wege { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding-top: 16px; }
	.sp-weg, .sp-weg--1, .sp-weg--2, .sp-weg--3 { border: 0; padding: 2px 18px 4px 0; order: 0; }
	.lcb-sp .sp-weg__link { display: grid; grid-template-columns: 56px minmax(0, 1fr); grid-template-rows: auto auto auto; column-gap: 12px; row-gap: 8px; align-items: center; }
	.sp-weg__bild { grid-row: 1; width: 56px; height: 56px; }
	.sp-weg__kicker { grid-column: 2; font-size: 19px; line-height: 1.2; }
	.sp-weg__titel { grid-column: 1 / -1; align-items: flex-start; min-height: 51px; font-size: 21px; }
	.sp-weg__unter { display: block; grid-column: 1 / -1; margin-top: -4px; font-size: 15px; color: var(--sp-weich); }
	.sp-suche { order: 0; grid-column: 1 / -1; margin: 0; }
	.sp-held__fotos { margin-top: 0; }
	.sp-polaroids { height: 420px; max-width: none; }
	.sp-polaroid { width: 210px; }
	.sp-polaroid figcaption { font-size: 20px; }
	.sp-polaroid--vorher { top: 30px; }
	.sp-polaroid--nachher { top: 110px; }
	.sp-aufkleber { left: 150px; font-size: 32px; }
	.lcb-sp .sp-held__kein { margin-top: 14px; font-size: 19px; }
	.sp-vertrauen { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 36px; padding-top: 24px; }
	.sp-vertrauen__wert { font-size: 18px; }

	.sp-tag__karte img { height: 220px; }
	.sp-tag__uhr { font-size: 20px; }
	.sp-tag__zeit { font-size: 22px; }
	.sp-kachel__name { margin-top: 12px; font-size: 18px; }
	.sp-kachel__unter { font-size: 15px; }
	.sp-karten { gap: 24px; }
	.sp-karte__titel { font-size: 19px; }
	.lcb-sp .sp-kennst__satz { font-size: 34px; }
	.sp-kennst__saetze li { font-size: 22px; }
	.sp-buch__raster { column-gap: 56px; }
	.sp-buch__bild { max-width: 360px; }
	.sp-liste li { font-size: 16px; }
	.sp-buecher { margin-top: 48px; }
	.sp-buecher__band { gap: 24px; }
	.sp-stimmen__band { gap: 28px; }
	.sp-stimme { padding: 0 28px 0 0; background: transparent; border-radius: 0; }
	.lcb-sp .sp-stimme blockquote { font-size: 17px; }
	.sp-zwei { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
	.lcb-sp .sp-ueber__zertifikat { font-size: 20px; }
	.sp-newsletter { padding: 28px; }
	.lcb-sp .sp-frage summary { font-size: 19px; }
	.sp-fuss { padding: 64px 0; }
}

/* Nur Testkopie: Muster des Jetpack-Formulars in Originalgröße (ohne Funktion), damit Höhen wie live gemessen werden */
.sp-newsletter__muster { display: flex; flex-direction: column; gap: 10px; }
.sp-newsletter__muster span { display: flex; align-items: center; min-height: 50px; padding: 0 16px; border-radius: 8px; border: 1.5px solid var(--sp-weich); background: #fff; color: #5d6680; font-size: 16px; }
.sp-newsletter__muster span + span { min-height: 52px; justify-content: center; border: 0; border-radius: 10px; background: var(--sp-gruen); color: #fff; font-weight: 700; font-size: 17px; }