/* Tasks content only. The existing hero and shared animation engine stay intact. */
.bn-tasks-page{--ts-ink:#14364a;--ts-soft:#536c75;--ts-green:#466c3a;--ts-line:#cfddce;--ts-paper:#f2f5ee}
.bn-tasks-page .bn-page-content .section{padding-block:clamp(60px,7vw,106px);scroll-margin-top:90px}
.bn-tasks-page .bn-page-content p{text-wrap:pretty}
.bn-tasks-page .section__header{margin:0 0 38px;max-width:760px}
.bn-tasks-page .section__header h2{font-size:clamp(31px,3.4vw,48px);line-height:1.13;letter-spacing:-.04em;margin:0 0 22px;text-wrap:balance}
.bn-tasks-page .section__header p{font-size:16px;line-height:1.85;color:var(--ts-soft);max-width:65ch}
.bn-tasks-page .bn-page-content :is(a,button,summary,input,select):focus-visible{outline:3px solid #a47220;outline-offset:4px}
.ts-index{background:#fff;border-bottom:1px solid var(--ts-line)}
.ts-index .container{display:flex;align-items:center;gap:8px 32px;flex-wrap:wrap;padding-block:16px}
.ts-index span{font-size:11px;color:var(--ts-soft);margin-right:auto}
.ts-index a{display:flex;align-items:center;min-height:44px;color:var(--ts-ink);font-size:13px;text-decoration:none;border-bottom:1px solid transparent}
.ts-index a:hover{border-color:var(--ts-green)}
.ts-anchor{display:block;scroll-margin-top:110px}
.ts-product{margin-top:36px}
.ts-product__figure{margin:0}
.ts-product__viewport{overflow:hidden;border:1px solid #c6d6ce;border-radius:12px;background:white;box-shadow:0 24px 44px -32px #25453666;isolation:isolate;aspect-ratio:1919/898}
.ts-product__viewport picture{display:block}
.ts-product__viewport img{display:block;width:100%;height:auto;transform:scale(1);transform-origin:50% 50%;transition:transform .35s cubic-bezier(.2,.65,.3,1)}
.ts-product__figure figcaption{display:flex;gap:30px;align-items:start;justify-content:space-between;margin-top:20px;min-height:82px}
.ts-product__figure figcaption p{font-size:13px;line-height:1.8;color:var(--ts-soft);max-width:75ch;margin:0}
.ts-image-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--ts-green);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}
.ts-product__facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;border-top:1px solid var(--ts-line);padding-top:28px;margin-top:22px}
.ts-product__facts p{font-size:14px;color:var(--ts-soft);line-height:1.85;margin:0}
.ts-product__facts strong{display:block;color:var(--ts-ink);font-size:16px;font-weight:600;margin-bottom:10px}
.bn-tasks-page .ts-dark{background:#173f36;color:#fff}
.ts-origins{display:grid;grid-template-columns:.95fr 1fr;gap:clamp(45px,7vw,105px);align-items:start}
.ts-origins__intro{position:sticky;top:120px}
.bn-tasks-page .ts-dark h2{color:#fff}
.bn-tasks-page .ts-dark .section__header p{color:#c6d9cd}
.ts-origins__note{font-size:12px;color:#c6d9cd;line-height:1.8;max-width:42ch;margin:23px 0 0}
.ts-thread{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:32px}
.ts-thread span{font-size:14px;color:#d2e3ce;min-height:26px}
.ts-thread strong{font-size:24px;letter-spacing:-.02em;color:white;font-weight:600}
.ts-thread i{height:29px;border-left:1px solid #78997f;margin:8px 0 8px 5px;position:relative}
.ts-thread i:after{content:'';width:4px;height:4px;border-radius:50%;background:#b6cdae;position:absolute;bottom:0;left:-2.5px}
.ts-detail{border-bottom:1px solid var(--ts-line)}
.ts-detail:first-child{border-top:1px solid var(--ts-line)}
.ts-detail summary{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:76px;padding:21px 0;cursor:pointer;list-style:none;color:var(--ts-ink);font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.02em}
.ts-detail summary::-webkit-details-marker{display:none}
.ts-detail summary i{font-style:normal;font-size:24px;font-weight:400;line-height:1;transition:transform .18s ease-out}
.ts-detail[open] summary i{transform:rotate(45deg)}
.ts-detail__body{padding:0 30px 25px 0}
.ts-detail__body p{font-size:15px;line-height:1.8;color:var(--ts-soft);margin:0;max-width:65ch}
.ts-dark .ts-detail{border-color:#567b64}
.ts-dark .ts-detail summary{color:#f0f5ed}
.ts-dark .ts-detail[open] summary{color:#c6dda9}
.ts-dark .ts-detail__body p{color:#c6d9cd}
.ts-flow{margin:52px 0 45px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;counter-reset:stage}
.ts-flow li{border-top:1px solid #a6baa0;padding-top:26px;position:relative}
.ts-flow li:not(:last-child):after{content:'→';position:absolute;right:-33px;top:-16px;background:#fff;color:var(--ts-green);font-size:22px}
.ts-flow span{font-size:11px;color:var(--ts-green);letter-spacing:.04em}
.ts-flow h3{font-size:22px;line-height:1.35;letter-spacing:-.025em;color:var(--ts-ink);margin:12px 0 14px}
.ts-flow p{font-size:14px;line-height:1.8;color:var(--ts-soft);margin:0}
.ts-follow-details{max-width:850px;margin-left:auto}
.ts-follow-details summary{font-size:16px;min-height:65px}
.ts-soft{background:var(--ts-paper)}
.ts-personal{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.ts-personal__roles{display:grid;grid-template-columns:1fr 1fr;gap:34px 38px}
.ts-personal__roles article{padding-top:18px;border-top:1px solid #b6c9b0}
.ts-personal__roles h3{font-size:19px;line-height:1.4;letter-spacing:-.02em;color:var(--ts-ink);margin:0 0 13px}
.ts-personal__roles p{font-size:14px;line-height:1.8;color:var(--ts-soft);margin:0}
.ts-series-section{background:#fff}
.ts-series{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;padding:40px 0 45px;border-top:1px solid var(--ts-line);border-bottom:1px solid var(--ts-line)}
.ts-series__intro h3{font-size:25px;line-height:1.3;letter-spacing:-.025em;color:var(--ts-ink);margin:0 0 16px}
.ts-series__intro>p{font-size:15px;color:var(--ts-soft);line-height:1.8;margin:0 0 24px}
.ts-series__controls{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:25px 0}
.ts-series__controls[hidden]{display:none}
.ts-series__controls label:first-child{grid-column:1/-1}
.ts-series__controls label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--ts-ink);font-weight:600}
.ts-series__controls :is(input,select){width:100%;min-width:0;min-height:48px;border:1px solid #a7bba5;border-radius:5px;padding:10px;background:#fff;color:var(--ts-ink);font:inherit;font-size:14px;font-weight:400;box-sizing:border-box}
.ts-series__intro .ts-series__note{font-size:11px;line-height:1.8;margin:24px 0 0;color:var(--ts-soft)}
.ts-series__error{color:#973c27!important;font-size:13px!important;margin-top:15px!important}
.ts-series__caption{font-size:13px;color:var(--ts-soft);line-height:1.6;margin:0 0 26px}
.ts-series__dates{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.ts-series__dates li{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:7px 24px;align-items:center;padding:26px 30px;background:#f0f4ea;border:1px solid #d1dfc8;border-radius:8px}
.ts-series__dates span{font-size:11px;color:var(--ts-soft)}
.ts-series__dates span:first-child{grid-column:1;grid-row:1}
.ts-series__dates time[data-ts-ready]{grid-column:1;grid-row:2;color:var(--ts-green)}
.ts-series__dates span:nth-last-child(2){grid-column:3;grid-row:1}
.ts-series__dates time[data-ts-due]{grid-column:3;grid-row:2;color:var(--ts-ink)}
.ts-series__dates time{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.035em;white-space:nowrap}
.ts-series__dates li>div{grid-column:2;grid-row:2;height:1px;background:#8da881;position:relative}
.ts-series__dates li>div:before,.ts-series__dates li>div:after{content:'';position:absolute;width:5px;height:5px;background:#678455;border-radius:50%;top:-2px;left:0}
.ts-series__dates li>div:after{left:auto;right:0}
.ts-series__foot{font-size:12px;line-height:1.8;color:var(--ts-soft);margin:25px 0 0;max-width:60ch}
.ts-series__principles{display:flex;gap:45px;margin-top:30px}
.ts-series__principles p{font-size:13px;line-height:1.8;color:var(--ts-soft);flex:1;margin:0}
.ts-series__principles strong{display:block;color:var(--ts-ink);font-size:15px;margin-bottom:7px}
.ts-usecases{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}
.ts-usecases .section__header{position:sticky;top:125px;align-self:start}
.ts-related{display:grid;gap:0;margin-top:45px;border-top:1px solid #aebfa8}
.ts-related a{display:grid;grid-template-columns:250px 1fr;gap:50px;padding:28px 0;border-bottom:1px solid #c4d3bf;text-decoration:none;color:var(--ts-ink)}
.ts-related h3{margin:0;font-size:24px;letter-spacing:-.02em;line-height:1.35;display:flex;align-items:baseline;gap:18px}
.ts-related h3 span{font-size:18px;color:var(--ts-green)}
.ts-related p{font-size:15px;color:var(--ts-soft);line-height:1.8;margin:0;max-width:70ch}
.ts-related a:hover h3{text-decoration:underline;text-underline-offset:5px}
.bn-tasks-page #faq>.container{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}
.bn-tasks-page #faq .section__header h2{font-size:36px}
.bn-tasks-page .faq-list{max-width:none;width:100%;margin:0}
.bn-tasks-page .faq-item{border:0;border-bottom:1px solid var(--ts-line);border-radius:0;background:transparent}
.bn-tasks-page .faq-question{padding:22px 0;gap:20px;font-size:16px}
.bn-tasks-page .faq-answer{padding:0 0 22px}
.ts-close{background:#e4edda;padding:76px 0 86px;color:var(--ts-ink)}
.ts-close>.container{max-width:940px}
.ts-close p:first-child{font-size:12px;color:#46603d;margin:0 0 22px}
.ts-close h2{font-size:clamp(36px,4.8vw,64px);line-height:1.07;letter-spacing:-.04em;margin:0 0 24px;color:var(--ts-ink)}
.ts-close h2+p{font-size:16px;color:var(--ts-soft);line-height:1.8;max-width:58ch;margin:0 0 30px}
.ts-close__more{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-left:25px;font-size:13px;color:var(--ts-ink)}
.ts-image-dialog{width:min(1440px,94vw);max-width:94vw;max-height:92dvh;padding:18px;border:1px solid #bdcdb7;border-radius:10px;background:#fff;color:var(--ts-ink)}
.ts-image-dialog::backdrop{background:#132b25cf}
.ts-image-dialog__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.ts-image-dialog__bar a{font-size:13px;color:var(--ts-green);text-decoration:underline}
.ts-image-dialog button{min-height:44px;padding:10px 15px;border:0;border-radius:4px;background:var(--ts-ink);color:#fff;font:inherit;font-size:13px;cursor:pointer}
.ts-image-dialog img{display:block;width:100%;height:auto}
.ts-image-dialog p{font-size:13px;line-height:1.8;color:var(--ts-soft);margin:15px 0 0}
@media(hover:hover) and (pointer:fine){.ts-detail summary:hover{color:var(--ts-green)}.ts-dark .ts-detail summary:hover{color:#c6dda9}}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){.ts-enhanced .ts-series__dates li{transform:translateY(14px);transition:transform .4s ease-out}.ts-enhanced .ts-series__dates li.is-in{transform:none}.ts-enhanced .ts-series__dates li:nth-child(2){transition-delay:60ms}.ts-enhanced .ts-series__dates li:nth-child(3){transition-delay:120ms}}
@media(max-width:1150px){.ts-series{gap:40px;grid-template-columns:.8fr 1.2fr}.ts-series__dates li{padding:23px 20px;gap:7px 14px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.ts-series__dates time{font-size:20px}.ts-personal,.ts-usecases{gap:45px}}
@media(max-width:1000px){.ts-origins,.ts-personal,.ts-usecases,.ts-series,.bn-tasks-page #faq>.container{grid-template-columns:1fr;gap:34px}.ts-origins__intro,.ts-usecases .section__header{position:relative;top:auto}.ts-thread{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;margin-top:15px}.ts-thread i{width:25px;height:1px;border:0;background:#78997f;margin:0}.ts-thread i:after{bottom:-1.5px;left:auto;right:0}.ts-thread strong{font-size:19px}.ts-origins__note{max-width:none;margin-top:17px}.ts-series__dates li{grid-template-columns:minmax(0,1fr) 1fr minmax(0,1fr);gap:7px 25px}.ts-series__dates time{font-size:26px}.ts-series__intro{max-width:680px}.ts-series__principles{gap:25px}}
@media(max-width:600px){.bn-tasks-page .bn-page-content .section{padding-block:56px;scroll-margin-top:74px}.bn-tasks-page .section__header{margin-bottom:28px}.bn-tasks-page .section__header h2{font-size:32px;line-height:1.17}.bn-tasks-page .section__header p{font-size:14px}.ts-index .container{gap:0 22px;padding-block:12px}.ts-index span{width:100%;font-size:10px;margin-bottom:3px}.ts-index a{font-size:12px}.ts-product__controls{gap:5px}.ts-product__controls button{padding:11px 12px;font-size:12px}.ts-product__viewport{border-radius:6px}.ts-product__figure figcaption{display:block;min-height:0;margin-top:17px}.ts-product__figure figcaption p{font-size:12px}.ts-image-link{margin-top:12px;font-size:12px}.ts-product__facts{grid-template-columns:1fr;gap:20px;padding-top:24px}.ts-product__facts p{font-size:13px}.ts-product__facts strong{font-size:15px;margin-bottom:4px}.ts-detail summary{min-height:68px;font-size:18px;padding-block:20px}.ts-detail__body p{font-size:14px}.ts-detail__body{padding-right:10px}.ts-flow{grid-template-columns:1fr;gap:26px;margin-block:32px}.ts-flow li{padding-top:21px}.ts-flow li:not(:last-child):after{display:none}.ts-flow h3{font-size:21px;margin-block:9px 10px}.ts-flow p{font-size:14px}.ts-follow-details summary{font-size:16px}.ts-personal__roles{grid-template-columns:1fr;gap:24px}.ts-personal__roles h3{font-size:19px;margin-bottom:10px}.ts-personal__roles p{font-size:14px}.ts-series{padding-block:27px;gap:32px}.ts-series__intro h3{font-size:23px}.ts-series__intro>p{font-size:14px}.ts-series__controls{gap:16px 14px}.ts-series__controls :is(input,select){font-size:13px;padding-inline:8px}.ts-series__dates{gap:15px}.ts-series__dates li{padding:20px 16px;gap:8px 11px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.ts-series__dates time{font-size:21px}.ts-series__dates span{font-size:10px}.ts-series__caption{font-size:12px}.ts-series__principles{flex-direction:column;gap:17px;margin-top:24px}.ts-series__principles strong{margin-bottom:3px}.ts-related{margin-top:30px}.ts-related a{grid-template-columns:1fr;gap:13px;padding-block:24px}.ts-related h3{font-size:22px;justify-content:space-between}.ts-related p{font-size:14px}.bn-tasks-page #faq .section__header h2{font-size:30px}.ts-close{padding-block:55px 65px}.ts-close h2{font-size:38px}.ts-close h2+p{font-size:14px}.ts-close__more{margin:14px 0 0;display:flex;width:fit-content}.ts-image-dialog{padding:12px}.ts-image-dialog__bar a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ts-product__viewport img{transition:none}.ts-origins__intro,.ts-usecases .section__header{position:relative;top:auto}.ts-detail summary i{transition:none}}

/* Eigene Aufgabenliste als Originalbild unter der Überschrift (01.10.2026) */
.ts-personal__shot{margin:34px 0 0;max-width:360px}.ts-personal__shot img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #b6c9b0;box-shadow:0 1px 2px rgba(31,61,40,.06),0 18px 40px -24px rgba(31,61,40,.35)}
