@font-face{font-family:StudioGeometric;src:url('assets/studio-geometric.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:StudioGeometric;src:url('assets/studio-geometric-demi.woff') format('woff');font-weight:600 800;font-style:normal;font-display:swap}
:root{--paper:#f7f5f1;--ink:#302e2b;--muted:#6d6860;--greige:#bdb9b1;--line:#d6d0c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.skip{position:absolute;top:-80px;padding:12px;background:white;z-index:10}.skip:focus{top:0}header{margin:0 5%;padding:30px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:Georgia,serif;font-size:24px;white-space:nowrap}.brand span{font-family:Arial,sans-serif;font-size:14px}nav{display:flex;gap:30px;font-size:14px}main{overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08}em{font-weight:400}h1{font-size:clamp(40px,4.8vw,76px);letter-spacing:-.045em}h2{font-size:clamp(38px,4.3vw,64px);letter-spacing:-.04em}h3{font-size:36px;letter-spacing:-.03em}.intro{padding:46px 5% 0}.introline{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:36px}.small{font-size:14px;line-height:1.6;color:var(--muted)}.film{position:relative;overflow:hidden}.hero{height:clamp(380px,47vw,670px);background:#79766c}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 56%}.filmshade{position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.48))}.filmcaption{position:absolute;bottom:50px;left:48px;color:white}.eyebrow{font-size:13px;letter-spacing:.15em;text-transform:uppercase}.filmcaption p{font:italic 44px Georgia,serif;margin-top:12px}.media-label{position:absolute;right:20px;bottom:20px;font-size:12px;letter-spacing:.03em;background:rgba(247,245,241,.92);color:var(--ink);padding:6px 12px}.underfilm{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;padding-top:14px}.works{padding:115px 9% 95px}.sectionhead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:65px}.sectionhead h2{width:55%}.project{margin-bottom:85px}.project-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.project-title span{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:3px}.browser{background:#ded8ce;padding:32px 32px 0}.browserbar{background:#fbfaf8;border-radius:7px 7px 0 0;border-bottom:1px solid #e5e1da;padding:10px 18px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.framewrap{height:560px;background:#fff;overflow:hidden}.framewrap iframe{border:0;width:100%;height:100%;display:block}.projectmeta{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-top:16px}.emma{margin-left:8%;margin-right:-4%}.emma .browser{background:#e0d8d0}.preview-note{font-size:13px;color:var(--muted);max-width:640px;margin-top:-40px}.room{background:#bdb9b1;padding:80px 5%;display:grid;grid-template-columns:1fr 1.6fr;gap:8%;align-items:center}.roomheading h2{margin:25px 0}.roomheading>p{font-size:15px}.room-placeholder{height:440px;background:#aaa193;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #9d9487}.room-placeholder>p{font:italic 48px/1.15 Georgia,serif;margin-top:28px}.room-placeholder .eyebrow{color:#443f37}.services{padding:115px 9%}.service-list{border-top:1px solid var(--line)}.service{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:38px 0;border-bottom:1px solid var(--line)}.service h3{font-size:30px;margin-bottom:12px}.service p:not(.price){color:var(--muted);max-width:580px}.price{font-family:Georgia,serif;font-size:38px;white-space:nowrap;text-align:right}.price span{font:14px Arial,sans-serif;color:var(--muted)}.price.smaller{font-size:25px;line-height:1.25}.terms{font-size:14px;color:var(--muted);margin-top:22px}.about{border-top:1px solid var(--line);margin:0 9%;padding:85px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:5%}.about h2{margin-bottom:32px}.about p{max-width:570px;margin-top:18px}.contact{background:#e7e2da;text-align:center;padding:90px 5%}.contact h2{margin:25px 0}.contact-pending{display:inline-block;margin-top:28px;font-size:14px;color:var(--muted);border-top:1px solid #bbb2a7;padding-top:18px}footer{padding:35px 5%;display:flex;gap:24px;justify-content:space-between;align-items:center}footer>span{font-size:12px;color:var(--muted)}footer button{border:0;background:none;font-size:13px;margin-left:14px;padding:8px 0}dialog{max-width:580px;border:1px solid var(--line);background:var(--paper);padding:40px;color:var(--ink)}dialog::backdrop{background:#302e2b77}dialog h2{font-size:36px;margin:35px 0 20px}.close{float:right;background:none;border:0;text-decoration:underline}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;padding:22px 0;gap:17px}nav{gap:22px;flex-wrap:wrap}.brand{font-size:22px}.brand span{font-size:13px}.intro{padding-top:30px}.introline{padding-bottom:25px}.small{display:none}.hero{height:440px}.filmcaption{left:22px;bottom:75px}.filmcaption p{font-size:34px}.media-label{font-size:12px;right:14px;bottom:14px}.underfilm{gap:16px;align-items:flex-start;font-size:12px}.underfilm span:last-child{text-align:right}.works,.services{padding:70px 5%}.sectionhead{display:block;margin-bottom:38px}.sectionhead h2{width:100%;margin-top:22px}.project{margin-bottom:55px}.project-title h3{font-size:30px}.project-title span{font-size:13px}.browser{padding:12px 12px 0}.browserbar{padding:9px 10px;gap:10px}.browserbar a{font-size:12px}.framewrap{height:480px}.projectmeta{font-size:12px;gap:18px}.projectmeta span:last-child{text-align:right}.emma{margin:0 0 55px}.preview-note{margin-top:-20px}.room{display:block;padding:55px 5%}.roomheading>p{margin-bottom:35px}.room-placeholder{height:350px}.room-placeholder>p{font-size:40px}.service{display:block;padding:28px 0}.service h3{font-size:28px}.price{text-align:left;margin-top:20px;font-size:34px}.price.smaller{font-size:23px}.about{display:block;margin:0 5%;padding:60px 0}.about h2{margin-top:25px}.contact{padding:60px 5%}footer{flex-wrap:wrap;gap:16px}footer .brand{width:100%}footer button{margin-left:0;margin-right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.contact-link{display:block;width:fit-content;margin:30px auto 0;border-bottom:1px solid var(--ink);padding-bottom:6px;font-size:19px}.video-toggle{position:absolute;left:20px;bottom:20px;border:1px solid #ffffff66;background:#302e2baa;color:white;padding:8px 18px}

:root{--paper:#bdb9b1;--ink:#35312e;--muted:#57514b;--greige:#bdb9b1;--line:#a69f95}
body{font-family:StudioGeometric,Arial,sans-serif;background:var(--greige)}
header{margin:0 5%;padding:27px 0 25px;background:transparent;color:var(--ink);border-bottom:1px solid var(--line);gap:35px;align-items:center}
header .brand{font-family:StudioGeometric,Arial,sans-serif;font-size:clamp(28px,2.8vw,42px);font-weight:400;letter-spacing:-.04em;line-height:1.15;white-space:normal}
header .brand span{display:block;font:400 13px/1.6 StudioGeometric,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-top:5px}
nav{font-family:StudioGeometric,Arial,sans-serif;font-size:15px;gap:28px;flex-wrap:wrap}
h1,h2,h3{font-family:StudioGeometric,Arial,sans-serif;font-weight:400;letter-spacing:-.045em;line-height:1.13}
h1{font-size:clamp(41px,5vw,76px)}
h1 em,h2 em{font-style:normal;font-weight:400}
.introline h1 em{color:#514841}
.eyebrow{font-family:StudioGeometric,Arial,sans-serif;font-weight:600}
.filmcaption p{font-family:StudioGeometric,Arial,sans-serif;font-style:normal;font-weight:400}
.filmcaption .eyebrow{color:#fff}.media-label{background:#ede7dc;color:var(--ink)}
.works{background:#d5cdbf;margin-top:60px;padding-top:85px}
.browser,.emma .browser{background:#afa397}
.browserbar{background:#eee8dd;color:#57514b}
.room{background:#bc7048;color:#292826}
.room-placeholder{background:#a89d91;border-color:#94887c}
.room-placeholder>p{font-family:StudioGeometric,Arial,sans-serif;font-weight:400;font-style:normal;line-height:1.2}
.services{background:#d5cdbf}
.about{background:var(--greige)}
.contact{background:#bc7048}.contact .contact-pending{color:#35312e;border-top-color:#805138}
.price{font-family:StudioGeometric,Arial,sans-serif;font-weight:400}
.price span{font-family:StudioGeometric,Arial,sans-serif}
footer .brand{font-family:StudioGeometric,Arial,sans-serif}
@media(max-width:760px){header{align-items:flex-start;padding:24px 0;gap:19px}header .brand{font-size:33px}header .brand span{font-size:12px}nav{font-size:14px;gap:18px 22px}.intro{padding-top:30px}.works{margin-top:40px;padding-top:65px}.filmcaption p{font-size:32px}h2{font-size:39px}.room-placeholder>p{font-size:38px}}
@media(max-width:360px){header .brand{font-size:30px}nav{gap:15px}h1{font-size:38px}}

.room-video{background:#a89d91;aspect-ratio:16/9;width:100%}.room-video video{display:block;width:100%;height:100%;object-fit:contain}.room-video .video-toggle{min-height:44px;border-radius:24px;font-size:14px;background:#292826d9;border-color:#ffffff99}
/* Bewegter typografischer Auftakt */
.kinetic-intro{padding:40px 5% 0}.kinetic-stage{position:relative;background:#bc7048;padding:clamp(40px,6vw,90px) clamp(22px,5vw,75px) 85px;overflow:hidden}.kinetic-lines{width:100%;font-size:clamp(30px,7vw,108px);letter-spacing:-.045em;line-height:1.12}.kinetic-line{display:block;white-space:nowrap;will-change:transform;color:#292826;animation-duration:12s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.kinetic-web{animation-name:studio-web}.kinetic-words{padding-left:13%;color:#f7f2e9;animation-name:studio-words}.kinetic-motion{padding-left:4%;animation-name:studio-motion}.kinetic-claim{margin-top:48px;font-size:clamp(19px,2vw,28px);line-height:1.35;color:#292826}.kinetic-toggle{position:absolute;bottom:20px;right:24px;background:transparent;border:1px solid #69412d;color:#292826;border-radius:30px;padding:9px 18px;min-height:44px;font-size:14px}.kinetic-stage.is-paused .kinetic-line{animation-play-state:paused}
@keyframes studio-web{0%,100%{transform:translateX(0);color:#292826}25%,45%{transform:translateX(5%);color:#f7f2e9}65%,85%{transform:translateX(0);color:#292826}}
@keyframes studio-words{0%,100%{transform:translateX(0);color:#f7f2e9}25%,45%{transform:translateX(-6%);color:#292826}65%,85%{transform:translateX(3%);color:#f7f2e9}}
@keyframes studio-motion{0%,100%{transform:translateX(0);color:#292826}25%,45%{transform:translateX(1%);color:#292826}65%,85%{transform:translateX(-4%);color:#f7f2e9}}
@media(max-width:760px){.kinetic-intro{padding-top:25px}.kinetic-stage{padding:55px 20px 82px}.kinetic-lines{font-size:clamp(27px,7vw,54px)}.kinetic-claim{margin-top:38px;font-size:19px}}
@media(prefers-reduced-motion:reduce){.kinetic-line{animation:none;will-change:auto}.kinetic-toggle{display:none}}

.about-identity{display:flex;flex-direction:column;align-items:flex-start;gap:28px}.about-portrait{display:block;width:170px;height:170px;border-radius:50%;object-fit:cover;object-position:center 18%}@media(max-width:760px){.about-identity{gap:22px}.about-portrait{width:140px;height:140px}}

.about-portrait{align-self:center}.contact-details{margin-top:30px}.contact-details .contact-link{margin:0 auto 20px}.contact-phone{font-size:22px}footer>div{display:flex;gap:22px;font-size:14px}
.framewrap{position:relative}.framewrap iframe[hidden],.embed-consent[hidden],.embed-close[hidden]{display:none}.embed-consent{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;gap:20px;background:#eee8dd}.embed-consent p{max-width:430px;font-size:16px}.embed-consent .embed-title{font-size:32px;line-height:1.2}.embed-consent a{font-size:14px;text-decoration:underline}.embed-load{border:1px solid var(--ink);background:var(--ink);color:#f7f2e9;padding:12px 22px;min-height:44px}.embed-close{position:absolute;bottom:12px;right:12px;background:#eee8dd;color:var(--ink);border:1px solid var(--ink);font-size:14px;min-height:44px;padding:8px 12px}.legal-page{max-width:800px;margin:auto;padding:60px 5% 90px}.legal-page h1{font-size:46px;margin-bottom:36px}.legal-page h2{font-size:25px;margin:30px 0 12px}.legal-page p{margin-bottom:14px}.legal-page a{text-decoration:underline}.legal-page ul{padding-left:24px}.legal-back{display:inline-block;margin-bottom:35px;font-size:16px}

.about-identity{display:grid;grid-template-columns:max-content 1.2em max-content;grid-template-rows:auto 1fr;width:max-content;max-width:100%;align-self:stretch;align-items:start;gap:28px 0}.about-label{display:contents}.about-label>span{font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;white-space:nowrap}.about-dot{text-align:center}.about-portrait{grid-column:2;grid-row:2;justify-self:center;align-self:center}@media(max-width:760px){.about-identity{min-height:200px;row-gap:22px}.about-label>span{font-size:12px;letter-spacing:.12em}}

.about-identity{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:22px}.about-label{display:block;text-align:center}.about-portrait{align-self:center}.contact-details .contact-link{margin-bottom:0}@media(max-width:760px){.about-identity{min-height:220px}}

.contact-email-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:30px;padding:13px 30px;background:#292826;color:#f7f2e9;border:1px solid #292826;border-radius:3px;font-size:18px;line-height:1.3;transition:background .2s}.contact-email-button:hover{background:#423a34;text-decoration:none}.contact-email-button:focus-visible{outline-color:#292826}.contact-details{margin-top:22px}.contact-details .contact-link{font-size:16px}

/* Gleiche Schriftgröße wie die Überschrift der Arbeiten. */
.sectionhead h2{font-size:clamp(38px,4.3vw,64px)}
.kinetic-lines{font-size:clamp(44px,5.1vw,76px)}
.kinetic-line{white-space:normal}
@media(max-width:760px){.sectionhead h2{font-size:39px}.kinetic-lines{font-size:clamp(40px,11.3vw,46px)}}

/* Lokale Bildschirmvorschauen, ohne externe Verbindung. */
.embed-consent{display:flex;padding:0;gap:0;background:#eee8dd}
.preview-window{width:100%;flex:1;min-height:0;overflow:hidden;background:#eee8dd}
.preview-crop{position:relative;width:100%;overflow:hidden}
.preview-crop img{position:absolute;max-width:none;height:auto;display:block}
.preview-restaurant{aspect-ratio:597/675}
.preview-restaurant img{width:118.4255%;left:-9.2127%;top:-69.3333%}
.preview-emma{aspect-ratio:797/900;background:#f7e7e5}
.preview-emma img{width:118.3187%;left:-9.1593%;top:-70.2222%}
.preview-house{aspect-ratio:585/675;background:#505823}
.preview-house img{width:120.8547%;left:-11.1111%;top:-85.7778%}
.preview-controls{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-top:1px solid #d6d0c7}
.preview-controls p{max-width:430px;text-align:left;font-size:14px;line-height:1.4}
.preview-controls a{font-size:14px}
.preview-controls .embed-load{flex-shrink:0;padding:9px 16px;font-size:15px}
.embed-close{top:12px;bottom:auto;font-size:14px;padding:8px 14px;background:#eee8ddf2}
@media(max-width:760px){.preview-controls{padding:12px;gap:12px}.preview-controls p,.preview-controls a{font-size:13px}.preview-controls .embed-load{font-size:14px;padding:8px 12px}.embed-close{top:10px;right:10px}}

/* Hochkant-Vorschauen am Desktop vollständig statt auf Rahmenbreite zoomen. */
.preview-desktop{display:none}
@media(min-width:761px){
 .framewrap:has(iframe[hidden]){height:auto}
 .embed-consent{height:auto}
 .preview-window{display:block;flex:none;overflow:hidden}
 .preview-crop{display:none}
 .preview-desktop{display:block;position:relative;width:100%;overflow:hidden}
 .preview-desktop img{position:absolute;display:block;max-width:none;height:auto}
 .desktop-restaurant{aspect-ratio:1865/728}
 .desktop-restaurant img{width:109.8123%;left:-4.6649%;top:-28.0220%}
 .desktop-emma{aspect-ratio:1872/775}
 .desktop-emma img{width:109.4017%;left:-4.7009%;top:-25.9355%}
 .desktop-house{aspect-ratio:1787/735}
 .desktop-house img{width:114.5495%;left:-8.0022%;top:-27.6190%}
}

/* Flyer als Ergänzung zum Webauftritt */
.print-showcase{padding:90px 9%;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:7%;background:var(--paper)}
.print-copy h2{margin:20px 0 24px}.print-copy>p{max-width:460px;color:var(--muted)}
.print-offer{margin-top:32px;padding-top:25px;border-top:1px solid var(--line)}.print-offer h3{font-size:25px;line-height:1.2}.print-offer .price{margin:15px 0;text-align:left;font-size:42px}.print-offer>p:last-child{max-width:450px;color:var(--muted);font-size:15px}
.print-cta{display:inline-flex;gap:25px;align-items:center;margin-top:25px;border-bottom:1px solid var(--ink);padding-bottom:5px}
.print-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.print-pair figure{margin:0;min-width:0}.print-pair figure:nth-child(2){margin-top:38px}.print-pair img{display:block;width:100%;height:auto;box-shadow:0 12px 35px #29282618}.print-pair figcaption{margin-top:12px;font-size:12px;color:var(--muted)}.print-caption{margin-top:26px;font-size:13px;color:var(--muted)}
@media(max-width:760px){.print-showcase{padding:60px 5%;grid-template-columns:1fr;gap:40px}.print-copy h2{font-size:39px}.print-pair{gap:16px;max-width:520px;margin:auto}.print-pair figure:nth-child(2){margin-top:24px}.print-caption{text-align:center}}