/* GERBER WEBSTUDIO — the studio, with its own green/cream identity. */
:root{--studio-ink:#173b32;--studio-paper:#f7f6ef;--studio-sage:#d3dfae;--studio-muted:#56665a}
body{background:var(--studio-paper);color:var(--studio-ink)}
::selection{background:#d3dfae;color:#173b32}
:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:#78964c}
.container{max-width:1380px;padding-left:48px;padding-right:48px}
.header{background:#f7f6eff5}.nav{min-height:100px;height:auto;gap:24px}
.header .brand,.footer-top .brand{flex-direction:row;align-items:center;gap:12px;font-size:19px;letter-spacing:-.65px}
.brand-symbol{width:49px;height:49px;flex:0 0 49px;overflow:hidden}
.brand-words{display:flex;flex-direction:column;gap:3px}.brand .brand-owner{opacity:1;color:#596d5c}
.nav nav{gap:26px;font-size:12px}.nav nav a:hover,.text-link:hover,.footer-bottom a:hover{color:#587137}
.button{border-radius:3px;min-height:48px}.button.orange{background:#173b32;color:#f8f7f0}.button.orange:hover{background:#295547}
.studio-hero{background:#173b32;color:#f7f6ee;overflow:hidden}.studio-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-top:65px;padding-bottom:55px;align-items:center}
.studio-hero-copy{min-width:0}.studio-hero-copy>.eyebrow{font-size:9px;letter-spacing:.17em;color:#d3dfae}
.studio-hero h1{font-size:clamp(58px,6.15vw,88px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:28px 0}
.studio-hero h1 em{font-family:Georgia,serif;color:#d3dfae;font-weight:400;letter-spacing:-.055em;white-space:nowrap}
.studio-hero-copy>p{font-size:16px;max-width:440px;line-height:1.8;color:#e0e6db}
.studio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin:30px 0 35px}.studio-primary{background:#d3dfae;color:#173b32;padding:17px 22px}.studio-primary:hover{background:#e1ebc7}
.studio-secondary{font-size:12px;display:flex;gap:20px;border-bottom:1px solid #a0b795;padding:7px 0}.studio-secondary:hover{color:#d3dfae}
.hero-person{display:flex;align-items:center;gap:13px}.person-initials{display:grid;place-items:center;border:1px solid #668472;border-radius:50%;height:43px;width:43px;flex-shrink:0;font:16px Georgia,serif;color:#d3dfae}.hero-person p{max-width:310px;font-size:11px;line-height:1.65;color:#c9d6c9}.hero-person strong{display:block;font-size:13px;color:#f7f6ee;margin-bottom:2px}
.studio-hero-work{min-width:0}.work-overline{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.13em;margin-bottom:13px;color:#d3dfae}
.featured-work{display:block;background:#25241f;color:#f8e8d0;box-shadow:0 18px 40px #0d201a38;border:1px solid #657365;transform:rotate(-2deg);transform-origin:center}
.featured-browser{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;background:#ece9df;color:#5b6256;font-size:7px;letter-spacing:.14em}
.featured-scene{position:relative;isolation:isolate;min-height:346px;overflow:hidden}.featured-scene>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:65% center;z-index:-2}.featured-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#25241fee 0%,#25241fbd 25%,#25241f15 95%);z-index:-1}
.featured-copy{padding:24px 28px 28px}.featured-copy>b{display:block;font-size:19px;line-height:1;letter-spacing:-.03em}.featured-copy>span:not(.featured-cta){display:block;font-size:6px;letter-spacing:.2em;margin-top:6px}
.featured-copy h2{font:700 clamp(38px,4.15vw,58px)/.99 Arial,sans-serif;letter-spacing:-.035em;margin:34px 0 20px;color:#f8e8d0}.featured-cta{display:inline-block;background:#d8ac73;color:#25241f;padding:9px 13px;font-size:8px;font-weight:700}
.featured-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 19px;background:#d8ac73;color:#25241f;font-size:7px;letter-spacing:.14em;font-weight:600}
.work-side-note{display:flex;position:relative;align-items:center;gap:18px;margin:23px 0 0 42px;background:#e7e7d7;color:#173b32;padding:11px;box-shadow:0 10px 25px #09291e20;transform:rotate(1.5deg)}
.work-side-note img{width:104px;height:74px;object-fit:cover}.work-side-note>span{display:block}.work-side-note small{display:block;font-size:6px;letter-spacing:.12em}.work-side-note b{display:block;font:25px/1.3 Georgia,serif;margin:4px 0}.work-side-note>span>span{font-size:9px}.hero-concept-note{font-size:9px;color:#c9d6c9;line-height:1.6;margin:16px 0 0;text-align:right}
.studio-value-strip{background:#dbe3c9;border-bottom:1px solid #c7d2b8}.studio-value-strip>.container{display:flex;justify-content:space-between;gap:25px;padding-top:23px;padding-bottom:23px;font-size:12px}.studio-value-strip b{font-weight:700;margin-right:5px}
.studio-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;padding-top:75px;padding-bottom:35px}.studio-intro h2,.studio-scope-section h2,.founder-copy h2{font-size:clamp(32px,3.25vw,46px);font-weight:500;letter-spacing:-.045em;line-height:1.15;margin-top:20px}.studio-intro em,.studio-scope-section h2 em,.founder-copy h2 em{font-family:Georgia,serif;font-weight:400}.studio-intro p{color:#56665a;font-size:15px;line-height:1.8}.studio-intro .text-link{font-size:12px;margin-top:20px}.studio-showroom{padding-bottom:65px}.studio-showroom .examples-block{padding-top:35px;padding-bottom:35px}
.studio-scope-section{padding:65px 0;background:#e7ecd9;border-top:1px solid #d7dfc9;border-bottom:1px solid #d7dfc9}.studio-scope-section .section-top{margin-bottom:32px}.studio-scope-section .section-top>p{font-size:14px;max-width:410px}.scope-numbers{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:35px;border-top:1px solid #b4c2a7;border-bottom:1px solid #b4c2a7;padding:28px 0}.scope-numbers>div{display:flex;align-items:center;gap:21px}.scope-numbers b{font:500 65px/1 Arial,sans-serif;letter-spacing:-.07em}.scope-numbers p{font-size:12px;color:#465c48;line-height:1.6}.scope-footnote{font-size:10px;color:#56665a;margin:14px 0 26px}.studio-scope-section .core-offer{background:transparent;border:0;padding:20px 0 0;margin:0;gap:9%}.studio-scope-section .core-offer h2{font-size:36px;margin-top:15px}
.studio-founder{display:grid;grid-template-columns:1fr 1.12fr;gap:10%;padding-top:75px;padding-bottom:75px;align-items:center}.founder-identity{min-width:0;background:#e9e9df;padding:27px 27px 20px;border:1px solid #d9dfd1}.founder-identity>.eyebrow{font-size:8px;letter-spacing:.14em}.founder-identity img{width:100%;height:auto;display:block;margin:0 auto}.founder-location{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c8d1bd;padding-top:15px;font-size:9px;letter-spacing:.12em}.founder-copy p{font-size:15px;line-height:1.8;color:#56665a;margin:20px 0}.founder-copy .text-link{font-size:13px}
.end-cta{max-width:1284px;margin:0 auto 60px;padding:44px 48px;background:#173b32;color:#f7f6ef;gap:35px;border-radius:4px}.end-cta .eyebrow{color:#d3dfae}.end-cta h2{font-size:clamp(30px,3.2vw,45px);font-weight:500;margin-top:16px}.end-cta .button.orange{background:#d3dfae;color:#173b32;flex-shrink:0}.end-cta .button.orange:hover{background:#e2edc5}
footer{background:#eeeee5;border-top:1px solid #d9dfd1}.footer-top{padding-top:35px;padding-bottom:30px}.footer-top>span{font-size:12px;color:#56665a}.footer-bottom{border-top:1px solid #d0dac6;font-size:11px;padding-top:22px;padding-bottom:24px}
.work-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:end;padding-top:42px;padding-bottom:25px}.work-intro h1{font-size:clamp(40px,4.3vw,60px);font-weight:500;letter-spacing:-.055em;margin:17px 0 0}.work-intro h1 em{font-family:Georgia,serif;font-weight:400}.work-intro>div>p{color:#56665a;font-size:15px;line-height:1.8;max-width:460px}.work-intro .work-disclosure{font-size:10px;margin-top:13px;color:#4d6544}.page-arbeitsproben .examples-block{padding-top:28px;padding-bottom:35px}.page-arbeitsproben .editorial-grid{gap:35px}.editorial-grid article>span{color:#566b48}.editorial-grid h3{font-size:24px;line-height:1.2;font-weight:500}
.page-leistungen .page-intro,.page-ablauf .page-intro,.page-ueber-mich .page-intro{display:grid;grid-template-columns:1.2fr 1fr;column-gap:9%;align-items:end;padding-top:55px;padding-bottom:25px}.page-intro>.eyebrow{grid-column:1/-1}.page-leistungen .page-intro h1,.page-ablauf .page-intro h1,.page-ueber-mich .page-intro h1{font-size:clamp(40px,4.2vw,59px);font-weight:500;line-height:1.1;letter-spacing:-.05em;margin:19px 0 0}.page-intro .lead{font-size:16px;line-height:1.8;margin-top:19px;max-width:490px}.content-section{padding-top:40px;padding-bottom:50px}.service-rows article{padding:33px 0}.service-rows h2,.steps h2{font-weight:500;letter-spacing:-.035em}.service-rows article>span{font:italic 38px Georgia,serif;color:#627747}.service-rows p{max-width:800px;line-height:1.8}.core-offer{border-radius:3px}.note-panel{background:#e7ecd9;border-radius:3px}.steps li{padding-top:24px;padding-bottom:24px}.steps li:before{color:#5a7447}.steps p{max-width:790px}.about-founder{padding-top:35px}.studio-principles{padding-bottom:65px}
.contact-intro{background:#173b32;color:#f7f6ef}.contact-intro>.container{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;padding-top:48px;padding-bottom:48px;align-items:center}.contact-intro .eyebrow{color:#d3dfae}.contact-intro h1{font-size:clamp(38px,4.2vw,59px);font-weight:500;letter-spacing:-.05em;margin:20px 0}.contact-intro h1 em{font-family:Georgia,serif;color:#d3dfae;font-weight:400}.contact-intro p{font-size:14px;line-height:1.8;max-width:450px;color:#dbe4d5}.contact-entry>a{display:block;border-top:1px solid #789078;padding:20px 0}.contact-entry>a:last-child{border-bottom:1px solid #789078}.contact-entry small{display:block;color:#d3dfae;font-size:8px;letter-spacing:.16em}.contact-entry strong{display:block;font-size:24px;line-height:1.25;font-weight:500;margin:10px 0}.contact-entry span{font-size:12px;color:#dbe4d5}.contact-direct{padding-top:24px;padding-bottom:24px;border-bottom:1px solid #d4dcc8;font-size:16px;gap:35px}
.inquiry-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:9%;align-items:start}.inquiry-wrap form{max-width:none;padding:32px;background:white;border:1px solid #d4deca;border-radius:3px}.inquiry-wrap h2{font-size:32px;font-weight:500}.inquiry-wrap form>p{font-size:13px;color:#56665a}.inquiry-wrap label{font-size:12px}.inquiry-wrap label input,.inquiry-wrap label textarea,.inquiry-wrap label select{border-radius:2px!important;padding:13px!important;border:1px solid #8e9b82!important;background:#fbfcf8!important;color:#173b32}.inquiry-wrap form>label{display:grid;gap:8px;margin:20px 0}.inquiry-wrap .contact-method legend{font-size:12px}.inquiry-wrap .contact-method label{font-size:13px}.inquiry-wrap .form-grid{gap:18px}.inquiry-wrap .form-context{padding:13px 16px;background:#e7ecd9;color:#173b32;border-left:3px solid #628044;font-size:12px}.inquiry-plan{background:#f1f4ea;padding:15px;margin:20px 0;font-size:11px}.inquiry-plan p{margin-bottom:8px}.inquiry-plan a{text-decoration:underline;text-underline-offset:3px}.inquiry-next{padding-top:10px}.inquiry-next h3{font-size:29px;font-weight:500;letter-spacing:-.03em;margin:17px 0 25px}.inquiry-next ol{list-style:none;padding:0;counter-reset:next}.inquiry-next li{counter-increment:next;border-top:1px solid #c9d5bc;padding:20px 0 20px 34px;position:relative;font-size:13px;line-height:1.8;color:#56665a}.inquiry-next li:before{content:'0' counter(next);position:absolute;left:0;color:#173b32;font-size:10px;top:22px}.inquiry-next strong{display:block;color:#173b32;margin-bottom:4px}.inquiry-next>p{font-size:11px;color:#56665a;line-height:1.8}.page-kontakt #projektplaner{border-top:1px solid #d4dcc8}.page-kontakt #buchen{border-top:1px solid #d4dcc8;padding-bottom:65px}.page-kontakt .planner{padding:30px;background:#e7ecd9;border-radius:3px}.page-kontakt .planner-summary{background:#173b32;color:#f7f6ef;border-radius:3px}.page-kontakt .planner-summary .button{background:#d3dfae;color:#173b32}.page-kontakt .planner-summary small{color:#dbe4d5}.page-kontakt #booking-status{font-size:14px;max-width:790px}
@media(min-width:1500px){.studio-hero-inner{padding-top:78px;padding-bottom:65px}.featured-scene{min-height:370px}}
@media(max-width:1100px){.container{padding-left:32px;padding-right:32px}.studio-hero-inner{gap:5%;padding-top:48px;padding-bottom:45px}.studio-hero h1{font-size:clamp(48px,6.5vw,72px)}.studio-hero-copy>p{font-size:14px}.studio-actions{gap:14px;margin-bottom:26px}.featured-scene{min-height:330px}.featured-copy{padding:24px 20px}.featured-copy h2{font-size:44px}.work-side-note{margin-left:15px;gap:12px}.work-side-note small{font-size:6px}.work-side-note b{font-size:20px}.work-side-note img{width:80px;height:67px}.work-overline{font-size:7px}.studio-value-strip>.container{gap:20px;font-size:11px}.scope-numbers{gap:24px}.scope-numbers>div{gap:14px}.scope-numbers b{font-size:52px}.scope-numbers p{font-size:11px}.end-cta{margin-left:32px;margin-right:32px}.studio-founder{gap:6%}.inquiry-layout{gap:5%;grid-template-columns:1.5fr .75fr}.inquiry-wrap form{padding:25px}.contact-intro>.container{gap:7%}.contact-entry strong{font-size:22px}}
@media(max-width:800px){.studio-hero-inner{grid-template-columns:1fr;gap:45px;padding-top:42px;padding-bottom:35px}.studio-hero h1{font-size:clamp(52px,9.5vw,78px);max-width:680px}.studio-hero-copy>p{font-size:16px;max-width:540px}.studio-hero-work{width:100%;max-width:570px;justify-self:center}.featured-scene{min-height:360px}.featured-copy h2{font-size:57px}.featured-copy{padding-left:28px}.work-side-note{margin-left:50px}.work-side-note img{width:104px;height:74px}.work-side-note b{font-size:25px}.studio-actions{gap:24px}.hero-person{margin-top:28px}.studio-value-strip>.container{flex-wrap:wrap;gap:9px 28px;font-size:11px;padding-top:19px;padding-bottom:19px}.studio-intro{grid-template-columns:1fr;gap:22px;padding-top:45px;padding-bottom:15px}.studio-intro h2{font-size:36px}.studio-intro p{max-width:550px}.studio-showroom{padding-bottom:40px}.studio-scope-section{padding:42px 0}.scope-numbers{gap:18px}.scope-numbers>div{display:block}.scope-numbers p{margin-top:12px}.scope-numbers b{font-size:52px}.studio-scope-section .section-top{gap:20px}.studio-founder{gap:35px;padding-top:45px;padding-bottom:45px;grid-template-columns:1fr 1.1fr}.founder-identity{padding:17px 17px 15px}.founder-location{font-size:7px;flex-wrap:wrap;gap:6px}.founder-identity>.eyebrow{font-size:7px}.founder-copy h2{font-size:32px}.founder-copy p{font-size:14px}.end-cta{padding:32px;margin-bottom:40px}.work-intro{gap:5%;padding-top:35px;padding-bottom:12px}.work-intro h1{font-size:43px}.work-intro>div>p{font-size:13px}.page-leistungen .page-intro,.page-ablauf .page-intro,.page-ueber-mich .page-intro{grid-template-columns:1fr;gap:0;padding-top:35px;padding-bottom:15px}.page-intro .lead{max-width:620px}.inquiry-layout{grid-template-columns:1fr;gap:25px}.inquiry-next{display:none}.contact-intro>.container{grid-template-columns:1fr;gap:25px;padding-top:36px;padding-bottom:32px}.contact-intro h1{font-size:48px}.contact-entry{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-entry>a:last-child{border-bottom:0}.contact-entry strong{font-size:22px}.contact-direct{font-size:14px;gap:20px}.page-kontakt .planner{padding:24px}}
@media(max-width:520px){.container{padding-left:22px;padding-right:22px}.nav{min-height:84px;gap:10px}.header .brand{font-size:15px;gap:8px;letter-spacing:-.55px}.brand-symbol{width:34px;height:38px;flex-basis:34px}.header .brand small{font-size:8px}.header .brand .brand-owner{font-size:8px}.menu-button{padding:0;min-width:40px;min-height:44px}.studio-hero-inner{padding-top:35px;gap:35px}.studio-hero-copy>.eyebrow{font-size:7px;letter-spacing:.13em}.studio-hero h1{font-size:clamp(43px,10.8vw,58px);margin:22px 0}.studio-hero-copy>p{font-size:14px;line-height:1.75}.studio-actions{align-items:flex-start;flex-direction:column;gap:15px;margin:25px 0}.studio-primary{font-size:12px;padding:15px 18px}.studio-secondary{font-size:11px}.hero-person{margin-top:25px}.hero-person p{font-size:10px}.hero-person strong{font-size:12px}.person-initials{height:38px;width:38px;font-size:15px}.work-overline{font-size:6px;letter-spacing:.08em}.featured-browser{font-size:6px;padding:10px 11px}.featured-scene{min-height:285px}.featured-copy{padding:22px 20px}.featured-copy h2{font-size:clamp(36px,9.5vw,49px);margin:26px 0 20px}.featured-copy>b{font-size:16px}.featured-footer{font-size:5px;letter-spacing:.1em;padding:12px}.work-side-note{margin-left:20px;margin-top:17px;padding:8px;gap:11px}.work-side-note img{width:74px;height:65px}.work-side-note small{font-size:5px;letter-spacing:.06em}.work-side-note b{font-size:21px}.work-side-note>span>span{font-size:8px}.hero-concept-note{font-size:8px;text-align:left;margin-top:15px}.studio-value-strip>.container{display:grid;gap:10px;font-size:11px}.studio-intro h2{font-size:31px}.studio-intro .eyebrow{font-size:8px}.studio-intro p{font-size:14px}.studio-scope-section h2{font-size:32px}.scope-numbers{gap:15px;grid-template-columns:1fr 1fr}.scope-numbers>div:last-child{grid-column:1/-1;display:flex;align-items:center;gap:22px;border-top:1px solid #b4c2a7;padding-top:20px}.scope-numbers>div:last-child p{margin:0}.scope-numbers b{font-size:50px}.scope-footnote{font-size:10px}.studio-scope-section .core-offer h2{font-size:32px}.studio-founder{grid-template-columns:1fr;gap:30px}.founder-identity{max-width:390px;width:100%;justify-self:center;padding:22px}.founder-identity>.eyebrow{font-size:8px}.founder-location{font-size:8px}.founder-copy h2{font-size:32px}.end-cta{margin-left:22px;margin-right:22px;padding:27px 23px}.end-cta h2{font-size:31px}.end-cta .eyebrow{font-size:8px}.end-cta .button{font-size:11px;padding:14px 15px}.footer-top{gap:22px}.footer-top .brand{font-size:17px}.footer-top .brand-symbol{width:42px;height:42px;flex-basis:42px}.footer-top .brand small{font-size:9px}.footer-bottom{font-size:10px}.work-intro{grid-template-columns:1fr;gap:20px;padding-top:30px;padding-bottom:5px}.work-intro h1{font-size:42px}.work-intro>div>p{font-size:14px}.work-intro .work-disclosure{margin-top:8px}.page-arbeitsproben .editorial-grid{gap:24px}.editorial-grid h3{font-size:25px}.page-leistungen .page-intro h1,.page-ablauf .page-intro h1,.page-ueber-mich .page-intro h1{font-size:39px}.page-intro .lead{font-size:15px;line-height:1.75}.service-rows h2,.steps h2{font-size:26px}.service-rows article{gap:12px;grid-template-columns:25px 1fr}.service-rows article>span{font-size:26px}.service-rows p{font-size:14px}.contact-intro h1{font-size:39px}.contact-intro p{font-size:14px}.contact-entry{gap:17px}.contact-entry strong{font-size:19px}.contact-entry small{font-size:7px}.contact-entry span{font-size:11px}.contact-direct{flex-direction:column;align-items:flex-start;gap:12px;font-size:14px;padding-top:22px;padding-bottom:22px}.inquiry-wrap{padding-top:30px;padding-bottom:30px}.inquiry-wrap form{padding:21px 17px}.inquiry-wrap h2{font-size:28px}.inquiry-wrap form>p{font-size:12px}.page-kontakt .planner{padding:19px}.page-kontakt .section-top h2{font-size:33px}.page-kontakt .planner-summary{padding:23px}.inquiry-wrap .small-copy{font-size:11px!important}.studio-principles{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

.inquiry-wrap{max-width:1380px}.contact-entry strong>span{font-size:22px;color:#d3dfae;margin-left:7px}.studio-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.studio-principles>div{border-top:1px solid #a4b39f;padding-top:20px}.studio-principles span{font-size:9px;letter-spacing:.13em}.studio-principles h3{font-size:25px;font-weight:500;line-height:1.2;margin:17px 0}.studio-principles p{font-size:14px;line-height:1.8;color:#56665a}.page-ueber-mich .page-intro em{font-family:Georgia,serif;font-weight:400}@media(max-width:760px){.studio-principles{grid-template-columns:1fr;gap:26px}}