@font-face{font-family:Space;src:url('assets/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Caveat;src:url('assets/caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--ink:#092f26;--pink:#ff1693;--lime:#c7ff23;--header:108px}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h,var(--header)) + 20px)}body{margin:0;background:#fff;color:var(--ink);font-family:Space,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #092f26;outline-offset:5px}button{color:inherit}a{color:inherit}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #092f2612}.header-inner{min-height:var(--header);max-width:1600px;margin:auto;padding:22px 4%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:26px;font-weight:500;line-height:.97;text-decoration:none;flex-shrink:0;letter-spacing:-1px}.brand>span{display:block}.brand-ease{position:relative}.brand-ease:after{content:'';position:absolute;bottom:-7px;left:-1px;right:-3px;height:5px;border-radius:70% 45% 50% 35%;background:var(--pink);transform:rotate(-3deg)}.desktop-nav{display:flex;gap:23px;align-items:center}.desktop-nav :is(button,a){border:0;padding:10px 0;background:none;font-size:17px;white-space:nowrap}.desktop-nav :is(button,a):hover{text-decoration:underline;text-underline-offset:6px}.header-cta{border:0;border-radius:30px;background:var(--lime);padding:16px 21px;font-size:17px;font-weight:500;white-space:nowrap}.header-cta span{margin-left:15px;font-size:20px}.menu-toggle,.mobile-nav{display:none}.hero{max-width:1600px;margin:auto;padding:66px 4% 72px;display:grid;grid-template-columns:1.03fr 1fr;gap:25px;align-items:center;min-height:770px;overflow:hidden}.copy{position:relative;z-index:2;padding-bottom:15px}.eyebrow{text-transform:uppercase;font-size:14px;letter-spacing:2.1px;font-weight:600;margin:0 0 25px;line-height:1.65}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,5.9vw,91px);font-weight:700;line-height:.99;letter-spacing:-4px;color:#111;margin:0 0 36px}h1 em{font-family:Caveat,cursive;font-size:1.27em;line-height:.8;font-weight:600;font-style:normal;letter-spacing:-3px;position:relative;z-index:0;display:inline-block;padding:0 12px 7px 2px}h1 em:before{content:'';position:absolute;inset:8% -4% 2%;background:var(--lime);z-index:-1;transform:rotate(-3deg);clip-path:polygon(2% 6%,18% 2%,27% 5%,55% 0,72% 4%,97% 0,96% 13%,100% 18%,98% 38%,100% 54%,97% 71%,99% 88%,91% 94%,72% 92%,49% 98%,28% 94%,4% 100%,5% 88%,0 84%,2% 64%,0 47%,3% 31%,0 20%)}h1 em:after{content:'';position:absolute;bottom:-3px;left:1%;width:105%;height:8px;background:var(--pink);border-radius:60% 40% 40% 20%;transform:rotate(-4deg)}.intro,.promise{font-size:20px;line-height:1.5;max-width:505px;margin:0}.promise{margin-top:8px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:29px}.primary{border:0;background:var(--pink);color:#092219;font-weight:500;border-radius:8px;padding:18px 21px;font-size:18px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px}.primary span{font-size:25px;line-height:18px}.primary:hover{background:#f00083}.text-link{background:none;border:0;font-size:17px;padding:15px 0;text-decoration:underline;text-underline-offset:5px;display:flex;gap:15px;align-items:center}.text-link span{font-size:22px;text-decoration:none}.collage{position:relative;height:635px;min-width:0}.paper{position:absolute;background:#dededb;clip-path:polygon(2% 2%,16% 0,35% 2%,60% 0,83% 3%,100% 1%,98% 24%,100% 49%,97% 70%,99% 97%,72% 99%,47% 97%,22% 100%,0 97%,2% 65%,0 41%)}.paper-back{inset:20px 22px 28px 20px;transform:rotate(5deg);background:repeating-linear-gradient(5deg,#e7e7e4 0,#e7e7e4 3px,#e3e3e0 4px)}.paper-side{width:48%;height:70%;bottom:7px;left:7%;background:#eee9de;transform:rotate(-8deg)}.photo{position:absolute;left:8%;right:5%;top:40px;bottom:24px;transform:rotate(-2deg);overflow:hidden;clip-path:polygon(1% 0,99% 1%,100% 28%,99% 59%,100% 99%,77% 98%,51% 100%,27% 98%,0 99%,1% 65%,0 30%)}.photo img{width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:grayscale(1) contrast(1.06)}.tape{position:absolute;left:45%;top:30px;width:115px;height:31px;background:#eeece3b3;transform:rotate(5deg);clip-path:polygon(2% 0,98% 3%,100% 92%,3% 100%,0 65%)}.note{position:absolute;margin:0;font-family:Caveat,cursive;font-weight:700;font-size:31px;line-height:.95;text-transform:uppercase;padding:22px 19px 24px;filter:drop-shadow(2px 4px 2px #00000012);z-index:3;color:#0a1713;clip-path:polygon(1% 1%,28% 0,53% 1%,98% 0,100% 38%,98% 66%,100% 98%,67% 100%,33% 98%,0 100%,2% 69%,0 37%)}.note-lime{left:0;top:6px;width:183px;background:var(--lime);transform:rotate(-10deg)}.note-pink{right:-4px;top:53px;width:169px;background:var(--pink);transform:rotate(10deg);padding:22px 15px}.note-white{left:0;bottom:13px;background:#f6f4ee;font-size:33px;transform:rotate(-7deg);padding:23px 29px;box-shadow:0 2px 5px #0001}.note-white span{position:relative}.note-white span:after{content:'';height:5px;background:var(--pink);position:absolute;bottom:-4px;left:0;right:0;transform:rotate(-3deg)}.scribble{position:absolute;width:86px;height:100px;left:-20px;top:181px;z-index:4;fill:none;stroke:var(--pink);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-10deg)}.arrow{position:absolute;width:80px;height:76px;right:7px;bottom:78px;fill:none;stroke:var(--lime);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;transform:rotate(12deg)}.preview-end{border-top:1px solid #e5ebe8;padding:40px 5% 110px;background:#fff;color:#53655e;text-align:center}.preview-end>span{font-size:13px;letter-spacing:2px}.preview-end p{margin-bottom:7px;font-size:20px}.preview-end small{font-size:17px}.preview-dialog{border:1px solid #d9dfdc;border-radius:14px;padding:40px;max-width:460px;width:calc(100% - 32px);color:var(--ink);font-family:Space,Arial,sans-serif}.preview-dialog::backdrop{background:#092f2655}.preview-dialog h2{font-size:27px;line-height:1.15}.preview-dialog p:not(.eyebrow){font-size:19px;line-height:1.5}.dialog-close{position:absolute;right:12px;top:8px;font-size:30px;border:0;background:none;width:40px;height:40px}.dialog-back{margin-top:10px}
@media(min-width:1500px){.desktop-nav{gap:30px}.desktop-nav :is(button,a),.header-cta{font-size:18px}}
@media(max-width:1280px){:root{--header:92px}.desktop-nav{display:none}.header-inner{padding:18px 4%;gap:22px}.header-cta{margin-left:auto}.menu-toggle{display:flex;align-items:center;gap:14px;border:0;background:none;min-height:44px;font-size:18px;padding:8px 0 8px 8px}.menu-lines{display:block;width:22px;height:12px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.mobile-nav:not([hidden]){display:grid;position:absolute;top:100%;left:0;right:0;background:#fff;padding:12px 5% 25px;border-bottom:1px solid #d4ded8;box-shadow:0 10px 20px #0000000d;max-height:calc(100dvh - var(--header));overflow:auto}.mobile-nav :is(button,a){display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-bottom:1px solid #e5ebe8;min-height:51px;text-align:left;font-size:20px}.mobile-nav .mobile-contact{background:var(--lime);padding:12px 18px;margin-top:15px;border-radius:6px}}
@media(max-width:1550px){.hero{padding-top:50px;gap:12px;min-height:680px}h1{font-size:clamp(53px,6.2vw,73px);letter-spacing:-3px}.eyebrow{font-size:13px;letter-spacing:1.5px}.intro,.promise{font-size:19px}.collage{height:550px}.note{font-size:27px}.note-lime{width:157px}.note-pink{width:142px;top:28px}.note-white{font-size:28px}.hero-actions{gap:8px 20px}}
@media(max-width:760px){:root{--header:82px}.header-inner{padding:16px 22px}.brand{font-size:23px}.header-cta{display:none}.menu-toggle{margin-left:auto}.hero{display:flex;flex-direction:column;align-items:stretch;padding:39px 24px 42px;gap:27px;min-height:0}.copy{padding:0}.eyebrow{font-size:12px;letter-spacing:1.35px;margin-bottom:24px}h1{font-size:clamp(47px,10.6vw,76px);letter-spacing:-2.5px;line-height:1.02;margin-bottom:30px}h1 em{letter-spacing:-1px}.intro,.promise{font-size:19px;line-height:1.55;max-width:560px}.promise{margin-top:10px}.hero-actions{margin-top:24px;gap:9px 18px}.primary{padding:16px 18px;font-size:17px}.text-link{font-size:17px}.collage{width:100%;height:auto;aspect-ratio:.93;max-height:650px;margin-top:10px}.photo{top:30px;bottom:17px;left:7%;right:5%}.note{font-size:clamp(23px,5.5vw,34px)}.note-lime{width:35%;padding:15px 12px;left:-5px;top:0}.note-pink{width:32%;padding:16px 10px;right:-4px;top:14px}.note-white{font-size:clamp(25px,6vw,36px);padding:18px 20px;left:-3px;bottom:-5px}.scribble{width:60px;height:75px;left:-18px;top:33%}.arrow{width:58px;right:0;bottom:50px}.tape{top:18px;width:80px;height:25px}.preview-end{padding:30px 20px 120px}.desktop-break{display:none}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* Engerer Bildausschnitt für mehr Präsenz der beiden Personen. */
.photo img{transform:scale(1.2);transform-origin:50% 65%}
/* Kompakter Zettel mit Platz für den längsten Schriftzug. */
.note-pink{width:174px;font-size:28px;padding:20px 14px 23px}
@media(max-width:1550px) and (min-width:761px){.note-pink{width:157px;font-size:26px;padding:18px 12px 21px}}
@media(max-width:760px){.note-pink{width:34%;font-size:clamp(18px,4.3vw,28px);padding:16px 10px 19px}}
.situations{max-width:1600px;margin:auto;padding:76px 4% 0;border-top:1px solid #e5ebe8;scroll-margin-top:calc(var(--header) + 20px)}
.situations h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.1vw,62px);line-height:1.08;letter-spacing:-2px;color:#111;margin:0 0 60px;font-weight:700}
.situations h2 span{position:relative;white-space:nowrap}.situations h2 span:after{content:'';position:absolute;left:0;right:-3px;bottom:-8px;height:6px;background:var(--pink);border-radius:60% 30% 55% 35%;transform:rotate(-2deg)}
.situations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px}.situations-grid article{min-width:0}.situation-number{display:inline-block;position:relative;font-size:18px;font-weight:500;letter-spacing:1px;margin:0 0 23px;padding:4px 9px;z-index:0}.situation-number:before{content:'';position:absolute;inset:0;background:var(--lime);transform:rotate(-6deg);z-index:-1;clip-path:polygon(3% 4%,100% 0,96% 96%,0 100%)}
.situations h3{font-size:clamp(21px,2vw,29px);line-height:1.22;letter-spacing:-.8px;font-weight:500;margin:0 0 19px}.situations-grid p{font-size:20px;line-height:1.65;margin:0;max-width:370px}.situations-transition{margin-top:65px;padding:36px 0 46px;border-top:1px solid #e5ebe8;display:grid;grid-template-columns:1fr 2fr auto;gap:35px;align-items:start}.situations-transition p{font-size:20px;line-height:1.6;margin:0}.situations-transition strong{font-weight:500}.situations-transition>span{font-size:37px;line-height:1.4;color:var(--ink)}
@media(max-width:1000px) and (min-width:761px){.situations-grid{gap:28px}.situations-grid p{font-size:19px}.situations h3{font-size:22px}.situations-transition{grid-template-columns:1fr 2fr auto;gap:20px}}
@media(max-width:760px){.situations{padding:45px 24px 0}.situations .eyebrow{margin-bottom:19px}.situations h2{font-size:clamp(34px,7.8vw,54px);letter-spacing:-1.5px;margin-bottom:43px}.situations-grid{grid-template-columns:1fr;gap:34px}.situation-number{margin-bottom:14px}.situations h3{font-size:26px;margin-bottom:13px}.situations-grid p{font-size:19px;max-width:560px;line-height:1.6}.situations-transition{margin-top:37px;padding:28px 0 32px;grid-template-columns:1fr auto;gap:13px}.situations-transition p:first-child{grid-column:1/-1;font-size:18px}.situations-transition p{font-size:20px}.situations-transition>span{font-size:29px}}
.cases{max-width:1600px;margin:auto;padding:72px 4% 35px;scroll-margin-top:calc(var(--header) + 22px)}.cases [hidden]{display:none!important}.cases-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.cases-heading h2{font:700 clamp(42px,4.7vw,70px)/1.05 Georgia,serif;letter-spacing:-2px;color:#111;margin:0}.cases-heading h2 em{font-family:Caveat,cursive;font-size:1.25em;color:var(--ink);font-weight:600;position:relative;white-space:nowrap}.cases-heading h2 em:after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:var(--pink);transform:rotate(-3deg);border-radius:60% 30% 55% 35%;clip-path:polygon(0 55%,18% 25%,48% 8%,76% 15%,100% 35%,96% 65%,65% 86%,30% 90%,3% 80%)}.cases-heading>p{font-size:18px;line-height:1.6;margin:0 0 4px}.case-picker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px;padding-bottom:20px}.case-picker button{display:flex;gap:13px;align-items:center;border:1px solid #ccd8d1;background:white;border-radius:5px;padding:14px 18px;font-size:18px;min-height:48px}.case-picker button span{font-size:14px;opacity:.8}.case-picker [aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.case-tag{font-size:14px;text-transform:uppercase;letter-spacing:1.7px;line-height:1.6}.case-intro h3{font:700 clamp(30px,3.3vw,47px)/1.12 Georgia,serif;letter-spacing:-1.5px;color:#111;margin:15px 0}.case-intro h3 em{font-style:normal}.case-intro>p:last-child{font-size:19px;line-height:1.6;max-width:700px;margin:0}.state-picker{display:flex;background:#edf1ed;padding:5px;border-radius:40px;width:fit-content;margin:28px auto 23px;gap:4px;scroll-margin-top:calc(var(--header) + 15px)}.state-picker button{border:0;background:transparent;padding:13px 23px;border-radius:30px;min-height:46px;font-size:18px}.state-picker button[aria-pressed=true]{background:var(--ink);color:#fff}.state-picker button[data-state=after][aria-pressed=true]{background:var(--lime);color:var(--ink)}.state-picker span{padding-left:12px}.workdesk{position:relative;padding:67px 38px 64px;background:#f1f3f0;background-image:radial-gradient(#aab8ad60 .7px,transparent .7px);background-size:17px 17px;min-height:390px;border-radius:9px;overflow:hidden}.desk-caption{position:absolute;top:21px;left:25px;font-size:13px;letter-spacing:2px;color:#506456}.schema-label{position:absolute;bottom:16px;right:23px;font-size:13px;color:#526157}.paper-trail{display:flex;justify-content:center;align-items:center;gap:13px;padding:12px 0 20px}.desk-paper{background:white;width:25%;max-width:255px;min-height:219px;padding:25px 23px 20px;box-shadow:3px 7px 0 #092f2610,0 10px 24px #092f260e;position:relative}.paper-0{transform:rotate(-6deg)}.paper-1{transform:rotate(4deg)}.paper-2{transform:rotate(-3deg)}.paper-label{font-size:12px;letter-spacing:1px;color:#586a5e}.desk-paper h4{font-size:23px;letter-spacing:-.6px;line-height:1.12;margin:19px 0 21px;font-weight:500}.desk-paper p{font-size:16px;line-height:1.45;margin:15px 0 0}.form-lines{display:grid;gap:8px}.form-lines i{height:1px;background:#d8dfda;display:block}.form-lines i:last-child{width:65%}.trail-arrow{font-family:Caveat,cursive;font-size:40px;flex-shrink:0;color:var(--pink)}.desk-scribble{font:600 31px/.95 Caveat,cursive;text-align:center;color:var(--ink);position:absolute;bottom:17px;left:39%;margin:0;transform:rotate(-5deg)}.digital-scene{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:25px;align-items:center;max-width:1050px;margin:auto}.desk-app{background:white;box-shadow:0 13px 35px #092f2614;border:1px solid #dbe3dc;border-radius:9px;overflow:hidden}.app-chrome{padding:13px 17px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:13px}.app-chrome>span:first-child{font-size:8px;letter-spacing:4px;color:var(--lime)}.desk-app h4{margin:24px 24px 16px;font-size:22px;line-height:1.25;letter-spacing:-.6px;font-weight:500}.app-row{display:flex;gap:12px;align-items:center;padding:12px 24px;font-size:17px;line-height:1.4}.row-check{background:var(--lime);font-size:17px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;flex-shrink:0}.app-foot{margin-top:16px;padding:15px 24px;background:#edf3ed;font-size:14px;display:flex;justify-content:space-between}.desk-aside{font:600 31px/1 Caveat,cursive;transform:rotate(-6deg);margin:0}.right-aside{transform:rotate(5deg);text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:8px}.workdesk.after{background-color:#eaf1e6}.process{list-style:none;display:flex;justify-content:space-between;margin:0;padding:24px 0 26px;gap:15px;border-bottom:1px solid #dbe2de;counter-reset:step}.process li{counter-increment:step;flex:1;font-size:16px;line-height:1.45;position:relative;padding-left:24px}.process li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:12px;color:#607568}.case-takeaway{display:flex;justify-content:space-between;align-items:start;gap:35px;padding:27px 0;min-height:125px}.case-takeaway>p{font-size:19px;line-height:1.65;max-width:700px;margin:0}.case-takeaway h4{font-size:24px;line-height:1.22;letter-spacing:-.5px;min-width:33%;font-weight:500;margin:0}.case-takeaway h4+p{max-width:650px}.reveal-change{background:var(--lime);border:0;border-radius:5px;min-height:48px;padding:14px 19px;font-size:17px;white-space:nowrap}.reveal-change span{margin-left:20px;font-size:21px}.cases-closing{font:500 35px/1.2 Caveat,cursive;text-align:center;margin:25px 0 30px;transform:rotate(-2deg)}.cases-closing span{background:var(--lime);padding:0 8px}.case-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(prefers-reduced-motion:no-preference){.case-state:not([hidden]) .desk-paper,.case-state:not([hidden]) .desk-app{animation:desk-in .35s ease-out}@keyframes desk-in{from{translate:0 12px}to{translate:0 0}}}
@media(max-width:760px){.cases{padding:48px 24px 20px}.cases-heading{display:block;margin-bottom:27px}.cases-heading h2{font-size:43px;letter-spacing:-1.5px}.cases-heading>p{margin-top:22px;font-size:18px}.case-picker{gap:7px;margin-bottom:28px}.case-picker button{font-size:16px;padding:11px 12px;gap:8px;flex-grow:1}.case-picker button:last-child{flex-grow:0}.case-intro h3{font-size:32px;letter-spacing:-1px}.case-intro>p:last-child{font-size:18px}.case-tag{font-size:12px;letter-spacing:1.2px}.state-picker{margin:25px 0 18px;width:100%;justify-content:center}.state-picker button{padding:12px 10px;font-size:16px;flex:1}.state-picker span{padding-left:3px}.workdesk{padding:57px 22px 63px;min-height:0}.paper-trail{flex-direction:column;gap:7px;padding:0 0 20px}.desk-paper{width:90%;max-width:340px;min-height:0;padding:19px 22px}.desk-paper h4{font-size:23px;margin:12px 0}.desk-paper p{font-size:17px;margin:11px 0 0}.form-lines{gap:7px}.form-lines i:nth-child(2){display:none}.trail-arrow{font-size:28px;line-height:1;transform:rotate(90deg)}.desk-scribble{font-size:28px;left:20px;bottom:22px;text-align:left}.schema-label{font-size:12px;right:12px;bottom:10px}.desk-caption{font-size:12px;left:20px}.digital-scene{display:flex;flex-direction:column;gap:22px}.desk-app{width:100%}.desk-aside{font-size:28px;align-self:start}.desk-aside br{display:none}.right-aside{align-self:end}.desk-app h4{font-size:21px;margin:19px 17px 13px}.app-row{font-size:16px;padding:10px 16px;gap:10px}.app-foot{padding:12px 16px}.process{flex-direction:column;gap:12px;padding:22px 0}.process li{font-size:17px}.case-takeaway{display:flex;flex-direction:column;gap:20px;padding:24px 0}.case-takeaway>p{font-size:18px}.case-takeaway h4{font-size:24px}.reveal-change{white-space:normal;width:100%;display:flex;justify-content:space-between;align-items:center}.cases-closing{font-size:29px;max-width:300px;margin:22px auto}}
/* Mehr Farbe: sichtbarer Wechsel zur neuen Arbeitsweise und pinker Abschluss. */
.workdesk.after{background-color:#d5ff65;background-image:radial-gradient(#31542424 .7px,transparent .7px)}
.workdesk.after .desk-caption,.workdesk.after .schema-label{color:#25451e}
.cases-closing{position:relative;isolation:isolate;width:fit-content;max-width:100%;padding:28px 48px 33px;margin:43px auto 39px;font-size:clamp(34px,4vw,56px);line-height:1.08;color:#092219;transform:rotate(-2deg)}
.cases-closing:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--pink);clip-path:polygon(1% 4%,15% 1%,29% 3%,46% 0,64% 3%,82% 1%,99% 4%,98% 25%,100% 45%,98% 67%,99% 95%,85% 98%,68% 96%,48% 100%,29% 97%,13% 99%,0 96%,1% 72%,0 50%,2% 28%)}
.cases-closing span{background:none;padding:0;white-space:nowrap}
@media(max-width:760px){.cases-closing{width:100%;max-width:430px;font-size:clamp(30px,7.2vw,42px);padding:25px 22px 29px;margin:30px auto 26px}}
/* Pink als wiederkehrender Akzent über die Abschnitte hinweg. */
.header-cta{background:var(--pink);color:#092219}
.mobile-nav .mobile-contact{background:var(--pink);color:#092219}
.situation-number{font-size:19px;padding:6px 12px}
.situation-number:before{background:var(--pink)}
.case-picker [aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#092219}
.state-picker button[data-state=after][aria-pressed=true]{background:var(--pink);color:#092219}
.reveal-change{background:var(--pink);color:#092219}
.desk-app .app-chrome{border-bottom:5px solid var(--pink)}

/* Gemeinsame Entdeckungsreise. */
.journey{max-width:1600px;margin:auto;padding:85px 4% 65px;border-top:1px solid #e5ebe8;scroll-margin-top:calc(var(--header) + 24px)}
.journey h2{font:700 clamp(40px,5vw,74px)/1.08 Georgia,serif;letter-spacing:-2px;color:#111;margin:0 0 55px}.journey h2 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:10px;text-decoration-thickness:6px}
.treasure-map{display:grid;grid-template-columns:1fr 1.15fr;gap:6%;align-items:start}.explorer-team{margin:35px 0 0;position:sticky;top:calc(var(--header) + 30px)}.explorer-team img{display:block;width:100%;height:auto}.explorer-question{font:600 clamp(28px,3vw,42px)/1 Caveat,cursive;margin:0 0 14px 8%;transform:rotate(-5deg);width:fit-content;padding:14px 20px;background:var(--lime)}.explorer-team figcaption{text-align:center;font-size:16px;margin:15px 0 0;letter-spacing:.6px}.map-route{position:relative}.route-line{position:absolute;top:0;bottom:80px;left:0;width:62px;height:calc(100% - 80px);color:var(--pink);z-index:0}.map-stations{list-style:none;padding:0;margin:0;position:relative}.map-stations li{display:grid;grid-template-columns:62px 1fr;gap:24px;padding-bottom:48px}.map-number{display:grid;place-items:center;align-self:start;width:60px;height:60px;background:var(--pink);border:6px solid white;border-radius:50%;font-size:19px;font-weight:500}.map-label{font-size:13px;text-transform:uppercase;letter-spacing:2px;display:block;margin:9px 0 13px}.map-stations h3{font-size:clamp(23px,2.2vw,31px);font-weight:500;line-height:1.15;letter-spacing:-.8px;margin:0 0 18px}.map-stations p{font-size:19px;line-height:1.65;margin:0;max-width:490px}.map-note{display:block;width:fit-content;background:var(--lime);font:600 29px/1.1 Caveat,cursive;padding:11px 23px;margin:18px 0 0;transform:rotate(-5deg)}.map-destination{display:grid;grid-template-columns:62px 1fr;gap:0 24px;align-items:center}.map-destination>span{font:500 85px/1 Caveat,cursive;color:var(--pink);text-align:center}.map-destination p{font:500 clamp(36px,4vw,54px)/.95 Caveat,cursive;transform:rotate(-3deg);margin:0}.map-destination strong{font-weight:600;background:var(--lime);padding:0 10px 4px}.map-destination small{grid-column:2;font-size:16px;margin-top:22px}.journey-invitation{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center;background:var(--ink);color:white;padding:38px 42px;margin-top:70px;position:relative}.journey-invitation:before{content:'';position:absolute;top:-5px;left:25px;width:95px;height:9px;background:var(--pink);transform:rotate(-4deg)}.journey-invitation h3{font-size:clamp(23px,2.3vw,33px);line-height:1.25;font-weight:500;margin:0;letter-spacing:-.6px}.journey-invitation em{color:var(--lime);font-style:normal}.journey-invitation p{font-size:19px;line-height:1.65;margin:0}
@media(max-width:760px){.journey{padding:48px 24px}.journey h2{font-size:clamp(34px,8vw,54px);letter-spacing:-1.4px;margin-bottom:40px}.journey h2 em{text-underline-offset:6px;text-decoration-thickness:4px}.treasure-map{grid-template-columns:1fr;gap:42px}.explorer-team{position:static;max-width:420px;margin:0 auto}.explorer-question{font-size:31px}.map-stations li{grid-template-columns:42px 1fr;gap:16px;padding-bottom:35px}.map-number{width:42px;height:42px;border-width:4px;font-size:18px}.route-line{width:42px}.map-stations h3{font-size:25px}.map-stations p{font-size:18px}.map-destination{grid-template-columns:42px 1fr;gap:0 16px}.map-destination>span{font-size:63px}.journey-invitation{grid-template-columns:1fr;padding:30px 25px;gap:22px;margin-top:45px}.journey-invitation p{font-size:18px}}

/* Referenzen: drei Größenordnungen, eine gemeinsame Grundlinie. */
.references{max-width:1600px;margin:auto;padding:75px 4% 45px;scroll-margin-top:calc(var(--header) + 24px);border-top:1px solid #e5ebe8}.references-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:end;margin-bottom:65px}.references h2{font:700 clamp(36px,4vw,59px)/1.08 Georgia,serif;letter-spacing:-1.8px;margin:0;color:#111}.references h2 em{font-style:normal}.references-heading>p{font-size:20px;line-height:1.65;margin:0;max-width:370px}.reference-skyline{display:grid;grid-template-columns:.85fr 1.1fr 1.1fr;gap:20px;align-items:end;border-bottom:3px solid var(--ink)}.reference-building{padding:29px 28px 32px;position:relative;min-width:0}.reference-small{background:var(--pink);padding-top:42px;min-height:310px}.reference-medium{background:var(--lime);margin-top:48px}.reference-large{background:var(--ink);color:white;padding-top:40px}.reference-roof{font-size:13px;letter-spacing:1.3px;text-transform:uppercase;display:block;margin-bottom:27px}.reference-building h3{font-size:clamp(25px,2.4vw,34px);font-weight:500;letter-spacing:-1px;line-height:1.1;margin:0 0 30px}.reference-building ul,.reference-institutions ul,.reference-education ul{list-style:none;margin:0;padding:0}.reference-building li{border-top:1px solid #092f2640;padding:18px 0 0;margin-top:18px}.reference-large li{border-color:#ffffff45}.references h4{font-size:19px;font-weight:500;line-height:1.2;letter-spacing:-.3px;margin:0 0 9px}.reference-building li p,.reference-institutions li p{font-size:18px;line-height:1.55;margin:0}.reference-aside{font:600 32px/1 Caveat,cursive;transform:rotate(-4deg);color:var(--lime);margin:32px 0 5px}.reference-institutions{display:grid;grid-template-columns:.85fr 2.2fr;gap:50px;padding:55px 0;border-bottom:1px solid #cbd7d1}.reference-institutions h3{font:700 33px/1.1 Georgia,serif;letter-spacing:-1px;margin:0 0 20px}.reference-institutions>div>p:last-child{font-size:18px;line-height:1.6;max-width:300px}.reference-institutions ul{display:grid;grid-template-columns:1fr 1fr;gap:35px 45px}.reference-institutions li{border-top:4px solid var(--pink);padding-top:17px}.reference-education{padding-top:40px;display:grid;grid-template-columns:.85fr 2.2fr;gap:50px;align-items:center}.reference-education h3{font-size:24px;line-height:1.2;font-weight:500;margin:0}.reference-education ul{display:flex;flex-wrap:wrap;gap:12px 28px}.reference-education li{font-size:20px;font-weight:500;padding:8px 0;border-bottom:3px solid var(--lime)}
@media(max-width:1050px){.reference-skyline{gap:12px;grid-template-columns:1fr 1fr 1fr}.reference-building{padding:25px 20px}.reference-building h3{font-size:26px}.references h4{font-size:20px}.reference-institutions,.reference-education{gap:30px}}
@media(max-width:760px){.references{padding:45px 24px}.references-heading{grid-template-columns:1fr;gap:24px;margin-bottom:33px}.references h2{font-size:clamp(33px,7.4vw,50px);letter-spacing:-1.3px}.references-heading>p{font-size:19px;max-width:100%}.reference-skyline{grid-template-columns:1fr;border-bottom:0;gap:20px}.reference-building{padding:27px 25px;min-height:0;margin:0}.reference-small{margin-right:32px}.reference-medium{margin-left:16px}.reference-large{margin-left:0}.reference-building h3{font-size:29px;margin-bottom:23px}.reference-roof{margin-bottom:22px}.reference-institutions,.reference-education{grid-template-columns:1fr;gap:24px;padding-top:38px}.reference-institutions ul{grid-template-columns:1fr;gap:25px}.reference-institutions>div>p:last-child{max-width:100%}.reference-education ul{gap:10px 22px}.reference-education li{font-size:20px}}

.people{max-width:1600px;margin:auto;padding:80px 4% 60px;border-top:1px solid #e5ebe8;scroll-margin-top:calc(var(--header) + 24px)}.people h2{font:700 clamp(38px,4.8vw,68px)/1.08 Georgia,serif;letter-spacing:-2px;color:#111;margin:0 0 26px}.people h2 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:6px;text-underline-offset:8px}.people-intro{font-size:20px;line-height:1.65;max-width:760px;margin:0 0 55px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.person{min-width:0}.person figure{position:relative;margin:0 0 37px;background:#edf1ed}.person img{width:100%;height:340px;object-fit:cover;display:block;object-position:50% 42%}.person:nth-child(2) img{object-position:50% 35%}.person figcaption{font:600 clamp(25px,2.6vw,36px)/1.1 Caveat,cursive;position:absolute;bottom:-17px;left:20px;background:var(--pink);padding:12px 20px;transform:rotate(-3deg)}.person:nth-child(2) figcaption{background:var(--lime);transform:rotate(2deg)}.person-copy{padding:0 20px}.person h3{font:700 35px/1.1 Georgia,serif;margin:0 0 20px;color:#111}.person p{font-size:19px;line-height:1.7;margin:0 0 16px;max-width:530px}.people-together{margin-top:50px;padding:38px 0 0;border-top:1px solid #dbe2de;display:grid;grid-template-columns:65px 1fr;gap:35px}.people-plus{font:600 85px/1 Caveat,cursive;color:var(--pink);transform:rotate(-8deg)}.people-together h3{font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-.7px;margin:0 0 20px}.people-together h3 em{font-family:Caveat,cursive;font-size:1.5em;font-weight:600;font-style:normal}.people-together p{font-size:19px;line-height:1.6;margin:0;max-width:430px}.people-outdoors{padding-left:35px;border-left:1px solid #dbe2de}.people-outdoors svg{width:150px;height:52px;color:var(--ink);margin-bottom:12px}.people-outdoors p:first-of-type{font:500 30px/1.1 Caveat,cursive;margin-bottom:15px}.people-outdoors strong{font-weight:600;background:var(--lime);padding:0 4px}
@media(max-width:760px){.people{padding:48px 24px}.people h2{font-size:clamp(34px,8vw,55px);letter-spacing:-1.3px}.people h2 em{text-decoration-thickness:4px;text-underline-offset:5px}.people-intro{font-size:19px;margin-bottom:35px}.people-grid{grid-template-columns:1fr;gap:35px}.person img{height:300px}.person-copy{padding:0}.person figcaption{left:10px;font-size:26px;padding:11px 15px}.person h3{font-size:31px}.person p{font-size:18px}.people-together{grid-template-columns:1fr;gap:20px;margin-top:25px}.people-plus{display:none}.people-outdoors{border-left:0;border-top:1px solid #dbe2de;padding:25px 0 0}.people-together h3{font-size:28px}.people-together p{font-size:18px}}

/* Gemeinsames Bergfoto statt zweier Einzelporträts. */
.people-photo{position:relative;margin:0 0 60px}.people-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 45%}.people-photo figcaption{position:absolute;bottom:-19px;left:30px;background:var(--pink);color:var(--ink);font:600 clamp(26px,3vw,40px)/1.1 Caveat,cursive;padding:13px 24px;transform:rotate(-2deg)}.people-grid .person-copy{padding:0 20px;border-top:3px solid var(--pink);padding-top:24px}.people-grid .person:nth-child(2) .person-copy{border-color:var(--lime)}
@media(max-width:760px){.people-photo{margin-bottom:47px}.people-photo img{aspect-ratio:4/3}.people-photo figcaption{left:10px;right:10px;text-align:center;font-size:clamp(21px,5vw,30px);padding:12px 8px;bottom:-17px}.people-grid .person-copy{padding:20px 0 0}}

/* Größere Leseschrift und kompakteres gemeinsames Foto. */
body{font-size:19px}.desktop-nav{gap:20px}.desktop-nav :is(button,a),.header-cta{font-size:18px}.menu-toggle{font-size:19px}.mobile-nav :is(button,a){font-size:20px}.people-photo{max-width:720px;margin:0 auto 55px}.people-photo img{aspect-ratio:16/10}.people-photo figcaption{font-size:29px}.intro,.promise{max-width:560px}.case-takeaway{flex-wrap:wrap}.process{flex-wrap:wrap}.process li{min-width:130px}.digital-scene{grid-template-columns:1fr 2.7fr 1fr;gap:20px}.desk-paper{padding:22px 18px}.desk-paper h4{overflow-wrap:break-word}.reference-building li p,.reference-institutions li p{font-size:18px}.people-intro{font-size:21px;max-width:840px}
@media(max-width:760px){.people-photo{max-width:540px;margin-bottom:44px}.people-photo img{aspect-ratio:4/3}.people-photo figcaption{font-size:clamp(21px,5vw,28px)}.people-intro{font-size:19px}.process li{min-width:0}.digital-scene{gap:22px}.app-row{font-size:17px}.primary,.text-link{font-size:17px}.reference-building li p,.reference-institutions li p{font-size:18px}}

/* Fragen, Einladung und Abschluss der Startseite. */
.questions{max-width:1600px;margin:auto;padding:75px 4% 85px;display:grid;grid-template-columns:1fr 1.45fr;gap:70px;border-top:1px solid #e5ebe8;scroll-margin-top:calc(var(--header) + 24px)}.questions h2{font:700 clamp(34px,3.5vw,51px)/1.12 Georgia,serif;letter-spacing:-1.5px;color:#111;margin:0}.questions h2 em{font-style:normal}.question-doodle{display:block;width:95px;text-align:center;font:600 130px/1 Caveat,cursive;color:var(--pink);transform:rotate(-12deg);margin:27px 0 0 35px}.question-list details{border-top:1px solid #bccbc2;padding:0}.question-list details:last-child{border-bottom:1px solid #bccbc2}.question-list summary{cursor:pointer;list-style:none;padding:25px 40px 25px 0;position:relative;font-size:21px;font-weight:500;line-height:1.4}.question-list summary::-webkit-details-marker{display:none}.question-list summary:after{content:'+';position:absolute;right:3px;top:22px;font-size:31px;color:var(--ink);line-height:1}.question-list details[open] summary:after{content:'−';color:var(--pink)}.question-list summary:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.question-list details p{font-size:19px;line-height:1.7;margin:0;padding:0 28px 28px 0;max-width:720px}.contact-finale{background:var(--lime);scroll-margin-top:var(--header);position:relative}.contact-finale:before{content:'';position:absolute;top:-9px;left:0;right:0;height:12px;background:var(--lime);clip-path:polygon(0 50%,8% 20%,19% 60%,32% 10%,43% 50%,58% 0,74% 45%,87% 10%,100% 55%,100% 100%,0 100%)}.contact-inner{max-width:1600px;margin:auto;padding:65px 4% 45px}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}.contact-grid h2{font:700 clamp(40px,5vw,73px)/1.05 Georgia,serif;letter-spacing:-2px;color:#111;margin:0 0 28px}.contact-grid h2 em{font-style:italic;text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:7px;text-decoration-thickness:6px}.contact-grid p{font-size:20px;line-height:1.65;margin:0}.contact-action .primary{font-size:19px;padding:23px 26px;width:100%;gap:20px;text-decoration:none}.contact-action>p{font-size:16px;margin-top:15px}.contact-scribble{display:block;text-align:right;font:600 34px/1.2 Caveat,cursive;transform:rotate(-4deg);margin:24px 30px 0}.site-footer{background:var(--ink);color:white;padding:50px max(4%,calc((100% - 1472px)/2)) 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px}.site-footer .brand{font-size:29px}.footer-top p{font:600 35px/1 Caveat,cursive;margin:0}.footer-top p span{color:var(--lime)}.footer-contact{font-size:19px;text-underline-offset:7px}.footer-nav{display:flex;flex-wrap:wrap;gap:18px 30px;padding:38px 0;border-bottom:1px solid #ffffff35}.footer-nav a,.footer-nav button,.footer-bottom button{font:inherit;font-size:17px;background:none;color:inherit;border:0;padding:4px 0;text-decoration:none}.footer-nav a:hover,.footer-nav button:hover,.footer-bottom button:hover{text-decoration:underline;text-underline-offset:6px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:25px;font-size:15px}.footer-bottom>div{display:flex;gap:25px}.draft-label{font-size:13px;color:#c7d9d0}
@media(max-width:760px){.questions{padding:48px 24px 65px;grid-template-columns:1fr;gap:30px}.questions-intro{position:relative}.questions h2{font-size:35px}.question-doodle{display:none}.question-list summary{font-size:20px;padding-right:35px}.question-list details p{font-size:18px;padding-right:0}.contact-inner{padding:45px 24px 35px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-grid h2{font-size:clamp(39px,9vw,60px);letter-spacing:-1.3px}.contact-grid p{font-size:19px}.contact-action .primary{font-size:18px;padding:20px}.contact-action>p{font-size:16px}.contact-scribble{font-size:29px;margin:22px 10px 0}.site-footer{padding:38px 24px 25px}.footer-top{flex-wrap:wrap;gap:30px}.footer-contact{width:100%;font-size:18px}.footer-nav{gap:15px 25px;padding:30px 0}.footer-bottom{flex-wrap:wrap;gap:18px}.footer-bottom button{font-size:16px}}
/* Gemeinsames Foto in derselben Papiercollage-Sprache wie der Einstieg. */
.people-photo{isolation:isolate;padding:14px 12px 12px;max-width:720px}
.people-photo:before{content:'';position:absolute;inset:4px -5px 7px;background:repeating-linear-gradient(5deg,#e7e7e4 0,#e7e7e4 3px,#e3e3e0 4px);transform:rotate(2deg);clip-path:polygon(2% 2%,16% 0,35% 2%,60% 0,83% 3%,100% 1%,98% 24%,100% 49%,97% 70%,99% 97%,72% 99%,47% 97%,22% 100%,0 97%,2% 65%,0 41%);z-index:-1}
.people-photo:after{content:'';position:absolute;top:2px;left:43%;width:100px;height:29px;background:#eeece3b3;transform:rotate(5deg);clip-path:polygon(2% 0,98% 3%,100% 92%,3% 100%,0 65%)}
.people-photo img{filter:grayscale(1) contrast(1.06);transform:rotate(-1deg);clip-path:polygon(1% 0,99% 1%,100% 28%,99% 59%,100% 99%,77% 98%,51% 100%,27% 98%,0 99%,1% 65%,0 30%)}
.people-photo figcaption{z-index:1;clip-path:polygon(1% 1%,28% 0,53% 1%,98% 0,100% 38%,98% 66%,100% 98%,67% 100%,33% 98%,0 100%,2% 69%,0 37%)}
@media(max-width:760px){.people-photo{max-width:540px;padding:10px 6px}.people-photo:before{inset:4px 0 5px}.people-photo:after{width:75px;height:24px}}

/* Abschnittsüberschriften derselben Hierarchie deutlicher hervorheben. */
main .eyebrow{font-size:18px;letter-spacing:1.7px;line-height:1.5}
@media(max-width:760px){main .eyebrow{font-size:16px;letter-spacing:1.3px}}
/* Kleine Abschnittstitel klarer absetzen. */
main .eyebrow{display:flex;align-items:baseline;gap:14px;font-weight:700;font-size:20px;letter-spacing:1.4px}
main .eyebrow:before{content:'';display:block;width:30px;height:4px;flex:0 0 30px;background:var(--pink);align-self:center;transform:rotate(-4deg)}
@media(max-width:760px){main .eyebrow{font-size:18px;letter-spacing:1px;gap:10px}main .eyebrow:before{width:22px;flex-basis:22px}}
/* Die Situationsnummern als kleine aufgeklebte Papierzettel. */
.situation-number{padding:13px 16px 11px;margin-top:8px;min-width:59px;text-align:center;transform:rotate(-7deg);filter:drop-shadow(2px 4px 2px #092f2626);isolation:isolate}
.situation-number:before{inset:0;background:linear-gradient(155deg,#ff48aa 0%,var(--pink) 70%,#e80e80 100%);transform:none;clip-path:polygon(2% 1%,26% 0,53% 2%,98% 0,100% 34%,98% 62%,100% 98%,69% 100%,39% 98%,0 100%,2% 66%,0 37%)}
.situation-number:after{content:'';position:absolute;top:-6px;left:15px;width:30px;height:12px;background:#f1ead1b8;transform:rotate(4deg);clip-path:polygon(3% 0,97% 4%,100% 88%,94% 100%,5% 93%,0 15%);box-shadow:0 1px 1px #092f2610}
.situations-grid article:nth-child(2) .situation-number{transform:rotate(5deg)}
.situations-grid article:nth-child(3) .situation-number{transform:rotate(-4deg)}
/* Freihändig wirkende Unterstreichungen wie bei „noch so?“. */
.journey h2 em,.people h2 em,.contact-grid h2 em,.why-heading h2 em,.method-heading h2 em,.scope-heading h2 em{text-decoration:none;position:relative;display:inline-block;padding-bottom:8px}
.journey h2 em:after,.people h2 em:after,.contact-grid h2 em:after,.why-heading h2 em:after,.method-heading h2 em:after,.scope-heading h2 em:after{content:'';position:absolute;left:0;right:-3px;bottom:0;height:6px;background:var(--pink);border-radius:60% 30% 55% 35%;transform:rotate(-2deg)}
@media(max-width:760px){.journey h2 em:after,.people h2 em:after,.contact-grid h2 em:after,.why-heading h2 em:after,.method-heading h2 em:after,.scope-heading h2 em:after{height:5px}}

/* Drei gleichwertige, gleich große Referenzbögen. */
.reference-skyline{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:25px;border:0;padding:16px 0 20px}
.reference-building{background:none;color:var(--ink);margin:0;min-height:0;padding:35px 25px 30px;isolation:isolate;display:flex;flex-direction:column;filter:drop-shadow(2px 5px 4px #092f2618)}
.reference-building:before{content:'';position:absolute;inset:0;background:#faf9f5;z-index:-1;clip-path:polygon(0 1%,25% 0,54% .6%,78% 0,99% .8%,100% 24%,99.5% 52%,100% 78%,99% 99.4%,77% 100%,51% 99.5%,24% 100%,0 99%,.5% 75%,0 48%,.5% 22%);border-top:1px solid #e7e5df}
.reference-building:after{content:'';position:absolute;top:-9px;left:calc(50% - 27px);width:54px;height:22px;background:#e8e2d3ba;transform:rotate(-5deg);clip-path:polygon(2% 0,97% 3%,100% 90%,96% 100%,0 95%,3% 50%)}
.reference-medium:after{transform:rotate(4deg)}.reference-large:after{transform:rotate(-2deg)}
.reference-roof{font-size:12px;letter-spacing:1px;margin-bottom:23px}
.reference-building h3{font-size:clamp(23px,2vw,29px);line-height:1.2;min-height:2.4em;margin:0 0 16px;padding:10px 12px;position:relative;isolation:isolate;display:flex;align-items:center}
.reference-building h3:before{content:'';position:absolute;inset:0;z-index:-1;background:#ffcce6;transform:rotate(-1deg);clip-path:polygon(1% 3%,98% 0,100% 94%,2% 100%,0 62%)}
.reference-medium h3:before{background:#e5ffa0;transform:rotate(1deg)}.reference-large h3:before{background:#e5ebe7;transform:rotate(-.6deg)}
.reference-building li,.reference-large li{border-color:#092f2626}.reference-building li p{font-size:18px;line-height:1.6}.reference-aside{color:var(--ink);font-size:29px;margin:25px 0 0;padding-top:4px;text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:6px}
@media(max-width:1050px) and (min-width:761px){.reference-skyline{gap:15px}.reference-building{padding:30px 18px 25px}.reference-building h3{font-size:23px}}
@media(max-width:760px){.reference-skyline{grid-template-columns:1fr;grid-auto-rows:1fr;gap:30px}.reference-building{margin:0;padding:32px 25px;min-height:0}.reference-building h3{font-size:27px}.reference-roof{font-size:12px}}

/* Alle drei Referenzsprüche schließen die gleich großen Bögen ab. */
.reference-building .reference-aside{margin-top:auto;padding-top:28px}

/* Dezenter Lime-Akzent am dauerhaft sichtbaren Header. */
.header:after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:10px;background:var(--lime);pointer-events:none;clip-path:polygon(0 0,100% 0,100% 75%,92% 95%,83% 70%,72% 100%,61% 75%,50% 95%,38% 65%,26% 100%,14% 75%,5% 95%,0 75%)}

/* Direkte Kontaktwege nach KonferenzWerk-Vorbild. */
.quick-contact{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.quick-contact a{display:grid;place-items:center;width:44px;height:44px;color:var(--ink);background:#f3f8ec;border:1px solid var(--ink);border-radius:50%;transition:background-color .15s,transform .15s}.quick-contact svg,.profile-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.person-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.person-heading h3{margin:0}.profile-link{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;min-height:44px;border:1px solid var(--ink);border-radius:24px;background:white;color:var(--ink);font:500 16px Space,Arial,sans-serif;text-decoration:none}.profile-link:disabled{opacity:.55;cursor:default}@media(hover:hover){.quick-contact a:hover,.profile-link[href]:hover{background:var(--pink);transform:translateY(-2px)}}
@media(min-width:1281px){.header-inner{gap:18px}.desktop-nav{gap:14px}.desktop-nav :is(button,a){font-size:18px}.header-cta{padding:16px}.header-cta span{margin-left:8px}}
@media(max-width:1280px){.header-cta{margin-left:0}}
@media(max-width:760px){.header-inner{gap:12px;padding-left:18px;padding-right:18px}.quick-contact{gap:5px}.menu-toggle{margin-left:0;gap:8px}.quick-contact a{width:40px;height:40px}.quick-contact svg{width:20px;height:20px}}
@media(max-width:370px){.menu-toggle>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.menu-toggle{min-width:32px}}
@media(prefers-reduced-motion:reduce){.quick-contact a{transition:none}.quick-contact a:hover,.profile-link[href]:hover{transform:none}}

/* Wechselbutton direkt auf der Vorher-Arbeitsfläche. */
.workdesk.before{padding-bottom:45px}.desk-actions{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:35px}.desk-actions .desk-scribble{position:static;text-align:left;flex:1}.desk-actions .reveal-change{flex-shrink:0}.desk-actions .reveal-change:focus-visible{outline-offset:4px}@media(max-width:760px){.desk-actions{flex-direction:column;align-items:stretch;gap:22px;margin-top:28px}.desk-actions .desk-scribble{text-align:center}.desk-actions .reveal-change{width:100%}}

.people-marker{color:inherit;font-weight:inherit;background:linear-gradient(177deg,transparent 9%,var(--lime) 13%,var(--lime) 85%,transparent 91%);padding:.04em .15em;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.12em .06em .15em .05em}

/* Freigegebener Terminbutton vor E-Mail und WhatsApp. */
.quick-contact .booking-contact{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;height:56px;padding:0 22px;border:0;border-radius:30px;background:var(--pink);color:var(--ink);font:500 14px Space,Arial,sans-serif}
.quick-contact .booking-contact svg{width:36px;height:36px;stroke-width:2.3}
.quick-contact .booking-contact:hover{background:#ec0783}
@media(max-width:760px){.quick-contact .booking-contact{padding:0 14px;height:50px}.quick-contact .booking-contact svg{width:30px;height:30px}}
@media(max-width:480px){.header-inner{flex-wrap:wrap;gap:14px}.header-inner>.menu-toggle{margin-left:auto}.header-inner>.quick-contact{order:3;width:100%;justify-content:flex-end;margin:0}}

.desktop-nav a,.mobile-nav a{text-decoration:none;color:inherit}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:6px}

.quick-contact .booking-contact span{line-height:1.15;text-align:center}

/* Der gemeinsame Ansatz als hervorgehobener Übergang. */
.situations-transition{position:relative;isolation:isolate;display:block;border:0;margin-top:62px;padding:42px 42px 46px;color:var(--ink)}
.situations-transition:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--lime);clip-path:polygon(0 .9%,14% 0,32% 1.2%,53% .2%,72% 1%,90% 0,100% 1.2%,99.7% 42%,100% 75%,99.5% 99%,81% 98.6%,65% 100%,44% 98.8%,25% 100%,9% 98.9%,0 100%,.3% 65%)}
.situations-transition .transition-intro{font-size:20px;margin:0 0 21px}
.transition-questions{display:flex;flex-wrap:wrap;gap:18px 48px;margin-bottom:24px}
.situations-transition .transition-questions p{font-size:clamp(27px,3vw,42px);font-weight:600;line-height:1.35;letter-spacing:-1px}
.transition-questions strong{position:relative;display:inline-block;white-space:nowrap;font-weight:inherit!important}
.transition-questions strong:after{content:"";position:absolute;left:0;right:-3px;bottom:-2px;height:5px;background:var(--pink);border-radius:60% 30% 55% 35%;transform:rotate(-2deg)}
.situations-transition .transition-next{font-size:21px;line-height:1.55}
.transition-arrow{position:absolute;right:25px;bottom:31px;display:grid;place-items:center;width:85px;height:108px;color:var(--ink);border-radius:12px}
.transition-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.transition-arrow:hover{color:#9b0055}
@media(max-width:760px){.situations-transition{margin-top:40px;padding:30px 24px 32px}.situations-transition .transition-intro{font-size:18px;margin-bottom:20px}.transition-questions{flex-direction:column;gap:15px;margin-bottom:26px}.situations-transition .transition-questions p{font-size:clamp(26px,6.5vw,38px);letter-spacing:-.7px}.situations-transition .transition-next{font-size:19px}.transition-arrow{width:43px;height:65px;right:10px;bottom:24px}}

/* Register und Geschichte bilden eine gemeinsame Inhaltsfläche. */
.case-picker{position:relative;z-index:1;gap:8px;flex-wrap:nowrap;align-items:stretch;margin:0;padding:0 0 0 16px}
.case-picker button{position:relative;border-radius:9px 9px 0 0;border-bottom:0;background:#f5f7f4;padding:16px 20px;color:#41594f;min-height:56px}
.case-picker [aria-pressed=true]{background:var(--pink);color:var(--ink);border-color:var(--pink)}
.case-picker [aria-pressed=true]:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-3px;height:4px;background:var(--pink)}
.case-picker button:focus-visible{outline-offset:-5px}
.case-panel{border:1px solid #ccd8d1;border-radius:10px;background:#fff;padding:28px 26px 12px}
.case-panel .case-tag{margin-top:0}
@media(max-width:760px){
  .case-picker{gap:5px;padding-left:0;overflow-x:auto;scrollbar-width:thin;padding-top:3px}
  .case-picker button,.case-picker button:last-child{flex:0 0 auto;white-space:nowrap;font-size:15px;gap:7px;padding:13px 12px;min-height:50px}
  .case-panel{padding:24px 14px 8px;border-radius:0 0 10px 10px}
}

/* Vorher: greifbare Papierzettel. Heute: aufgeräumte App-Oberfläche. */
.desk-paper{background:linear-gradient(115deg,#fffef9 0%,#fff 60%,#f6f4ec 100%);border:1px solid #e5e2d8;border-radius:2px 2px 15px 2px;box-shadow:2px 5px 0 -1px #eeeee8,3px 7px 0 -1px #d6dcd5,0 14px 22px -12px #19352b55;padding-top:32px}
.desk-paper:before{content:"";position:absolute;top:-12px;left:calc(50% - 34px);width:68px;height:25px;background:repeating-linear-gradient(95deg,#ebe7d0b3 0 3px,#f4eed9b3 3px 6px);border:1px solid #d9d3b733;transform:rotate(-5deg);clip-path:polygon(2% 0,100% 4%,97% 27%,100% 48%,97% 72%,99% 100%,0 95%,3% 68%,0 40%)}
.desk-paper:nth-of-type(2):before{transform:rotate(7deg)}
.desk-paper:after{content:"";position:absolute;right:0;bottom:0;width:22px;height:22px;background:linear-gradient(135deg,#e2e0d5 0%,#f4f2e8 48%,#fff 50%);border-radius:3px 0 13px 0;box-shadow:-2px -2px 3px #243a2510}
.paper-trail{padding-top:22px}.desk-paper .form-lines{opacity:.75}
.digital-scene{grid-template-columns:.8fr 3.5fr .8fr;gap:18px}
.desk-app{border:1px solid #bccac4;border-radius:14px;background:#f5f8f7;box-shadow:0 24px 45px -22px #092f2660,0 3px 8px #092f2612}
.desk-app .app-chrome{padding:12px 16px;background:white;color:var(--ink);border-bottom:1px solid #dce5e0;gap:12px;font-size:14px;font-weight:600}
.app-chrome .app-window-dots{display:flex;gap:5px;letter-spacing:0}.app-window-dots i{width:7px;height:7px;border-radius:50%;background:#c3cfc9}.app-window-dots i:first-child{background:var(--pink)}
.app-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--ink);color:var(--lime);font-size:10px;flex-shrink:0}
.app-toolbar{display:flex;align-items:center;gap:16px;padding:0 18px;background:#fff;border-bottom:1px solid #dce5e0;font-size:12px;min-height:43px}
.app-current-view{font-weight:600;border-bottom:3px solid var(--pink);align-self:stretch;display:flex;align-items:center}.app-view-label{color:#65796e}.app-online{margin-left:auto;display:flex;align-items:center;gap:5px;color:#426753;font-size:11px}.app-online i{width:6px;height:6px;background:#318457;border-radius:50%}
.desk-app h4{margin:23px 20px 18px;font-size:23px;font-weight:600}
.desk-app .app-row{margin:9px 16px;padding:14px 12px;gap:12px;background:#fff;border:1px solid #e0e7e3;border-radius:8px;font-size:17px;box-shadow:0 2px 3px #092f2604}
.desk-app .row-check{width:25px;height:25px;border-radius:7px;background:#e4f6d3;color:#285c32;font-weight:600}
.desk-app .app-foot{background:#fff;border-top:1px solid #dce5e0;margin-top:21px;padding:13px 18px;color:#52685c;font-size:13px}.app-foot>span{color:var(--ink);font-size:18px}
@media(max-width:760px){.desk-paper{padding-top:28px}.paper-trail{gap:16px}.desk-app h4{font-size:21px;margin:19px 16px 15px}.desk-app .app-row{margin:8px 10px;padding:12px 10px;font-size:16px}.app-toolbar{padding:0 12px;gap:10px}.app-chrome>span:nth-child(2){font-size:12px}.app-view-label{display:none}.desk-app .app-chrome{padding:10px 12px;gap:8px}}

/* Sichtbarer Abschnittswechsel nach dem Lime-Band. */
.cases{position:relative}
.cases:before{content:"";position:absolute;top:34px;left:4%;right:4%;height:1px;background:#d8e1db;pointer-events:none}
@media(max-width:760px){.cases:before{top:23px;left:24px;right:24px}}

/* Auswahl und zugehörige Geschichte stärker miteinander verbinden. */
.case-picker{gap:10px;padding-left:0}
.case-picker button{background:#eef1ee;color:#53675d;border-color:#d5ded7;font-weight:500}
.case-picker [aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:var(--ink);font-weight:700}
.case-picker [aria-pressed=true]:after{left:calc(50% - 16px);right:auto;bottom:-19px;width:32px;height:20px;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--pink)}
.case-panel{border-top:4px solid var(--pink);border-radius:0 10px 10px 10px;padding-top:34px;box-shadow:0 8px 24px -18px #092f2638}
.case-picker button:hover{color:var(--ink);background:#e2e9e3}
.case-picker [aria-pressed=true]:hover{background:var(--pink)}
@media(max-width:760px){.case-picker{gap:5px;overflow:visible;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.case-picker button,.case-picker button:last-child{white-space:normal;min-width:0;font-size:13px;padding:12px 7px;gap:5px;flex-direction:column;justify-content:center;text-align:center;overflow-wrap:anywhere}.case-picker button span{font-size:12px}.case-panel{padding-top:28px;border-radius:0 0 10px 10px}}

.map-destination .goal-flag{display:block;width:100%;height:auto;max-height:76px;transform:rotate(-6deg)}

/* Bergfoto: natürliche Restfarbe und ein frischer Collage-Akzent. */
.people-photo img,.photo img{filter:grayscale(.45) saturate(.85) brightness(1.13) contrast(1.03)}
.people-photo:before{background:linear-gradient(105deg,#e7e7e1 0%,#e7e7e1 78%,var(--lime) 78%,var(--lime) 100%);transform:rotate(2.5deg)}

/* Desktop-Navigation rechts zusammen mit den Kontaktaktionen. */
@media(min-width:1281px){.desktop-nav{margin-left:auto}.header-inner>.quick-contact{margin-left:0}}
/* Seven menu items: a little tighter until the header has room. */
@media(min-width:1281px) and (max-width:1420px){.header-inner{gap:14px}.desktop-nav{gap:9px}.desktop-nav :is(button,a){font-size:16.5px}.desktop-nav>*+*:before{margin-right:9px}}

/* Einstieg: zwei Bühnenfotos als diagonal versetzte Abzüge statt einer Fotomontage.
   Ralf oben rechts, Andrea unten links; die Zettel füllen die freien Ecken und
   überlappen die Abzüge nur an den Rändern, nie an Kopf oder Gesicht. */
.collage .photo-andrea,.collage .photo-ralf{padding:9px;background:#f7f5ef}
.collage .photo-andrea,.collage .photo-ralf{display:flex;flex-direction:column}
.collage .photo-andrea img,.collage .photo-ralf img{flex:1 1 0;min-height:0;height:auto}
.collage .photo-andrea{padding-top:16px}.collage .photo-ralf{padding-bottom:12px}
/* Namen als bewusst schräg aufgeklebte Etiketten, gegen die Drehung des jeweiligen Abzugs gestellt. */
.print-caption{position:relative;z-index:1;flex-shrink:0;align-self:flex-start;padding:5px 10px 5px;background:var(--ink);font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;line-height:1.2;white-space:nowrap;color:#f7f5ef;box-shadow:1px 2px 2px #092f2633}
.photo-andrea .print-caption{margin:2px 0 9px 4px;transform:rotate(-4deg)}
.photo-ralf .print-caption{margin:9px 0 2px 6px;transform:rotate(3.5deg)}
.collage .photo-andrea{left:3%;right:47%;top:29%;bottom:0;transform:rotate(-3deg);z-index:1}
.collage .photo-ralf{left:45%;right:3%;top:3%;bottom:25%;transform:rotate(2.5deg);z-index:2}
.photo-andrea img{object-position:38% 20%;transform:scale(1.04);transform-origin:40% 25%}
.photo-ralf img{object-position:46% 20%;transform:scale(1.04);transform-origin:45% 25%}
.collage .tape{z-index:3;left:24%;top:26.5%;transform:rotate(-5deg)}
.collage .tape-ralf{left:62%;top:1%;transform:rotate(5deg)}
.collage .note-lime{left:-4%;top:-4%;transform:rotate(-10deg) scale(.88);transform-origin:0 0}
.collage .note-pink{top:auto;right:-2%;bottom:5%;transform:rotate(7deg)}
.collage .arrow{right:3%;bottom:auto;top:58%;transform:rotate(12deg)}
.collage .scribble{top:64%;left:-5%;transform:rotate(-10deg)}
@media(max-width:760px){.print-caption{font-size:10px;letter-spacing:.7px}.collage .note-lime{left:-5%;top:-4%}.collage .photo-andrea{top:33%}.collage .tape{top:31%}.collage .tape-ralf{top:1%}.collage .note-pink{bottom:4%}.collage .arrow{top:57%;right:1%}.collage .scribble{top:68%;left:-6%}}
/* So arbeiten wir: die Zeichnung als angehefteter Abzug, behandelt wie die Fotos. */
.explorer-print{position:relative;isolation:isolate;margin:22px 6% 0;padding:12px 12px 14px;background:#f7f5ef;transform:rotate(-2deg);filter:drop-shadow(2px 5px 5px #092f262b)}
.explorer-print:before{content:'';position:absolute;z-index:-1;inset:-10px -16px 10px 12px;background:linear-gradient(105deg,#e7e7e1 0%,#e7e7e1 80%,var(--lime) 80%,var(--lime) 100%);transform:rotate(4deg);clip-path:polygon(2% 2%,16% 0,35% 2%,60% 0,83% 3%,100% 1%,98% 24%,100% 49%,97% 70%,99% 97%,78% 100%,52% 98%,26% 100%,1% 98%,2% 70%,0 44%,2% 20%)}
.explorer-print:after{content:'';position:absolute;top:-13px;left:calc(50% - 50px);width:100px;height:29px;background:#eeece3c4;transform:rotate(-4deg);clip-path:polygon(2% 0,98% 3%,100% 92%,3% 100%,0 65%)}
.explorer-team .explorer-print img{width:100%;height:auto;filter:grayscale(.45) saturate(.85) brightness(1.08) contrast(1.03);clip-path:polygon(1% 0,99% 1%,100% 28%,99% 59%,100% 99%,77% 98%,51% 100%,27% 98%,0 99%,1% 65%,0 30%)}
.explorer-print+figcaption{margin-top:22px}
@media(max-width:760px){.explorer-print{margin:18px 4% 0}}
/* Am Seitenende: gemeinsames Bühnenfoto im Hochformat, auf Köpfe und Oberkörper zugeschnitten. */
.people-photo img{aspect-ratio:4/3;object-position:50% 2%}

/* Arbeitsweise: die Grundhaltung als gemeinsame Arbeitsfläche. */
.stance{position:relative;background:#f1f3f0 radial-gradient(#aab8ad60 .7px,transparent .7px) 0 0/17px 17px}
.stance:after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:12px;background:#f1f3f0;z-index:1;clip-path:polygon(0 0,100% 0,100% 45%,87% 90%,74% 55%,58% 100%,43% 50%,32% 90%,19% 40%,8% 80%,0 50%)}
.stance-inner{max-width:1600px;margin:auto;padding:70px 4% 90px}
.stance-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;min-height:600px}
.stance-copy .intro{max-width:580px}
.stance-copy h1 em{margin-top:.16em}
.stance-audience{font-size:20px;line-height:1.5;font-weight:600;max-width:580px;margin:18px 0 0}
.stance-limit{font-size:18px;line-height:1.6;max-width:560px;margin:28px 0 0;padding-left:20px;border-left:4px solid var(--pink)}
.anywhere{position:relative;width:100%;max-width:620px;padding:56px 0 64px;justify-self:center}
.anywhere-sheet{position:absolute;inset:8px 16px 18px 26px;background:repeating-linear-gradient(5deg,#e7e7e4 0,#e7e7e4 3px,#e3e3e0 4px);transform:rotate(3.5deg);clip-path:polygon(0 2%,22% 0,49% 1.5%,76% 0,100% 2%,99% 30%,100% 62%,98.5% 100%,70% 98.5%,41% 100%,12% 98%,1% 100%,1.5% 64%,0 33%)}
.anywhere-app{position:relative;z-index:1;transform:rotate(-1.5deg)}
.anywhere-app .app-chrome>span:nth-child(2){flex:1;font-size:14px}
.anywhere-log{list-style:none;margin:0;padding:12px 16px 4px}
.anywhere-log li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 10px;padding:12px 14px;background:#fff;border:1px solid #e0e7e3;border-radius:8px;box-shadow:0 2px 3px #092f260a}
.log-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#eef1ee}
.log-icon svg{width:25px;height:25px;fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.anywhere-log li:nth-child(1) .log-icon{background:#e5ffa0}
.anywhere-log li:nth-child(2) .log-icon{background:#ffcce6}
.log-where{font-size:14px;line-height:1.35;color:#52685c}
.log-where strong{display:block;font-size:17px;font-weight:600;color:var(--ink)}
.log-what{font-size:15px;text-align:right;color:var(--ink)}
.log-done{display:flex;align-items:center;gap:9px;font-weight:600}
.anywhere-app .app-foot{margin-top:8px}
.anywhere-note{position:absolute;z-index:2;top:-8px;left:-30px;margin:0;padding:16px 20px 18px;font:700 clamp(25px,2.2vw,32px)/.95 Caveat,cursive;text-transform:uppercase;color:#0a1713;background:var(--lime);transform:rotate(-7deg);filter:drop-shadow(2px 4px 2px #00000014);clip-path:polygon(1% 1%,28% 0,53% 1%,98% 0,100% 38%,98% 66%,100% 98%,67% 100%,33% 98%,0 100%,2% 69%,0 37%)}
.anywhere-note-pink{top:auto;left:auto;right:-6px;bottom:4px;background:var(--pink);transform:rotate(5deg)}

.why{margin-top:10px;padding-top:75px;border-top:1px solid #d8e1db}
.why-heading,.method-heading,.scope-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:50px}
.why-heading h2,.method-heading h2,.scope-heading h2{font:700 clamp(40px,4.7vw,68px)/1.08 Georgia,serif;letter-spacing:-2px;color:#111;margin:0}
.why-heading h2 em,.method-heading h2 em,.scope-heading h2 em{font-style:normal}
.why-heading>p,.method-heading>p,.scope-heading>p{font-size:19px;line-height:1.6;max-width:470px;margin:0 0 6px}
.benefit-sheets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}
.benefit-sheet{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:42px 36px 34px;filter:drop-shadow(2px 5px 4px #092f2618);transform:rotate(-.5deg)}
.benefit-sheet+.benefit-sheet{transform:rotate(.6deg)}
.benefit-sheet:before{content:'';position:absolute;inset:0;z-index:-1;background:#fff;clip-path:polygon(0 1%,25% 0,54% .6%,78% 0,99% .8%,100% 24%,99.5% 52%,100% 78%,99% 99.4%,77% 100%,51% 99.5%,24% 100%,0 99%,.5% 75%,0 48%,.5% 22%)}
.benefit-sheet:after{content:'';position:absolute;top:-10px;left:calc(50% - 30px);width:60px;height:23px;background:#e8e2d3ba;transform:rotate(-5deg);clip-path:polygon(2% 0,97% 3%,100% 90%,96% 100%,0 95%,3% 50%)}
.sheet-label{font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}
.benefit-sheet h3{position:relative;isolation:isolate;width:fit-content;font-size:clamp(25px,2.2vw,32px);font-weight:500;letter-spacing:-.6px;line-height:1.2;margin:0 0 18px;padding:9px 14px}
.benefit-sheet h3:before{content:'';position:absolute;inset:0;z-index:-1;background:#ffcce6;transform:rotate(-1deg);clip-path:polygon(1% 3%,98% 0,100% 94%,2% 100%)}
.benefit-people h3:before{background:#e5ffa0;transform:rotate(1deg)}
.benefit-sheet ul{list-style:none;margin:0;padding:0}
.benefit-sheet li{font-size:18px;line-height:1.6;padding:14px 0;border-top:1px solid #092f2626}
.benefit-sheet li strong{font-weight:600}
.sheet-aside{margin:auto 0 0;padding-top:24px;font:600 30px/1.15 Caveat,cursive;text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:6px}
.tape-banner{position:relative;isolation:isolate;width:fit-content;max-width:100%;padding:24px 46px 29px;margin:60px auto 22px;font:600 clamp(32px,3.6vw,50px)/1.08 Caveat,cursive;text-align:center;color:#092219;transform:rotate(-2deg)}
.tape-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--pink);clip-path:polygon(1% 4%,15% 1%,29% 3%,46% 0,64% 3%,82% 1%,99% 4%,98% 25%,100% 45%,98% 67%,99% 95%,85% 98%,68% 96%,48% 100%,29% 97%,13% 99%,0 96%,1% 72%,0 50%,2% 28%)}
.article-link{text-align:center;font-size:19px;margin:0}
.article-link a{font-weight:500;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:7px}

.visible-work{position:relative;margin-top:80px;padding:52px 52px 46px;background:var(--ink);color:#fff}
.visible-work:before{content:'';position:absolute;top:-5px;left:25px;width:95px;height:9px;background:var(--pink);transform:rotate(-4deg)}
.visible-head{margin-bottom:40px}
.visible-head>p{font-size:19px;line-height:1.65;margin:20px 0 0;max-width:720px}
.visible-label{font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--lime);margin:0 0 18px}
.visible-work h2{font:700 clamp(32px,3.3vw,50px)/1.12 Georgia,serif;letter-spacing:-1.2px;margin:0}
.visible-work h2 em{font-style:normal;color:var(--lime)}
.visible-scenes{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:26px;align-items:stretch}
.visible-scene{margin:0;padding:24px 26px 28px;border:1px solid #ffffff2e;border-radius:12px;background:#ffffff08}
.scene-after{border-color:#c7ff2370;background:#c7ff230f}
.visible-scene svg{display:block;width:100%;max-width:420px;height:auto;margin:0 auto 22px}
.visible-scene figcaption{font-size:17px;line-height:1.6}
.visible-scene strong{display:block;margin-bottom:8px;font-size:14px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--pink)}
.scene-after strong{color:var(--lime)}
.visible-arrow{align-self:center;margin:0;font:600 30px/1 Caveat,cursive;color:var(--lime);text-align:center;transform:rotate(-4deg)}
.visible-arrow span{display:block;font-size:44px;color:var(--pink)}
.visible-copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 40px;margin-top:34px;padding-top:28px;border-top:1px solid #ffffff26}
.visible-copy p{font-size:19px;line-height:1.6;margin:0;max-width:640px}
.visible-copy p:last-child{font-weight:600;color:var(--lime)}

/* Arbeitsweise: links die Phasenroute, rechts der Inhalt der gewählten Phase. */
.method{max-width:1600px;margin:auto;padding:100px 4% 85px;scroll-margin-top:calc(var(--header) + 20px)}
.phase-explorer{display:grid;grid-template-columns:minmax(250px,min(330px,22vw)) minmax(0,1fr);gap:0 48px;align-items:start;scroll-margin-top:calc(var(--header) + 24px)}
.phase-flow{position:sticky;top:calc(var(--header) + 28px);isolation:isolate;display:flex;flex-direction:column;gap:10px}
.phase-flow:before{content:'';position:absolute;z-index:-1;left:43px;top:42px;bottom:62px;border-left:3px dashed var(--pink)}
.phase-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;align-items:center;width:100%;padding:16px 18px;text-align:left;color:var(--ink);background:none;border:0;border-radius:10px}
.phase-card:hover{background:#f1f3f0}
.phase-card[aria-pressed=true]{background:var(--pink)}
.phase-card[aria-pressed=true]:after{content:'';position:absolute;top:calc(50% - 16px);right:-17px;width:18px;height:32px;background:var(--pink);clip-path:polygon(0 0,100% 50%,0 100%)}
.phase-card:focus-visible{outline-offset:2px}
.phase-number{grid-row:1/4;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--pink);border:5px solid #fff;font-size:17px;font-weight:500}
.phase-card[aria-pressed=true] .phase-number{background:#fff}
.phase-name{font:700 clamp(21px,1.75vw,28px)/1.1 Georgia,serif;letter-spacing:-.8px;color:#111}
.phase-claim{font-size:16px;line-height:1.4;margin-top:4px}
.phase-card-parallel{margin-left:44px;width:calc(100% - 44px)}
.phase-card-parallel .phase-number{background:var(--lime)}
.phase-parallel{display:block;margin-top:6px;font:600 23px/1 Caveat,cursive;color:#092219}
.phase-goal{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;align-items:center;padding:10px 18px 0;color:var(--pink)}
.phase-goal .goal-flag{width:46px;height:auto;justify-self:center;transform:rotate(-6deg)}
.phase-goal p{margin:0;font:500 clamp(28px,2.4vw,36px)/.95 Caveat,cursive;color:var(--ink);transform:rotate(-3deg)}
.phase-goal strong{font-weight:600;background:var(--lime);padding:0 8px 3px}
.phase-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.phase-panels{min-width:0}
.phase-panel{display:flex;flex-direction:column;padding:30px 32px 0;background:#fff;border:1px solid #ccd8d1;border-top:4px solid var(--pink);border-radius:10px;box-shadow:0 8px 24px -18px #092f2638;overflow:hidden;scroll-margin-top:calc(var(--header) + 20px)}
.phase-panel+.phase-panel{margin-top:30px}
.phase-explorer.is-stacked .phase-panels{display:grid}
.phase-explorer.is-stacked .phase-panel{grid-area:1/1;margin:0}
.phase-explorer.is-stacked .phase-tag{display:none}
.phase-panel.is-inactive{visibility:hidden}
@media(prefers-reduced-motion:no-preference){.phase-explorer.is-stacked .phase-panel:not(.is-inactive) .step-card{animation:desk-in .35s ease-out}}
.phase-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:12px 44px;align-items:center;margin-bottom:26px}
.phase-tag{grid-column:1/-1;font-size:14px;letter-spacing:1.7px;text-transform:uppercase;margin:0}
.phase-intro h3{font:700 clamp(26px,2.4vw,37px)/1.12 Georgia,serif;letter-spacing:-1.2px;color:#111;margin:0}
.phase-intro h3 em{font-style:normal;background:linear-gradient(177deg,transparent 9%,var(--lime) 13%,var(--lime) 85%,transparent 91%);padding:0 6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.phase-intro>p:last-child{font-size:17px;line-height:1.6;margin:0}
.step-trail{flex:1;list-style:none;display:grid;justify-content:center;align-content:center;gap:52px 52px;margin:0 -32px;padding:38px 32px 32px;background:#f1f3f0 radial-gradient(#aab8ad60 .7px,transparent .7px) 0 0/17px 17px}
.steps-1{grid-template-columns:minmax(0,430px) minmax(0,300px);align-items:center}
.steps-2{grid-template-columns:repeat(2,minmax(0,340px))}
.steps-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.step-card{position:relative;padding:30px 22px 22px;background:linear-gradient(115deg,#fffef9 0%,#fff 60%,#f6f4ec 100%);border:1px solid #e5e2d8;border-radius:2px 2px 15px 2px;box-shadow:2px 5px 0 -1px #eeeee8,3px 7px 0 -1px #d6dcd5,0 14px 22px -12px #19352b55;transform:rotate(-1.2deg)}
.step-card:nth-child(even){transform:rotate(1deg)}
.step-card:before{content:'';position:absolute;top:-12px;left:calc(50% - 34px);width:68px;height:25px;background:repeating-linear-gradient(95deg,#ebe7d0b3 0 3px,#f4eed9b3 3px 6px);border:1px solid #d9d3b733;transform:rotate(-5deg);clip-path:polygon(2% 0,100% 4%,97% 27%,100% 48%,97% 72%,99% 100%,0 95%,3% 68%,0 40%)}
.step-card h4{width:fit-content;margin:0 0 12px;padding:1px 7px;font-size:clamp(21px,1.7vw,25px);font-weight:600;letter-spacing:-.6px;line-height:1.25;background:linear-gradient(177deg,transparent 9%,var(--lime) 13%,var(--lime) 85%,transparent 91%)}
.step-card p{font-size:16px;line-height:1.55;margin:0}
.step-tag{position:absolute;top:-13px;right:16px;padding:5px 11px;border-radius:4px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;transform:rotate(4deg)}
.step-arrow{position:absolute;top:50%;left:calc(100% + 10px);width:20px;border-top:3px dashed var(--pink)}
.step-arrow:after{content:'';position:absolute;top:-9px;right:-12px;width:10px;height:15px;background:var(--pink);clip-path:polygon(0 0,100% 50%,0 100%)}
.step-branch{grid-column:1/3;grid-row:2;justify-self:start;max-width:520px}
.step-branch .branch-line{left:calc((100% - 52px) / 4)}
.branch-line{position:absolute;left:50%;bottom:100%;height:50px;border-left:3px dashed var(--pink)}
.branch-line:after{content:'';position:absolute;left:-9px;bottom:-4px;width:15px;height:11px;background:var(--pink);clip-path:polygon(0 0,100% 0,50% 100%)}
.step-aside{align-self:center;justify-self:start;font:600 clamp(28px,2.4vw,36px)/1.05 Caveat,cursive;transform:rotate(-4deg);padding:6px 18px 10px;background:var(--lime)}
.steps-3 .step-aside{grid-column:3;grid-row:2;justify-self:center}
.phase-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:18px 0 20px}
.phase-foot p{font-size:15px;line-height:1.55;color:#52685c;max-width:700px;margin:0}
.phase-foot strong{color:var(--ink);font-weight:600}
.phase-next{flex-shrink:0;text-decoration:none}
.phase-next[hidden]{display:none}

/* Arbeitsweise: vom einzelnen Arbeitsplatz zur ganzen Organisation. */
.scope{max-width:1600px;margin:auto;padding:85px 4% 95px;border-top:1px solid #e5ebe8}
.scope-levels{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;margin:0;padding:0}
.scope-levels li{min-width:0}
.scope-visual{display:grid;place-items:center;aspect-ratio:16/10;padding:8% 10%;margin-bottom:30px;border-radius:9px;background:#f1f3f0 radial-gradient(#aab8ad60 .7px,transparent .7px) 0 0/17px 17px}
.scope-visual svg{width:100%;height:auto;max-height:100%}
.scope-levels .situation-number{transform:rotate(-6deg)}
.scope-levels li:nth-child(2) .situation-number{transform:rotate(5deg)}
.scope-levels h3{font-size:clamp(22px,2vw,29px);font-weight:500;letter-spacing:-.8px;line-height:1.22;margin:0 0 16px}
.scope-levels p{font-size:19px;line-height:1.65;margin:0;max-width:440px}

@media(max-width:1100px){.visible-scenes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.visible-arrow{display:none}.stance-hero{grid-template-columns:1fr;min-height:0;gap:20px}.anywhere{max-width:560px}}
/* Unterhalb 1280px stehen die Phasen nacheinander; die Route wird zur Sprungleiste. */
@media(max-width:1279px){
  .phase-explorer{display:block}
  .phase-flow{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:30px}
  .phase-flow:before,.phase-card[aria-pressed=true]:after,.phase-card-parallel:before{display:none}
  .phase-card,.phase-card-parallel{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:auto;margin:0;padding:16px 14px 18px;background:#fff;border:1px solid #ccd8d1;box-shadow:0 8px 24px -18px #092f2638}
  .phase-card:hover{border-color:var(--ink);background:#fff}
  .phase-number{width:42px;height:42px;border:0;margin-bottom:6px;font-size:15px}
  .phase-name{font-size:clamp(18px,2.3vw,24px)}
  .phase-claim{font-size:15px;margin:0}
  .phase-parallel{font-size:20px}
  .phase-goal{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:6px 4px 0}
  .phase-goal .goal-flag{width:36px}
  .phase-goal p{font-size:28px}.phase-goal p br{display:none}
  .phase-goal p strong{white-space:nowrap}
}
/* Schritte untereinander, sobald drei nebeneinander zu eng werden. */
@media(max-width:900px){.step-trail,.steps-1,.steps-2,.steps-3{grid-template-columns:minmax(0,560px);gap:58px}.step-card,.step-branch,.steps-3 .step-aside{grid-column:auto;grid-row:auto}.step-arrow{top:calc(100% + 8px);left:50%;width:0;height:30px;border-top:0;border-left:3px dashed var(--pink)}.step-arrow:after{top:auto;right:auto;bottom:-10px;left:-9px;width:15px;height:10px;clip-path:polygon(0 0,100% 0,50% 100%)}.branch-line{display:none}.step-branch{max-width:none}.step-aside,.steps-3 .step-aside{margin:0;justify-self:start}.step-card p{font-size:17px}}
@media(max-width:760px){
  .stance-inner{padding:42px 24px 60px}
  .stance-audience{font-size:19px}.stance-limit{font-size:17px}
  .anywhere{padding:46px 0 58px}.anywhere-sheet{inset:6px 2px 14px 8px}
  .anywhere-app .app-chrome>span:nth-child(2){font-size:12px}
  .anywhere-log{padding:10px 10px 2px}
  .anywhere-log li{grid-template-columns:36px minmax(0,1fr);gap:4px 10px;padding:10px}
  .log-icon{grid-row:1/3;width:36px;height:36px;border-radius:9px}.log-icon svg{width:21px;height:21px}
  .log-what{text-align:left;font-size:14px}
  .anywhere-note{font-size:23px;padding:12px 14px 14px;left:-4px}
  .anywhere-note-pink{left:auto;right:-4px}
  .why{padding-top:50px}
  .why-heading,.method-heading,.scope-heading{display:block;margin-bottom:32px}
  .why-heading h2,.method-heading h2,.scope-heading h2{font-size:clamp(34px,8.4vw,54px);letter-spacing:-1.3px;margin-bottom:20px}
  .why-heading>p,.method-heading>p,.scope-heading>p{font-size:18px}
  .benefit-sheets{grid-template-columns:1fr;gap:36px}.benefit-sheet{padding:34px 22px 28px}.benefit-sheet li{font-size:17px}
  .tape-banner{padding:20px 22px 25px;margin-top:44px;font-size:clamp(28px,7.4vw,40px)}
  .article-link{font-size:17px}
  .visible-work{margin:60px -24px 0;padding:42px 24px 38px}
  .visible-head{margin-bottom:30px}.visible-head>p{font-size:18px}
  .visible-scenes{grid-template-columns:1fr;gap:14px}.visible-scene{padding:20px 18px 22px}.visible-scene figcaption{font-size:16px}
  .visible-arrow{display:block}.visible-arrow br{display:none}.visible-arrow span{display:inline-block;transform:rotate(90deg);font-size:36px;margin-left:8px}
  .visible-copy p{font-size:18px}
  .method{padding:56px 24px 60px}
  .phase-flow{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}
  .phase-card,.phase-card-parallel{padding:14px 12px 16px}
  .phase-number{width:38px;height:38px}
  .phase-name{font-size:clamp(17px,4.9vw,24px);letter-spacing:-.5px}
  .phase-goal p{font-size:24px}
  .phase-panel{margin-left:-12px;margin-right:-12px;padding:26px 18px 0}
  .phase-intro{margin-bottom:24px}
  .phase-intro h3{font-size:clamp(27px,7.2vw,36px);letter-spacing:-1px}
  .step-trail{margin:0 -18px;padding:46px 22px 44px}
  .step-card{padding:30px 20px 22px}
  .step-aside,.steps-1 .step-aside{font-size:30px}
  .phase-foot{flex-direction:column;align-items:stretch;gap:18px;padding:20px 0 22px}
  .scope{padding:50px 24px 60px}
  .scope-levels{grid-template-columns:1fr;gap:46px}
  .scope-levels p{font-size:18px}
}

/* Logo statt Wortmarke: dunkle Teile folgen der Textfarbe, Lime und Pink bleiben. */
.brand{display:block;color:#0b4030;line-height:0;letter-spacing:0}
.brand-logo{display:block;height:56px;width:auto}
.site-footer .brand{color:#f7f5ef}
.site-footer .brand-logo{height:64px}
@media(max-width:1280px){.brand-logo{height:50px}}
@media(max-width:760px){.brand-logo{height:42px}.site-footer .brand-logo{height:52px}}
@media(max-width:370px){.brand-logo{height:36px}}
/* Links und Buttons im mobilen Menü in einer Flucht (Buttons haben sonst Browser-Innenabstand). */
.mobile-nav :is(button,a):not(.mobile-contact){padding:0;font:inherit;font-size:20px;color:inherit}
/* Horizontales Menü: kleine Punkte als Trennzeichen zwischen den Einträgen. */
.desktop-nav>*+*:before{content:'';display:inline-block;width:4px;height:4px;margin:0 14px 0 0;border-radius:50%;background:var(--pink);vertical-align:middle;transform:translateY(-1px)}
.desktop-nav>*+*{display:inline-flex;align-items:center}
.question-list details a{font-weight:500;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:5px}

/* Über uns: Text mit angehefteten privaten Fotos im Collagenstil. */
.about-hero,.about-section{max-width:1600px;margin:auto;padding:70px 4%}
.about-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding-top:60px}
.about-hero .intro{max-width:600px}
.about-section{border-top:1px solid #e5ebe8}
.about-section h2,.about-near h2{font:700 clamp(36px,4.2vw,60px)/1.08 Georgia,serif;letter-spacing:-1.8px;color:#111;margin:0 0 30px}
.about-section h2 em{font-style:normal;position:relative;display:inline-block;padding-bottom:8px}
.about-section h2 em:after{content:'';position:absolute;left:0;right:-3px;bottom:0;height:6px;background:var(--pink);border-radius:60% 30% 55% 35%;transform:rotate(-2deg)}
.about-text p{font-size:19px;line-height:1.7;margin:0 0 16px;max-width:660px}
.about-print{position:relative;isolation:isolate;margin:0;padding:12px 12px 14px;background:#f7f5ef;filter:drop-shadow(2px 5px 5px #092f262b)}
.about-print:after{content:'';position:absolute;top:-12px;left:calc(50% - 45px);width:90px;height:27px;background:#eeece3c4;transform:rotate(-4deg);clip-path:polygon(2% 0,98% 3%,100% 92%,3% 100%,0 65%)}
.about-print img{display:block;width:100%;height:auto;filter:grayscale(.45) saturate(.85) brightness(1.08) contrast(1.03);clip-path:polygon(1% 0,99% 1%,100% 28%,99% 59%,100% 99%,77% 98%,51% 100%,27% 98%,0 99%,1% 65%,0 30%)}
.about-print figcaption{font:600 clamp(22px,2vw,28px)/1.1 Caveat,cursive;margin:12px 4px 0;color:var(--ink)}
.about-print-hero{width:100%;max-width:520px;justify-self:center;transform:rotate(2deg)}
.about-print-hero:before{content:'';position:absolute;z-index:-1;inset:-10px 12px 14px -18px;background:linear-gradient(105deg,#e7e7e1 0%,#e7e7e1 82%,var(--lime) 82%,var(--lime) 100%);transform:rotate(-5deg)}
.about-home{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.about-prints{position:relative;min-height:520px}
.about-print-lake{position:absolute;left:4%;top:0;width:52%;transform:rotate(-4deg);z-index:1}
.about-print-snow{position:absolute;right:2%;top:30%;width:46%;transform:rotate(5deg);z-index:2}
.about-note{position:absolute;left:30%;bottom:0;z-index:3;margin:0;padding:14px 18px 16px;background:var(--lime);font:700 clamp(24px,2.2vw,31px)/.95 Caveat,cursive;text-transform:uppercase;transform:rotate(-6deg);filter:drop-shadow(2px 4px 2px #00000014)}
.about-near{margin-top:0;align-items:start}
.about-near h2{color:#fff;margin:0}
.about-near h2 em{color:var(--lime);font-style:normal}
.about-near p{margin:0 0 14px}.about-near p:last-child{margin:0}
.about-people{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.about-person h3{font:700 32px/1.1 Georgia,serif;color:#111;margin:0}
.about-role{font-size:14px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;margin:12px 0 24px}
.about-timeline{list-style:none;margin:0;padding:0;border-left:3px dashed var(--pink)}
.about-timeline li{position:relative;padding:0 0 22px 26px}
.about-timeline li:before{content:'';position:absolute;left:-9px;top:6px;width:15px;height:15px;border-radius:50%;background:var(--pink);border:3px solid #fff}
.about-timeline span{display:block;font-size:14px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px}
.about-timeline p{font-size:18px;line-height:1.6;margin:0}.about-more{margin-top:6px;padding-left:29px}.about-more p{font-size:18px;line-height:1.6;margin:0 0 12px}.about-more a{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:4px}
.about-together{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.about-print-stage{width:100%;max-width:420px;justify-self:center;transform:rotate(-2.5deg)}
.about-print-stage img{aspect-ratio:4/5;object-fit:cover;object-position:50% 10%}
.about-plus{list-style:none;display:flex;flex-wrap:wrap;gap:8px 26px;margin:22px 0 0;padding:0;font-size:21px;font-weight:600}
.about-plus li:before{content:'+';color:var(--pink);font:600 30px/1 Caveat,cursive;margin-right:8px}
.about-text .about-banner{max-width:100%;margin:34px 0 0;font-size:clamp(30px,3vw,42px);line-height:1.08}
@media(max-width:1000px){.about-hero,.about-home,.about-together{grid-template-columns:1fr;gap:40px}.about-print-stage{order:2}.about-prints{max-width:560px;width:100%;justify-self:center}}
@media(max-width:760px){.about-hero,.about-section{padding:44px 24px}.about-section h2,.about-near h2{font-size:clamp(32px,8.2vw,48px);letter-spacing:-1.2px}.about-text p{font-size:18px}.about-prints{min-height:0;aspect-ratio:1/1.02}.about-note{left:22%;bottom:0;font-size:22px}.about-people{grid-template-columns:1fr;gap:44px}.about-timeline p{font-size:17px}.about-near{margin:0 -24px}.about-plus{font-size:19px}}
.people-more{margin:40px 0 0}.people-more .text-link{display:inline-flex;font-size:19px;font-weight:500;text-decoration-color:var(--pink);text-decoration-thickness:2px}

/* Angebote: Formate als Spektrum mit Auswahlhilfe, Themen als Bögen. */
.offers-hero,.offers-formats{max-width:1600px;margin:auto;padding:70px 4%}
.offers-hero{padding-top:60px}
.offers-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;max-width:1200px}
.offers-intro p{font-size:19px;line-height:1.65;margin:0}
.offers-intro .intro{font-size:20px}
.offers-matrix-note{max-width:1200px;margin:36px 0 0;padding:20px 24px;border-left:4px solid var(--pink);background:#f1f3f0;font-size:19px;line-height:1.6}
.offers-formats{border-top:1px solid #e5ebe8}
.offers-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:40px}
.offers-heading h2{font:700 clamp(38px,4.5vw,64px)/1.08 Georgia,serif;letter-spacing:-2px;color:#111;margin:0}
.offers-heading h2 em{font-style:normal;position:relative;display:inline-block;padding-bottom:8px}
.offers-heading h2 em:after{content:'';position:absolute;left:0;right:-3px;bottom:0;height:6px;background:var(--pink);border-radius:60% 30% 55% 35%;transform:rotate(-2deg)}
.offers-heading>p{font-size:19px;line-height:1.6;max-width:500px;margin:0 0 6px}
.format-scale{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:14px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.format-scale:before{content:'';width:15px;height:15px;border-radius:50%;background:var(--pink);flex-shrink:0;margin-left:2px}
.format-scale-end{margin:18px 0 0}
.format-scale-end:before{width:0;height:0;border-radius:0;margin-left:3px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid var(--pink);background:none}
.format-groups{position:relative;display:grid;gap:30px}
.format-groups:before{content:'';position:absolute;left:9px;top:-14px;bottom:-14px;border-left:3px dashed var(--pink)}
.format-group{position:relative;display:grid;grid-template-columns:200px repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.format-group-name{position:relative;justify-self:start;margin:10px 0 0;padding:6px 12px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transform:rotate(-2deg)}
.format-card{position:relative;padding:22px 20px 20px;background:linear-gradient(115deg,#fffef9 0%,#fff 60%,#f6f4ec 100%);border:1px solid #e5e2d8;border-radius:2px 2px 15px 2px;box-shadow:2px 5px 0 -1px #eeeee8,3px 7px 0 -1px #d6dcd5,0 14px 22px -12px #19352b55;transition:opacity .2s,transform .2s}
.format-card h4{max-width:100%;overflow-wrap:anywhere;hyphens:auto;width:fit-content;margin:6px 0 10px;padding:1px 7px;font-size:24px;font-weight:600;letter-spacing:-.5px;background:linear-gradient(177deg,transparent 9%,var(--lime) 13%,var(--lime) 85%,transparent 91%)}
.format-people{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#52685c}
.format-text{font-size:17px;line-height:1.55;margin:0 0 14px}
.format-card dl{margin:0;display:grid;gap:4px}
.format-card dl>div{margin:0}
.format-card dt{font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-top:8px}
.format-card dd{margin:0;font-size:15.5px;line-height:1.5}
.format-link{display:inline-block;margin-top:14px;font-weight:600;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:5px}
.offers-place{margin-top:50px}
.offers-place h3 em{color:var(--lime);font-style:normal}
.offers-place p{margin:0 0 12px}.offers-place p:last-child{margin:0}
@media(max-width:1100px){.format-group{grid-template-columns:150px repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.offers-intro{grid-template-columns:1fr}.format-group{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:34px}.format-group-name{grid-column:1/-1;margin:0}}
@media(max-width:760px){.offers-hero,.offers-formats{padding:44px 24px}.offers-heading{display:block;margin-bottom:28px}.offers-heading h2{font-size:clamp(32px,8.2vw,48px);letter-spacing:-1.2px;margin-bottom:18px}.offers-heading>p,.offers-intro p,.offers-matrix-note{font-size:18px}.format-group{grid-template-columns:minmax(0,1fr)}.format-scale{font-size:12px}.offers-place{margin-left:-24px;margin-right:-24px}}

/* Angebote: Format-Explorer – links Chips, rechts ein Format im Fokus. */
.offers-hero h1 em:after{transform:rotate(-1deg);bottom:-12px}
.format-finder[hidden],.format-index[hidden]{display:none}
.format-finder{display:flex;flex-direction:column;gap:18px;padding:18px 22px 24px;border-radius:10px;background:#f1f3f0 radial-gradient(#aab8ad60 .7px,transparent .7px) 0 0/17px 17px}
.format-finder fieldset{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px}
.format-finder legend{font-size:16px;font-weight:700;margin-bottom:10px}
.format-finder label{position:relative;cursor:pointer}
.format-finder input{position:absolute;opacity:0;width:1px;height:1px}
.format-finder label span{display:inline-block;padding:8px 14px;border:1px solid #bccac4;border-radius:20px;background:#fff;font-size:15.5px;line-height:1.3;transition:background .15s,border-color .15s}
.format-finder label:hover span{border-color:var(--ink)}
.format-finder input:checked+span{background:var(--pink);border-color:var(--pink);font-weight:600}
.format-finder input:focus-visible+span{outline:3px solid var(--ink);outline-offset:2px}
.finder-result{margin:0;font:600 24px/1.15 Caveat,cursive}
.format-explorer.is-active{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:40px;align-items:start}
.format-explorer.is-active .format-finder{position:sticky;top:calc(var(--header-h,var(--header)) + var(--tabs) + 24px)}
.format-explorer.is-active .format-scale,.format-explorer.is-active .format-groups:before{display:none}
.format-explorer.is-active .format-group{display:none}
.format-explorer.is-active .format-group.has-focus{display:block}
.format-explorer.is-active .format-group-name{display:inline-block;margin:0 0 14px}
.format-explorer.is-active .format-card{display:none}
.format-explorer.is-active .format-card.is-focus{display:block;padding:28px 30px 26px;border-color:var(--pink);box-shadow:0 0 0 3px var(--pink),0 18px 30px -16px #19352b66}
.format-explorer.is-active .format-card.is-focus h4{font-size:30px}
.format-explorer.is-active .format-card.is-focus .format-text{font-size:19px}
.format-explorer.is-active .format-card dl{grid-template-columns:1fr 1fr;gap:6px 30px}
.format-explorer.is-active .format-card .format-place{grid-column:1/-1}
.format-explorer.is-active .format-card dd{font-size:16.5px}
@keyframes format-in{from{opacity:0;transform:translateY(22px) rotate(1deg)}to{opacity:1;transform:none}}
.format-card.is-entering{animation:format-in .4s cubic-bezier(.2,.8,.2,1)}
.format-index{margin-bottom:26px}
.format-index-scale{display:flex;justify-content:space-between;margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#52685c}
.format-index-scale span:last-child:after{content:' →';color:var(--pink)}
.format-index-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.format-index-list button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:64px;padding:10px 10px 11px;border:1px solid #ccd8d1;border-radius:6px;background:#fff;font-size:15px;font-weight:600;line-height:1.15;text-align:left;color:var(--ink);hyphens:manual}
.format-index-list button span{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#6a7d72}
.format-index-list button:hover{border-color:var(--ink)}
.format-index-list button.is-match{border-color:var(--pink);box-shadow:inset 0 -4px 0 var(--pink)}
.format-index-list button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.format-index-list button[aria-pressed=true] span{color:var(--lime)}
@media(max-width:1280px){.format-index-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.format-explorer.is-active{grid-template-columns:minmax(0,1fr);gap:24px}.format-explorer.is-active .format-finder{position:static}}
@media(max-width:760px){.format-explorer.is-active .format-card dl{grid-template-columns:1fr}.format-explorer.is-active .format-card.is-focus{padding:22px 18px}.format-explorer.is-active .format-card.is-focus h4{font-size:25px}.format-index-list{display:flex;overflow-x:auto;padding:4px 2px 8px;margin:0 -24px;padding-left:24px;padding-right:24px;scroll-snap-type:x mandatory}.format-index-list button{flex:0 0 auto;min-width:120px;scroll-snap-align:start}.format-finder{padding:20px 16px}}
.finder-body{display:flex;flex-direction:column;gap:22px}
.finder-body[hidden]{display:none}
.finder-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:4px 0;border:0;background:none;font-size:17px;font-weight:700;color:var(--ink);text-align:left}
.finder-toggle svg{width:26px;height:26px;flex-shrink:0;padding:3px;border-radius:50%;background:#fff;border:1px solid #bccac4;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.finder-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}
.finder-toggle:hover svg{border-color:var(--ink)}
.format-explorer.is-active.is-collapsed{grid-template-columns:max-content minmax(0,1fr)}
.format-explorer.is-collapsed .format-finder{padding-bottom:18px}
@media(max-width:1000px){.format-explorer.is-active.is-collapsed{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.finder-toggle svg{transition:none}}

/* Menüpunkt der aktuellen Seite hervorheben. */
.desktop-nav a[aria-current]{font-weight:700;text-decoration:none}
.desktop-nav a[aria-current] .nav-label{background:linear-gradient(177deg,transparent 12%,var(--lime) 16%,var(--lime) 84%,transparent 88%);padding:0 6px;margin:0 -6px}
.desktop-nav a[aria-current]:hover{text-decoration:none}
.mobile-nav a[aria-current]{font-weight:700;box-shadow:inset 4px 0 0 var(--pink);padding-left:12px}
.footer-nav a[aria-current]{color:var(--lime);text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:6px}
/* Eingeklappter Filter auf breiten Bildschirmen: schmaler senkrechter Streifen. */
@media(min-width:1001px){
  .format-explorer.is-active.is-collapsed{grid-template-columns:52px minmax(0,1fr);gap:28px}
  .format-explorer.is-collapsed .format-finder{padding:14px 0 18px;align-items:center}
  .format-explorer.is-collapsed .finder-toggle{flex-direction:column;justify-content:flex-start;gap:14px;width:auto;padding:0}
  .format-explorer.is-collapsed .finder-toggle span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:16px}
  .format-explorer.is-collapsed .finder-toggle svg{order:-1;transform:rotate(-90deg)}
}
/* Reiterleiste der Angebote: echte Seiten, die wie Karteireiter aussehen. Sie bleibt beim Scrollen unter dem Kopf stehen. */
:root{--tabs:0px}
html:has(.offer-tabs){--tabs:66px;scroll-padding-top:calc(var(--header-h,var(--header)) + var(--tabs) + 20px)}
.offer-tabs-lead{max-width:1600px;margin:auto;padding:28px 4% 0;font:600 27px/1.1 Caveat,cursive}
.offer-tabs{position:sticky;top:var(--header-h,var(--header));z-index:15;height:var(--tabs);padding:12px max(4%,calc((100% - 1600px)/2 + 64px)) 0;background:#fff}
.offer-tabs-row{display:flex;align-items:flex-end;gap:8px;height:100%;box-shadow:inset 0 -2px 0 var(--ink);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.offer-tabs-row::-webkit-scrollbar{display:none}
.offer-tabs-row.fade-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
.offer-tabs-row.fade-left{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px);mask-image:linear-gradient(90deg,transparent,#000 48px)}
.offer-tabs-row.fade-left.fade-right{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
.offer-tabs-row>a,.offer-tab-pending{flex:0 0 auto;padding:10px 20px 11px;border:2px solid #d3dcd7;border-bottom-color:var(--ink);border-radius:12px 16px 0 0;background:#fff;color:#74847d;font-size:17px;font-weight:500;text-decoration:none;white-space:nowrap}
.offer-tabs-row>a:hover{color:var(--ink);border-color:#9fb0a8;border-bottom-color:var(--ink)}
.offer-tab-pending{border-style:dashed;border-bottom-style:solid;color:#a3afa9;cursor:default}
.offer-tab-pending small{margin-left:4px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.offer-tabs-label{flex:0 0 auto;margin:0 0 13px 14px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#52685c}
.offer-tabs-row>a[aria-current]{color:var(--ink);border-color:var(--ink);border-bottom-color:#fff;font-weight:700;padding-top:14px;box-shadow:inset 0 6px 0 var(--lime)}
.offers-hero{padding-top:50px}
/* Themenseite KI im Office. */
.topic-hero{max-width:1600px;margin:auto;padding:50px 4% 70px;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}
.topic-hero h1 em{margin-top:.16em}
.topic-hero .intro{max-width:580px}
.topic-pair{font-size:18px;line-height:1.6;max-width:560px;margin:28px 0 0;padding-left:20px;border-left:4px solid var(--pink)}
.ki-assistant .anywhere-log li:nth-child(3) .log-icon{background:#e5ebe7}
.ki-assistant .anywhere-log li:nth-child(4) .log-icon{background:#e4f6d3}
.topic-section{max-width:1600px;margin:auto;padding:70px 4%;border-top:1px solid #e5ebe8}
.ki-steps{list-style:none;margin:0;padding:30px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:end}
.ki-steps li{position:relative;padding:34px 22px 24px;background:linear-gradient(115deg,#fffef9 0%,#fff 60%,#f6f4ec 100%);border:1px solid #e5e2d8;border-radius:2px 2px 15px 2px;box-shadow:2px 5px 0 -1px #eeeee8,3px 7px 0 -1px #d6dcd5,0 14px 22px -12px #19352b55}
.ki-steps li:nth-child(2){margin-bottom:40px}.ki-steps li:nth-child(3){margin-bottom:80px}.ki-steps li:nth-child(4){margin-bottom:120px}
.ki-step-number{position:absolute;top:-22px;left:18px;display:grid;place-items:center;width:46px;height:46px;border:5px solid #fff;border-radius:50%;background:#e5ebe7;font-size:18px;font-weight:600}
.ki-steps h3{margin:0 0 10px;font-size:clamp(21px,1.7vw,25px);font-weight:600;letter-spacing:-.5px;line-height:1.2}
.ki-steps p{margin:0;font-size:16.5px;line-height:1.55}
.ki-steps .ki-step-goal{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink),0 18px 30px -16px #19352b66}
.ki-step-goal .ki-step-number{background:var(--pink)}
.ki-step-goal h3{width:fit-content;padding:0 6px;margin-left:-6px;background:linear-gradient(177deg,transparent 9%,var(--lime) 13%,var(--lime) 85%,transparent 91%)}
.ki-step-note{position:absolute;bottom:-34px;right:-14px;padding:8px 14px 10px;background:var(--lime);font:600 25px/1 Caveat,cursive;transform:rotate(-4deg);white-space:nowrap}
.ki-results .benefit-sheet>p{font-size:18px;line-height:1.6;margin:0 0 12px}
.ki-banner{margin-top:56px}
.ki-roles-intro{font-size:19px;line-height:1.6;max-width:760px;margin:-10px 0 30px}
.ki-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.ki-role-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start;padding:20px 22px 24px;border:2px dashed #b9c7bf;border-radius:14px}
.ki-role-group-new{border-color:var(--pink);background:#fff6fb}
.ki-role-group-label{grid-column:1/-1;margin:0;font:600 27px/1.1 Caveat,cursive}
.ki-role{padding:18px 18px 16px;background:#fff;border:1px solid #e0e7e3;border-radius:8px;box-shadow:0 2px 3px #092f260a}
.ki-role h3{width:fit-content;margin:0 0 6px;padding:0 6px;font-size:22px;font-weight:600;background:linear-gradient(177deg,transparent 9%,#e5ebe7 13%,#e5ebe7 85%,transparent 91%)}
.ki-role-group-new .ki-role h3{background:linear-gradient(177deg,transparent 9%,var(--lime) 13%,var(--lime) 85%,transparent 91%)}
.ki-role p{margin:0;font-size:16.5px;line-height:1.5}
.ki-empower p{margin:0 0 12px}.ki-empower p:last-child{margin:0}
.ki-privacy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center}
.ki-privacy h2{font:700 clamp(36px,3.8vw,56px)/1.08 Georgia,serif;letter-spacing:-2px;color:#111;margin:0 0 26px}
.ki-privacy h2 em{font-style:normal;position:relative;display:inline-block;padding-bottom:8px}
.ki-privacy h2 em:after{content:'';position:absolute;left:0;right:-3px;bottom:0;height:6px;background:var(--pink);border-radius:60% 30% 55% 35%;transform:rotate(-2deg)}
.ki-privacy-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;margin:0 0 14px;max-width:620px}
.ki-bounds{margin:0;transform:rotate(-1deg)}
.ki-bounds-bar{display:flex;min-height:100px;border-right:5px solid var(--ink);font-size:16px;line-height:1.3}
.ki-bounds-bar>span{display:flex;align-items:center;padding:12px 16px}
.ki-bounds-used{flex:0 0 52%;background:var(--lime);font-weight:600;border-right:3px dashed var(--pink)}
.ki-bounds-free{flex:1;color:#52685c;background:repeating-linear-gradient(45deg,#ebe9e1 0 8px,#f7f6f1 8px 16px)}
.ki-bounds-lines{position:relative;height:34px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.ki-bounds-lines span{position:absolute;top:10px;white-space:nowrap}
.ki-bounds-own{left:52%;transform:translateX(-50%);color:#c3006d}
.ki-bounds-law{right:0}
.ki-bounds figcaption{margin-top:14px;font-size:16px;line-height:1.5;color:#52685c}
.ki-bounds-note{display:block;margin-top:4px;font:600 30px/1.1 Caveat,cursive;color:var(--ink)}
.topic-formats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.topic-formats a{position:relative;display:block;height:100%;padding:20px 44px 20px 22px;background:#fff;border:1px solid #e5e2d8;border-radius:2px 2px 15px 2px;box-shadow:2px 5px 0 -1px #eeeee8,3px 7px 0 -1px #d6dcd5;text-decoration:none;transition:border-color .2s,transform .2s}
.topic-formats a:after{content:'→';position:absolute;right:18px;top:18px;font-size:22px;color:var(--pink)}
.topic-formats a:hover{border-color:var(--pink);transform:translateY(-2px)}
.topic-formats strong{display:block;width:fit-content;margin:0 0 8px -6px;padding:0 6px;font-size:21px;font-weight:600;background:linear-gradient(177deg,transparent 9%,var(--lime) 13%,var(--lime) 85%,transparent 91%)}
.topic-formats a>span{display:block;font-size:16.5px;line-height:1.5}
@media(max-width:1100px){.topic-hero{grid-template-columns:minmax(0,1fr);gap:20px}.topic-hero .anywhere{max-width:560px}.ki-privacy{grid-template-columns:minmax(0,1fr);gap:36px}}
@media(max-width:1000px){.ki-steps{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;row-gap:44px}.ki-steps li:nth-child(n){margin-bottom:0}.ki-roles{grid-template-columns:minmax(0,1fr)}.topic-formats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  html:has(.offer-tabs){--tabs:58px}.offer-tabs-lead{padding:20px 24px 0;font-size:24px}.offer-tabs{padding:10px 0 0}
  .offer-tabs-row{gap:6px;padding:0 24px}.offer-tabs-row:after{content:'';flex:0 0 18px}.offer-tabs-row>a,.offer-tab-pending{padding:9px 14px 10px;font-size:16px}.offer-tabs-row>a[aria-current]{padding-top:12px}.offer-tabs-label{margin:0 0 12px 6px;font-size:11px}
  .offers-hero{padding-top:36px}
  .topic-hero{padding:36px 24px 46px}.topic-section{padding:44px 24px}.topic-pair{font-size:17px}
  .ki-steps,.topic-formats{grid-template-columns:minmax(0,1fr)}.ki-step-note{right:-4px;font-size:23px}
  .ki-role-group{grid-template-columns:minmax(0,1fr);padding:16px}.ki-role-group-label{font-size:25px}
  .ki-empower{margin-left:-24px;margin-right:-24px}
  .ki-privacy h2{font-size:clamp(32px,8.2vw,48px);letter-spacing:-1.2px}.ki-privacy-copy>p:not(.eyebrow){font-size:17px}
  .ki-bounds-bar{font-size:14px;min-height:88px}.ki-bounds-bar>span{padding:10px}.ki-bounds-lines{font-size:11px}
}
@media(min-width:1101px){.topic-hero .anywhere-note:not(.anywhere-note-pink){top:-34px}}
.ki-privacy h2{font-size:clamp(34px,3.2vw,50px)}
.ki-results{align-items:start}
.format-flip{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.format-flip button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 16px;border:1px solid #ccd8d1;border-radius:24px;background:#fff;font-size:16px;font-weight:600;color:var(--ink);hyphens:manual}
.format-flip button:hover{border-color:var(--pink)}
.format-flip b{font-size:20px;line-height:1;color:var(--pink)}
@media(max-width:760px){.format-flip button{font-size:15px;padding:8px 12px}}
@media(max-width:1280px) and (min-width:761px){.offer-tabs-row>a,.offer-tab-pending{padding-left:14px;padding-right:14px;font-size:16px}.offer-tabs-label{margin-left:8px}}
/* Themenseite Digitale Werkzeuge. */
.journey-invitation h2{font-size:clamp(23px,2.3vw,33px);line-height:1.25;font-weight:500;margin:0;letter-spacing:-.6px}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 14px 4px}
.board-col{display:flex;flex-direction:column;gap:8px;min-height:200px;padding:10px;border-radius:8px;background:#e9efec}
.board-head{margin-bottom:2px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#52685c}
.board-card{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:10px;background:#fff;border:1px solid #e0e7e3;border-radius:6px;box-shadow:0 2px 3px #092f260a;font-size:14.5px;font-weight:500;line-height:1.3}
.board-card-now{border-left:4px solid var(--pink)}
.board-card-done{color:#52685c}
.tools-board .row-check{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px}
.tools-board .anywhere-note{font-size:clamp(23px,2vw,29px)}
.tool-block{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;align-items:center}
.tool-block-flip .tool-copy{order:2}
.tool-copy h2{font:700 clamp(36px,3.8vw,56px)/1.08 Georgia,serif;letter-spacing:-2px;color:#111;margin:0 0 26px}
.tool-copy h2 em{font-style:normal;position:relative;display:inline-block;padding-bottom:8px}
.tool-copy h2 em:after{content:'';position:absolute;left:0;right:-3px;bottom:0;height:6px;background:var(--pink);border-radius:60% 30% 55% 35%;transform:rotate(-2deg)}
.tool-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;margin:0 0 14px;max-width:640px}
.tool-ladder{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:ladder}
.tool-ladder li{position:relative;padding:16px 20px 16px 66px;background:linear-gradient(115deg,#fffef9 0%,#fff 60%,#f6f4ec 100%);border:1px solid #e5e2d8;border-radius:2px 2px 15px 2px;box-shadow:2px 5px 0 -1px #eeeee8,3px 7px 0 -1px #d6dcd5;counter-increment:ladder}
.tool-ladder li:nth-child(2){margin-left:8%}.tool-ladder li:nth-child(3){margin-left:16%}.tool-ladder li:nth-child(4){margin-left:24%}
.tool-ladder li:before{content:counter(ladder);position:absolute;left:16px;top:50%;translate:0 -50%;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e5ebe7;font-weight:600}
.tool-ladder li:nth-child(3):before{background:var(--lime)}
.tool-ladder strong{display:block;font-size:20px;font-weight:600}
.tool-ladder span{font-size:16px;color:#52685c}
.tool-sizes{position:relative;height:440px}
.tool-size{position:absolute;padding:14px 16px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;filter:drop-shadow(2px 6px 6px #092f2622)}
.tool-size-archive{left:0;top:0;width:80%;height:84%;background:repeating-linear-gradient(5deg,#e7e7e4 0,#e7e7e4 3px,#e0e0dc 4px);transform:rotate(-3deg);clip-path:polygon(0 2%,22% 0,49% 1.5%,76% 0,100% 2%,99% 30%,100% 62%,98.5% 100%,70% 98.5%,41% 100%,12% 98%,1% 100%,1.5% 64%,0 33%)}
.tool-size-drive{left:12%;top:16%;width:62%;height:62%;background:#eee9de;transform:rotate(2deg)}
.tool-size-doc{left:26%;top:32%;width:42%;height:48%;background:#fff repeating-linear-gradient(180deg,transparent 0 22px,#e5ebe7 22px 23px) 0 46px/100% calc(100% - 60px) no-repeat;transform:rotate(-1.5deg)}
.tool-size-note{right:4%;bottom:2%;display:grid;place-items:center;width:150px;height:130px;padding:0;background:var(--lime);font:700 34px/1 Caveat,cursive;letter-spacing:0;text-transform:none;transform:rotate(6deg)}
.tool-sizes-hint{position:absolute;right:0;top:2%;margin:0;font:600 30px/1.05 Caveat,cursive;text-align:center;transform:rotate(4deg)}
.tool-flow{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 24px 30px;border-radius:10px;background:#f1f3f0 radial-gradient(#aab8ad60 .7px,transparent .7px) 0 0/17px 17px}
.flow-step{padding:12px 22px;background:#fff;border:1px solid #ccd8d1;border-radius:8px;box-shadow:0 2px 3px #092f260a;font-size:17px;font-weight:600}
.flow-paper{background:#eee9de;transform:rotate(-2deg)}
.flow-scan{border:2px solid var(--pink)}
.flow-folder{background:var(--lime);border-color:var(--lime)}
.flow-arrow{font-size:24px;line-height:1;color:var(--pink)}
.flow-split{display:flex;gap:70px}
.flow-targets{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.flow-targets .flow-step{font-size:15px;padding:10px 14px}
.flow-note{margin:16px 0 0;padding:6px 16px 8px;background:var(--pink);font:600 28px/1 Caveat,cursive;transform:rotate(-3deg)}
.tool-official{align-items:start}
.tool-official .benefit-sheet>p{font-size:18px;line-height:1.6;margin:0}
.tool-m365{margin-top:0}
.tool-m365 p{margin:0 0 12px}.tool-m365 p:last-child{margin:0}
@media(max-width:1000px){.tool-block{grid-template-columns:minmax(0,1fr);gap:36px}.tool-block-flip .tool-copy{order:0}.tool-sizes{max-width:520px;height:380px}}
@media(max-width:760px){
  .board{gap:6px;padding:10px 8px 2px}.board-col{min-height:150px;padding:6px;gap:6px}.board-head{font-size:10px}.board-card{padding:7px;font-size:12px}.tools-board .row-check{width:18px;height:18px;font-size:12px}
  .tool-copy h2{font-size:clamp(32px,8.2vw,48px);letter-spacing:-1.2px}.tool-copy>p:not(.eyebrow){font-size:17px}
  .tool-ladder li{padding:14px 14px 14px 58px}.tool-ladder li:nth-child(n){margin-left:0}.tool-ladder strong{font-size:18px}
  .tool-sizes{height:320px}.tool-size-note{width:120px;height:104px;font-size:28px}.tool-sizes-hint{font-size:25px}
  .flow-split{gap:36px}.tool-flow{padding:26px 12px}
  .tool-m365{margin-left:-24px;margin-right:-24px}
}
@media(max-width:760px){.flow-targets{gap:6px}.flow-targets .flow-step{font-size:13px;padding:8px 9px}.tools-board .anywhere-note-pink{bottom:-16px}}
/* Themenseite Selbstorganisation und Zusammenarbeit: Zettelwand der Symptome. */
.topic-hero-text{align-items:end;padding-bottom:50px}
.topic-hero-side .intro{max-width:620px}
.symptom-board.is-active{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:50px;align-items:start}
.symptom-wall{list-style:none;margin:0;padding:34px 28px 38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px;border-radius:10px;background:#e9e4d6 radial-gradient(#c9bfa860 .8px,transparent .8px) 0 0/15px 15px;box-shadow:inset 0 0 0 1px #d8d0bd}
.symptom-wall li{display:flex}
.symptom-note{position:relative;flex:1;min-height:118px;padding:24px 14px 18px;border:0;background:#fffef7;color:#0a1713;font:600 clamp(22px,1.7vw,27px)/1.05 Caveat,cursive;text-align:left;box-shadow:2px 4px 6px #092f2622;transform:rotate(-2deg);transition:transform .2s,box-shadow .2s;clip-path:polygon(1% 1%,28% 0,53% 1%,98% 0,100% 38%,98% 66%,100% 98%,67% 100%,33% 98%,0 100%,2% 69%,0 37%)}
.symptom-note:before{content:'';position:absolute;top:7px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:#c3cfc9;box-shadow:1px 2px 2px #092f2640}
.symptom-wall li:nth-child(3n+2) .symptom-note{transform:rotate(1.5deg);background:#e5ffa0}
.symptom-wall li:nth-child(3n) .symptom-note{transform:rotate(-.5deg);background:#ffe0ef}
.symptom-wall li:nth-child(4n) .symptom-note{transform:rotate(2.5deg);background:#fff}
.symptom-wall li:nth-child(5n) .symptom-note{background:#eef4ff}
.symptom-wall li .symptom-note:hover{transform:rotate(0) scale(1.03)}
.symptom-wall li .symptom-note[aria-pressed=true]{transform:rotate(0) scale(1.05);box-shadow:0 0 0 3px var(--pink),4px 10px 16px #092f2640}
.symptom-note[aria-pressed=true]:before{background:var(--pink)}
.symptom-note:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.symptom-details{display:grid;gap:22px}
.symptom-board.is-active .symptom-details{position:sticky;top:calc(var(--header-h,var(--header)) + var(--tabs) + 24px);display:block}
.symptom-board.is-active .symptom-detail{display:none}
.symptom-board.is-active .symptom-detail.is-open{display:block}
.symptom-prompt{margin:0;padding:60px 30px;border:2px dashed #c3cfc9;border-radius:12px;font:600 32px/1.15 Caveat,cursive;text-align:center;color:#52685c}
.symptom-detail{padding:28px 30px 26px;background:linear-gradient(115deg,#fffef9 0%,#fff 60%,#f6f4ec 100%);border:1px solid #e5e2d8;border-radius:2px 2px 15px 2px;box-shadow:2px 5px 0 -1px #eeeee8,3px 7px 0 -1px #d6dcd5,0 14px 22px -12px #19352b55}
.symptom-board.is-active .symptom-detail{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink),0 18px 30px -16px #19352b66}
.symptom-detail.is-entering{animation:format-in .4s cubic-bezier(.2,.8,.2,1)}
.symptom-quote{margin:0 0 6px;font:600 30px/1.1 Caveat,cursive;color:#c3006d}
.symptom-detail h3{width:fit-content;margin:0 0 12px -6px;padding:1px 7px;font-size:26px;font-weight:600;letter-spacing:-.5px;background:linear-gradient(177deg,transparent 9%,var(--lime) 13%,var(--lime) 85%,transparent 91%)}
.symptom-behind{margin:0 0 18px;font-size:18px;line-height:1.6}
.symptom-help{display:grid;gap:10px;margin:0;padding-top:16px;border-top:1px solid #092f2626}
.symptom-help div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:baseline}
.symptom-help dt{font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.symptom-help dd{margin:0;font-size:16.5px;line-height:1.5}
.symptom-principle dd{font-weight:600}
.symptom-back{display:none;margin-top:18px;padding:8px 0;border:0;background:none;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.good-work{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:good}
.good-work li{position:relative;padding:22px 18px 20px;border-top:5px solid var(--ink);counter-increment:good}
.good-work li:before{content:'✓';position:absolute;top:-19px;right:14px;display:grid;place-items:center;width:32px;height:32px;border:4px solid #fff;border-radius:50%;background:var(--lime);font-weight:700}
.good-work strong{display:block;margin-bottom:6px;font-size:22px;font-weight:600;letter-spacing:-.4px}
.good-work span{font-size:17px;line-height:1.5}
.good-work-note{width:fit-content;margin:34px 0 0 auto;padding:8px 18px 10px;background:var(--pink);font:600 32px/1 Caveat,cursive;transform:rotate(-2deg)}
.toolbox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.toolbox-item{padding:22px 22px 20px;background:#fff;border:1px solid #e0e7e3;border-radius:10px;box-shadow:0 2px 3px #092f260a}
.toolbox-item h3{margin:0 0 8px;font-size:22px;font-weight:600}
.toolbox-tools{width:fit-content;margin:0 0 10px;padding:2px 8px;border-radius:4px;background:#e5ebe7;font-size:14.5px;font-weight:600}
.toolbox-item>p:last-child{margin:0;font-size:16.5px;line-height:1.55}
.toolbox-ground{max-width:900px;margin:30px 0 0;font-size:17px;line-height:1.6;color:#33493f}
.toolbox-ground a{font-weight:600;text-underline-offset:5px;text-decoration-color:var(--pink);text-decoration-thickness:2px}
@media(max-width:1100px){.good-work{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px}}
@media(max-width:1000px){.toolbox{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.symptom-board.is-active{grid-template-columns:minmax(0,1fr);gap:30px}.symptom-board.is-active .symptom-details{position:static}.symptom-back{display:inline-block}.symptom-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .topic-hero-text{padding-bottom:36px}
  .symptom-wall{margin:0 -24px;padding:26px 18px 30px;gap:20px 14px;border-radius:0}.symptom-note{min-height:104px;padding:22px 10px 14px;font-size:22px}
  .symptom-detail{padding:22px 18px}.symptom-quote{font-size:27px}.symptom-detail h3{font-size:23px}.symptom-behind{font-size:17px}
  .symptom-help div{grid-template-columns:minmax(0,1fr);gap:2px}
  .symptom-prompt{padding:30px 20px;font-size:27px}
  .good-work{grid-template-columns:minmax(0,1fr);row-gap:30px}.good-work-note{margin-right:0}
  .toolbox{grid-template-columns:minmax(0,1fr)}
}
/* Schatten und Auswahl außerhalb des Zettel-Ausrisses, sonst schneidet clip-path sie ab. */
.symptom-wall li{filter:drop-shadow(2px 4px 4px #092f2626)}
.symptom-wall li .symptom-note,.symptom-wall li .symptom-note[aria-pressed=true]{box-shadow:none}
.symptom-wall li .symptom-note[aria-pressed=true]{background:var(--pink)}
.symptom-wall li .symptom-note[aria-pressed=true]:before{background:var(--ink)}
/* Laufband mit den Werkzeugen, die wir selbst einsetzen. */
.tool-marquee{padding:30px 0 34px;border-top:1px solid #e5ebe8;background:#f1f3f0 radial-gradient(#aab8ad60 .7px,transparent .7px) 0 0/17px 17px}
.tool-marquee-title{max-width:1600px;margin:0 auto 20px;padding:0 4%;font-size:14px;font-weight:600;letter-spacing:2.1px;text-transform:uppercase}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.marquee-inner{display:flex;width:max-content;animation:marquee 115s linear infinite}
.marquee:hover .marquee-inner{animation-play-state:paused}
.marquee-track{display:flex;gap:18px;margin:0;padding:0 9px;list-style:none}
.marquee-track li{display:flex;flex-direction:column;align-items:center;gap:8px;width:104px}
.marquee-logo{display:grid;place-items:center;width:84px;height:72px;background:#fff;border:1px solid #e0e7e3;border-radius:14px;box-shadow:0 2px 3px #092f260a}
.marquee-logo img{display:block;width:auto;height:40px;max-width:64px;object-fit:contain}
.marquee-name{font-size:13px;font-weight:500;line-height:1.2;text-align:center;color:#33493f}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.marquee-inner{animation:none}.marquee-track[aria-hidden]{display:none}}
@media(max-width:760px){.tool-marquee{padding:24px 0 26px}.tool-marquee-title{padding:0 24px;font-size:12px;letter-spacing:1.35px}.marquee-inner{animation-duration:85s}.marquee-track{gap:12px;padding:0 6px}.marquee-track li{width:88px}.marquee-logo{width:72px;height:62px}.marquee-logo img{height:34px;max-width:56px}}
.marquee-wordmark{font-size:13px;font-weight:700;letter-spacing:-.3px;color:#111}
/* Eigene 404-Seite. */
.not-found{max-width:1600px;margin:auto;padding:80px 4% 120px}
.not-found .intro{margin-bottom:34px}
.not-found-links{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}
.not-found-links a{display:inline-block;padding:13px 20px;border:1px solid #c3cfc9;border-radius:30px;font-size:17px;font-weight:500;text-decoration:none}
.not-found-links li:first-child a{border-color:var(--pink);background:var(--pink);color:#092219}
.not-found-links a:hover{border-color:var(--ink)}
@media(max-width:760px){.not-found{padding:50px 24px 80px}}
/* Terminbuchung ist ein Link (TidyCal), sieht aber aus wie die bisherigen Knöpfe. */
a.booking-contact,a.mobile-contact,.hero-actions a.primary{text-decoration:none}
.quick-contact a.booking-contact{width:auto;height:56px;border:0;border-radius:30px;background:var(--pink)}
.quick-contact a.booking-contact:hover{background:#ec0783;transform:none}
.mobile-nav a.mobile-contact{display:flex;justify-content:space-between;align-items:center}
/* Sprachumschalter im Kopf. */
.lang-switch{display:flex;align-items:center;flex-shrink:0;margin-left:auto;font-size:14px;font-weight:600;letter-spacing:.5px}
.lang-switch a{padding:6px 7px;border-radius:4px;color:#74847d;text-decoration:none}
.lang-switch a+a:before{content:'';display:inline-block;width:1px;height:12px;margin:0 9px 0 -8px;background:#c3cfc9;vertical-align:-1px}
.lang-switch a:hover{color:var(--ink)}
.lang-switch a[aria-current]{color:var(--ink);background:linear-gradient(177deg,transparent 12%,var(--lime) 16%,var(--lime) 84%,transparent 88%)}
.header-inner>.lang-switch+.quick-contact{margin-left:0}
@media(max-width:560px){.header-inner{flex-wrap:wrap;row-gap:0}.header-inner>.menu-toggle{margin-left:auto}.header-inner:after{content:"";order:2;flex-basis:100%;height:12px}.header-inner>.lang-switch{order:3;margin-left:-7px}.header-inner>.quick-contact{order:4;width:auto;margin-left:auto}}
.not-found-en{margin:40px 0 0;font-size:17px;color:#52685c}.not-found-en a{color:var(--ink);font-weight:600;text-underline-offset:5px}
/* Vortragsseite: Bühnenfoto in Farbe, Zettel für Dauer und Form, Vortragsblätter. */
.talks{overflow-x:clip}.talks-print img{filter:saturate(.95) brightness(1.03)}
.talks-stance{border-top:0;padding-top:10px}.talks-stance .journey-invitation{margin-top:0}.talks-stance h2{color:#fff;font-size:clamp(28px,3vw,42px);line-height:1.15}
.talks-form{list-style:none;display:flex;flex-wrap:wrap;gap:12px 18px;margin:0 0 55px;padding:0}
.talks-form li{font:600 27px/1 Caveat,cursive;padding:8px 18px 10px;background:var(--lime);transform:rotate(-1.5deg);clip-path:polygon(1% 4%,98% 0,100% 92%,2% 100%)}
.talks-form li:nth-child(2){background:#ffcce6;transform:rotate(1deg)}
.talks-list .talk-subtitle{font-size:19px;font-weight:600;line-height:1.45;margin:0 0 14px}
.talks-list .benefit-sheet>p:not(.talk-subtitle){font-size:18px;line-height:1.6;margin:0 0 18px}
.talks-list .benefit-sheet ul{margin-top:auto}
@media(min-width:761px){.talks-list .benefit-sheet:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 23px)}}
.fees-list .fee-price{font:600 clamp(42px,4.2vw,60px)/1 Caveat,cursive;margin:4px 0 22px}
.fees-note{font-size:17px;line-height:1.6;color:#52685c;max-width:780px;margin:50px 0 0}.fees-note a{color:var(--ink);font-weight:600;text-decoration-color:var(--pink);text-underline-offset:5px}
.fees-special{width:fit-content;max-width:100%;margin:28px 0 0;padding:10px 20px 12px;font:600 clamp(26px,2.4vw,32px)/1.15 Caveat,cursive;background:var(--lime);transform:rotate(-1.5deg);clip-path:polygon(1% 4%,98% 0,100% 92%,2% 100%)}
/* Download of the speaker profile (Vortragsprofil), in the hero and below the fees of the talks page. */
.talks-kit{margin:28px 0 0;font-size:17px;line-height:1.5}
.talks-kit a{display:inline-flex;gap:10px;align-items:center;font-weight:600;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:5px}
.talks-kit a span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lime);text-decoration:none;font-size:17px}
.talks-kit small{display:block;margin:4px 0 0 40px;font-size:14px;color:#52685c}
.talks-kit-fees{margin-top:34px}
.talks-assistants{font-size:17px;line-height:1.6;color:#52685c;text-align:center;margin:55px auto 0;max-width:640px}
.talks-assistants.talks-video{margin-top:14px}
@media(max-width:760px){.talks-form{margin-bottom:38px}.talks-form li{font-size:23px}.talks-list .talk-subtitle{font-size:18px}.talks-list .benefit-sheet>p:not(.talk-subtitle){font-size:17px}}
/* Home page: links from the overview to topic pages, show cases, apps and blog. */
.situations-transition .transition-topics{font-size:19px;line-height:1.6;margin-top:18px}.transition-topics a{font-weight:500;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:5px;white-space:nowrap}
.home-more{display:flex;flex-wrap:wrap;gap:0 34px;margin:26px 0 0}.home-more .text-link{display:inline-flex;font-size:19px;font-weight:500;text-decoration-color:var(--pink);text-decoration-thickness:2px}.cases .home-more{justify-content:center;margin:0 0 10px}
@media(max-width:760px){.situations-transition .transition-topics{font-size:17px}.transition-topics a{white-space:normal}.home-more .text-link{font-size:17px}}