/* Chapters 02 (all-in-one service) and 03 (website check). Header, hero and the other chapters stay unchanged. */

/* Chapter framing, identical to the existing chapters. */
.chapter-test #rundum,.chapter-test #check{scroll-snap-align:start;min-height:var(--measured-page,calc(100svh - var(--chapter-header)));padding-block:var(--measured-padding,24px);display:flex;flex-direction:column;justify-content:flex-start}
.chapter-test #rundum>*,.chapter-test #check>*{flex-shrink:0}
@media(prefers-reduced-motion:no-preference){.headlines-pending #rundum h2,.headlines-pending #check h2{visibility:hidden}}
@media(max-width:900px),(pointer:coarse){
 .chapter-test #rundum,.chapter-test #check{scroll-snap-align:none;min-height:0;padding-block:48px;display:block}
}
#check{background:#1b1d19}
#check.wrap{max-width:none;padding-left:max(64px,calc((100vw - 1400px)/2 + 64px));padding-right:max(64px,calc((100vw - 1400px)/2 + 64px))}

/* 02 – Alles aus einer Hand */
.rundum-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:stretch}
.rundum-stage{position:relative;border:1px solid #45483d;border-radius:5px;background:radial-gradient(ellipse at 50% 55%,#2a3024 0%,#1d201a 70%);padding:20px 22px 18px;display:flex;flex-direction:column;overflow:hidden}
.rundum-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#363a2e44 1px,transparent 1px),linear-gradient(90deg,#363a2e44 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000 30%,transparent 75%);pointer-events:none}
.rundum-switch{position:relative;z-index:2;align-self:flex-start;display:flex;padding:4px;background:#23261f;border:1px solid #454b3b;border-radius:30px}
.rundum-switch button{padding:9px 16px;border:0;background:transparent;color:#bdc2b3;font-size:11px;font-weight:600;letter-spacing:.02em;cursor:pointer;border-radius:20px;transition:background .25s,color .25s}
.rundum-switch button.selected{color:#171916;background:#d3ddbf}
.rundum-switch button[data-mode="mit"].selected{background:#ff8759}
.rundum-map{position:relative;flex:1;min-height:300px;margin:6px 0 4px}
.rundum-map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rundum-map path{fill:none;vector-effect:non-scaling-stroke;transition:opacity .5s}
.lines-ohne path{stroke:#6f7564;stroke-width:1.2;stroke-dasharray:4 5}
.lines-mit path{stroke:#ff8759;stroke-width:1.6;stroke-dasharray:2 7;opacity:0}
.rundum-stage[data-mode="mit"] .lines-ohne path{opacity:0}
.rundum-stage[data-mode="mit"] .lines-mit path{opacity:.9}
@media(prefers-reduced-motion:no-preference){.rundum-stage[data-mode="mit"] .lines-mit path{animation:rundum-flow 1.2s linear infinite}}
@keyframes rundum-flow{to{stroke-dashoffset:-18}}
.rnode{position:absolute;transform:translate(-50%,-50%) rotate(var(--tilt,0deg));background:#23271f;border:1px solid #4c5542;border-radius:4px;padding:8px 12px;text-align:center;white-space:nowrap;transition:transform .55s cubic-bezier(.2,.7,.2,1),border-color .4s,background .4s,box-shadow .4s;z-index:1}
.rnode b{display:block;font-size:12px;font-weight:600;color:#eceee3}
.rnode small{display:block;margin-top:3px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#9ea594}
.rnode small:before{content:attr(data-ohne)}
.rundum-stage[data-mode="mit"] .rnode small:before{content:attr(data-mit)}
.rundum-stage[data-mode="mit"] .rnode{--tilt:0deg;border-color:#7d8b69;background:#262c21;box-shadow:0 8px 24px #0004}
.rundum-stage[data-mode="mit"] .rnode small{color:#ffad89}
.n1{left:20%;top:14%;--tilt:-5deg}.n2{left:80%;top:14%;--tilt:4deg}.n3{left:86%;top:50%;--tilt:-3deg}
.n4{left:80%;top:86%;--tilt:5deg}.n5{left:20%;top:86%;--tilt:-4deg}.n6{left:14%;top:50%;--tilt:3deg}
.rcore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}
.rcore-you{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f1f1e9;color:#171916;font-size:13px;font-weight:700;box-shadow:0 0 0 6px #f1f1e914;transition:transform .5s}
.rcore-mh{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:4px;background:#ff8759;color:#171916;font-size:12px;font-weight:750;letter-spacing:-.2px;box-shadow:0 10px 30px #ff875933;transform:scale(.6);opacity:0;max-height:0;padding-block:0;overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s,max-height .4s,padding .4s}
.rcore-mh svg{width:22px;height:20px;fill:none;stroke:#171916;stroke-width:3}
.rundum-stage[data-mode="mit"] .rcore-you{transform:scale(.8)}
.rundum-stage[data-mode="mit"] .rcore-mh{transform:none;opacity:1;max-height:60px;padding-block:10px}
.rundum-caption{position:relative;z-index:2;margin:0;font-size:13px;line-height:1.6;color:#d4dfbf;min-height:42px}
.rundum-caption .cap-mit,.rundum-stage[data-mode="mit"] .cap-ohne{display:none}
.rundum-stage[data-mode="mit"] .cap-mit{display:inline}
.rundum-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #45483d;align-content:start}
.rundum-list li{display:flex;gap:14px;padding:20px 16px 20px 0;border-bottom:1px solid #45483d;transition:background .3s}
.rundum-list li:nth-child(even){padding-left:16px;border-left:1px solid #45483d}
.rundum-list li:hover{background:linear-gradient(90deg,#a5ad9408,transparent)}
.rundum-list li>span{font-size:10px;color:#ff8759;margin-top:3px}
.rundum-list b{display:block;font-size:16px;font-weight:600;letter-spacing:-.3px;color:#eceee3;margin-bottom:6px}
.rundum-list p{margin:0;font-size:12.5px;line-height:1.65}

/* 03 – Website-Check */
.check-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:start}
.check-list{list-style:none;margin:0;padding:0;counter-reset:q;border-top:1px solid #45483d}
.check-list li{counter-increment:q;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #45483d;transition:background .3s}
.check-list li:before{content:counter(q,decimal-leading-zero);font-size:10px;color:#ff8759}
.check-list li p{margin:0;font-size:14.5px;line-height:1.5;color:#e4e7dc}
.check-list li div{display:flex;gap:6px}
.check-list button{min-width:58px;padding:9px 14px;border:1px solid #4c5142;border-radius:20px;background:transparent;color:#c4ccba;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.check-list button:hover{border-color:#a5ad94;color:#f1f1e9}
.check-list button[data-a="ja"][aria-pressed="true"]{background:#d4dfbf;border-color:#d4dfbf;color:#171916}
.check-list button[data-a="nein"][aria-pressed="true"]{background:#ff8759;border-color:#ff8759;color:#171916}
.check-list li.answered p{color:#b8bbb1}
.check-result{border:1px solid #45483d;border-radius:5px;background:linear-gradient(150deg,#262b21,#1d201a);padding:26px 28px}
.check-gauge{display:flex;align-items:center;gap:20px}
.check-gauge svg{width:96px;height:96px;transform:rotate(-90deg);flex-shrink:0}
.check-gauge circle{fill:none;stroke:#343630;stroke-width:9}
.check-gauge .gauge-value{stroke:#ff8759;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .6s cubic-bezier(.2,.7,.2,1),stroke .4s}
.check-result[data-level="gut"] .gauge-value{stroke:#b9cf95}
.check-gauge strong{display:block;font-size:34px;font-weight:650;letter-spacing:-1.5px;color:#f1f1e9;line-height:1}
.check-gauge small{display:block;margin-top:6px;font-size:10px;letter-spacing:.06em;color:#a2ab94}
.check-result h3{font-size:22px;margin:22px 0 8px}
.check-result>p{font-size:13px;margin:0}
#check-todo{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#check-todo li{font-size:10px;padding:7px 9px;border:1px solid #6b5140;border-radius:3px;color:#ffc6aa;background:#ff87590d}
#check-todo:empty{display:none}
.check-result .button{width:100%;margin-top:22px}

@media(max-width:1100px){
 #check.wrap{padding-left:35px;padding-right:35px}
 .rundum-grid,.check-grid{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:760px){
 #check.wrap{padding-left:23px;padding-right:23px}
 .rundum-stage{padding:16px 14px}
 .rundum-switch button{padding:8px 12px;font-size:10px}
 .rundum-map{min-height:270px}
 .rnode{padding:6px 8px}
 .rnode b{font-size:10.5px}
 .rnode small{font-size:8px}
 .rcore-you{width:38px;height:38px;font-size:12px}
 .rcore-mh{font-size:11px}
 .rundum-list{grid-template-columns:minmax(0,1fr)}
 .rundum-list li,.rundum-list li:nth-child(even){padding:16px 0;border-left:0}
 .check-list li{grid-template-columns:26px minmax(0,1fr);row-gap:10px}
 .check-list li div{grid-column:2}
 .check-list li p{font-size:14px}
 .check-result{padding:22px 20px}
}
@media(prefers-reduced-motion:reduce){.rnode,.rcore-mh,.rcore-you,.gauge-value{transition:none!important}}
@media(max-width:400px){#rundum h2,#check h2{font-size:33px;letter-spacing:-1.4px}}

/* Two extra navigation entries; never wrap, hide them where the header would get crowded. */
.header nav a{white-space:nowrap}
.header-cta{white-space:nowrap}
@media(max-width:1180px){.header nav a[href="#rundum"],.header nav a[href="#check"]{display:none}}