@font-face{font-family:Cormorant;src:url(media/brand1.woff);font-weight:600;font-display:swap}
@font-face{font-family:Merriweather;src:url(media/brand2.woff);font-weight:400;font-display:swap}
:root{--forest:#103c31;--cream:#f8f4ea;--brass:#d8b875}
body{background:var(--cream);color:#1b352c}
.top{background:var(--cream)}
.front{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;background:var(--forest);color:var(--cream)}
.front-copy{align-self:center;padding:clamp(32px,6vw,100px)}
.front h1,.gallery h2,.trial h2,.founders h2,.contact h2{font:600 clamp(44px,5.5vw,84px)/.99 Cormorant,Georgia,serif;letter-spacing:-.035em;margin:0 0 22px;color:inherit}
.front p,.trial p,.founders p{font:400 clamp(16px,1.35vw,20px)/1.65 Merriweather,Georgia,serif;max-width:42ch;margin:0 0 26px}
.front .btn,.trial .btn{background:var(--brass);border-color:var(--brass);color:#16382d}
.front img{width:100%;height:100%;max-height:700px;object-fit:cover;object-position:center}
.gallery,.founders{padding:clamp(54px,7vw,106px) 0}
.gallery h2,.founders h2,.trial h2,.contact h2{font-size:clamp(39px,4.5vw,65px)}
.pairs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,60px)}
.pairs img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}
.pairs h3{font:600 clamp(29px,3vw,43px)/1.1 Cormorant,Georgia,serif;margin:20px 0 8px}
.pairs p{margin:0;max-width:52ch}
.trial{background:var(--forest);color:var(--cream);padding:60px 0}
.trial .wrap,.founders .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.trial p{max-width:62ch;margin:0}
.founders img{width:min(31%,340px);height:auto}
.founders p{max-width:52ch}
.legal{display:none}.legal:target{display:block}
@media(max-width:740px){.front,.pairs{grid-template-columns:1fr}.front-copy{padding:42px 24px 36px}.front img{aspect-ratio:1.38;height:auto;object-position:50% 43%}.trial .wrap,.founders .wrap{align-items:flex-start;flex-direction:column}.founders img{width:165px}.pairs{gap:32px}.gallery h2{margin-bottom:24px}}

