/* HP25 · Stabile Menüfläche und eng gruppierte Headerbuttons. */
html{scroll-padding-top:calc(var(--hp24-header-height,80px) + 16px)!important}
html:root body :is(main [id],form){scroll-margin-top:0!important}
html:root body .tan-header-inner{gap:12px;min-height:78px}
html:root body .tan-menu-toggle,html:root body .hp24-display{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 56px!important;width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important;padding:0!important;border:2px solid #377d76!important;border-radius:14px!important;line-height:1!important}
html:root body .hp24-display{flex-direction:column;gap:4px;background:#c8e6dc!important;color:#173943!important;font:700 0.6875rem/1 system-ui,sans-serif!important;cursor:pointer}
html:root body .hp24-display span{color:#173943!important;font:inherit!important;letter-spacing:0!important}
html:root body .hp24-display svg{width:25px;height:25px;color:#173943;flex:none}
html:root body .tan-menu-toggle{background:#fff!important;color:#173943!important;font-size:1.75rem!important;margin-left:0!important;margin-right:0!important}
html:root body .tan-brand{margin-right:auto}
html:root body .tan-desktop-nav{display:none}
html:root body .tan-mobile-nav{position:absolute!important;top:100%!important;left:0!important;right:0!important;box-sizing:border-box!important;margin:0 auto!important;max-height:calc(100dvh - var(--hp24-header-height,80px) - 12px)!important;overflow-y:auto!important;overscroll-behavior:contain}
html:root body:has(.tan-menu-toggle[aria-expanded="true"]) :is(.hp24-tester-bar,.hp23-back-top){visibility:hidden!important;pointer-events:none!important}
/* Auch sehr große Schrift auf 320-px-Geräten: Bildunterschriften umbrechen. */
html body .appshot figcaption{min-width:0;grid-template-columns:minmax(0,1fr);overflow-wrap:anywhere;gap:6px}
html body .letter-card{isolation:isolate}
html body .letter-card::after{z-index:-1;pointer-events:none}
html body .letter-card>div{position:relative;z-index:1}
html body .name-stage a.tag{position:relative;text-decoration:none;padding-right:28px}
html body .name-stage a.tag:hover{border-color:#377d76;box-shadow:0 3px 12px #17675f15}
html body .hp24-jump-arrow{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:#17675f!important;font-size:1rem}
html[data-theme="dark"] body .hp24-jump-arrow{color:#b5e4d5!important}
html body .draft-v11,html body h1{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html:root body .hero h1,html:root body h1{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-weight:850!important}
html body .hero{padding-top:0!important}
html body .hero .hero-inner{padding-top:48px!important}
html body .hero .hero-inner>div>:is(.eyebrow,.kicker):first-child{margin-top:0!important}
html:root body .draft-hero{padding-top:48px!important}
html:root body .draft-hero .hero-inner{padding-top:0!important}
html:root body :is(.v8-back-to-top,.back-top,.tan-back-top,.v9-back-top,.coach-back-top,.story-back-top):not(.hp23-back-top){display:none!important}
html:root body .hp24-tester-bar{position:fixed;z-index:4000;bottom:12px;left:12px;right:12px;max-width:820px;margin:auto;display:flex;align-items:stretch;gap:0;background:#edce80;border:1px solid #d4b567;border-radius:12px;box-shadow:0 3px 12px #17394325;transition:opacity .25s ease,transform .25s ease,visibility .25s;box-sizing:border-box}
html:root body .hp24-tester-bar[data-hidden="true"]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
html:root body .hp24-tester-bar .nmx-tester-sticky{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:9px 8px 9px 14px!important;border:0!important;border-radius:11px 0 0 11px!important;box-shadow:none!important;background:#edce80!important;color:#173943!important;font:750 0.875rem/1.35 system-ui,sans-serif!important;text-align:center!important;text-decoration:none!important;overflow:hidden;isolation:isolate}
html:root body .hp24-tester-bar .nmx-tester-sticky span{color:#173943!important;position:relative;z-index:1}
html:root body .hp24-tester-bar .hp24-short-label{display:none}
html:root body .hp24-tester-bar .nmx-tester-sticky::before{content:"";display:block!important;position:absolute!important;inset:-40% -10%!important;background:linear-gradient(105deg,transparent 22%,#ffffff18 38%,#ffffff40 50%,#ffffff18 62%,transparent 78%)!important;opacity:0;pointer-events:none;animation:hp24-sheen 12.8s ease-in-out infinite!important;transform:translateX(-120%)}
@keyframes hp24-sheen{0%,78.125%{transform:translateX(-120%);opacity:0}81%,95%{opacity:.7}100%{transform:translateX(120%);opacity:0}}
html:root body .hp24-tester-close{flex:0 0 44px;width:44px;min-height:44px;padding:0;border:0;border-left:1px solid #17394320;border-radius:0 11px 11px 0;background:#edce80;color:#173943;font:400 1.5625rem/1 system-ui,sans-serif;cursor:pointer}
html:root body:has(dialog[open],.consent-layer,.tan-v14-lightbox.is-open) .hp24-tester-bar{visibility:hidden!important;pointer-events:none!important}
@media(min-width:1800px){html:root body .tan-header-inner{max-width:1680px!important;width:calc(100% - 48px)!important}html:root body .tan-header .tan-brand{flex:0 0 225px!important;width:225px!important}html:root body .tan-desktop-nav{display:flex;font-size:0.875rem}html[data-font="large"] body .tan-desktop-nav,html[data-font="largest"] body .tan-desktop-nav{display:none!important}}
@media(max-width:680px){
 html:root body .tan-header-inner{width:calc(100% - 24px)!important;gap:8px!important;min-height:78px}
 html:root body .tan-header .tan-brand{flex:0 1 185px!important;max-width:calc(100% - 128px)!important;width:185px!important;min-width:0!important}
 html:root body .tan-header-cta{display:none!important}
 html body .hero .hero-inner{padding-top:36px!important}
 html:root body .draft-hero{padding-top:36px!important}
 html:root body .draft-hero .hero-inner{padding-top:0!important}
 html:root body .hp24-tester-bar{left:10px;right:10px;bottom:10px}
 html:root body .hp24-tester-bar .hp24-full-label{display:none}
 html:root body .hp24-tester-bar .hp24-short-label{display:inline}
 html:root body .hp24-tester-bar .nmx-tester-sticky{font-size:0.8125rem!important}
 html[data-font="large"] body .hp24-tester-bar .nmx-tester-sticky{font-size:0.9375rem!important}
 html[data-font="largest"] body .hp24-tester-bar .nmx-tester-sticky{font-size:1rem!important}
}
@media(prefers-reduced-motion:reduce){html:root body .hp24-tester-bar .nmx-tester-sticky::before{animation:none!important}html:root body .hp24-tester-bar{transition:none}html{scroll-behavior:auto!important}}

/* HP27: Desktopnavigation auch bei vergrößerter Schrift sichtbar halten. */
@media(min-width:1800px){
 html:root[data-font] body .tan-desktop-nav{display:flex!important;flex:1 1 0;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end;align-content:center;gap:10px 20px;white-space:normal;margin-left:0}
 html:root[data-font] body .tan-desktop-nav a{flex:0 0 auto;white-space:nowrap;max-width:100%}
 html:root[data-font] body .tan-header-inner{height:auto!important;padding-top:10px;padding-bottom:10px}
}

/* HP28: Strategieansichten mit gleicher Bildoberkante und eindeutiger Seitenverweis. */
.hp28-benefit-link{margin:32px 0 0;line-height:1.6}
.hp28-benefit-link a{font-weight:700;color:#17675f;text-decoration:underline;text-underline-offset:.18em}
@media(min-width:681px){
 body .hp19-original-grid{row-gap:0}
 body .hp19-original-grid>article{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
 body .hp19-original-grid>article>figure{align-self:start}
}

html[data-theme="dark"] .hp28-benefit-link a{color:#a7ddce}

/* HP28: Lange Footerlinks dürfen auch bei sehr großer Schrift umbrechen. */
body .tan-footer-nav{min-width:0;grid-template-columns:minmax(0,1fr)}
body .tan-footer-nav>*{min-width:0;overflow-wrap:anywhere;hyphens:auto}