@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;font-synthesis:none;color-scheme:light;--ink:#353d34;--muted:#6c7165;--paper:#f7f5ed;--soft:#eeede2;--line:#d8dacb;--accent:#536047;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{text-wrap:balance}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.shell{width:min(1160px,calc(100% - 88px));margin-inline:auto}.demo-notice{background:#0d1826;color:#cdd7df;font-size:.7rem;text-align:center;padding:9px 20px;line-height:1.5}.demo-notice a{color:#a1e5cd;text-decoration:underline;text-underline-offset:3px;margin-left:10px}.site-head{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:25px;border-bottom:1px solid var(--line)}.studio-logo{font-family:var(--serif);font-weight:400;font-size:2rem;letter-spacing:-.06em;line-height:.9}.studio-logo b{font-weight:400;color:#8b9678}.studio-logo small{display:block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin-top:11px}.site-head nav{display:flex;align-items:center;gap:28px;font-size:.79rem}.nav-link{border-bottom:1px solid currentColor;padding-bottom:2px}.nav-link:hover{opacity:.65}.head-cta{border:1px solid var(--line);padding:9px 16px;border-radius:2px}.eyebrow{font-size:.66rem;letter-spacing:.16em;font-weight:650;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 22px;background:var(--accent);color:#fff;line-height:1.5;font-size:.81rem;font-weight:600;border:1px solid transparent}.button:hover{filter:brightness(1.08)}.button-outline{color:var(--ink);border-color:var(--line);background:transparent}.text-link{font-size:.81rem;border-bottom:1px solid currentColor;padding-bottom:4px;display:inline-flex;gap:20px;align-items:center}.hero-studio{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:54px 60px}.hero-studio h1{font-family:var(--serif);font-size:clamp(3.8rem,6.2vw,6.2rem);font-weight:400;letter-spacing:-.065em;line-height:.98;margin-top:25px;max-width:600px}.hero-studio h1 em{font-weight:400;color:#7a856b}.hero-studio .lead{font-size:1.02rem;line-height:1.85;color:var(--muted);margin-top:26px;max-width:430px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.hero-caption{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:.71rem;margin-top:36px}.hero-caption::before{content:'';width:26px;height:1px;background:#929b82}.hero-photo{height:590px;position:relative}.hero-photo>img{border-radius:180px 180px 5px 5px}.photo-note{position:absolute;left:-32px;bottom:34px;background:var(--paper);padding:19px 25px;box-shadow:0 7px 30px #1a291610;font-family:var(--serif);font-size:1.1rem;line-height:1.35;max-width:220px}.photo-note span{display:block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.61rem;letter-spacing:.13em;text-transform:uppercase;margin-top:9px;color:var(--muted)}.values-line{border-block:1px solid var(--line);padding-block:19px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:.73rem;color:var(--muted)}.values-line span{display:flex;align-items:center;gap:12px}.values-line i{width:5px;height:5px;background:#8e997c;border-radius:50%}.section{padding-block:86px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:37px}.section-title h2{font-family:var(--serif);font-size:clamp(2.8rem,4.6vw,4.5rem);line-height:1.06;letter-spacing:-.055em;font-weight:400;margin-top:16px}.section-title>p{max-width:350px;font-size:.88rem;color:var(--muted);line-height:1.85}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.service{border-top:1px solid var(--line);padding-top:22px}.service-number{font-size:.65rem;color:#8c947d}.service h3{font-family:var(--serif);font-size:1.75rem;font-weight:400;letter-spacing:-.03em;margin-top:23px;line-height:1.2}.service p{font-size:.86rem;line-height:1.9;color:var(--muted);margin-top:15px}.service-tag{display:inline-block;margin-top:25px;font-size:.68rem;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:6px}.story-section{background:var(--soft)}.story-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:center;padding-block:75px}.story-image{height:490px}.story-image img{border-radius:3px}.story-copy h2{font-family:var(--serif);font-size:clamp(2.7rem,4.3vw,4.3rem);font-weight:400;letter-spacing:-.055em;line-height:1.05;margin-top:20px}.story-copy>p:not(.eyebrow){color:var(--muted);font-size:.92rem;line-height:1.9;margin-top:25px}.story-copy .text-link{margin-top:30px}.personal-note{margin-top:30px;padding-top:25px;border-top:1px solid #ccd0be;font-family:var(--serif);font-size:1.25rem;line-height:1.5;color:var(--ink)}.visit-section{padding-bottom:80px}.visit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}.visit-intro h2{font-family:var(--serif);font-size:3.7rem;line-height:1.05;font-weight:400;letter-spacing:-.055em;margin-top:20px}.visit-intro>p:last-child{font-size:.9rem;color:var(--muted);line-height:1.9;margin-top:25px;max-width:380px}.visit-steps{list-style:none;padding:0;margin:0}.visit-steps li{border-top:1px solid var(--line);padding-block:22px;display:grid;grid-template-columns:40px 1fr;gap:18px}.visit-steps li:last-child{border-bottom:1px solid var(--line)}.visit-steps li>span{font-size:.68rem;color:#8c947d;padding-top:3px}.visit-steps h3{font-size:1rem;font-weight:600;line-height:1.5}.visit-steps p{font-size:.83rem;line-height:1.9;color:var(--muted);margin-top:8px}.contact-section{background:var(--accent);color:#f7f5ed;padding-block:70px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact-grid h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,4.5vw,4.4rem);line-height:1.05;letter-spacing:-.055em;margin-top:17px}.contact-grid>div>p:not(.eyebrow){font-size:.88rem;line-height:1.9;max-width:480px;margin-top:22px;color:#e5eadf}.contact-box{border:1px solid #f7f5ed40;padding:30px}.contact-box h3{font-family:var(--serif);font-size:1.55rem;font-weight:400;line-height:1.2}.contact-box p{font-size:.79rem;color:#e5eadf;line-height:1.85;margin-top:16px}.contact-box .button{background:var(--paper);color:var(--ink);width:100%;margin-top:24px;gap:20px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:28px;font-size:.68rem;color:var(--muted)}.site-footer>div{display:flex;gap:20px;flex-wrap:wrap}.site-footer a{text-decoration:underline;text-underline-offset:4px}.small-signature{font-family:var(--serif);font-size:1.7rem;letter-spacing:-.04em}.studio .story-image img{object-position:center 60%}
/* Handwerk: kräftig, präzise und materialnah. */
.handwerk{--ink:#1d302c;--muted:#68736d;--paper:#f7f5ef;--soft:#e8e9e0;--line:#d8dcd3;--accent:#24483c;--serif:Georgia,"Times New Roman",serif}.handwerk-logo{font-weight:850;font-size:1.2rem;letter-spacing:-.04em;line-height:1.1}.handwerk-logo span{color:#a26543}.handwerk-logo small{display:block;font-weight:500;font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;margin-top:7px}.handwerk .hero-studio{grid-template-columns:1fr 1fr;gap:56px;padding-block:45px 60px}.handwerk .hero-studio h1{font-family:inherit;font-weight:750;font-size:clamp(3.6rem,5.7vw,5.7rem);letter-spacing:-.065em}.handwerk .hero-studio h1 em{font-style:normal;color:#a26543}.handwerk .hero-photo>img{border-radius:3px}.handwerk .hero-photo{height:580px}.handwerk .photo-note{font-family:inherit;font-size:.81rem;font-weight:600;bottom:30px;left:-24px;background:#fff;padding:22px}.handwerk .section-title h2,.handwerk .story-copy h2,.handwerk .visit-intro h2,.handwerk .contact-grid h2{font-family:inherit;font-weight:700;letter-spacing:-.055em}.handwerk .service-list{display:block}.handwerk .service{display:grid;grid-template-columns:.13fr .87fr 1fr;gap:32px;align-items:start;padding-block:28px}.handwerk .service h3{font-family:inherit;font-size:1.5rem;font-weight:650;margin-top:0;line-height:1.3}.handwerk .service p{margin-top:0}.handwerk .service:last-child{border-bottom:1px solid var(--line)}.handwerk .service-number{padding-top:5px}.handwerk .story-section{background:#1d302c;color:#f7f5ef}.handwerk .story-copy>p:not(.eyebrow){color:#c4d0c6}.handwerk .story-copy .eyebrow{color:#c4b39a}.handwerk .personal-note{font-family:inherit;font-size:1rem;color:#f7f5ef;border-color:#71887560}.handwerk .story-image{height:490px}.handwerk .contact-section{background:#e8e9e0;color:var(--ink)}.handwerk .contact-grid>div>p:not(.eyebrow),.handwerk .contact-box p{color:var(--muted)}.handwerk .contact-box{border-color:#bcc6bc}.handwerk .contact-box .button{background:var(--accent);color:white}.handwerk .contact-box h3{font-family:inherit;font-size:1.25rem;font-weight:650}
/* Beratung: hell, klar und menschlich. */
.beratung{--ink:#243c4b;--muted:#6b7b82;--paper:#f6f8f7;--soft:#e8f0ee;--line:#d4dedb;--accent:#245e56;--serif:Georgia,"Times New Roman",serif}.beratung-logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;letter-spacing:-.05em;font-weight:700}.beratung-logo>i{display:block;width:15px;height:15px;background:#b1bf75;border-radius:50%}.beratung-logo small{font-size:.57rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;margin-left:10px;max-width:110px;line-height:1.5}.beratung .hero-studio{grid-template-columns:1fr 1.05fr;gap:65px}.beratung .hero-studio h1{font-family:var(--serif);font-size:clamp(3.7rem,6.4vw,6.4rem);font-weight:400}.beratung .hero-studio h1 em{color:#245e56}.beratung .hero-photo>img{border-radius:3px 120px 3px 3px}.beratung .hero-photo{height:550px}.beratung .photo-note{background:#e8f0ee;font-size:1.15rem}.beratung .values-line i{background:#91a55f}.beratung .section-title h2{font-size:4rem}.beratung .service-list{gap:20px}.beratung .service{padding:29px;background:white;border:1px solid var(--line);border-radius:3px}.beratung .service h3{margin-top:40px;font-size:1.75rem}.beratung .story-grid{grid-template-columns:.95fr 1.05fr}.beratung .story-copy h2{font-size:3.8rem}.beratung .story-image{height:460px}.beratung .contact-section{background:#243c4b}.beratung .contact-box{border-color:#a7c0b740}.beratung .contact-grid>div>p:not(.eyebrow),.beratung .contact-box p{color:#d5e2dd}.beratung .contact-box .button{background:#d5e3b6;color:#243c4b}.beratung .personal-note{color:#245e56;font-size:1.2rem}
@media(min-width:1500px){.shell{width:1240px}.hero-photo{height:640px}.hero-studio{gap:100px}}
@media(max-width:1050px){.shell{width:calc(100% - 56px)}.hero-studio,.handwerk .hero-studio,.beratung .hero-studio{gap:40px}.hero-studio h1{font-size:4.6rem}.hero-photo,.handwerk .hero-photo,.beratung .hero-photo{height:520px}.section-title{gap:35px}.story-grid,.beratung .story-grid{gap:45px}.visit-grid,.contact-grid{gap:50px}.site-head nav{gap:18px}.photo-note{left:-20px;padding:17px 20px}.handwerk .service{gap:24px;grid-template-columns:40px .9fr 1fr}.beratung .section-title h2{font-size:3.3rem}.beratung .story-copy h2{font-size:3.3rem}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.demo-notice{font-size:.61rem;padding:8px 14px}.demo-notice a{white-space:nowrap;margin-left:5px}.site-head{padding-block:20px;gap:18px}.site-head nav>a:not(.head-cta){display:none}.site-head nav{gap:0}.head-cta{font-size:.69rem;padding:8px 11px}.studio-logo{font-size:1.8rem}.hero-studio,.handwerk .hero-studio,.beratung .hero-studio{grid-template-columns:1fr;gap:35px;padding-block:35px 40px}.hero-studio h1,.handwerk .hero-studio h1,.beratung .hero-studio h1{font-size:clamp(3.35rem,13.5vw,4.4rem);line-height:1.01;margin-top:18px}.hero-studio .lead{font-size:.94rem;margin-top:23px;max-width:none}.hero-actions{gap:20px;margin-top:25px}.hero-actions .button{font-size:.76rem;padding:15px 18px;gap:22px}.hero-actions .text-link{font-size:.75rem}.hero-caption{margin-top:25px;font-size:.65rem}.hero-photo,.handwerk .hero-photo,.beratung .hero-photo{height:420px;width:100%}.hero-photo>img{border-radius:160px 160px 3px 3px}.photo-note,.handwerk .photo-note{left:12px;bottom:20px;padding:16px 20px;max-width:205px;font-size:1rem}.photo-note span{font-size:.54rem}.handwerk .photo-note{font-size:.76rem}.values-line{flex-wrap:wrap;gap:13px 20px;font-size:.67rem;padding-block:20px}.section{padding-block:52px}.section-title{display:block;margin-bottom:28px}.section-title h2,.beratung .section-title h2{font-size:2.8rem;margin-top:15px}.section-title>p{max-width:none;margin-top:22px;font-size:.84rem}.service-list{grid-template-columns:1fr;gap:27px}.service{padding-top:18px}.service h3{margin-top:15px;font-size:1.9rem}.service p{font-size:.85rem;margin-top:12px}.service-tag{margin-top:18px}.story-grid,.beratung .story-grid{grid-template-columns:1fr;gap:35px;padding-block:40px}.story-image,.handwerk .story-image,.beratung .story-image{height:330px}.story-copy h2,.beratung .story-copy h2{font-size:2.85rem}.story-copy>p:not(.eyebrow){font-size:.87rem;margin-top:20px}.personal-note{font-size:1.15rem;margin-top:23px;padding-top:22px}.visit-grid,.contact-grid{grid-template-columns:1fr;gap:34px}.visit-intro h2{font-size:2.8rem;margin-top:15px}.visit-intro>p:last-child{max-width:none;margin-top:22px;font-size:.86rem}.visit-steps li{padding-block:20px;grid-template-columns:28px 1fr;gap:16px}.contact-section{padding-block:45px}.contact-grid h2{font-size:2.95rem}.contact-grid>div>p:not(.eyebrow){font-size:.85rem}.contact-box{padding:24px}.contact-box h3{font-size:1.45rem}.contact-box .button{font-size:.75rem;padding:14px 15px;gap:15px}.site-footer{align-items:flex-start;flex-direction:column;gap:18px;padding-block:25px}.site-footer>div{gap:16px;font-size:.65rem}.handwerk-logo{font-size:1.04rem}.handwerk-logo small{font-size:.47rem}.handwerk .service{grid-template-columns:30px 1fr;gap:12px 16px;padding-block:24px}.handwerk .service h3{font-size:1.45rem}.handwerk .service p{grid-column:2;font-size:.83rem}.beratung-logo{font-size:1.4rem}.beratung-logo small{display:none}.beratung .service{padding:25px}.beratung .service h3{margin-top:23px}.beratung .hero-photo>img{border-radius:3px 90px 3px 3px}}
@media(max-width:360px){.shell{width:calc(100% - 32px)}.hero-studio h1,.handwerk .hero-studio h1,.beratung .hero-studio h1{font-size:3.05rem}.hero-photo,.handwerk .hero-photo,.beratung .hero-photo{height:365px}.hero-actions{gap:15px}.contact-box .button{font-size:.7rem;gap:10px}.section-title h2,.beratung .section-title h2{font-size:2.55rem}.contact-grid h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}