/* Generated by scripts/update-startseite-css.mjs; edit the source stylesheets. */
/* vorschau.css */
:root{--ink:#413d34;--muted:#716a5f;--gold:#8d713d;--line:#d8cbb4;--cream:#faf7f0;--serif:'Cormorant Garamond',Georgia,serif;--sans:Montserrat,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.85 var(--sans)}img{display:block;width:100%;height:auto}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}a,summary{touch-action:manipulation}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.06}em{font-weight:400;color:var(--gold)}.previewNotice{padding:9px 5%;background:#eae2d3;text-align:center;font-size:10px;letter-spacing:1px}.previewNotice a{margin-left:24px}.skipLink{position:absolute;left:12px;top:-100px;z-index:10;background:white;padding:10px}.skipLink:focus{top:8px}.header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;gap:28px;border-bottom:1px solid var(--line);background:#fcfaf5}.brandHeader{display:flex;align-items:center;gap:14px;flex-shrink:0}.brandBadge{width:74px;height:74px;object-fit:contain}.logo{font-family:var(--serif);font-size:36px;letter-spacing:6px;line-height:1.1}.name{font-size:9px;letter-spacing:2px;margin-top:5px}.nav{display:flex;gap:21px;flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none;font-size:10px;letter-spacing:.5px}.nav a:hover,.textLink:hover{color:var(--gold)}.website{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;gap:5%;padding:75px 9% 0;background:linear-gradient(110deg,#fcfaf4e8,#faf5e9c9),url('assets/marmor-gross.jpg') center/cover}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 20%,#fff9 36%,transparent 49%,#e9cd8a1a 60%,transparent 70%);pointer-events:none}.heroText{padding:35px 0 70px}.label{color:var(--gold);font-size:10px;letter-spacing:2.4px;text-transform:uppercase;margin-bottom:24px;font-weight:500}h1{font-size:clamp(64px,6.5vw,104px);letter-spacing:-2.5px;line-height:.98}h1 em{font-style:italic}.heroValues{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;margin-top:32px}.heroValues span{padding:0 7px;color:var(--gold)}.lead{font-family:var(--serif);font-size:26px;margin-top:9px}.buttons{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:49px;padding:14px 23px;border:1px solid var(--gold);font-size:10px;letter-spacing:1.2px;text-decoration:none;text-transform:uppercase;transition:background .2s,color .2s,transform .2s}.btn.primary{background:var(--gold);color:#fffdf7}.btn:hover{background:#796039;color:white;transform:translateY(-2px)}.textLink{font-size:11px}.heroPortrait{align-self:center;position:relative;margin:0 0 36px;padding:13px;border:1px solid #bca77d;background:#fdfaf3}.heroPortrait img{max-height:540px;object-fit:contain}.heroPortrait figcaption{font-family:var(--serif);font-style:italic;font-size:19px;text-align:center;padding:15px 0 3px;color:var(--gold)}.flower{position:absolute;width:540px;right:-220px;top:-150px;color:#b59b64;opacity:.2;z-index:-1}.heroBottom{grid-column:1/-1;display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding:22px 0;font-size:9px;text-transform:uppercase;letter-spacing:2px}.heroBottom a{margin-left:auto;text-decoration:none;font-size:20px}.smallStar{font-size:25px;color:var(--gold)}.section{padding:95px 9%;border-bottom:1px solid var(--line)}h2{font-size:clamp(43px,4.5vw,67px)}.worldIntro{display:grid;grid-template-columns:1fr 1.1fr;column-gap:10%;margin-bottom:50px}.worldIntro .label{grid-column:1/-1}.worldIntro>p:last-child{align-self:center;max-width:450px;color:var(--muted)}.worldGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.world{padding:40px;border:1px solid var(--line);position:relative;display:flex;align-items:flex-start;flex-direction:column;background:#f1ebdf}.world.soap{background:#fcfaf5}.worldNumber{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:var(--gold);margin-bottom:35px}.world h3{font-size:42px;margin-bottom:24px}.world h3 em{font-size:32px}.world>p{font-size:13px;color:var(--muted);margin-bottom:30px}.world .btn{margin-top:auto}.soapPlaceholder{width:100%;border:1px dashed #c6b799;padding:14px;margin:0 0 25px;display:flex;gap:18px;align-items:center;color:var(--gold)}.soapPlaceholder>span{font-size:32px}.soapPlaceholder p{font-family:var(--serif);font-size:19px;line-height:1.3}.soapPlaceholder small{font:9px var(--sans);letter-spacing:1px}.contactStrip{display:flex;justify-content:space-between;gap:20px;padding:26px 5%;border-bottom:1px solid var(--line);background:#f1ebdf}.contactStrip a{text-decoration:none;min-width:0}.contactStrip strong,.contactGrid strong{display:block;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.contactStrip span{font-size:10px;overflow-wrap:anywhere}.two{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.imagePanel{padding:12px;border:1px solid var(--line)}.imagePanel img{max-height:530px;object-fit:contain}.content p{margin-top:22px;color:var(--muted)}.content h2 em{font-size:.67em}.center{text-align:center;max-width:850px;margin:0 auto 48px}.center p:not(.label){margin-top:20px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}.card{display:grid;grid-template-columns:.85fr 1fr;gap:0 25px;align-content:center}.cardImage{grid-row:1/3;align-self:center}.cardImage img{max-height:240px;object-fit:contain}.card h3{font-size:31px;align-self:end;margin-bottom:12px}.card p{font-size:12px;color:var(--muted)}.zenovVisual{max-width:740px;margin:0 auto 45px;padding:10px;border:1px solid var(--line)}.offerGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.offerCard{padding:28px 0;border-bottom:1px solid var(--line)}.offerCard h3{font-size:29px;margin-bottom:12px}.offerCard p{font-size:12px;color:var(--muted)}.centeredButtons{justify-content:center}.priceWrap{overflow-x:auto;border:1px solid var(--line)}.priceTable{width:100%;border-collapse:collapse;text-align:left;min-width:580px}.priceTable th,.priceTable td{padding:20px;font-size:12px;border-bottom:1px solid var(--line)}.priceTable thead{background:#ece4d6;color:#705b36}.priceTable thead th{text-transform:uppercase;font-size:9px;letter-spacing:1.5px}.priceTable tbody th{font-weight:500}.price{white-space:nowrap;color:#705b36}.originalPrice{margin-top:22px;padding:18px;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:12px}.originalPrice img{max-width:850px;margin:20px auto 0}.contact{text-align:center}.contact>p:not(.label){max-width:760px;margin:25px auto 0;color:var(--muted)}#shop{background:linear-gradient(110deg,#faf5e9e8,#fff9),url('assets/marmor-gross.jpg') center/cover}.quote{text-align:center;padding:85px 13%;background:#ede6d8}.quote p{font:italic clamp(32px,4vw,54px)/1.25 var(--serif);margin-bottom:25px}.quote span{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}.contactGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:40px}.contactGrid a{padding:20px;border:1px solid var(--line);flex:1 1 170px;text-decoration:none}.contactGrid span{font-size:10px;overflow-wrap:anywhere}.footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;background:#e9e0d0;padding:55px 9%;font-size:11px}.footer h4{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin:0 0 20px}.footer a{display:block;margin:8px 0;text-decoration:none}.footer p{margin:15px 0}.footer .logo{font-size:40px}
@media(min-width:1600px){.hero,.section,.footer{padding-left:max(9%,calc((100vw - 1320px)/2));padding-right:max(9%,calc((100vw - 1320px)/2))}}
@media(max-width:1100px){.header{flex-direction:column;gap:16px}.nav{justify-content:center;gap:17px}.hero{padding:50px 6% 0;gap:30px}.heroText{padding:25px 0 40px}.section{padding:70px 6%}.heroValues{letter-spacing:1px}.buttons{gap:18px}.world{padding:30px}.contactStrip{flex-wrap:wrap;justify-content:center;gap:20px 35px}.cards{gap:30px}.card{display:block}.cardImage{margin-bottom:25px}.cardImage img{max-height:300px}}
@media(max-width:650px){.previewNotice{font-size:9px}.previewNotice a{display:block;margin:2px 0 0}.header{padding:17px 6%}.brandBadge{width:64px;height:64px}.nav{gap:8px 17px}.nav a{padding:5px 0;font-size:10px}.hero{grid-template-columns:1fr;padding:25px 7% 0;gap:20px}.heroText{padding:25px 0 10px}h1{font-size:65px}.label{font-size:9px;letter-spacing:1.8px}.heroPortrait{margin:5px 0 10px;max-width:440px;justify-self:center}.heroPortrait img{max-height:380px}.heroBottom{gap:12px;font-size:8px;letter-spacing:.7px}.section{padding:60px 7%}.worldIntro,.worldGrid,.two,.offerGrid,.footer{grid-template-columns:1fr}.worldIntro{gap:0}.worldIntro>p:last-child{margin-top:25px}.world{padding:28px}.world h3{font-size:38px}.world h3 em{font-size:29px}.worldNumber{margin-bottom:25px}.two{gap:35px}.cards{grid-template-columns:1fr;gap:35px}.card{display:grid;grid-template-columns:.8fr 1fr;gap:0 20px}.card h3{font-size:27px}.cardImage{margin:0}.card p{font-size:11px}.contactStrip{justify-content:flex-start;padding:25px 7%;gap:20px}.contactStrip a{flex:1 1 40%}.footer{gap:28px;padding:45px 7%}.priceTable th,.priceTable td{padding:15px}.flower{width:400px;right:-220px}.quote{padding:60px 8%}.contactGrid a{flex-basis:100%}.heroValues{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Uploaded ZENOV artwork: preserve the complete composition at every width. */
.heroPortrait,.imagePanel,.cardImage,.world{min-width:0}
.heroPortrait img,.imagePanel img,.cardImage img{width:100%;height:auto;max-height:none;object-fit:contain}
.soapImage{width:100%;margin:0 0 26px;padding:7px;border:1px solid var(--line);background:var(--cream)}
.soapImage img{width:100%;height:auto;object-fit:contain}

/* Three worlds: shared rows align the descriptions, full artwork and buttons. */
#welten .worldGrid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:0}
#welten .world{display:grid;grid-template-rows:subgrid;grid-row:span 6;align-items:start}
#welten .world .btn{grid-row:6;justify-self:start;align-self:end;margin-top:0}
#welten .energyImage,#welten .soapImage{width:100%;aspect-ratio:1;margin:0 0 26px;padding:7px;border:1px solid var(--line);background:var(--cream)}
#welten .energyImage img,#welten .soapImage img{width:100%;height:100%;object-fit:contain}
#welten .energyQuote,#welten .soapGift{margin:0 0 30px;padding:22px 0 0;border-top:1px solid #cdbb94;color:#503b2c}
#welten .energyQuote blockquote{margin:0}
#welten .energyQuote p,#welten .soapGiftQuote{font:italic 400 clamp(23px,2.15vw,30px)/1.4 var(--serif);text-wrap:pretty}
#welten .energyQuote figcaption,#welten .dogQuote figcaption{margin-top:15px;font:10px/1.7 var(--sans);letter-spacing:.6px;color:#705b36}
@media(max-width:650px){
  #welten .worldGrid{grid-template-columns:minmax(0,1fr);row-gap:28px}
  #welten .world{display:flex;grid-row:auto}
  #welten .world .btn{align-self:flex-start}
  #welten .energyQuote p,#welten .soapGiftQuote{font-size:25px}
}

/* Companion gallery: one shared 4:3 layout at every viewport size. */
#begleitung .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
#begleitung .card{display:flex;flex-direction:column;gap:0;min-width:0}
#begleitung .cardImage{position:relative;width:100%;aspect-ratio:4 / 3;margin:0 0 20px;align-self:stretch;grid-row:auto}
#begleitung .cardImage img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
#begleitung .card h3{align-self:stretch;margin-bottom:12px}
@media(max-width:650px){
  #begleitung .cards{grid-template-columns:minmax(0,1fr)}
}

/* Gift message shares the quotation styling and the aligned button row. */
#welten .soapGift p+p{margin-top:15px}
#welten .soapGift p:not(.soapGiftQuote){font-size:13px;line-height:1.85}
#welten .soapGiftDetails{padding-top:15px;border-top:1px solid var(--line);color:#705b36}
#welten .soapGiftDetails strong{font-weight:500}

/* A quieter shared rhythm, with warm pearl surfaces and restrained gold. */
:root{--gold:#846b3f;--muted:#695f52;--line:#d8cbb5}
html{scroll-padding-top:28px}
body{background:#faf7f0;font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3{text-wrap:pretty}
.section{padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(64px,7vw,104px)}
.marble{background:linear-gradient(115deg,#fcfaf6f5,#f6f0e6ed),url('assets/marmor-gross.jpg') center/cover}
.section .label{line-height:1.8}
.hero{background:linear-gradient(110deg,#fcfaf4ed,#faf5e9d9),url('assets/marmor-gross.jpg') center/cover}
.heroPortrait,.imagePanel{box-shadow:0 18px 46px -32px #69523766}
.world{background:linear-gradient(145deg,#f6f0e6,#eee5d7);border-color:#d1c2a8}
.world.soap{background:linear-gradient(145deg,#fffdf8,#f8f3e9)}
.contactStrip{background:#f1ebdf}
.btn{border-color:#9b8255;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.btn.primary{background:#846b3f}
.btn:hover{background:#705a34;box-shadow:0 8px 20px -12px #67543b88}
.contactGrid a{background:#fffcf580;transition:border-color .2s,background .2s}
.contactGrid a:hover{border-color:#9b8255;background:#fffcf5}
.offerCard h3{line-height:1.2}
.serviceCopy p{line-height:1.9}
.footer{background:linear-gradient(120deg,#efe7d9,#e6dccb)}
a:focus-visible,summary:focus-visible{outline:2px solid #846b3f;outline-offset:5px}
@media(max-width:650px){
 .section{padding-left:7%;padding-right:7%}
 .nav a{min-height:32px;display:inline-flex;align-items:center}
 .hero h1{font-size:clamp(52px,14vw,65px)}
 .heroBottom{flex-wrap:wrap}
 .heroBottom a{margin-left:auto}
 .btn{white-space:normal;max-width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){.btn,.contactGrid a{transition:none}}

/* A visible invitation and one accessible link across the animal companion tile. */
#begleitung .tierCompanionCard{position:relative}
#begleitung .tierCompanionLink{text-decoration:none}
#begleitung .tierCompanionLink::after{content:"";position:absolute;inset:0}
#begleitung .tierCompanionLink:focus-visible{outline:none}
#begleitung .tierCompanionLink:focus-visible::after{outline:2px solid var(--gold);outline-offset:6px}
#begleitung .tierCompanionHint{display:block;color:var(--gold);font-size:11px;line-height:1.7;letter-spacing:.35px;margin-bottom:10px}

/* The awareness tile uses the same permanent invitation as Tierbegleitung. */
#begleitung .awarenessCard{position:relative}
#begleitung .awarenessLink{text-decoration:none}
#begleitung .awarenessLink::after{content:"";position:absolute;inset:0}
#begleitung .awarenessLink:focus-visible{outline:none}
#begleitung .awarenessLink:focus-visible::after{outline:2px solid var(--gold);outline-offset:6px}
#begleitung .awarenessHint{display:block;color:var(--gold);font-size:11px;line-height:1.7;letter-spacing:.35px;margin-bottom:10px}

/* The energy tile matches the existing permanent click invitations. */
#begleitung .energyCard{position:relative}
#begleitung .energyLink{text-decoration:none}
#begleitung .energyLink::after{content:"";position:absolute;inset:0}
#begleitung .energyLink:focus-visible{outline:none}
#begleitung .energyLink:focus-visible::after{outline:2px solid var(--gold);outline-offset:6px}
#begleitung .energyHint{display:block;color:var(--gold);font-size:11px;line-height:1.7;letter-spacing:.35px;margin-bottom:10px}

/* The transformation tile matches the existing permanent click invitations. */
#begleitung .transformationCard{position:relative}
#begleitung .transformationLink{text-decoration:none}
#begleitung .transformationLink::after{content:"";position:absolute;inset:0}
#begleitung .transformationLink:focus-visible{outline:none}
#begleitung .transformationLink:focus-visible::after{outline:2px solid var(--gold);outline-offset:6px}
#begleitung .transformationHint{display:block;color:var(--gold);font-size:11px;line-height:1.7;letter-spacing:.35px;margin-bottom:10px}

/* Two quiet signatures occupy only the space beside the offer heading. */
.heroConsultation{max-width:450px;margin-top:26px}
.heroConsultation p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.8}
.heroConsultation .consultationButton{display:inline-flex;justify-content:center;align-items:center;min-height:48px;max-width:100%;box-sizing:border-box;padding:14px 22px;background:#deceb0;border-color:#b49a68;color:#493d2b;font:600 clamp(20px,1.6vw,24px)/1.25 var(--serif);letter-spacing:0;text-transform:none;white-space:normal;text-align:center}
.heroConsultation .consultationButton:hover{background:#d3be97;color:#493d2b}
.heroConsultation .consultationButton:focus-visible{outline:2px solid #846b3f;outline-offset:4px}
.heroConsultation .consultationLanguages{margin:16px 0 0;color:var(--gold);font:500 clamp(19px,1.5vw,22px)/1.4 var(--serif);text-wrap:pretty}
.consultationLanguages small{display:block;margin-top:5px;color:var(--muted);font:400 11px/1.7 var(--sans);letter-spacing:.06em}

.footer .footerBrand .footerSlogan{margin:16px 0 0;font:400 clamp(14px,1.4vw,18px)/1.6 var(--serif);hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:pretty}
.footer .footerSlogan span{display:block}
.footer .footerBrand .footerWebsite{margin:22px 0 0}
.footer .footerBrand .footerWebsite a{margin:0}
.footer .footerBrand .footerShopLink{margin:8px 0 0;font-size:11px;line-height:1.8;hyphens:none;text-wrap:pretty}

#kontakt .contactGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
#kontakt .contactGrid a{display:flex;flex-direction:column;align-items:center;min-width:0}
#kontakt .contactGrid a:last-child{grid-column:1/-1}
@media(max-width:1000px){#kontakt .contactGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#kontakt .contactGrid{grid-template-columns:minmax(0,1fr)}}

#angebote .offerHeading{position:relative;display:flow-root}
#angebote .offerWordmark,#angebote .offerSignature{position:absolute;top:46px;width:calc((100% - 460px)/2);text-align:center;white-space:nowrap;line-height:1.3}
#angebote .offerWordmark{left:0;font-family:var(--serif);font-size:clamp(38px,4.2vw,64px);font-weight:500;letter-spacing:.08em;color:#a68a51}
#angebote .offerSignature{right:0;font-family:'Great Vibes','Brush Script MT',cursive;font-size:clamp(32px,3.2vw,49px);font-weight:400;color:#b49a68}
@media(max-width:1000px){
  #angebote .offerHeading{margin-bottom:48px}
  #angebote .offerHeading .center{margin-bottom:22px}
  #angebote .offerWordmark,#angebote .offerSignature{position:static;display:block;width:100%}
  #angebote .offerWordmark{font-size:40px}
  #angebote .offerSignature{font-size:38px;margin-top:4px}
}

/* Collection button outside and directly above the unchanged portrait frame. */
.heroPortraitGroup{align-self:center;min-width:0;text-align:center}
.dogTreatNotice{display:inline-block;max-width:100%;margin:0 0 18px;padding:14px 22px;border:1px solid var(--gold);background:var(--gold);color:#fffdf7;font:500 1.4rem/1.4 var(--sans);text-align:center;text-decoration:none;transition:background .2s,border-color .2s}
.dogTreatNotice:hover{background:#796039;border-color:#796039}
.dogTreatNotice:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:650px){.heroPortraitGroup{width:100%;max-width:440px;justify-self:center}}

/* Third world: preserve the uploaded photograph and shared card alignment. */
#welten .dogImage{width:100%;aspect-ratio:1;margin:0 0 26px;padding:7px;border:1px solid var(--line);background:var(--cream)}
#welten .dogImage img{width:100%;height:100%;object-fit:contain}
@media(min-width:651px){#welten .world{padding:clamp(20px,2.4vw,40px)}#welten .world h3 em{font-size:clamp(22px,2.2vw,32px)}#welten .world .btn{max-width:100%;gap:12px;letter-spacing:.7px;padding:14px 16px}}

#welten .dogQuote,#welten .dogQuote blockquote{margin:0}

/* angebote.css */
/* Additive offer navigation and pages in the existing ZENOV palette. */
.serviceMenu{position:relative;font-size:10px;letter-spacing:.5px}
.serviceMenu summary{cursor:pointer;list-style:revert;padding:0 4px}
.serviceMenu ul{position:absolute;z-index:20;right:0;width:min(340px,80vw);padding:18px 25px;background:var(--cream);border:1px solid var(--line);box-shadow:0 12px 24px #413d3414;list-style:none;margin:10px 0}
.serviceMenu li+li{margin-top:10px}.serviceMenu a{display:block}
.serviceDirectory h3{font-size:32px}.serviceDirectory ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:25px 0}
.serviceDirectory li{border-bottom:1px solid var(--line);padding:15px 0}.serviceDirectory a{font-size:13px}.pricePageLink{text-align:center;margin:25px auto}
.priceTable caption{text-align:left;padding:14px;color:var(--gold);font-size:12px}
@media(max-width:750px){.serviceDirectory ul{grid-template-columns:minmax(0,1fr)}.serviceMenu ul{position:static;width:auto;margin:10px 0}.serviceMenu[open]{flex-basis:100%;text-align:left}}

/* ueber-mich.css */
/* Scoped to the German personal introduction. */
.aboutMe .aboutIntro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:8%;align-items:center}
.aboutMe .content .label{margin-top:0}
.aboutMe .content .aboutLead{font:400 clamp(25px,2.4vw,34px)/1.4 var(--serif);color:var(--ink)}
.aboutMe .content .textLink{display:inline-block;margin-top:24px}
.aboutMe .aboutStory{margin-top:72px}
.aboutMe .aboutChapter{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:7%;padding:44px 0;border-top:1px solid var(--line)}
.aboutMe .aboutChapter>.label{padding-top:9px}
.aboutMe h3{font-size:clamp(32px,3.2vw,46px);line-height:1.15;text-wrap:pretty}
.aboutMe h3 em{display:block}
.aboutMe .aboutChapter p:not(.label),.aboutMe .educationIntro{margin-top:22px;color:var(--muted);max-width:70ch}
.aboutMe .aboutMeaning{border-bottom:1px solid var(--line)}
.aboutMe .aboutEducation{margin-top:64px;padding:clamp(24px,4vw,52px);border:1px solid var(--line);background:#f1ebdf80}
.aboutMe h4{font:500 12px/1.7 var(--sans);letter-spacing:.6px;color:var(--gold);margin:32px 0 15px}
.aboutMe .educationList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;list-style:none;margin:0;padding:0}
.aboutMe .educationList li{padding:15px 0;border-top:1px solid var(--line);line-height:1.7}
.aboutMe .educationAdditional{margin-top:30px;padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-left:2px solid #b29a6e;background:linear-gradient(125deg,#fffdf8b3,#eee6d766)}
.aboutMe .educationAdditional h4{margin:0 0 14px;font:400 clamp(23px,2.2vw,30px)/1.4 var(--serif);letter-spacing:0;color:#806639;text-wrap:pretty}
.aboutMe .educationAdditional p{max-width:70ch}
.aboutMe .educationAdditional li::marker{color:#9a8050}
.aboutMe .educationAdditional p,.aboutMe .educationAdditional li{color:var(--muted)}
.aboutMe .educationAdditional ul{padding-left:20px;margin:14px 0 0}
.aboutMe .educationAdditional li+li{margin-top:8px}
.aboutMe .aboutBoundary{font-size:12px;color:var(--muted);margin-top:24px;max-width:75ch}
.aboutMe .btn{white-space:normal}
@media(max-width:800px){
  .aboutMe .aboutIntro{grid-template-columns:minmax(0,1fr);gap:32px}
  .aboutMe .imagePanel{max-width:480px;width:100%;justify-self:center}
  .aboutMe .aboutChapter{grid-template-columns:minmax(0,1fr);gap:0;padding:32px 0}
  .aboutMe .aboutStory{margin-top:44px}
  .aboutMe .aboutEducation{margin-top:40px}
}
@media(max-width:550px){
  .aboutMe .educationList{grid-template-columns:minmax(0,1fr)}
  .aboutMe .btn{width:100%;gap:12px;padding:14px 16px;letter-spacing:.7px}
}

/* Pearl and champagne reliefs give each personal chapter a visual anchor. */
.aboutMe .aboutStory{margin-top:clamp(56px,7vw,96px)}
.aboutMe .aboutChapter{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(32px,5vw,76px);padding:clamp(40px,5vw,72px) 0;align-items:center}
.aboutMe .chapterArt{min-width:0;align-self:center}
.aboutMe .chapterArt .label{font-size:10px;line-height:1.8;letter-spacing:1.8px;margin:0 0 22px;text-align:center;color:#806639}
.aboutMe .reliefFrame{position:relative;margin:0;padding:10px;border:1px solid #cbbb9b;background:linear-gradient(145deg,#fffdf7,#efe7d9);box-shadow:0 16px 38px -24px #73604655,inset 0 0 0 4px #fffaf2;isolation:isolate}
.aboutMe .reliefFrame::after{content:'';position:absolute;inset:5px;border:1px solid #c8b68e66;pointer-events:none;z-index:1}
.aboutMe .reliefFrame img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.aboutMe .aboutChapter h3{letter-spacing:-.5px}
.aboutMe .aboutChapter h3 em{margin-top:3px}
.aboutMe .aboutChapter p:not(.label){font-size:14px;line-height:1.95;margin-top:21px}
.aboutMe .aboutEducation{background:linear-gradient(125deg,#fffdf8d9,#eee6d799);border-color:#c7b897;box-shadow:0 16px 45px -35px #7b634c55}
.aboutMe .educationList li{padding:18px 0}
@media(min-width:1100px){.aboutMe .chapterArt{max-width:370px;width:100%}}
@media(max-width:800px){
 .aboutMe .aboutChapter{grid-template-columns:minmax(0,1fr);gap:30px;padding:42px 0}
 .aboutMe .chapterArt{width:min(100%,320px);justify-self:center}
 .aboutMe .chapterArt .label{margin-bottom:17px}
 .aboutMe .aboutChapter>div:last-child{max-width:70ch;justify-self:center;width:100%}
 .aboutMe .aboutChapter h3{font-size:clamp(32px,6vw,44px)}
}
@media(max-width:400px){.aboutMe .chapterArt{max-width:260px}.aboutMe .aboutChapter p:not(.label){font-size:13px;line-height:1.85}}

/* preisliste.css */
/* Scoped styling for the complete original German price list. */
.priceBrand{text-align:center;margin:0 auto 32px;max-width:620px;break-after:avoid}
.priceBrand img{width:clamp(180px,32vw,260px);height:auto;margin:0 auto;border-radius:50%}
.priceBrand .priceBrandName{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(34px,5vw,48px);font-style:italic;font-weight:500;line-height:1.15;letter-spacing:.4px;color:#79531f;margin:14px 0 20px}
.priceBrand h2{font-size:clamp(36px,5vw,52px);margin:0!important;line-height:1.1}
.brandedPrices .priceTable{min-width:0;table-layout:fixed}
.brandedPrices th:first-child{width:61%}
.brandedPrices th:nth-child(2){width:23%}
.brandedPrices th:nth-child(3){width:16%}
.brandedPrices tbody th{font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;font-weight:600;line-height:1.2}
.brandedPrices td{line-height:1.6;vertical-align:middle}
.brandedPrices .priceSubtitle{display:block;font-size:20px;font-weight:500;margin-top:6px}
.brandedPrices .priceDetail{display:block;font-family:Montserrat,Arial,sans-serif;font-size:12px;line-height:1.65;font-weight:400;margin-top:7px}
.brandedPrices .price{background:rgba(199,155,59,.10)}
@media(max-width:700px){
 .brandedPrices{overflow:visible}
 .brandedPrices .priceTable,.brandedPrices tbody{display:block;width:100%}
 .brandedPrices thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
 .brandedPrices tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:20px 16px;gap:16px 12px;border-bottom:1px solid var(--line)}
 .brandedPrices tbody th:first-child{grid-column:1/-1;width:auto;padding:0;border:0;font-size:25px}
 .brandedPrices td{padding:0;border:0;font-size:13px;align-self:end}
 .brandedPrices td::before{content:attr(data-label);display:block;font-family:Montserrat,Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#79531f;margin-bottom:5px}
 .brandedPrices td.price{font-size:16px;padding:8px 10px;border-radius:3px}
 .brandedPrices tr:last-child{border-bottom:0}
 .priceBrand{margin-bottom:26px}
}

/* Pearl stationery: decorations sit behind the content and never intercept input. */
.priceSheet{
 --price-ink:#483e34;--price-gold:#92764f;--price-line:#cbb99b66;
 position:relative;isolation:isolate;max-width:1120px;margin-inline:auto;
 padding:52px clamp(18px,4vw,64px) 28px;border:1px solid #d9cbb6;
 border-radius:180px 180px 3px 3px / 44px 44px 3px 3px;
 color:var(--price-ink);background:radial-gradient(ellipse at 95% 5%,#e9dfcf88,transparent 48%),linear-gradient(125deg,#fcfaf5,#f6f1e8 50%,#fffdf9);
 box-shadow:0 18px 60px #75634b0c,inset 0 0 0 7px #fffaf466;
}
.priceSheet::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/price-ornaments.svg') center top/100% auto repeat-y;opacity:.55;border-radius:inherit}
.priceSheet .priceBrand{position:relative;margin-bottom:36px;max-width:none}
.priceSheet .priceBrand img{width:clamp(150px,21vw,212px);box-shadow:0 8px 30px #75634b14}
.priceSheet .priceBrand .priceBrandName{font-family:'Great Vibes','Brush Script MT',cursive;font-size:clamp(45px,6vw,70px);font-style:normal;font-weight:400;line-height:1.35;letter-spacing:0;color:var(--price-gold);margin:18px 0 8px}
.priceSheet .priceBrand h2{font-size:clamp(33px,4vw,46px);color:var(--price-ink);letter-spacing:.3px}
.priceSheet .priceBrand h2 em{color:inherit}
.priceSheet .priceBrandWebsite{display:inline-block;margin-top:18px;font:500 11px/1.5 Montserrat,sans-serif;letter-spacing:2px;text-decoration:none;color:#806849}
.priceSheet .brandedPrices{overflow:visible;border:0;border-top:1px solid var(--price-line);border-bottom:1px solid var(--price-line);margin:0;background:#fffdf9d9}
.priceSheet .priceTable{color:var(--price-ink)}
.priceSheet .priceTable thead{background:#eae2d4aa;color:#705b44}
.priceSheet .priceTable thead th{padding:18px 14px;font-size:10px;letter-spacing:1px}
.priceSheet .priceTable th:first-child{width:57%}
.priceSheet .priceTable th:nth-child(2){width:25%}
.priceSheet .priceTable th:nth-child(3){width:18%}
.priceSheet .priceTable tbody th{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;font-weight:600;line-height:1.2}
.priceSheet .priceTable tbody th,.priceSheet .priceTable td{padding:24px 14px;border-color:var(--price-line)}
.priceSheet .priceTable td{font-size:12px;overflow-wrap:break-word}
.priceSheet .priceTable .price{font-size:14px;font-weight:500;background:#ede5d644;white-space:nowrap;color:#705b44}
.priceSheet .priceSubtitle{font-size:20px;margin-top:7px}
.priceSheet .priceDetail{font-size:11px;line-height:1.8;color:#6b6055}
.priceSheet .priceSignature{display:block;text-align:center;text-decoration:none;margin-top:23px;font-size:10px;letter-spacing:1.2px;line-height:1.8;color:#806849}
@media(max-width:760px){
 .priceSheet{padding:32px 14px 22px;border-radius:80px 80px 3px 3px / 24px 24px 3px 3px}
 .priceSheet .priceBrand{margin-bottom:28px}
 .priceSheet .priceBrand .priceBrandName{font-size:clamp(39px,8vw,60px)}
 .priceSheet .priceTable,.priceSheet tbody{display:block;width:100%}
 .priceSheet thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
 .priceSheet .priceTable tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:23px 12px;gap:18px 12px;border-bottom:1px solid var(--price-line)}
 .priceSheet .priceTable tbody th:first-child{grid-column:1/-1;width:auto;padding:0;border:0;font-size:25px}
 .priceSheet .priceTable td{padding:0;border:0;align-self:end;font-size:12px}
 .priceSheet .priceTable td::before{content:attr(data-label);display:block;font:500 9px/1.5 Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#806849;margin-bottom:5px}
 .priceSheet .priceTable td.price{padding:8px 9px;border:1px solid #cbb99b55;font-size:14px;border-radius:2px}
 .priceSheet .priceTable tr:last-child{border-bottom:0}
 .priceSheet .priceSignature{font-size:9px;letter-spacing:.6px}
}
@media print{.priceSheet{box-shadow:none}.priceSheet tr{break-inside:avoid}.priceSheet .priceBrand img{width:135px}}

/* sprachen.css */
/* Discreet language navigation, using the existing ZENOV typography and palette. */
.languageSwitch{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;font-size:10px;letter-spacing:1px;color:var(--gold)}
.languageSwitch a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:44px;text-decoration:none;color:var(--muted)}
.languageSwitch a[aria-current="page"]{color:var(--gold);text-decoration:underline;text-underline-offset:6px;font-weight:600}
.languageSwitch a:hover{color:var(--gold)}
html[lang="it"] .serviceHeading nav,html[lang="es"] .serviceHeading nav{overflow-wrap:anywhere}
html[lang="it"] .serviceDirectory a,html[lang="es"] .serviceDirectory a{overflow-wrap:anywhere}
@media(max-width:1100px){.languageSwitch{gap:8px;margin-top:-6px}}
@media(max-width:650px){html[lang="it"] .serviceCopy .priceTable,html[lang="es"] .serviceCopy .priceTable{min-width:0}html[lang="it"] .serviceCopy .priceTable th,html[lang="it"] .serviceCopy .priceTable td,html[lang="es"] .serviceCopy .priceTable th,html[lang="es"] .serviceCopy .priceTable td{padding:12px 8px;font-size:11px;overflow-wrap:break-word}html[lang="it"] .serviceCopy h2,html[lang="es"] .serviceCopy h2{overflow-wrap:break-word}}
html[lang="it"] h2,html[lang="es"] h2{overflow-wrap:anywhere}
html[lang="it"] .serviceMenu a,html[lang="es"] .serviceMenu a{overflow-wrap:anywhere}
@media(max-width:1000px){html[lang="it"] .serviceLayout,html[lang="es"] .serviceLayout{grid-template-columns:minmax(0,1fr);gap:35px}html[lang="it"] .serviceArtwork,html[lang="es"] .serviceArtwork{max-width:480px}}

/* Reserve a quiet top-right row so language links never crowd the logo or menu. */
.header{position:relative;padding-top:58px}
.header .languageSwitch{position:absolute;top:7px;right:5%;margin:0;gap:4px;font:500 11px/1.2 var(--sans);letter-spacing:1px;color:#827462}
.header .languageSwitch a{min-width:36px;min-height:44px;color:#716451;border-radius:3px}
.header .languageSwitch a[aria-current="page"]{color:#80683f;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;font-weight:600;background:#eae2d344}
.header .languageSwitch a:hover{color:#80683f;background:#eae2d366}
.header .languageSwitch a:focus-visible{outline:2px solid #80683f;outline-offset:1px}
@media(max-width:650px){.header{padding-top:58px}.header .languageSwitch{right:6%}}