/* Goldnarbe: warmes Papier, Tannengrün und gebürstetes Gold. */
:root{--forest:#07382c;--cream:#fff8e9;--brass:#bd9459;--deepgold:#88612e}
body{background:#fffbf3}
.top{background:#fffaf0;border-bottom:1px solid #d8c49c}
.brand strong{display:block;font:600 32px/.9 Cormorant,Georgia,serif}
.brand small{font:600 11px/1.5 Cormorant,Georgia,serif;letter-spacing:.36em;color:var(--deepgold)}
.mark{width:44px;height:44px;font:600 35px/1 Cormorant,Georgia,serif;border-width:1.5px;color:var(--deepgold)}
.front{isolation:isolate;position:relative;overflow:hidden;display:grid;grid-template-columns:50% 50%;max-width:none;background:#faefda;color:var(--forest);border-bottom:2px solid var(--brass)}
.front img{position:absolute;z-index:-2;right:0;top:0;width:60%;height:100%;max-height:none;object-fit:cover;object-position:50% 43%}
.front:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fcf4e3 0%,#fcf4e3 38%,rgba(252,244,227,.96) 43%,rgba(252,244,227,.7) 49%,transparent 62%)}
.front-copy{padding:clamp(64px,7vw,125px) 0 clamp(64px,7vw,125px) max(6vw,calc((100vw - 1180px)/2));width:100%;box-sizing:border-box}
.front h1{font-size:clamp(50px,5.5vw,94px);line-height:.98;letter-spacing:-.045em}
.front h1 span{color:var(--deepgold)}
.front p{font-size:clamp(15px,1.18vw,19px);max-width:36ch}
.btn,.front .btn,.contactform .btn{background:var(--forest);border:1px solid var(--forest);color:#fff8e6;border-radius:2px;font-weight:600}
.btn:hover,.front .btn:hover,.contactform .btn:hover{background:#17503e;color:white}
.gallery h2,.founders h2{color:var(--forest)}
.gallery h2:before,.founders h2:before{content:"";display:block;width:64px;height:2px;background:var(--brass);margin-bottom:18px}
.pairs img{border-radius:3px 42px 3px 3px;border-bottom:2px solid var(--brass);filter:sepia(.2) saturate(.82)}
.pairs h3{color:var(--forest)}
.pairs p,.founders p,.contactpanel p{font-family:Merriweather,Georgia,serif;line-height:1.75}
.trial{background:radial-gradient(ellipse at 10% 120%,#235541,transparent 65%),#07382c;border-block:1px solid var(--brass)}
.trial h2{color:#fff3d9}
.trial .btn{background:#f2dfb8;color:#143a2c;border:1px solid #e0bc7f}
.founders{background:#fcf4e4}
.founders img{mix-blend-mode:multiply}
.founders a{color:var(--deepgold);text-underline-offset:5px}
.contact{background:#fffcf6}
.contactpanel{background:transparent;color:var(--forest);border:0;border-top:1px solid #cbb68f;padding:48px 0;box-shadow:none}
.contactpanel h2,.contactpanel h2 .heading-first,.contactpanel p,.contactpanel .contact-phone,.contactpanel a,.contactpanel .fine{color:var(--forest)!important}
.contactpanel h2 .heading-gold,.contactpanel .eyebrow{color:var(--deepgold)}
.contactform input,.contactform textarea,.contactform select{background:#fffdf8;border:1px solid #bfaf91}
footer{background:#07382c;border-top:2px solid var(--brass)}
@media(max-width:740px){
.front{display:flex;flex-direction:column}
.front:before{display:none}
.front-copy{padding:34px 24px}
.front img{position:static;width:100%;height:auto;aspect-ratio:1.55;object-position:50% 42%}
.front h1{font-size:clamp(48px,10vw,68px)}
.front p{max-width:44ch}
.contactpanel{padding:26px 0}
}
.front{grid-template-columns:minmax(0, .88fr) minmax(0,1.12fr);align-items:center;background:#fcf4e3}
.front:before{display:none}
.front-copy{padding:clamp(36px,4vw,76px) clamp(24px,3vw,60px) clamp(36px,4vw,76px) max(5vw,calc((100vw - 1180px)/2))}
.front img{position:static;z-index:auto;display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2}
.front h1{font-size:clamp(48px,4.8vw,82px)}
.pairs article{border-top:1px solid #c7ab78}
.founders img{width:min(38%,385px);height:auto;mix-blend-mode:normal;border-radius:2px 44px 2px 2px;border-bottom:2px solid var(--brass)}
@media(max-width:740px){.front-copy{padding:36px 24px}.front{align-items:stretch}.founders img{width:min(100%,385px);align-self:center}.founders .wrap{gap:24px}}
.front h1 span{white-space:nowrap;font-size:min(1em,4.35vw)}
@media(max-width:740px){.front h1 span{font-size:min(1em,9.8vw)}}
.pairs article{border-top:0}
.pairs img{aspect-ratio:9/4;height:auto;filter:none}
.more-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}
.more-services article{border-top:1px solid #c7ab78;padding-top:18px}
.more-services h3{font:600 clamp(25px,2.2vw,34px)/1.12 Cormorant,Georgia,serif;margin:0 0 8px;color:var(--forest)}
.more-services p{margin:0}
.direct-lines a{display:inline-block;padding:5px 0;text-underline-offset:4px}
@media(max-width:740px){.more-services{grid-template-columns:1fr;gap:18px}}
.front .remote-label{font:700 .91rem/1.4 system-ui,sans-serif;letter-spacing:.08em;color:var(--forest);margin:0 0 16px}

#karriere .wrap{max-width:54rem}#karriere p{max-width:68ch}#karriere h3{margin-top:1.5rem}#karriere .btn{margin-top:.5rem}