*{box-sizing:border-box}html{scroll-padding-top:48px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ff-body);line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--ff-display);font-weight:500;line-height:1.06;letter-spacing:-.05em}em{font-style:normal;color:var(--gold)}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;background:var(--gold);color:var(--on-gold);z-index:100;padding:16px;clip-path:inset(50%)}.skip:focus{top:10px;clip-path:none}.review-bar{height:40px;position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);padding-inline:var(--gut);font-size:10px;background:var(--bg-3);color:var(--text-2);border-bottom:1px solid var(--line)}.review-title{letter-spacing:.04em}.review-title b{font-weight:500;color:var(--gold);padding-left:var(--sp-5)}.scene{position:relative;isolation:isolate;overflow:hidden}.scene-label{display:flex;align-items:center;gap:var(--sp-4);font-size:10px;letter-spacing:.16em;font-weight:500;color:var(--text-2)}.scene-label>span{font-size:12px;color:var(--gold);padding-right:var(--sp-4);border-right:1px solid var(--line-gold)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--gold)}.training{min-height:960px;height:min(1050px,calc(100svh + 120px));background:var(--bg-3)}.training-photo{position:absolute;inset:0;width:100%;height:100%;object-position:65% center;z-index:-3}.training-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--bg-3) 0%,color-mix(in srgb,var(--bg-3) 91%,transparent) 25%,color-mix(in srgb,var(--bg-3) 32%,transparent) 63%,transparent 90%),linear-gradient(0deg,var(--bg-3),transparent 65%),linear-gradient(180deg,color-mix(in srgb,var(--bg-3) 80%,transparent),transparent 40%)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);padding:var(--sp-7) max(var(--gut),5vw)}.brand{font-size:11px;font-weight:600;letter-spacing:.12em}.brand span{display:block;font:500 21px var(--ff-display);letter-spacing:-.025em;margin-top:var(--sp-1)}.site-nav>div{display:flex;gap:var(--sp-7);font-size:12px}.nav-action{border:1px solid var(--line-gold);border-radius:var(--r-pill);padding:var(--sp-3) var(--sp-5);font-size:12px}.nav-action span{margin-left:var(--sp-5);color:var(--gold)}.hero-heading{position:relative;margin:var(--sp-8) 5vw 0;z-index:1}.hero-heading .eyebrow{margin-bottom:var(--sp-6)}h1{font-size:clamp(80px,8vw,132px);line-height:1.04;max-width:1050px}h1 em{font-size:.89em}.hero-bottom{position:absolute;bottom:var(--sp-11);left:5vw;right:5vw;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-9)}.hero-intro{max-width:450px}.hero-intro h2{font-size:35px;line-height:1.15;margin-top:var(--sp-6);letter-spacing:-.03em}.hero-intro>p:not(.scene-label){font-size:14px;line-height:1.7;color:var(--text-2);margin-top:var(--sp-5)}.round-link{display:inline-flex;align-items:center;gap:var(--sp-4);font-size:12px;margin-top:var(--sp-7)}.arrow{width:42px;height:42px;border:1px solid var(--line-gold);display:grid;place-items:center;border-radius:var(--r-pill);color:var(--gold);font-size:18px;flex-shrink:0}.tracker{width:330px;flex-shrink:0;transform:rotate(4deg);border:1px solid var(--line-gold);background:color-mix(in srgb,var(--bg) 95%,transparent);padding:var(--sp-6);border-radius:var(--r-lg);box-shadow:0 24px 64px color-mix(in srgb,var(--bg-3) 55%,transparent);margin-bottom:var(--sp-4);margin-right:var(--sp-5)}.tracker-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.14em;color:var(--gold)}.tracker-check{border:1px solid var(--line-gold);border-radius:var(--r-pill);display:grid;place-items:center;width:28px;height:28px;font-size:13px}.tracker-title{font:500 27px/1.12 var(--ff-display);letter-spacing:-.035em;margin-top:var(--sp-3)}.set-labels,.set-row{display:grid;grid-template-columns:1fr 1fr 1fr 25px;align-items:center;gap:var(--sp-3)}.set-labels{margin-top:var(--sp-6);font-size:10px;color:var(--text-2);padding-bottom:var(--sp-2)}.set-row{border-top:1px solid var(--line);padding-block:var(--sp-3);font-size:12px}.set-row strong{font-weight:500;font-size:22px}.set-row b{color:var(--gold);font-weight:500}.set-row.second{color:var(--text-2)}.tracker-note{font-size:9px;color:var(--text-2);margin-top:var(--sp-2)}.scene-footer{position:absolute;bottom:var(--sp-6);left:5vw;right:5vw;display:flex;justify-content:space-between;gap:var(--sp-5);font-size:9px;letter-spacing:.12em;color:var(--text-2);border-top:1px solid var(--line-gold);padding-top:var(--sp-5)}.scene-footer>span:nth-child(2){color:var(--gold)}.training-detail{padding:var(--sp-8) 5vw;display:flex;justify-content:space-between;gap:var(--sp-7);background:var(--bg-3);border-bottom:1px solid var(--line)}.training-detail p{font-size:12px;color:var(--text-2);line-height:1.9}.training-detail strong{font-weight:400;color:var(--text)}
/* Szene 02: Das Essen hat die Bildflaeche. Der Dialog verbindet es mit der App. */
.nutrition{min-height:1030px;background:var(--bg);padding:var(--sp-11) 5vw var(--sp-10)}.nutrition-intro{position:relative;z-index:2;padding-top:var(--sp-6)}.nutrition-intro .scene-label{margin-bottom:var(--sp-8)}.nutrition h2{font-size:clamp(65px,6.8vw,108px);line-height:1.04;max-width:750px}.nutrition h2 em{color:var(--text)}.nutrition-copy{font-size:15px;line-height:1.75;max-width:36ch;color:var(--text-2);margin-top:var(--sp-8)}.photo-caption{font-size:10px;color:var(--text-2);margin-top:var(--sp-7)}.meal-stage{position:absolute;right:-5vw;top:var(--sp-11);width:56vw;height:700px;transform:rotate(-8deg);z-index:0;background:var(--surface)}.meal-photo{width:100%;height:100%;object-position:50% 50%}.meal-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--bg-3) 65%,transparent));pointer-events:none}.viewfinder{position:absolute;inset:var(--sp-8);z-index:1;pointer-events:none}.viewfinder i{position:absolute;width:30px;height:30px;border-color:var(--gold);border-style:solid;border-width:0}.viewfinder i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.viewfinder i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.viewfinder i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.viewfinder i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.photo-question{position:absolute;left:var(--sp-8);top:58%;display:flex;align-items:center;gap:var(--sp-4);font-size:14px;line-height:1.5;z-index:2;background:var(--bg);border:1px solid var(--line-gold);padding:var(--sp-4);border-radius:var(--r-md);max-width:calc(100% - 80px)}.camera{color:var(--gold);font-size:20px}.companion-reply{position:relative;z-index:3;width:570px;max-width:55%;margin-top:var(--sp-10);margin-left:auto;margin-right:8vw;background:var(--bg-2);border:1px solid var(--line-gold);border-radius:var(--r-lg);padding:var(--sp-7);box-shadow:0 24px 64px color-mix(in srgb,var(--bg-3) 65%,transparent)}.reply-name{display:flex;align-items:center;gap:var(--sp-3)}.reply-name>img{width:32px;height:32px;object-fit:contain}.reply-name>span:not(.reply-type){font-size:14px;flex:1}.reply-name small{font-size:9px;border:1px solid var(--line-gold);border-radius:var(--r-sm);padding:2px 6px;color:var(--gold);margin-left:var(--sp-2)}.reply-type{font-size:8px;letter-spacing:.1em;color:var(--text-2)}.companion-reply>p{font-size:18px;line-height:1.65;margin-top:var(--sp-6);color:var(--text-2)}.companion-reply strong{font-weight:500;color:var(--gold)}.reply-tail{display:flex;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--line);font-size:10px;color:var(--text-2)}.reply-tail>span:last-child{color:var(--gold);font-size:16px}.nutrition-foot,.evening-foot{display:flex;justify-content:space-between;gap:var(--sp-6);font-size:9px;letter-spacing:.1em;color:var(--text-2);margin-top:var(--sp-9);padding-top:var(--sp-5);border-top:1px solid var(--line)}.nutrition-foot>span:last-child,.evening-foot>span:last-child{color:var(--gold)}
/* Szene 03: Licht und Kontrast werden weicher. */
.evening{min-height:1080px;padding:var(--sp-11) 5vw var(--sp-7);background:var(--bg-3)}.evening-photo-wrap{position:absolute;left:0;top:0;bottom:0;width:58%;z-index:-1}.evening-photo{height:100%;width:100%;object-fit:cover;object-position:50% 42%}.evening-photo-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 38%,var(--bg-3) 100%),linear-gradient(0deg,var(--bg-3),transparent 40%),linear-gradient(180deg,color-mix(in srgb,var(--bg-3) 70%,transparent),transparent 25%)}.evening-heading{margin-left:43%;position:relative}.evening-heading .scene-label{margin-bottom:var(--sp-7)}.evening h2{font-size:clamp(52px,5vw,80px);line-height:1.08}.evening-heading>p:last-child{color:var(--text-2);font-size:15px;line-height:1.7;margin-top:var(--sp-6)}.today{width:460px;margin:var(--sp-8) 2vw 0 auto;position:relative;border:1px solid var(--line-gold);background:color-mix(in srgb,var(--bg) 95%,transparent);border-radius:var(--r-lg);padding:var(--sp-7);transform:rotate(-3deg);box-shadow:0 24px 64px color-mix(in srgb,var(--bg-3) 55%,transparent)}.today-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-5);padding-bottom:var(--sp-4)}.today-head h3{font-size:40px;letter-spacing:-.035em}.today-head>span{font-size:8px;letter-spacing:.12em;color:var(--text-2)}.habit{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6);padding:var(--sp-4) 0;border-bottom:1px solid var(--line)}.habit-name{display:flex;gap:var(--sp-3);align-items:center;font-size:13px}.habit-name>span{font-size:24px;color:var(--gold);width:24px;line-height:1}.habit-name svg{width:24px;height:24px;stroke-width:1.3;color:var(--gold)}.habit-progress{width:172px;flex-shrink:0}.habit-progress p{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2)}.habit-progress strong{font-size:20px;font-weight:500}.habit-progress small{font-size:14px;color:var(--text-2)}.habit-progress p>span{font-size:9px;color:var(--text-2)}.bar{height:5px;background:var(--surface);border-radius:var(--r-sm);overflow:hidden}.bar i{display:block;height:100%;width:var(--progress);background:var(--gold)}.segments{display:flex;gap:var(--sp-1)}.segments>i{height:5px;flex:1;background:var(--gold);border-radius:var(--r-sm)}.segments .empty{background:var(--surface)}.done{width:172px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-2)}.done>b{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-pill);color:var(--on-gold);background:var(--gold);font-weight:500}.today-note{margin-top:var(--sp-5);font-size:9px;color:var(--text-2)}.evening-foot{position:absolute;bottom:var(--sp-7);left:5vw;right:5vw}
/* Die Menschen sind der Abschluss der dritten Szene. */
.people{display:grid;grid-template-columns:1fr 1fr;min-height:780px;background:var(--bg)}.people-copy{padding:var(--sp-11) 6vw}.people h2{font-size:clamp(60px,6vw,96px);margin-top:var(--sp-7)}.people-copy>p:not(.eyebrow){font:500 25px/1.45 var(--ff-display);color:var(--text-2);margin-top:var(--sp-7);letter-spacing:-.015em}.community-facts{font-size:12px;color:var(--text-2);border-top:1px solid var(--line);padding-top:var(--sp-6);margin-top:var(--sp-7);max-width:360px}.community-facts p+p{margin-top:var(--sp-4)}.people-photo{position:relative}.people-photo img{width:100%;height:100%;position:absolute;object-position:50% 48%}.people-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--bg-3) 75%,transparent),transparent 40%)}.people-photo figcaption{position:absolute;left:var(--sp-7);bottom:var(--sp-7);font-size:11px;z-index:1}.direction-notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-10);padding:var(--sp-11) 6vw var(--sp-7);background:var(--bg-3);border-top:1px solid var(--line)}.direction-notes h2{font-size:44px;margin-top:var(--sp-5)}.direction-notes>div>p:last-child{font-size:13px;color:var(--text-2);max-width:48ch;margin-top:var(--sp-6)}details{padding:var(--sp-5) 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:13px}details p{font-size:13px;color:var(--text-2);padding-top:var(--sp-5)}.source-link{display:block;font-size:11px;color:var(--gold);margin-top:var(--sp-6)}.notes-end{grid-column:1/-1;font-size:10px;color:var(--text-2)}
@media(min-width:1800px){.training-photo{object-position:65% 35%}.training{min-height:1080px}.hero-bottom{bottom:128px}.hero-heading{margin-top:64px}.nutrition{min-height:1160px}.meal-stage{height:800px}.companion-reply{margin-top:96px}.evening{min-height:1180px}.today{margin-right:6vw}}
@media(max-width:1050px) and (min-width:701px){.site-nav>div{display:none}.training{min-height:900px}.hero-heading{margin-top:64px}h1{font-size:9vw}.hero-intro{max-width:380px}.hero-intro h2{font-size:31px}.tracker{width:290px;padding:24px;margin-right:0}.round-link{font-size:10px}.nutrition h2{font-size:7.8vw}.nutrition{min-height:1020px}.meal-stage{width:58vw;top:200px;height:550px;right:-9vw}.companion-reply{max-width:68%;margin-right:0;margin-top:96px}.evening{min-height:1100px}.evening-heading{margin-left:36%}.evening h2{font-size:6vw}.today{width:410px;margin-top:48px;padding:24px}.people-copy{padding:64px 5vw}.people h2{font-size:64px}.people{min-height:760px}}
@media(max-width:700px){
.review-bar{font-size:9px;padding-inline:16px;gap:8px}.review-title{font-size:9px}.review-title b{padding-left:8px}.review-bar>a:last-child{font-size:0}.review-bar>a:last-child:after{content:'Bildregie ↗';font-size:9px}
.training{height:auto;min-height:1110px;padding-bottom:80px;overflow:hidden}.training-photo{height:740px;object-position:67% center;top:130px}.training-shade{background:linear-gradient(0deg,var(--bg-3) 0%,var(--bg-3) 28%,transparent 75%),linear-gradient(180deg,var(--bg-3) 0%,color-mix(in srgb,var(--bg-3) 90%,transparent) 13%,transparent 38%),linear-gradient(90deg,color-mix(in srgb,var(--bg-3) 45%,transparent),transparent 55%)}.site-nav{padding:24px 20px;gap:12px}.brand{font-size:9px}.brand span{font-size:17px}.site-nav>div{display:none}.nav-action{font-size:10px;padding:8px 12px}.nav-action span{margin-left:8px}.hero-heading{margin:20px 20px 0}.hero-heading .eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:16px}h1{font-size:clamp(37px,10.8vw,70px);line-height:1.02;letter-spacing:-.05em}h1 em{font-size:.86em}.hero-bottom{position:relative;inset:auto;display:flex;flex-direction:column;align-items:stretch;margin:325px 20px 0;gap:28px}.hero-intro{max-width:none}.scene-label{font-size:8px;letter-spacing:.12em;gap:12px}.scene-label>span{font-size:10px;padding-right:12px}.hero-intro h2{font-size:30px;margin-top:16px;line-height:1.13}.hero-intro>p:not(.scene-label){font-size:13px;margin-top:12px}.round-link{font-size:10px;gap:12px;margin-top:20px}.arrow{width:34px;height:34px;font-size:16px}.tracker{align-self:flex-end;width:min(280px,85%);margin:0 6px 8px 0;padding:20px;transform:rotate(3deg)}.tracker-title{font-size:24px}.tracker-top{font-size:8px}.tracker-check{height:24px;width:24px}.set-labels{margin-top:16px}.set-row{padding:8px 0}.set-row strong{font-size:20px}.scene-footer{left:20px;right:20px;bottom:24px;font-size:7px;letter-spacing:.08em;padding-top:16px;gap:8px}.training-detail{padding:24px 20px;gap:16px;display:grid;grid-template-columns:1fr}.training-detail p{font-size:11px;line-height:1.65}.nutrition{min-height:0;padding:64px 20px 40px}.nutrition-intro{padding-top:0}.nutrition-intro .scene-label{margin-bottom:24px}.nutrition h2{font-size:clamp(44px,11vw,70px);line-height:1.06;letter-spacing:-.04em}.nutrition h2 em{color:var(--text)}.nutrition-copy{font-size:13px;margin-top:24px;max-width:36ch}.photo-caption{font-size:9px;margin-top:16px}.meal-stage{position:relative;inset:auto;margin:40px -35px 0 12px;width:calc(100% + 23px);height:400px;transform:rotate(-5deg)}.viewfinder{inset:24px}.viewfinder i{width:24px;height:24px}.photo-question{left:20px;top:58%;max-width:calc(100% - 50px);font-size:11px;gap:12px;padding:12px}.photo-question .camera{font-size:16px}.companion-reply{width:100%;max-width:none;margin:-24px 0 0;padding:24px;transform:rotate(2deg)}.reply-type{font-size:7px}.reply-name>span:not(.reply-type){font-size:12px}.reply-name>img{height:28px;width:28px}.reply-name small{font-size:8px;padding:2px 4px;margin-left:4px}.companion-reply>p{font-size:15px;line-height:1.65;margin-top:20px}.reply-tail{font-size:9px;gap:8px;margin-top:20px;padding-top:16px}.nutrition-foot{margin-top:40px;font-size:7px;gap:20px;line-height:1.7}.nutrition-foot>span:first-child{max-width:30ch}.evening{min-height:0;padding:64px 20px 40px}.evening-photo-wrap{top:170px;left:-35%;width:140%;height:800px;bottom:auto}.evening-photo{object-fit:cover;object-position:50% 20%}.evening-photo-wrap:after{background:linear-gradient(180deg,var(--bg-3),transparent 30%),linear-gradient(0deg,var(--bg-3),transparent 50%),linear-gradient(90deg,color-mix(in srgb,var(--bg-3) 30%,transparent),transparent)}.evening-heading{margin-left:0}.evening-heading .scene-label{margin-bottom:24px}.evening h2{font-size:clamp(37px,9.5vw,60px)}.evening-heading>p:last-child{font-size:13px;margin-top:20px}.today{width:calc(100% - 8px);margin:360px 4px 0;padding:24px 20px;transform:rotate(-2deg)}.today-head{padding-bottom:12px}.today-head h3{font-size:34px}.today-head>span{font-size:7px}.habit{padding:16px 0;gap:16px}.habit-name{font-size:12px;gap:8px}.habit-name svg{height:20px;width:20px}.habit-name>span{width:20px;font-size:22px}.habit-progress,.done{width:145px}.habit-progress strong{font-size:19px}.habit-progress small{font-size:13px}.habit-progress p>span{font-size:8px}.habit-progress p{gap:8px}.done{font-size:11px}.today-note{font-size:8px}.evening-foot{position:relative;inset:auto;margin-top:40px;font-size:7px;line-height:1.7;gap:20px}.evening-foot>span:first-child{max-width:30ch}.people{display:flex;flex-direction:column;min-height:0}.people-copy{padding:56px 20px 40px}.people .eyebrow{font-size:9px}.people h2{font-size:68px;margin-top:24px}.people-copy>p:not(.eyebrow){font-size:23px;margin-top:24px}.community-facts{font-size:12px;margin-top:24px;padding-top:20px}.people-photo{height:520px}.people-photo img{object-position:50% 38%}.people-photo figcaption{left:20px;bottom:20px;font-size:10px}.direction-notes{grid-template-columns:1fr;padding:56px 20px 24px;gap:32px}.direction-notes h2{font-size:36px}.direction-notes .eyebrow{font-size:9px}.direction-notes>div>p:last-child{font-size:12px;max-width:none}.notes-end{grid-column:auto}.source-link{line-height:1.7}summary{font-size:12px}details p{font-size:12px}}
@media(max-width:360px){.nav-action{font-size:9px;padding:8px}.brand span{font-size:16px}.hero-heading .eyebrow{font-size:7px}.hero-bottom{margin-top:300px}.hero-intro h2{font-size:28px}.hero-intro>p:not(.scene-label){font-size:12px}.today{padding:20px 16px}.habit-name{font-size:11px;gap:6px}.habit-progress,.done{width:124px}.habit-progress p>span{font-size:7px}.habit{gap:10px}.nutrition h2{font-size:41px}.companion-reply{padding:20px}.reply-name{gap:8px}.reply-type{font-size:6px}.reply-name>span:not(.reply-type){font-size:11px}.photo-question{font-size:10px}.nutrition-copy{font-size:12px}}