: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}