.about-page{--about-berry:#85465f;--about-sage:#e4e6da}
.about-page h1,.about-page h2{text-wrap:balance}
.about-page h2{font-size:clamp(42px,4.5vw,68px);line-height:1.08;margin-bottom:28px}
.about-page .hand{font-family:'Beauty Handwriting',cursive;font-weight:400;color:var(--about-berry);line-height:1.25;letter-spacing:0}
.about-page p{line-height:1.85;max-width:58ch;text-wrap:pretty}
.about-page p+p{margin-top:18px}
.about-page .text-link{display:inline-block;margin-top:24px}
.about-page a:focus-visible{outline:3px solid var(--about-berry);outline-offset:6px}
.about-intro,.about-working,.about-belonging,.about-conversation{max-width:1360px;margin:auto;padding:80px 7%;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.about-intro{padding-top:64px;padding-bottom:72px;--sc-p:.5}
.about-intro h1{font-size:clamp(58px,6vw,90px);line-height:1.05;margin-bottom:30px}
.about-intro h1 .hand{display:block;font-size:1.12em;margin-top:10px}
/* "Hey!" steht als Schreibschrift-Auftakt ueber der geraden Zeile. */
.about-intro h1 .hand.hand-lead{margin:0 0 4px;font-size:1.1em;line-height:1}
.about-intro .about-label{font-size:15px;margin-bottom:20px}
.portrait-table{position:relative;justify-self:center;padding:16px 20px 65px;width:min(100%,370px)}
.about-page .table-print{background:#fffef9;padding:10px 10px 0;margin:0;box-shadow:0 10px 22px #263c301a,0 2px 4px #263c3012;transform:rotate(var(--angle,0deg));transform-origin:50% 65%}
.about-page .table-print img{display:block;width:100%;height:auto}
.about-page .table-print figcaption{font:400 15px/1.5 Outfit,sans-serif;padding:13px 4px 16px;color:#263c30}
.about-page .portrait-print{--angle:4deg;transform:translateY(calc((var(--sc-p,.5) - .5)*-38px)) rotate(calc(4deg + (var(--sc-p,.5) - .5)*-5deg))}
.portrait-table .table-note{font:400 29px/1.3 'Beauty Handwriting',cursive;color:var(--about-berry);position:absolute;bottom:0;left:-18px;transform:rotate(-5deg);margin:0}
.about-working{border-top:1px solid #263c3026;grid-template-columns:1fr 1.08fr;padding-block:88px;align-items:start}
.work-table{display:grid;grid-template-columns:1.1fr .85fr;gap:18px;align-items:start;padding-top:25px}
.work-print{--angle:-5deg}
.about-page .work-selfie{margin-top:155px;--angle:6deg;position:relative}
.about-travels{background:var(--about-sage);padding:80px max(7%,calc((100% - 1170px)/2)) 90px}
.travel-heading{display:grid;grid-template-columns:1fr .8fr;gap:14%;align-items:center;margin-bottom:40px}
.travel-heading h2{margin:0}
.photo-table{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;column-gap:0;padding:38px 7% 20px;--sc-p:.5}
.about-page .travel-print{--move:1;transform:translate(calc((var(--sc-p,.5) - .5)*var(--move)*46px),calc((var(--sc-p,.5) - .5)*var(--rise,1)*-64px)) rotate(calc(var(--angle) + (var(--sc-p,.5) - .5)*var(--move)*6deg))}
.travel-print.print-1{--angle:-7deg;--move:-1;margin-top:20px}
.travel-print.print-2{--angle:4deg;--move:.4;--rise:-.6;margin-top:90px;z-index:1}
.travel-print.print-3{--angle:-3deg;--move:1;margin-top:0}
.photo-table .travel-print{width:111%}
.photo-table .print-1{justify-self:start}
.photo-table .print-2{justify-self:center}
.photo-table .print-3{justify-self:end;z-index:2}
.table-second{padding-top:0;margin-top:-35px}
.table-second .print-1{--angle:4deg;margin-top:20px;--rise:-.4}
.table-second .print-2{--angle:-6deg;margin-top:55px}
.table-second .print-3{--angle:7deg;margin-top:0}
.about-belonging{padding-block:110px;gap:12%;grid-template-columns:1.1fr 1fr}
.belonging-photo{padding:20px 10px}
.flag-print{--angle:-5deg}
.about-conversation{padding-top:40px;padding-bottom:90px;align-items:start}
.about-page .page-cta{padding-inline:max(7%,calc((100% - 1170px)/2))}
@media(min-width:1600px){.about-travels{padding-inline:calc((100% - 1170px)/2)}}
@media(max-width:950px){.about-intro,.about-working,.about-belonging,.about-conversation{gap:7%;padding-inline:6%}.about-intro h1{font-size:64px}.work-table{gap:14px}.work-selfie{margin-top:115px}.about-working{grid-template-columns:1fr}.work-table{max-width:560px;margin:30px auto 0;gap:35px}.photo-table{column-gap:5%;padding-inline:2%}.about-page .table-print figcaption{font-size:13px}.travel-heading{gap:8%;grid-template-columns:1fr 1fr}.about-belonging{gap:8%}}
@media(max-width:650px){.about-intro,.about-working,.about-belonging,.about-conversation{grid-template-columns:1fr;padding:44px 7%;gap:34px}.about-page h2{font-size:43px}.about-intro h1{font-size:57px}.about-intro p,.about-page p{font-size:15px}.portrait-table{width:270px;padding:12px 12px 60px;margin:2px auto 0}.portrait-table .table-note{font-size:25px;left:-8px}.about-page .portrait-print{transform:translateY(calc((var(--sc-p,.5) - .5)*-18px)) rotate(4deg)}.work-table{gap:16px;padding:5px 8px 0;margin:0;max-width:390px}.work-selfie{margin-top:85px}.work-selfie figcaption{font-size:11px}.about-travels{padding:48px 7% 40px}.travel-heading{display:block;margin-bottom:10px}.travel-heading p{margin-top:24px}.photo-table{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5%;row-gap:30px;padding:25px 3% 20px}.about-page .table-print{padding:7px 7px 0}.about-page .table-print figcaption{font-size:12px;padding:10px 2px 12px}.about-page .travel-print{transform:translate(calc((var(--sc-p,.5) - .5)*var(--move)*12px),calc((var(--sc-p,.5) - .5)*var(--rise,1)*-24px)) rotate(calc(var(--angle) + (var(--sc-p,.5) - .5)*var(--move)*3deg))}.travel-print.print-1{margin-top:10px;--angle:-5deg}.travel-print.print-2{margin-top:65px;--angle:5deg}.travel-print.print-3{grid-column:1 / -1;width:59%;justify-self:center;--angle:-4deg}.table-second{padding-top:10px}.table-second .print-1{--angle:5deg;margin-top:0}.table-second .print-2{--angle:-4deg;margin-top:55px}.table-second .print-3{--angle:4deg}.about-belonging{padding-block:50px}.belonging-photo{padding:14px 10px}.about-conversation{padding-top:20px}.about-page .page-cta{padding:48px 7%}.about-page .page-cta h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.about-page .travel-print,.about-page .portrait-print{transform:rotate(var(--angle,4deg))}}
@media(max-width:650px){.work-table{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-inline:10px}.work-table .work-print{width:113%}.about-page .work-selfie{width:113%;margin-top:110px;justify-self:end}.photo-table{column-gap:0;padding-inline:4%}.photo-table .travel-print{width:111%}.photo-table .print-3{width:67%;justify-self:center;margin-top:-28px}.table-second{margin-top:-15px}.about-page .travel-print.print-2{z-index:1}}