/* HP23 · Gemeinsame Flächen, lesbare Kontraste und Innenabstände. */
:root{--site-float-bottom:24px;--site-sticky-space:100px}
html body :is(.tag,.duo-card,.name-part,.letter-card,.value-card,.journey-step,.flow-row,.manifest,.testbox,.quote,.pullquote,.visual,.portrait figcaption,.founder,.closing,.quick-answer,.measure-panel,.orbit-item,.callout,.data-table,.week-row,.status-board,.status-card,.fact,.area,.signal-card,.benefit,.v6-form){box-sizing:border-box}
/* Gleichmäßiger Abstand auch für die neu ergänzten Originalansichten. */
html body .hp19-original-grid>article{padding:28px;border:1px solid var(--site-border);border-radius:22px}
html body :is(.toc a,.flow-row,.journey-step,.tag){min-width:0}
html body :is(.toc strong,.toc small,.tag span,.flow-row span,.journey-step span){overflow-wrap:break-word}
html body .toc a>b{color:#17675f}
html body .toc i{color:#17675f;font-size:1.3rem;font-weight:800}
html body .tag b{color:#17675f!important;background:#dcefe9}
html body .letter{background:#dcefe9;color:#17675f!important;background-image:none}
html body .flow-row>b:first-child,html body .journey-step::before{background:#dcefe9;color:#17675f!important}
html body [data-page]{min-width:0}
/* Diese Illustrationen behalten ihre helle Zeichenfläche in beiden Modi. */
html body .visual svg{--navy:#17324b;--ink:#17324b;--muted:#4f6571;--teal-dark:#17675f;--tealdark:#17675f;color:#17324b}
html body .visual svg :is(.svg-title,.svg-text,.svg-small){fill:#17324b!important}
html body .visual svg text{filter:none}
/* Der Mittelpunkt und alle vier Bausteine bleiben voneinander getrennt. */
html body[data-page="abnehmen-ohne-kalorienzaehlen"] .orbit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;aspect-ratio:auto;max-width:420px;padding:12px 0}
html body[data-page="abnehmen-ohne-kalorienzaehlen"] .orbit::before,html body[data-page="abnehmen-ohne-kalorienzaehlen"] .orbit::after{display:none}
html body[data-page="abnehmen-ohne-kalorienzaehlen"] .orbit-core{grid-column:1/-1;justify-self:center;width:142px;height:142px;margin:0 0 10px;background:#17675f;color:#fff}
html body[data-page="abnehmen-ohne-kalorienzaehlen"] .orbit-item{position:static;width:auto;transform:none;inset:auto;align-self:stretch;display:grid;place-items:center;min-height:76px;padding:16px 12px;font-size:.9375rem;line-height:1.45;color:#173847}
/* Bildunterschriften und Kopfzeilen sind unabhängig von globalen Farbvariablen. */
html body .portrait figcaption{padding:20px 22px}
html body .visual figcaption{padding:6px 4px 0;line-height:1.6}
/* Dunkelmodus: Flächen UND die darauf liegenden Texte werden gemeinsam gesetzt. */
html[data-theme="dark"] body :is(.tag,.duo-card,.name-part,.letter-card,.value-card,.journey-step,.flow-row,.manifest,.testbox,.quote,.pullquote,.visual,.portrait figcaption,.founder,.closing,.quick-answer,.measure-panel,.orbit-item,.callout,.data-table,.data-row,.data-row>div,.week-row,.status-board,.status-card,.fact,.area,.signal,.signal-card,.benefit,.v6-form,.v6-form-section aside small,.toc a,.week-box,.note-icon,.origin-card){background:#1b2d38!important;background-image:none!important;color:#e9f2f4!important;border-color:#52717b!important}
html[data-theme="dark"] body :is(.tag,.duo-card,.name-part,.letter-card,.value-card,.journey-step,.flow-row,.manifest,.testbox,.quote,.pullquote,.visual,.portrait figcaption,.founder,.closing,.quick-answer,.measure-panel,.orbit-item,.callout,.data-table,.week-row,.status-board,.status-card,.fact,.area,.signal,.signal-card,.benefit,.toc a,.week-box,.origin-card) :is(h1,h2,h3,h4,b,strong){color:#e9f2f4!important}
html[data-theme="dark"] body :is(.tag,.duo-card,.name-part,.letter-card,.value-card,.journey-step,.flow-row,.manifest,.testbox,.quote,.pullquote,.visual,.portrait figcaption,.founder,.closing,.quick-answer,.measure-panel,.orbit-item,.callout,.data-table,.week-row,.status-board,.status-card,.fact,.area,.signal,.signal-card,.benefit,.toc a,.week-box,.origin-card) :is(p,small,figcaption,span){color:#c3d3da!important}
html[data-theme="dark"] body .tag>span,html[data-theme="dark"] body .orbit-item,html[data-theme="dark"] body .data-row>div:first-child{color:#e9f2f4!important}
html[data-theme="dark"] body :is(.letter,.tag b,.flow-row>b:first-child,.journey-step::before,.card-icon,.week-icon){background:#294b4d!important;background-image:none!important;color:#b5e4d5!important}
html[data-theme="dark"] body :is(.toc a>b,.toc i,.letter-card small,.chapter-number,.chapter-label,.status-pill){color:#b5e4d5!important}
html[data-theme="dark"] body .letter-card::after{opacity:.08}
html[data-theme="dark"] body .manifest .words>span{background:#29424b!important;color:#e9f2f4!important;border-color:#64838b}
html[data-theme="dark"] body .data-row.head,html[data-theme="dark"] body .data-row.head>div{background:#29424b!important;color:#e9f2f4!important}
html[data-theme="dark"] body .data-row:not(.head)>div:last-child{color:#c3d3da!important}
html[data-theme="dark"] body .status-pill{background:#294b4d!important}
html[data-theme="dark"] body .hero-note>span{background:#294b4d!important;color:#b5e4d5!important}
html[data-theme="dark"] body .v6-form-section aside small{color:#c3d3da!important}
html[data-theme="dark"] body .v6-form-status.success{background:#1a4437;color:#d4f4df}
html[data-theme="dark"] body .v6-form-status.error{background:#4d2829;color:#ffe1dd}
/* Feste helle Bildflächen erhalten dunkle, lesbare Bildhinweise. */
html:root body .signature-b-row figure figcaption{background:#fff!important;color:#173847!important}
html:root body .signature-b-meals li>span{color:#173847!important}
/* Innenabstände statt bündig am Kachelrand stehender Texte. */
html body[data-page="meine-geschichte"] .chapter .copy{padding:28px;border-radius:22px}
html body[data-page="meine-geschichte"] .chapter .copy>.eyebrow{margin-top:0}
html body[data-page="meine-geschichte"] .chapter .copy>p:last-child{margin-bottom:0}
html[data-theme="dark"] body[data-page="meine-geschichte"] article.story{background:transparent!important}
html[data-theme="dark"] body[data-page="meine-geschichte"] .chapter .copy{background:#1b2d38}
html body .v6-form-section aside small{padding:20px;line-height:1.65}
html body .toc a{padding:22px;gap:16px}
html body :is(.flow-row,.journey-step){padding:22px;gap:18px}
html body .tag{padding:13px;gap:12px}
/* Logo passt einschließlich des weißen Panels vollständig in den Header. */
html:root body .tan-header .tan-brand{box-sizing:border-box!important;min-width:0!important;max-width:225px!important;flex:0 1 225px!important;width:225px!important}
html:root body .tan-header .tan-brand img{box-sizing:border-box!important;display:block!important;flex:0 1 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}
/* Gleich große, direkt erreichbare Einwilligungsoptionen in beiden Dialogen. */
html:root body .consent-dialog{background:#fff!important;color:#173847!important}
html:root body .consent-dialog :is(h2,p){color:#173847!important}
html:root body .consent-dialog .consent-kicker{color:#17675f!important}
html:root body .consent-dialog a{color:#17675f!important}
html:root body .consent-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html:root body .consent-actions .consent-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:14px 18px;border:2px solid #17675f;border-radius:14px;background:#17675f!important;color:#fff!important;font:inherit;font-weight:800;line-height:1.4;text-align:center;order:0}
html:root body .consent-actions .consent-button:hover{background:#124f49!important;border-color:#124f49}
html:root body .consent-close{display:grid;place-items:center;padding:0;color:#173847!important;background:#e9f4f0!important;min-width:44px;min-height:44px}
html[data-theme="dark"] body .consent-dialog{background:#14242e!important;color:#e9f2f4!important}
html[data-theme="dark"] body .consent-dialog :is(h2,p){color:#e9f2f4!important}
html[data-theme="dark"] body .consent-dialog .consent-kicker,html[data-theme="dark"] body .consent-dialog a{color:#b5e4d5!important}
html:root body .consent-dialog h2{padding-right:40px}
html:root body .consent-dialog #consent-title:focus{outline:none}
/* Alle bestehenden Pfeilvarianten erhalten dieselbe Form wie die Startseite. */
html:root body .hp23-back-top{position:fixed!important;z-index:4100!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;right:18px!important;bottom:var(--site-float-bottom)!important;left:auto!important;padding:0!important;margin:0!important;gap:0!important;border:2px solid #fff!important;border-radius:50%!important;background:#17675f!important;color:#fff!important;box-shadow:0 3px 12px #102e3a40!important;line-height:1!important;transform:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .15s ease,visibility .15s ease!important}
html:root body .hp23-back-top[data-top-visible="true"]{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
html:root body .hp23-back-top .back-top-icon{display:block!important;box-sizing:border-box!important;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;flex:none!important;padding:0!important;margin:0!important;color:#fff!important;position:static!important;transform:none!important;align-self:center!important;justify-self:center!important}
html:root body .hp23-back-top:hover{background:#124f49!important}
html:root body .nmx-tester-sticky{box-sizing:border-box;min-height:52px;padding:12px 18px;line-height:1.4}
html:root body .nmx-tester-sticky::before{display:none}
html:root body .nmx-tester-sticky.hp23-sticky-paused{visibility:hidden;pointer-events:none}
html:root body footer{padding-bottom:var(--site-sticky-space)!important}
html:root body :is(main [id],form){scroll-margin-top:108px}
html:root body:has(dialog[open],.consent-layer,.lightbox:not([hidden]),.tan-v14-lightbox.is-open,.tan-shot-lightbox:not([hidden])) :is(.hp23-back-top,.nmx-tester-sticky){visibility:hidden!important;pointer-events:none!important}
@media(max-width:680px){
 html body .hp19-original-grid>article{padding:22px}
 html body[data-page="meine-geschichte"] .chapter .copy{padding:22px}
 html body .visual{padding:20px}
 html body .portrait figcaption{padding:20px;margin-inline:12px}
 html body :is(.toc a,.flow-row,.journey-step){padding:20px;gap:14px}
 html body .manifest,html body .testbox{padding:28px 22px}
 html body .letter-card{padding:22px}
 html:root body .tan-header .tan-brand{flex-basis:185px!important;width:185px!important;max-width:calc(100% - 66px)!important;min-width:0!important}
 html:root body .hp23-back-top{right:12px!important}
 html:root body .nmx-tester-sticky{font-size:.875rem!important;right:10px;left:10px;width:calc(100% - 20px)}
 html:root body .consent-actions{grid-template-columns:1fr}
}
@media(max-width:360px){html body .tag{flex-wrap:wrap;align-content:start}html body[data-page="abnehmen-ohne-kalorienzaehlen"] .orbit{gap:8px}html body[data-page="abnehmen-ohne-kalorienzaehlen"] .orbit-item{font-size:.875rem;padding:12px 8px}}
/* Zusätzliche Befunde aus der Prüfung aller 16 Seiten. */
html[data-theme="light"]{--muted:#4f6571;--site-muted:#4f6571}
html[data-theme="light"] body :is(.sub,.lead,.hero-note,.draft-screenshot-hint,.draft-under-note,.draft-price-note,.selected-ai,.breadcrumb,.breadcrumb span,.measure-panel small,.v6-form-security,.v6-form-section aside small){color:#4f6571!important}
html[data-theme="light"] body :is(.eyebrow,.kicker,.section-kicker,.draft-smallline,.selected-num,.number,.line b,.area>b,.hero-note>span,.chapter-number){color:#17675f!important}
html[data-theme="light"] body .myth>b,html:root body .medical-icon{color:#9c493b!important}
html[data-theme="light"] body .letter-card small{color:#17675f!important}
html[data-theme="light"] body :is(.v6-form,.v6-legal) a,html[data-theme="light"] body a[href^="mailto:"],html[data-theme="light"] body a[href^="tel:"]{color:#17675f!important}
html[data-theme="light"] body :is(.founder-copy,.journey-copy) p,html[data-theme="light"] body .founder :is(span,p){color:#4f6571!important}
html:root body section.cta{background:#edf7f4!important;border:0!important;box-shadow:none!important;color:#173847!important}
html:root body section.cta :is(h2,.motto){color:#173847!important}
html:root body section.cta .eyebrow{color:#17675f!important}
html:root body section.cta .lead{color:#4f6571!important}
html[data-theme="dark"] body section.cta{background:#101c25!important;color:#e9f2f4!important}
html[data-theme="dark"] body section.cta :is(h2,.motto){color:#e9f2f4!important}
html[data-theme="dark"] body section.cta .eyebrow{color:#b5e4d5!important}
html[data-theme="dark"] body section.cta .lead{color:#c3d3da!important}
html[data-theme="dark"] body :is(.selected-num,.faq-num,.draft-state,.card .number,.example>span,.related-card>span,.appshot figcaption>span){color:#b5e4d5!important}
html[data-theme="dark"] body :is(.breadcrumb,.hero-points,.breadcrumb span,.hero-points span){color:#c3d3da!important}
html[data-theme="dark"] body :is(.coach-badge,.promise,.status-row>span,.privacy-note){background:#1b2d38!important;color:#e9f2f4!important;border-color:#52717b!important}
html:root body .ratgeber-v13-figure figcaption{background:#fff!important;color:#173847!important}
html:root body .section-number{background:#dcefe9!important;color:#17675f!important}
html[data-theme="dark"] body .required{color:#ffb5a7!important}
html:root body :is(a.cta,button.cta,a.button,button.button,.draft-primary,.draft-secondary,.tan-header-cta,.nmx-tester-sticky) :is(.action-label,.brand-nowrap,span,b,strong){color:inherit!important}
html:root body .tester-badge :is(strong,span){color:#173847!important}
html:root body[data-page="tester"] aside a[href="/tester-feedback/"]{background:#17675f!important;color:#fff!important;padding:14px 18px!important;line-height:1.4;min-height:52px}
html[data-theme="dark"] body .life-app-figure figcaption>span{color:#b5e4d5!important}
html[data-theme="dark"] body .skip{background:#1b2d38!important;color:#b5e4d5!important}
html:root body .bridge-mark{color:#173847!important}
html[data-theme="light"] body :is(.section.dark,.takeaway,.manifest,.signal,.testbox,.coach-home) :is(.kicker,.eyebrow){color:#b5e4d5!important}
html[data-theme="light"] body #wochen-coach .lead{color:#d3e1e5!important}
html[data-theme="light"] body section.cta p{color:#4f6571!important}
html[data-theme="light"] body :is(.statement,#wochen-coach) .kicker{color:#b5e4d5!important}
html[data-theme="dark"] body .journey-step::before{background:#294b4d!important;color:#b5e4d5!important}
html body[data-page="abnehmen-ohne-kalorienzaehlen"] .orbit-item{justify-self:stretch}
html body .draft-app-copy{box-sizing:border-box;padding:24px}
html body .new-screen-card{box-sizing:border-box;padding:26px;border:1px solid var(--site-border);border-radius:22px}
html body :is(.selected-step,.selected-pillar,.selected-progress-card)>h3{margin-left:20px;margin-right:20px}
html body .selected-step>b{margin-left:20px;margin-right:20px}
html body :is(.selected-step,.selected-pillar,.selected-progress-card)>p{padding-left:20px;padding-right:20px}
@media(max-width:680px){html body :is(.draft-app-copy,.new-screen-card){padding:22px}}