:root{--pine:#163f43;--deep:#0d3033;--paper:#f6f3eb;--gold:#f2be45;--ink:#1b292b;--muted:#52615c;--pad:22px}*{box-sizing:border-box}html{scroll-padding-top:12px}body{margin:0;background:#d8ddd5;color:var(--ink);font:17px/1.6 Arial,Helvetica,sans-serif}.mobile-page{max-width:540px;margin:auto;background:var(--paper);box-shadow:0 0 55px #0d303318;min-height:100svh}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a96400;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;text-wrap:balance;font-weight:500;overflow-wrap:anywhere}h1{font-size:clamp(35px,10.2vw,53px)}h2{font-size:clamp(31px,8.5vw,44px)}p{max-width:100%}img,video{display:block;width:100%;height:auto}header{padding:20px var(--pad) 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;font-weight:800;letter-spacing:-.055em;font-size:24px;line-height:1.05}.brand span{display:block;font-weight:400;font-size:13px;letter-spacing:.01em;margin-top:6px}.header-contact{min-height:44px;font-size:14px;text-decoration:none;padding:10px 0}header nav{display:flex;width:100%;justify-content:space-between;gap:12px;border-top:1px solid #cbd4cc}header nav a{padding:15px 0 13px;font-size:14px;text-decoration:none;min-height:48px}header nav a[aria-current]{box-shadow:inset 0 -2px var(--pine)}.skip{position:fixed;top:-100px;left:10px;background:var(--gold);padding:15px;z-index:50}.skip:focus{top:10px}.scene{position:relative;overflow:hidden}.copy{padding:27px var(--pad) 14px}.preview{margin-top:16px;color:var(--muted)}.photography{display:flex;gap:4px;align-items:stretch}.photography figure{width:100%;min-width:0;background:#e2ded1}.photography.single img{width:100%;height:auto;max-height:720px;object-fit:cover}.diptych figure{width:50%}.diptych img{width:100%;height:100%;max-height:390px;object-fit:cover;aspect-ratio:3/4}.scene.duo:has(.photography img[alt^="Historische"]) .diptych{padding:20px 10px;background:#e6dfcf;gap:10px}.scene.duo:has(.photography img[alt^="Historische"]) .diptych img{object-fit:contain;max-height:310px;aspect-ratio:4/5}.scene.story:has(.photography img[alt^="Historische"]) figure{padding:16px;background:#e6dfcf}.hero{color:var(--paper);background:var(--deep)}.hero>.photography,.hero>.film{height:min(76svh,700px);min-height:480px;position:relative}.hero>.photography img,.hero>.film video{width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#071e20e0,transparent 72%)}.hero .copy{position:absolute;bottom:80px;left:0;right:0;z-index:2;padding:26px var(--pad)}.hero .preview{color:#f5f4e9;font-size:17px;max-width:380px}.hero h1{max-width:480px}.hero .feedback{position:absolute;bottom:12px;left:16px;z-index:4}.hero .film-button{position:absolute;z-index:5;right:15px;bottom:14px}.hero .ai-label{position:absolute;z-index:5;top:12px;right:12px;background:#0d3033c9;color:#fff;padding:3px 9px;font-size:13px;border-radius:2px}.feedback{display:flex;gap:4px;justify-content:flex-end;padding:6px 15px 13px;position:relative;color:#42615c}.feedback button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;border-radius:50%}.feedback button:hover,.feedback button[aria-pressed=true]{background:#163f4310;color:#ac6600}.feedback svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.hero .feedback{color:var(--paper);padding:0}.hero .feedback button[aria-pressed=true]{color:var(--gold)}.quote{padding:13px 0 0;background:var(--pine);color:var(--paper)}.quote .copy{padding-top:30px;padding-bottom:8px}.quote h2{font-size:clamp(30px,8.8vw,46px)}.quote .preview{color:#d6e0d7}.quote .feedback{color:#d6e0d7}.story,.duo{padding-top:15px}.text .copy{padding-top:36px}.read-more{margin-top:19px;border-top:1px solid #b9c4b9;border-bottom:1px solid #b9c4b9}.read-more summary{min-height:52px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;cursor:pointer;padding:9px 0}.read-more summary::-webkit-details-marker{display:none}.read-more summary span{font-size:25px;line-height:1;transition:transform .15s}.read-more[open] summary span{transform:rotate(45deg)}.read-more p{padding-bottom:20px;line-height:1.7}.read-more p+p{padding-top:0}.text-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;line-height:1.4;margin-top:22px;padding:12px 0;min-height:48px;text-decoration:none;border-bottom:1px solid currentColor}.text-link span{font-size:26px}.invitation{background:#e2e8dc;padding-top:9px}.invitation .copy{padding-top:31px}.links .copy{padding-top:30px}.world-links{margin-top:25px}.world-links a{display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-top:1px solid #b4c1b5;text-decoration:none;font-size:23px;letter-spacing:-.025em;min-height:66px}.world-links a:last-child{border-bottom:1px solid #b4c1b5}.film-button{border:1px solid #ffffff99;border-radius:30px;background:#0d3033e8;color:var(--paper);padding:10px 14px;min-height:44px;font-size:14px}.film video{display:block}.form{background:var(--deep);color:var(--paper);padding-top:10px}.form .preview{color:#d6e0d7}.form form{margin-top:25px}.form-note{font-size:14px;line-height:1.5;color:#e4d7b1;margin-bottom:25px}fieldset{border:0;padding:0;margin:0}legend{font-size:16px}label{display:block;font-size:15px;margin-top:18px}input,textarea,select{display:block;width:100%;padding:12px;margin-top:7px;background:transparent;border:1px solid #8c9d91;border-radius:2px;color:inherit;font-size:17px;max-width:100%}textarea{resize:vertical}.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;background:var(--gold);color:var(--deep);border:0;padding:14px 20px;min-height:48px;font-size:16px;text-decoration:none;margin-top:23px;border-radius:2px}.form [role=status]{font-size:15px;margin:16px 0}.form .feedback{color:#d6e0d7}footer{padding:38px var(--pad) 30px;background:var(--deep);color:var(--paper)}.footer-kicker{font-size:13px;letter-spacing:.08em;margin-bottom:17px}footer h2{font-size:clamp(34px,9vw,46px)}footer>p:not(.footer-kicker){margin-top:20px;color:#cfdbd1}footer nav{margin-top:30px;display:flex;flex-direction:column;gap:0}footer nav a{padding:12px 0;text-decoration:none;font-size:16px;border-bottom:1px solid #647b6d}.demo-note{font-size:13px;line-height:1.55;margin-top:28px!important}footer>a:last-child{display:block;font-size:15px;margin-top:20px;min-height:44px}.fallback{padding:30px var(--pad);background:#e2e8dc}.fallback h1,.fallback h2{font-size:30px;line-height:1.15;margin-bottom:20px}.offline-scene{visibility:hidden}.offline-scene:before{content:'Verbindung wird wiederhergestellt.';visibility:visible;position:absolute;inset:0;display:grid;place-items:center;padding:30px;background:var(--paper);color:var(--deep);font-size:16px;z-index:8}dialog{border:0;padding:20px 24px 28px;background:var(--paper);color:var(--ink);width:calc(100% - 28px);max-width:480px;max-height:90svh;overflow:auto;border-radius:3px}dialog::backdrop{background:#061d21b9}.dialog-close{text-align:right}.dialog-close button{font-size:24px;border:0;min-width:44px;min-height:44px;background:transparent;color:var(--deep)}dialog h2{font-size:30px}dialog p{font-size:15px;margin-top:17px}dialog select{background:var(--paper)}dialog .button{width:100%}.toast{position:fixed;left:50%;bottom:15px;transform:translateX(-50%);width:calc(100% - 30px);max-width:480px;background:var(--paper);color:var(--deep);font-size:16px;padding:16px 18px;box-shadow:0 3px 30px #0003;z-index:40}.no-js{font-size:15px;padding:20px;background:var(--paper)}
@media(max-width:350px){:root{--pad:18px}.hero h1{font-size:34px}.hero .copy{bottom:83px}.hero .feedback{left:8px}.hero .feedback button{min-width:44px}.hero .film-button{right:10px;bottom:65px;padding:9px 10px;font-size:13px}.hero:has(.film) .copy{bottom:115px}header nav{gap:7px}header nav a{font-size:13px}.hero>.photography,.hero>.film{min-height:480px}.preview{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.editorial-page{padding:26px 22px;min-height:100svh}.editorial-page h1{margin:30px 0 20px}.editorial-page [role=status]{margin-top:20px}.editorial-page input{background:var(--paper)}.editorial-page button{width:100%}.editorial-badge{display:block;background:var(--pine);color:var(--paper);padding:12px 22px;font-size:15px;min-height:48px}.editorial-entry{display:block;padding:12px 0;margin-top:20px;min-height:48px;font-size:15px}

.editorial-page .password-toggle{display:block;min-height:44px;border:0;background:transparent;color:var(--pine);text-decoration:underline;text-underline-offset:4px;text-align:left;padding:8px 0;margin-top:4px;font-size:15px}
/* A quiet, stable mobile shell. */
.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center;width:100%;height:72px;padding:10px 16px;background:#f6f3ebf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #163f4319}.wordmark{font-size:21px;font-weight:800;letter-spacing:-.055em;text-decoration:none;text-align:center;line-height:1.1}.shell-button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:9px;border:0;background:transparent;color:var(--pine)}.shell-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4}.panel-open{overflow:hidden}.shell-panel{position:fixed;inset:0;width:100%;max-width:540px;height:100dvh;max-height:100dvh;margin:0 auto;border:0;border-radius:0;padding:0;background:var(--paper);color:var(--pine);overflow:auto;transform:translateX(100%);opacity:0;transition:transform .22s ease,opacity .22s ease}.shell-panel.is-visible{transform:translateX(0);opacity:1}.shell-panel::backdrop{background:#0d30337a}.panel-head{display:flex;align-items:center;justify-content:space-between;height:72px;padding:10px 16px;position:sticky;top:0;background:var(--paper);z-index:2}.panel-head .wordmark{margin-left:54px}.panel-content{padding:20px 24px 40px}.panel-content h2{font-size:32px;margin-bottom:28px}.menu-links{display:flex;flex-direction:column}.menu-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:59px;padding:13px 0;border-bottom:1px solid #163f432b;font-size:23px;line-height:1.25;letter-spacing:-.03em;text-decoration:none;opacity:0;transform:translateX(12px);transition:transform .25s,opacity .25s}.is-visible .menu-links a{opacity:1;transform:translateX(0)}.is-visible .menu-links a:nth-child(2n){transition-delay:.04s}.is-visible .menu-links a:nth-child(3n){transition-delay:.08s}.menu-links span{font-size:20px}.menu-language{font-size:14px;margin-top:28px}.search-status{margin-top:24px;font-size:16px}.search-results{display:flex;flex-direction:column;margin-top:20px}.search-results a{padding:16px 0;border-bottom:1px solid #163f432b;text-decoration:none;min-height:60px;font-size:21px;line-height:1.3}.search-results small{display:block;font-size:13px;color:var(--muted);margin-top:5px}.info-page{padding:30px 23px 45px}.info-page h1{font-size:39px;margin:20px 0}.info-page>p{margin-top:20px}.info-page .eyebrow{font-size:14px}.info-page .world-links{margin-top:40px}.info-page .world-links a{font-size:22px}@media(prefers-reduced-motion:reduce){.shell-panel,.menu-links a{transition:none!important;transform:none!important}}
.site-header .wordmark,.panel-head .wordmark{display:flex;min-height:44px;align-items:center;justify-content:center}.panel-head{display:grid;grid-template-columns:44px 1fr 44px;gap:10px}.panel-head .wordmark{grid-column:2;margin:0}.panel-head .shell-button{grid-column:3}html{scroll-padding-top:84px}
.service{background:#e2e8dc;padding:6px 0}.service .copy{padding-top:30px}.service-ways{display:flex;flex-direction:column;margin-top:20px}.service-ways a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #a4b5a8;min-height:54px;text-decoration:none;font-size:18px}.service-ways a:last-child{border-bottom:1px solid #a4b5a8}.product{padding-top:15px;background:#e7e1cf}.product .eyebrow{font-size:14px;letter-spacing:.025em;margin-top:22px}.product-details{margin-top:12px}.product-details summary{font-size:19px;min-height:60px}.product-details dl{margin:0 0 22px}.product-details dl>div{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:11px 0;border-bottom:1px solid #b9c4b9;font-size:16px}.product-details dd{margin:0;text-align:right}.product-details .uvp{font-size:26px;line-height:1.4;padding-bottom:10px}.uvp span{font-size:15px}.product-details .product-note{font-size:14px}.source-link{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.4;margin-bottom:10px}.cinema>.film{position:relative;height:min(70svh,620px);min-height:460px;background:var(--deep)}.cinema video{height:100%;object-fit:cover}.cinema .film-button{position:absolute;right:16px;bottom:16px;z-index:2}.cinema .ai-label{position:absolute;right:12px;top:12px;background:#0d3033c9;color:white;padding:3px 9px;font-size:13px}.menu-links a:last-child{font-size:18px;margin-top:15px}
.hero-loading,.safe-hero{min-height:480px}.safe-hero{padding-top:90px}.safe-hero .copy{position:relative;bottom:auto}

.location{margin-top:30px;padding-top:25px;border-top:1px solid #b4c1b5}.location h2{font-size:30px}.location p{margin:12px 0;color:var(--muted)}.location address{font-style:normal}.info-page .location-source{font-size:14px}.location-source a{display:inline-flex;align-items:center;min-height:44px}

.menu-language{display:flex;gap:24px;flex-wrap:wrap}.menu-language a{display:inline-flex;align-items:center;min-height:44px}.menu-language a[aria-current=page]{font-weight:bold;text-decoration:none}html[lang=en] .offline-scene:before{content:'Reconnecting.'}.scene.duo:has(.photography img[alt^="Historical"]) .diptych{padding:20px 10px;background:#e6dfcf;gap:10px}.scene.duo:has(.photography img[alt^="Historical"]) .diptych img{object-fit:contain;max-height:310px;aspect-ratio:4/5}.scene.story:has(.photography img[alt^="Historical"]) figure{padding:16px;background:#e6dfcf}

/* A full-screen opening, then a native scroll into the intimate editorial column. */
body[data-world]{background:var(--paper)}
body[data-world]>.mobile-page{max-width:none;background:transparent;box-shadow:none}
body[data-world] .site-header{position:sticky}
.opening-scene>.hero{min-height:calc(100svh - 72px);display:flex;align-items:flex-end}
.opening-scene>.hero>.photography,.opening-scene>.hero>.film{height:100%;min-height:0;position:absolute;inset:0}
.opening-scene>.hero>.photography figure{width:100%;height:100%}
.opening-scene>.hero>.photography img,.opening-scene>.hero>.film video{height:100%;max-height:none;object-fit:cover}
.opening-scene>.hero .copy{position:relative;bottom:auto;padding-bottom:94px;max-width:680px}
.opening-scene>.hero:has(.film) .copy{padding-bottom:118px}
.opening-scene>.safe-hero{padding-top:0}
.opening-scene>.fallback{min-height:calc(100svh - 72px);display:flex;flex-direction:column;justify-content:center}
.journey-layout{max-width:540px;margin-inline:auto}
.journey-flow{min-width:0;background:var(--paper)}
.journey-navigation{display:none}
@media(min-width:700px){
 body[data-world] .site-header{padding-inline:32px}
 .opening-scene>.hero .copy{padding-left:clamp(32px,7vw,120px);max-width:840px;padding-bottom:100px}
 .opening-scene>.hero h1{font-size:clamp(53px,6vw,88px);max-width:740px}
 .opening-scene>.hero .preview{font-size:20px;max-width:440px}
 .opening-scene>.hero .feedback{left:clamp(32px,7vw,120px);bottom:24px}
 .opening-scene>.hero .film-button{right:32px;bottom:28px}
 .opening-scene>.hero .ai-label{top:20px;right:32px}
 .opening-scene>.hero>.film video{object-position:50% 42%}
 .opening-scene [data-photo-id="mobile-photo-19"]{object-position:50% 40%}
 .opening-scene [data-photo-id="mobile-photo-53"]{object-position:50% 25%}
 .journey-flow{box-shadow:0 0 55px #0d303310}
 .shell-panel{margin-right:0}
}
@media(min-width:1040px){
 .opening-scene>.hero>.photography{left:auto;width:62%}
 .opening-scene>.hero:has(>.photography):after{background:linear-gradient(90deg,var(--deep) 28%,#0d3033ed 40%,#0d303355 57%,transparent 75%),linear-gradient(0deg,#071e2080,transparent 50%)}
 .opening-scene>.hero:has(>.photography) .copy{width:52%;max-width:880px;padding-right:32px}
 .opening-scene>.hero:has(>.photography) h1{font-size:clamp(44px,4.4vw,72px)}
 .journey-layout{display:grid;grid-template-columns:240px 540px;gap:48px;max-width:960px;padding-inline:32px;align-items:start}
 .journey-navigation{display:block;position:sticky;top:100px;padding-block:24px;max-height:calc(100svh - 120px);overflow:auto;overscroll-behavior:contain;color:var(--pine)}
 .journey-navigation nav{display:flex;flex-direction:column}
 .journey-navigation .wordmark{display:flex;align-items:center;justify-content:flex-start;min-height:52px;margin-bottom:16px;font-size:23px}
 .journey-navigation a{display:flex;align-items:center;min-height:48px;padding:11px 0;border-bottom:1px solid #163f4326;text-decoration:none;font-size:17px;line-height:1.35}
 .journey-navigation a[aria-current=page]{font-weight:bold}
 .journey-navigation a:hover{color:#875300}
 .journey-navigation a:last-child{font-size:14px;margin-top:12px}
}
@media(min-width:700px) and (max-height:600px){
 .opening-scene>.hero .copy,.opening-scene>.hero:has(.film) .copy{padding-top:20px;padding-bottom:90px;max-width:none}
 .opening-scene>.hero h1{font-size:clamp(36px,4vw,56px);max-width:760px}
 .opening-scene>.hero .preview{font-size:17px;max-width:600px}
}

/* A responsive still stays visible until the first decoded video frame. */
.film{position:relative}
.film-poster{position:absolute;inset:0;display:block;pointer-events:none}
.film-poster img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.film [data-desktop-src]{position:relative}
.film [data-desktop-src]:not([data-frame-ready]){opacity:0;pointer-events:none}
.film:has(.film-poster):not(.film-ready)>.film-button{display:none}
@media(min-width:700px){.opening-scene>.hero .film-poster img{object-position:50% 42%}}

.film noscript video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.scene:has(noscript video) .feedback{display:none}

.scene:has(noscript video) .copy{pointer-events:none}
.scene:has(noscript video) .copy a,.scene:has(noscript video) .copy summary{pointer-events:auto}
.film [data-desktop-src]:not([data-film-ready]){visibility:hidden}

/* A display choice beside the menu; the normal design stays readable. */
.site-header{grid-template-columns:44px minmax(0,1fr) auto}
.header-actions{display:flex;gap:2px;align-items:center}
.simple-view-toggle{border-radius:50%}
.simple-view-toggle[aria-pressed=true]{background:var(--pine);color:var(--paper)}
.simple-view-toggle:hover{box-shadow:inset 0 0 0 1px currentColor}
html[data-simple-view] *,html[data-simple-view] *:before,html[data-simple-view] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-simple-view] .shell-panel,html[data-simple-view] .menu-links a{transform:none;opacity:1}
html[data-simple-view] .film [data-mobile-film]{visibility:hidden;pointer-events:none}
html[data-simple-view] .film-button{display:none}
/* Keep focus distinguishable against both cream and deep petrol surfaces. */
.hero :focus-visible,.form :focus-visible,footer :focus-visible{outline-color:var(--gold)}

/* Regional orientation stays readable independently of the map artwork. */
.regional-map{margin-top:28px}.regional-map img{height:auto}.regional-map figcaption{margin-top:14px;font-size:16px;line-height:1.6}.map-attribution{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.location-logo{width:100%;max-width:400px;height:auto;margin:32px auto 20px}.info-page a[href^="mailto:"]{overflow-wrap:anywhere}

/* German header: original brand at left, one group of full-sized controls at right. */
html[lang=de] .site-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-block:4px}
html[lang=de] .site-header .wordmark,html[lang=de] .panel-head .wordmark{justify-content:flex-start;justify-self:start;min-width:0}
html[lang=de] .panel-head{grid-template-columns:minmax(0,1fr) 44px;padding-block:4px}
html[lang=de] .panel-head .wordmark{grid-column:1}
html[lang=de] .panel-head .shell-button{grid-column:2}
/* Show the existing brand mark at a readable size, without the wide asset's side artwork. */
.brand-logo{display:block;width:106px;height:64px;overflow:hidden;flex-shrink:0}
.brand-logo img{width:240px;max-width:none;height:auto;transform:translate(-10px,-10px)}
.opening-hours{margin-top:24px;font-size:17px;line-height:1.5}
.opening-hours dl{margin:10px 0 0}
.opening-hours dl>div+div{margin-top:8px}
.opening-hours dd{margin:0}
.journey-navigation .opening-hours{font-size:16px}
/* The whole film is a native button; text and feedback keep their own actions. */
html[lang=de] .film .film-button{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;z-index:1}
html[lang=de] .film .film-button:focus-visible{outline:3px solid var(--gold);outline-offset:-6px}
html[lang=de] .scene:has(.film) .copy{pointer-events:none}
html[lang=de] .scene:has(.film) .copy a,html[lang=de] .scene:has(.film) .copy summary{pointer-events:auto}

html[lang=de] .toast{pointer-events:none}

/* Four German action icons share one clear, rounded outline. */
html[lang=de] .shell-button svg.ui-icon{width:24px;height:24px;stroke-width:2}
/* 19px feedback icons render 1.5 SVG units as 1.1875 screen pixels. */
html[lang=de] .feedback svg.ui-icon{width:24px;height:24px;stroke-width:1.1875}

/* The mower story reads in chapters, at the pace of its content, without scroll interception. */
.chapter{background:var(--paper);padding:0;isolation:isolate;overflow:clip}
.chapter-intro{padding:48px var(--pad) 30px}
.chapter .eyebrow{font-size:14px;letter-spacing:.075em;margin-bottom:20px;line-height:1.4}
.chapter h2{font-size:clamp(34px,9.3vw,49px);line-height:1.08;max-width:470px}
.chapter .preview{margin-top:24px;font-size:18px;line-height:1.6}
.chapter-image{margin:0;position:relative}
/* Preserve the HTML width/height ratio while lazy images are still loading. */
.chapter-image img{display:block;width:100%;height:auto;max-height:none}
.chapter-image.landscape img{aspect-ratio:4/3;object-fit:cover}
.chapter-image figcaption{padding:10px var(--pad) 14px;font-size:14px;line-height:1.5}
.chapter-beat{padding:26px var(--pad) 32px}
.chapter-beat h3{font-size:clamp(27px,7.4vw,35px);line-height:1.15;margin-bottom:14px}
.chapter-beat p{font-size:17px;line-height:1.65}
.chapter-step{display:block;font-size:15px;letter-spacing:.08em;margin-bottom:15px;color:#765b28}
.chapter-end{padding:10px var(--pad) 36px}
.chapter-payoff{font-size:clamp(26px,7vw,34px);line-height:1.25;letter-spacing:-.035em;margin:20px 0 30px;text-wrap:balance}
.chapter-cta{width:100%;gap:12px;line-height:1.4;text-align:center}
.chapter-dark{background:var(--deep);color:var(--paper)}
.chapter-dark .preview,.chapter-dark .feedback{color:#e2e9df}
.chapter-dark .chapter-step{color:var(--gold)}
.chapter-dark .read-more{border-color:#7d958b}
.chapter-dark :focus-visible{outline-color:var(--gold)}
.chapter-sage{background:#e2e8dc}
.chapter .feedback{padding-top:0;padding-bottom:18px}
.chapter-price{padding:8px var(--pad) 25px}
.chapter-price .price-range{font-size:clamp(32px,9.6vw,52px);line-height:1.15;letter-spacing:-.055em;color:var(--pine);margin-bottom:14px;white-space:nowrap}
.chapter-price .price-note{margin-top:24px;font-size:17px}
.chapter-comparison{display:grid;grid-template-columns:1fr;gap:0}
.chapter-comparison figure{position:relative}
.chapter-comparison img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.chapter-comparison figcaption{position:absolute;left:22px;top:22px;background:var(--paper);color:var(--pine);padding:5px 13px;font-size:16px}
.chapter-caption{font-size:14px;line-height:1.5;padding:12px var(--pad) 20px}
.chapter-image.archive img{object-fit:contain;background:#e6dfcf;padding:16px}
.chapter .chapter-beat+.chapter-beat{border-top:1px solid #879f8b55;margin-inline:var(--pad);padding-inline:0}
.system-map{margin:0 var(--pad) 16px;padding:24px 0;border-block:1px solid #879f8b66}
.system-map figcaption{font-size:24px;line-height:1.25;letter-spacing:-.03em;margin-bottom:24px}
.system-map dl{margin:0}
.system-map dl>div{display:grid;grid-template-columns:1fr;gap:10px;padding:18px 0}
.system-map dl>div+div{border-top:1px solid #879f8b55}
.system-map dt{font-size:20px;line-height:1.3;color:var(--pine)}
.system-map dd{margin:0;font-size:17px;line-height:1.5}
.system-map dd p+p{margin-top:7px;color:var(--muted)}
/* Keep the symbolic mower fully in frame within the short technology image. */
.chapter-image.landscape:has([data-illustration-id="mower-technology"]) img{object-position:50% 82%}

/* Price and primary actions have their own hierarchy, distinct from reading text. */
.chapter-price .price-range{display:flex;align-items:baseline;gap:.18em;flex-wrap:wrap;font-size:clamp(32px,10vw,48px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;letter-spacing:0;color:#087c3d;white-space:normal}
.price-range>span{white-space:nowrap}
.chapter-price .price-note{padding-top:20px;border-top:1px solid #879f8b66}
.chapter-cta,html[lang=de] body[data-world=maehroboter] footer>.button{background:#087c3d;color:#fff;font-size:19px;font-weight:700;min-height:64px;padding:17px 22px;border-radius:32px;box-shadow:0 4px 0 #065b2e}
.chapter-cta{justify-content:space-between;text-align:left}
.chapter-cta>span{font-size:27px;line-height:1;flex-shrink:0}
.chapter-cta:hover,html[lang=de] body[data-world=maehroboter] footer>.button:hover{background:#06632f}
.chapter-cta:active{box-shadow:0 1px 0 #065b2e}
.chapter-image-frame{overflow:clip}
@supports(animation-timeline:view()){
 .story-motion .chapter-image-frame img{animation:mower-garden-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
}
@keyframes mower-garden-drift{from{transform:translateY(3%) scale(1.08)}to{transform:translateY(-3%) scale(1.08)}}
html[data-simple-view] .chapter-image-frame img{transform:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.chapter-image-frame img{transform:none!important;animation:none!important}}
/* Both static images are the fallback; a native range optionally reveals their difference. */
.comparison-images{display:grid;grid-template-columns:1fr}
.comparison-ready .comparison-images{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/5}
.comparison-ready .comparison-images figure{grid-area:1/1;min-width:0;width:100%;height:100%}
.comparison-ready .comparison-images img{height:100%;aspect-ratio:auto;object-fit:cover}
.comparison-ready .comparison-images figure:last-child{clip-path:inset(0 0 0 var(--comparison-split,50%))}
.comparison-ready .comparison-images figure:last-child figcaption{left:auto;right:22px}
.comparison-ready .comparison-images:after{content:'↔';position:absolute;left:var(--comparison-split,50%);top:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--paper);border-radius:50%;background:var(--deep);color:var(--paper);font-size:25px;pointer-events:none}
.comparison-ready .comparison-images:before{content:'';position:absolute;left:var(--comparison-split,50%);top:0;bottom:0;border-left:2px solid var(--paper);z-index:1;pointer-events:none}
.comparison-ready .comparison-images:after{z-index:2}
.comparison-controls{padding:20px var(--pad) 25px}
.comparison-controls label{font-size:20px;font-weight:700;margin:0}
.comparison-controls input{height:48px;padding:0;margin:10px 0 0;border:0;accent-color:var(--gold);touch-action:pan-y}
.comparison-controls p{font-size:16px;line-height:1.5}
.comparison-switch{margin-top:18px;padding:10px 20px;min-height:48px;border:1px solid currentColor;border-radius:25px;background:transparent;color:inherit;font-size:17px}
.garden-check{margin:8px var(--pad) 30px;padding:24px 0 0;border-top:1px solid #879f8b66}
.garden-check legend{font-size:25px;line-height:1.25;letter-spacing:-.03em;padding:0 0 12px}
.garden-check>p{font-size:17px;line-height:1.5;margin-bottom:16px}
.garden-check label{display:flex;align-items:center;gap:14px;min-height:58px;padding:12px 0;margin:0;border-bottom:1px solid #879f8b66;font-size:18px;cursor:pointer}
.garden-check input{width:24px;height:24px;padding:0;margin:0;flex-shrink:0;accent-color:#087c3d}
.garden-check .garden-check-result{margin:20px 0 0;min-height:4.5em;font-size:16px}
.comparison-ready .comparison-images{touch-action:pan-y;cursor:ew-resize}

/* Review: the same header stays in the native dialog's top layer, above its panel. */
html[lang=de] .site-header{gap:10px;padding-inline:12px}
html[lang=de] .header-actions{gap:10px}
html[lang=de] .brand-logo{width:clamp(138px,24vw,210px);height:auto;flex-shrink:1}
html[lang=de] .brand-logo img{width:100%;height:auto;transform:none}
html[lang=de] .shell-button{border-radius:6px}
html[lang=de] .shell-button[aria-expanded=true],html[lang=de] .shell-button[aria-pressed=true]{background:var(--pine);color:var(--paper)}
html[lang=de] .shell-panel{max-width:none;width:100%;height:100dvh;max-height:100dvh;margin:0;overflow:hidden;transform:none;opacity:1;background:transparent;transition:none}
html[lang=de] .shell-panel::backdrop{background:linear-gradient(to bottom,transparent 72px,#0d30337a 72px)}
html[lang=de] .shell-panel>.site-header{position:fixed;top:0;left:var(--header-left,0px);width:var(--header-width,100%);z-index:3;background:var(--paper)}
html[lang=de] .panel-surface{position:absolute;right:0;top:72px;bottom:0;width:min(100%,540px);background:var(--paper);overflow:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .22s ease}
html[lang=de] .shell-panel.is-visible .panel-surface{transform:none}
html[lang=de] .panel-head{display:flex;justify-content:flex-end;height:52px;padding:4px 14px;position:static}
html[lang=de] .panel-content{padding-top:0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
html[lang=de] .menu-links a{font-size:21px;letter-spacing:-.02em;min-height:56px;padding:13px 15px;margin:5px 0;border:1px solid #163f4340;border-radius:4px;background:#fff9;opacity:1;transform:none}
html[lang=de] .menu-links a:last-child{font-size:17px;margin-top:12px}
html[lang=de] .menu-links a:hover,html[lang=de] .journey-navigation nav>a:not(.wordmark):hover{background:#dce6db}
html[lang=de] .journey-navigation nav>a:not(.wordmark){border:1px solid #163f4338;border-radius:4px;padding:11px 12px;margin-block:4px}
.menu-contact>a{display:flex;align-items:center;min-height:48px;font-size:18px;overflow-wrap:anywhere}
.menu-contact .opening-hours{margin-bottom:12px}
html[lang=de] .info-page>.opening-hours{padding:22px 0;border-block:1px solid #879f8b66;font-size:21px}
html[lang=de] .info-page>.opening-hours dd{font-size:24px;font-weight:700;margin-top:6px;line-height:1.4}
html[lang=de] .service-ways a,html[lang=de] .text-link{background:var(--pine);color:var(--paper);border:0;border-radius:4px;padding:14px 16px;font-weight:700;font-size:17px;gap:12px}
html[lang=de] .service-ways{gap:10px}
html[lang=de] .service-ways a:last-child{border:0}
html[lang=de] .text-link:hover,html[lang=de] .service-ways a:hover{background:var(--deep)}
html[lang=de] .world-links a{border:1px solid #163f4340;border-radius:4px;padding:16px;margin-block:10px;background:#fff6}
html[lang=de] .scene:not(.hero){overflow:clip}
@supports(animation-timeline:view()){
 html[lang=de]:not([data-simple-view]) .photography figure{overflow:clip}
 html[lang=de]:not([data-simple-view]) .scene:not(.hero) .photography img{animation:mower-garden-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
}
@media(prefers-reduced-motion:reduce){html[lang=de] .panel-surface{transition:none;transform:none}html[lang=de] .photography img{animation:none!important;transform:none!important}}
html[data-simple-view] .panel-surface{transform:none}
@media(min-width:700px){html[lang=de] .site-header{padding-inline:32px}}
@media(max-width:359px){html[lang=de] .site-header{padding-inline:8px;gap:8px}html[lang=de] .header-actions{gap:8px}html[lang=de] .brand-logo{width:138px}}

.garden-input{margin:12px var(--pad) 30px;padding:24px 0;border-top:1px solid #879f8b66}
.garden-input legend,.garden-summary h3{font-size:26px;line-height:1.25;letter-spacing:-.03em;padding-bottom:12px}
.garden-input label{font-size:18px;line-height:1.5}
.garden-input input[type=range]{height:48px;padding:0;border:0;accent-color:#087c3d;touch-action:pan-y}
.garden-input output{display:block;font-size:24px;font-weight:700;line-height:1.5;margin-block:12px}
.garden-input p{font-size:17px;line-height:1.6;margin-top:18px}
.garden-input select,.garden-input input[type=text]{background:var(--paper);color:var(--pine);min-height:52px}
.garden-summary ul{padding-left:22px;overflow-wrap:anywhere}
.garden-summary li{margin-top:12px}
.garden-save-status{font-size:15px!important}
.location-photo{margin-bottom:22px;height:auto;width:100%;border-radius:2px}
.product-image{background:white}.product-image img{width:100%;height:auto;max-height:540px;object-fit:contain}
/* Photo animations retain the original as poster and use the same media controls. */
.photo-animation{width:100%;background:#e6dfcf;overflow:clip}
.photo-animation video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.photo-animation video:not([data-photo-frame]){opacity:0}
.photo-animation .film-poster img{height:100%!important;max-height:none!important;object-fit:contain!important;animation:none!important;transform:none!important}
.photo-animation .ai-label{position:absolute;right:8px;bottom:8px;font-size:13px;background:#0d3033dc;color:var(--paper);padding:3px 8px;z-index:2;pointer-events:none}
.scene.duo .photography:has(.photo-animation){align-items:center}
[data-garden-transfer][aria-disabled=true]{opacity:.6;cursor:wait;pointer-events:none}
.photo-animation .film-poster{position:relative;display:block}
.photo-animation .film-poster img{height:auto!important}

/* Second review: input modality, matching category symbols and a calm right-side panel. */
html[lang=de]:not(.keyboard-navigation) .shell-panel a:focus-visible{outline:none}
html[lang=de] .panel-surface{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
html[lang=de] .panel-content{padding-top:24px}
html[lang=de] .theme-icon{width:26px;height:26px;min-width:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
html[lang=de] .menu-links a,html[lang=de] .journey-navigation nav>a:not(.wordmark){justify-content:flex-start;gap:16px}
html[lang=de] .menu-links a>span{font-size:inherit}
html[lang=de] .service-ways a{justify-content:flex-start;gap:16px}
html[lang=de] .site-header,html[lang=de] .shell-panel>.site-header{background:rgb(246 243 235 / 84%);backdrop-filter:blur(16px)}
html[lang=de] .feedback button:hover{background:transparent;color:inherit}
html[lang=de] .feedback button:is([data-action=like],[data-action=dislike])[aria-pressed=true],html[lang=de] .feedback button[data-reported=true]{color:#e54747;background:transparent}
html[lang=de] .feedback button:is([data-action=like],[data-action=dislike])[aria-pressed=true] svg,html[lang=de] .feedback button[data-reported=true] svg{fill:currentColor;stroke:currentColor}
.garden-input input[type=range]{appearance:none;-webkit-appearance:none;width:calc(100% - 48px);margin:18px 24px;height:64px;background:transparent;cursor:ew-resize;touch-action:pan-y}
.garden-input input[type=range]::-webkit-slider-runnable-track{height:10px;background:#b2c9b4;border-radius:5px}
.garden-input input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:44px;margin-top:-17px;border-radius:50%;background:#087c3d;border:4px solid var(--paper);box-shadow:0 1px 5px #0d303344}
.garden-input input[type=range]::-moz-range-track{height:10px;background:#b2c9b4;border-radius:5px}
.garden-input input[type=range]::-moz-range-thumb{width:36px;height:36px;border:4px solid var(--paper);border-radius:50%;background:#087c3d;box-shadow:0 1px 5px #0d303344}
.photo-animation{isolation:isolate}
.photo-animation video{object-fit:cover}
.photo-animation:has(video[data-photo-frame]) .film-poster{opacity:0}
html[data-simple-view] .photo-animation .film-poster{opacity:1}
@keyframes editorial-photo-drift{from{transform:translateY(7%) scale(1.18)}to{transform:translateY(-7%) scale(1.18)}}
@supports(animation-timeline:view()){
 html[lang=de]:not([data-simple-view]) .scene:not(.hero) .photography:not(:has(.photo-animation)) img{animation-name:editorial-photo-drift}
}
@media(prefers-reduced-motion:reduce){html[lang=de] .panel-surface{transition:none}html[lang=de] .photography img{animation:none!important;transform:none!important}}
/* Clean historical prints float as a composed photo pair; the original scan backing is gone. */
html[lang=de] .history-composition .photography{position:relative;background:#e2e8dc;padding:34px 22px 30px;gap:18px;align-items:center;perspective:1000px}
html[lang=de] .history-composition .photography figure{background:transparent;padding:0;overflow:visible;flex:1}
html[lang=de] .history-composition .photography img{padding:0;background:transparent;object-fit:contain;aspect-ratio:auto;max-height:none;filter:drop-shadow(0 12px 10px #0d30332b);animation:none;transform:rotate(-5deg)}
html[lang=de] .history-composition .photography figure+figure img{transform:rotate(5deg)}
@supports(animation-timeline:view()){
 html[lang=de]:not([data-simple-view]) .history-composition .photography:not(:has(.photo-animation)) img{animation:history-print-left linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
 html[lang=de]:not([data-simple-view]) .history-composition .photography figure+figure img{animation-name:history-print-right}
}
@keyframes history-print-left{from{transform:translateY(22px) rotate(-9deg) rotateY(9deg)}to{transform:translateY(-22px) rotate(-2deg) rotateY(-5deg)}}
@keyframes history-print-right{from{transform:translateY(-15px) rotate(8deg) rotateY(-8deg)}to{transform:translateY(20px) rotate(2deg) rotateY(5deg)}}
html[data-simple-view] .history-composition .photography img{animation:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){html[lang=de] .history-composition .photography img{animation:none!important;transform:none!important}}
html[lang=de] .history-composition .photography{display:block;padding:38px 28px 40px}
html[lang=de] .history-composition .photography figure{width:70%;position:relative}
html[lang=de] .history-composition .photography figure+figure{width:77%;margin:-30px 0 0 auto}
html[lang=de] .history-composition .photo-animation{background:transparent;filter:drop-shadow(0 12px 10px #0d30332b);transform:rotate(-5deg)}
html[lang=de] .history-composition .photo-animation img{filter:none}
html[lang=de] .history-composition .photo-animation video{mask-image:url('/assets/media/history-clean-0-480.webp');mask-size:100% 100%;mask-repeat:no-repeat}
@supports(animation-timeline:view()){
 html[lang=de]:not([data-simple-view]) .history-composition .photo-animation{animation:history-print-left linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
}
html[data-simple-view] .history-composition .photo-animation{transform:none;animation:none}
@media(prefers-reduced-motion:reduce){html[lang=de] .history-composition .photo-animation{transform:none;animation:none}}
.garden-check .garden-check-result{min-height:0}
.garden-check .garden-check-result:empty{display:none}

/* Confirmed review 10:46: native galleries, complete header travel, shared Home actions. */
html[lang=de] .site-header{transition:transform .24s ease;will-change:transform}
html[lang=de] .site-header.is-hidden{transform:translateY(calc(-100% - 2px))}
html[lang=de] .shell-panel>.site-header{transform:none}
html[lang=de] .shell-panel{overflow:clip}
html[lang=de] .product-gallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:12px 16px 8px;background:#fff;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
html[lang=de] .product-gallery .product-image{flex:0 0 88%;min-width:0;scroll-snap-align:start}
html[lang=de] .product-gallery img{aspect-ratio:1;max-height:none;object-fit:contain;animation:none;transform:none}
html[lang=de] .product-gallery figcaption{text-align:center;font-size:16px;padding:8px;color:var(--muted)}
html[lang=de] .chapter-cta,html[lang=de] a.button{background:var(--pine);color:var(--paper);font-size:17px;font-weight:700;min-height:54px;padding:14px 16px;border-radius:4px;box-shadow:none;gap:12px;line-height:1.4}
html[lang=de] footer>.button,html[lang=de] body[data-world=maehroboter] footer>.button{background:var(--gold);color:var(--ink);font-size:17px;min-height:54px;padding:14px 16px;border-radius:4px;box-shadow:none}
html[lang=de] a.button:hover,html[lang=de] .chapter-cta:hover{background:var(--deep)}
html[lang=de] footer>.button:hover,html[lang=de] body[data-world=maehroboter] footer>.button:hover{background:#e4ad2f}
html[lang=de] a:has(>.theme-icon){gap:12px}
html[lang=de] .source-link .theme-icon{width:22px;height:22px;min-width:22px;margin-left:auto}
html[lang=de] .world-links a{display:flex;align-items:center;justify-content:space-between}
@media(prefers-reduced-motion:reduce){html[lang=de] .site-header{transition:none}}
html[data-simple-view][lang=de] .site-header{transition:none}

html[lang=de] .gallery-hint{font-size:16px;padding:8px 22px 12px;background:#fff;color:var(--muted)}

/* Public comments expand in page flow; the scene and its imagery retain their dimensions. */
html[lang=de] .feedback [data-action=comment][aria-expanded=true]{color:#e54747}
html[lang=de] .feedback [data-action=comment] svg{width:24px;height:24px;stroke-width:1.1875}
.section-comments{max-width:540px;margin-inline:auto;padding:28px var(--pad);background:var(--paper);color:var(--ink);border-top:1px solid #b9c4b9}
.section-comments h2{font-size:27px;letter-spacing:-.025em;margin-bottom:20px}
.section-comment{padding:18px 0;border-bottom:1px solid #cbd4cc}
.comment-meta{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}
.comment-state{font-weight:700;font-size:15px;margin-top:10px;color:var(--pine)}
.section-comments .comment-note{font-size:14px;color:var(--muted);margin:10px 0}
.section-comments label{display:block;font-weight:700;margin-top:22px}
.section-comments textarea{display:block;width:100%;min-height:140px;padding:12px;font-size:17px;line-height:1.5;background:#fff;border:1px solid #9daea4;border-radius:4px;margin-top:8px;resize:vertical;scroll-margin-block:90px}
.section-comments button{min-height:44px;min-width:44px;border:0;border-radius:4px;padding:10px 12px;background:var(--pine);color:var(--paper);font-size:16px;line-height:1.4}
.section-comments .button{width:100%;min-height:54px;font-weight:700;background:var(--pine);color:var(--paper)}
.section-comments .comment-refresh,.section-comments .comment-more{background:transparent;color:var(--pine);text-decoration:underline;margin-top:10px}
.section-comments .comment-approve{margin-top:10px}
.comment-status{margin-top:14px;font-size:16px;overflow-wrap:anywhere}
.comment-empty{color:var(--muted)}

/* The selected scene keeps its original nodes; only its native scroll range is visible. */
html.comment-review,html.comment-review body[data-world]{background:var(--comment-background,var(--paper));overflow-anchor:none}
html.comment-review .site-header,html.comment-review .editorial-badge,html.comment-review .skip,html.comment-review .journey-navigation,html.comment-review footer,
html.comment-review .scene:not(.comment-target),html.comment-review .fallback:not(.comment-target),html.comment-review .section-comments:not(.comment-active),
html.comment-review .opening-scene:not(:has(.comment-target)),html.comment-review .journey-layout:not(:has(.comment-target)){display:none!important}
html.comment-review .journey-layout{display:block;max-width:540px;padding:0;margin-inline:auto}
html.comment-review .journey-flow{background:var(--comment-background,var(--paper));box-shadow:none}
html.comment-review .comment-target{background-color:var(--comment-background,var(--paper))!important}
html.comment-review .opening-scene>.comment-target.hero{min-height:var(--review-hero-height)}
.comment-scroll-space{background:var(--comment-background,var(--paper));max-width:540px;margin-inline:auto}

/* Position before input focus, so keyboard opening never changes the form's layout mode. */
.section-comments .comment-composer.is-floating{position:fixed;z-index:35;left:var(--composer-left);bottom:var(--composer-bottom,8px);width:var(--composer-width);max-height:var(--composer-height);overflow:auto;background:var(--paper);padding:8px 12px;border:1px solid #9daea4;border-radius:8px;box-shadow:0 3px 24px #0d30332b}
.comment-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px auto;gap:6px;align-items:center}
.section-comments .is-floating label{margin:0;font-size:15px;line-height:1.3}
.section-comments .comment-collapse{display:none}
.section-comments .is-floating .comment-collapse{display:block;height:44px;line-height:1;background:transparent;color:var(--pine);padding:6px;font-size:26px}
.section-comments .is-floating textarea{margin:6px 0 0;min-height:64px;height:64px;max-height:120px;padding:6px 8px;resize:none}
.section-comments .is-floating .button{width:auto;min-height:44px;margin:0;padding:8px 12px;font-size:15px}
.section-comments .is-floating .comment-status{margin:0 0 6px;font-size:15px;line-height:1.3}
.section-comments .is-floating .comment-status:empty{display:none}

/* Five confirmed editorial comments: clearer cyclic galleries and living archive prints. */
html[lang=de] .product-gallery{scrollbar-width:none;position:relative}
html[lang=de] .product-gallery::-webkit-scrollbar{display:none}
html[lang=de] .product-gallery .product-image{flex-basis:72%}
.gallery-dots{display:flex;justify-content:center;background:white;padding-bottom:6px}
.gallery-dots[hidden]{display:none}
.gallery-dots button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent}
.gallery-dots span{width:8px;height:8px;border-radius:50%;background:#b2bdb6}
.gallery-dots [aria-pressed=true] span{background:var(--pine);transform:scale(1.25)}
html[lang=de] .landscape-film>.film{height:auto;min-height:0;aspect-ratio:16/9}
html[lang=de] .landscape-film>.film>video{width:100%;height:100%;object-fit:contain}
html[lang=de] .archive-gallery .photography{display:block;background:#e6dfcf;padding:32px 24px;overflow:clip}
html[lang=de] .archive-gallery .photography>figure{width:92%;margin:0 0 28px;overflow:visible;background:transparent;transform:rotate(-3deg)}
html[lang=de] .archive-gallery .photography>figure+figure{margin:0 0 0 auto;transform:rotate(3deg)}
html[lang=de] .archive-gallery .photography img{aspect-ratio:auto;max-height:none;object-fit:contain;animation:none;transform:none}
html[lang=de] .archive-gallery .photo-animation{background:transparent;filter:drop-shadow(0 9px 8px #0d303326)}
.photo-animation[data-archive-mask] video{mask-image:var(--archive-mask);mask-size:100% 100%;mask-repeat:no-repeat}
html[lang=de] .chapter-image.archive .chapter-image-frame{overflow:visible;background:transparent}
html[lang=de] .chapter-image.archive img{padding:0;background:transparent;aspect-ratio:auto}
html[lang=de] .chapter-image.archive .photo-animation{background:transparent;filter:drop-shadow(0 10px 12px #0003)}
@supports(animation-timeline:view()){
 html[lang=de]:not([data-simple-view]) .archive-gallery .photography>figure,
 html[lang=de]:not([data-simple-view]) .chapter-image.archive .chapter-image-frame{animation:history-print-left linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
 html[lang=de]:not([data-simple-view]) .archive-gallery .photography>figure+figure{animation-name:history-print-right}
}
html[data-simple-view][lang=de] .archive-gallery .photography>figure,
html[data-simple-view][lang=de] .chapter-image.archive .chapter-image-frame{animation:none;transform:none}
@media(prefers-reduced-motion:reduce){html[lang=de] .archive-gallery .photography>figure,html[lang=de] .chapter-image.archive .chapter-image-frame{animation:none;transform:none}}

.photo-animation[data-archive-mask="archive-cutout-1"]{--archive-mask:url("/assets/media/archive-cutout-1-480.webp")}
.photo-animation[data-archive-mask="archive-cutout-9"]{--archive-mask:url("/assets/media/archive-cutout-9-480.webp")}

/* One German menu: modal on small screens, nonmodal alongside the desktop feed. */
.desktop-menu-slot{display:none}
@media(min-width:1040px){
 html[lang=de] .site-header.is-hidden{transform:none}
 html[lang=de]:not(.comment-review) .journey-layout{grid-template-columns:540px minmax(320px,540px);max-width:1192px}
 html[lang=de] .journey-flow{grid-column:1;grid-row:1}
 html[lang=de] .desktop-menu-slot{display:block;grid-column:2;grid-row:1;position:sticky;top:88px;min-width:0;overflow:clip}
 html[lang=de] .shell-panel[data-docked]{position:relative;inset:auto;margin:0;width:100%;height:calc(100dvh - 104px);max-height:calc(100dvh - 104px);border:0;background:transparent;overflow:clip}
 html[lang=de] .shell-panel[data-docked] .panel-surface{position:absolute;inset:0;width:100%;height:100%;padding-top:12px}
}
html.comment-review .desktop-menu-slot{display:none!important}

/* Live search categories use the same panel and readable result rows. */
html[lang=de] .search-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
html[lang=de] .search-filters button{min-height:44px;padding:8px 12px;border:1px solid #879f8b;border-radius:4px;background:transparent;color:var(--pine);font-size:16px}
html[lang=de] .search-filters [aria-pressed=true]{background:var(--pine);color:var(--paper)}
html[lang=de] .search-results section+section{margin-top:24px}
html[lang=de] .search-results h3{font-size:20px;letter-spacing:-.02em;margin-bottom:4px}
html[lang=de] .search-results a{display:block;font-size:21px}
html[lang=de] .search-results small{font-size:15px;margin-top:6px;line-height:1.5}

/* Compact navigation: keep language choices behind a native disclosure. */
html[lang=de] .header-actions{gap:6px}
html[lang=de] .brand-logo{width:min(172px,calc(100vw - 220px))}
html[lang=de] .profile-link{text-decoration:none}
html[lang=de] .menu-links a:last-child{font-size:21px;margin-top:5px}
.menu-tools{display:flex;justify-content:flex-end;margin-bottom:12px}
.language-picker{position:relative}
.language-picker>summary{list-style:none;border-radius:6px;cursor:pointer}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker[open]>summary{background:var(--pine);color:var(--paper)}
.language-picker .menu-language{position:absolute;right:0;top:50px;z-index:2;min-width:180px;margin:0;padding:8px;background:var(--paper);border:1px solid #879f8b;border-radius:4px;box-shadow:0 6px 18px #0d30331a}
.language-picker .menu-language a{display:flex;align-items:center;min-height:44px;padding:8px 12px;font-size:17px;text-decoration:none;border-radius:2px}
.language-picker .menu-language [aria-current]{background:var(--pine);color:var(--paper)}
.menu-contact{position:relative;margin-top:22px;padding:12px 16px;border:1px solid #879f8b;border-radius:4px;background:#e2e8dc66}
.menu-contact .menu-location{justify-content:space-between;gap:12px;line-height:1.3;text-decoration:none}
.menu-location:after{content:'';position:absolute;inset:0;border-radius:4px}
.menu-contact>a:not(.menu-location){position:relative;z-index:1}
.menu-contact .opening-hours{margin:12px 0 6px}
.menu-contact:has(.menu-location:hover){background:#dce6db}
.menu-contact:has(.menu-location:focus-visible){outline:3px solid #a96400;outline-offset:4px}
@media(max-width:359px){html[lang=de] .header-actions{gap:4px}}

/* Profile controls share the existing shell, typography and touch dimensions. */
#profile-panel form{display:grid;gap:16px;margin-top:24px}#profile-panel label{display:grid;gap:6px}#profile-panel input{min-width:0;width:100%;min-height:44px;padding:10px;border:1px solid var(--muted);border-radius:4px;background:var(--paper);color:var(--ink);font:inherit}#profile-panel [hidden]{display:none!important}#profile-panel .profile-privacy{font-size:16px;line-height:1.5}#profile-panel summary{min-height:44px;cursor:pointer}#profile-panel .menu-tools{margin:0}#profile-panel .language-picker a{font-size:18px}#profile-panel [role=status]{line-height:1.5}#profile-panel .menu-links button{white-space:normal;text-align:left}

/* Shared compact profile tools and information dialog; no content-page overrides. */
#profile-panel .profile-tools{display:flex;align-items:flex-start;gap:10px;margin:4px 0 24px;padding-bottom:20px;border-bottom:1px solid #163f4330}
#profile-panel .profile-tools>.shell-button,#profile-panel .profile-tools summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #163f4330;border-radius:4px;background:transparent;color:var(--pine)}
#profile-panel .profile-tools .shell-button:hover,#profile-panel .profile-tools summary:hover{background:#dce6db}
#profile-panel .profile-tools [aria-pressed=true]{background:var(--pine);color:var(--paper)}
#profile-panel .profile-tools .language-picker{position:relative;margin:0}
#profile-panel .profile-tools .language-picker>summary{list-style:none}
#profile-panel .profile-tools .language-picker>summary::-webkit-details-marker{display:none}
#profile-panel .profile-tools .language-picker>nav{position:absolute;z-index:2;top:52px;left:0;min-width:180px;padding:8px;background:var(--paper);border:1px solid #163f4340;border-radius:4px;box-shadow:0 8px 20px #0d303318}
#profile-panel .profile-action,.profile-info .profile-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 16px;border:1px solid var(--pine);border-radius:4px;background:var(--pine);color:var(--paper);font:inherit;font-weight:700;cursor:pointer}
#profile-panel .profile-action:hover,.profile-info .profile-action:hover{background:var(--deep)}
#profile-panel .profile-action-secondary{background:transparent;color:var(--pine);font-weight:400}
#profile-panel .profile-action-secondary:hover{background:#dce6db}
#profile-panel .profile-action:disabled{opacity:.6;cursor:wait}
#profile-panel form{margin-bottom:24px}
#profile-panel .menu-links .theme-icon{flex:0 0 24px;width:24px;height:24px}
.profile-info{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:1px solid #163f4340;border-radius:4px;background:var(--paper);color:var(--ink);font:17px/1.6 Arial,Helvetica,sans-serif;box-shadow:0 20px 80px #0d303326}
.profile-info:not([open]){display:none}
.profile-info::backdrop{background:#0d303366;backdrop-filter:blur(4px)}
.profile-info-content{padding:28px}
.profile-info .profile-info-close{display:flex;margin-left:auto}
.profile-info .profile-info-kicker{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:15px}
.profile-info .ui-icon{width:24px;height:24px;flex:none}
.profile-info h2{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:20px 0}
.profile-info p{margin:0 0 18px;overflow-wrap:anywhere}
.profile-info button:focus-visible{outline:3px solid #a96400;outline-offset:3px}

/* Standards baseline; existing gallery scrollbar geometry is intentionally retained. */
html{scrollbar-color:var(--muted) var(--paper);scrollbar-width:auto;scrollbar-gutter:stable}@media(forced-colors:active){html{scrollbar-color:auto}}

/* Shared private report field: five lines hold the complete 500-character note. */
#feedback-form textarea{resize:none;min-height:9em}#feedback-note-error{color:var(--deep);font-weight:700}

/* Shared campaign variant: customer targets come from navigation_data. */
html[lang=de] .menu-links a.menu-campaign,html[lang=en] .menu-links a.menu-campaign{--campaign-surface:#f8e6d6;--campaign-hover:#f2d4b8;background:var(--campaign-surface);color:var(--pine)}
html[lang=de] .menu-links a.menu-campaign:hover,html[lang=en] .menu-links a.menu-campaign:hover{background:var(--campaign-hover)}
html[lang=de] .menu-links a.menu-campaign>span,html[lang=en] .menu-links a.menu-campaign>span{flex:1;min-width:0;overflow-wrap:anywhere}
html[lang=de] .menu-links a.menu-campaign>.campaign-icon,html[lang=en] .menu-links a.menu-campaign>.campaign-icon{margin-left:auto;flex:0 0 20px;width:20px;height:20px}

/* A still must not paint over a successfully decoded workshop video. */
.film:not(.photo-animation):has(>video[data-video-frame])>.film-poster{visibility:hidden}
html[data-simple-view] .film>.film-poster{visibility:visible}

/* Search demand notice is informational, without a modal or consent banner. */
#search-panel .search-privacy { margin-top: .8rem; font-size: .8rem; line-height: 1.5; }
#search-panel .search-privacy a { margin-inline-end: .8rem; }
#search-panel .search-privacy-toggle { font: inherit; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: .4rem; padding: .5rem .7rem; cursor: pointer; }