:root{--paper:#f8f6f0;--ink:#243c34;--muted:#656b60;--green:#24483f;--sand:#eee9dd;--line:#d9dbcf;--gold:#c5a56b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b18136;outline-offset:5px}button:disabled{cursor:default}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{width:min(1224px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:12px;top:-90px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;gap:12px;align-items:center;line-height:1.02;flex-shrink:0;font:22px/1 Georgia,serif;letter-spacing:-.5px}.brand-second{display:block}.brand-dot{color:#b28b48}.brand img{width:35px;height:39px}.desktop-nav{display:flex;gap:30px;margin-left:auto;font-size:14px;font-weight:500}.desktop-nav a{padding:10px 0;border-bottom:1px solid transparent}.desktop-nav a:hover{border-color:var(--green)}.header-cta{font-size:13px;border:1px solid #b7c2b5;border-radius:4px;padding:10px 15px;margin-left:12px;white-space:nowrap}.header-cta span{margin-left:12px}.header-cta:hover{background:var(--sand)}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;background:var(--green);height:2px;margin:6px 0}.mobile-nav{padding:10px 24px 24px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:54px 62px;align-items:center}.eyebrow{margin:0 0 23px;text-transform:uppercase;font-size:11px;font-weight:650;letter-spacing:2.1px;line-height:1.5}.eyebrow>span{display:inline-block;background:var(--green);height:6px;width:6px;border-radius:50%;margin:0 9px 2px 0}.hero h1{font:clamp(55px,5.8vw,82px)/1.045 Georgia,serif;letter-spacing:-3.6px;font-weight:400;margin:0 0 26px}em{font-weight:400}.hero h1 em{color:#6b7d58}.hero-intro{font-size:16px;line-height:1.85;max-width:420px;color:#5f675e;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-radius:4px;min-height:50px;padding:13px 21px;font-size:13px;font-weight:600;transition:background .18s,transform .18s}.primary{background:var(--green);color:#fff}.primary:hover{background:#356254;transform:translateY(-2px)}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid #a7b09f;padding:7px 0}.text-link span{margin-left:10px}.text-link:hover{color:#66764f}.hero-note{display:flex;align-items:center;gap:14px;font-size:11px;line-height:1.7;color:#6b7164;margin-top:36px}.hero-note strong{font-weight:500;color:#3d5142}.note-icon{font-size:29px;color:#758362;line-height:1;border:1px solid #d8ddcd;padding:7px 10px;border-radius:50%}.hero-art{background:#e9e5d9;position:relative;border-radius:120px 7px 7px 7px;overflow:hidden;isolation:isolate}.hero-art>img{width:100%;height:auto}.art-caption{position:absolute;top:35px;left:45px;z-index:1;font:24px/1.25 Georgia,serif}.tiny-label{display:block;font:9px/1.5 "Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:1.7px;margin-bottom:10px}.art-stamp{position:absolute;right:20px;bottom:20px;background:var(--paper);padding:16px 18px;display:flex;align-items:center;gap:22px;border-radius:3px;font:15px/1.2 Georgia,serif}.art-stamp svg{width:28px;height:28px;fill:none;stroke:var(--green);stroke-width:1}.principle-bar{background:#eeeee4;border-block:1px solid #e0e2d5}.principle-inner{display:flex;justify-content:space-between;padding-block:17px}.principle-inner p{font-size:12px;margin:0}.principle-inner span{font-size:10px;color:#7c876c;margin-right:15px}.section{padding-block:85px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px}h2{font:47px/1.12 Georgia,serif;letter-spacing:-1.6px;font-weight:400;margin:0}h2 em{color:#71815e}.section-heading .eyebrow{margin-bottom:17px}.section-intro{max-width:350px;color:var(--muted);font-size:14px;margin:0 0 3px}.filter-row{display:flex;gap:10px;margin:35px 0 30px;flex-wrap:wrap}.filter{border:1px solid #d7dbcf;background:transparent;color:#5f6c5b;font-size:12px;padding:10px 17px;border-radius:25px;min-height:42px;transition:background .18s}.filter:hover{background:#e9ecdf}.filter.active{background:var(--green);color:white;border-color:var(--green)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;align-items:start}.guide{background:#fffef9;border:1px solid #e1e2d7;border-radius:5px;overflow:hidden;transition:box-shadow .2s}.guide:hover{box-shadow:0 8px 25px #2940360b}.guide-visual{height:220px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#e8e9dd}.guide-visual::after{content:"";position:absolute;bottom:35px;width:170px;height:13px;background:#344b3220;border-radius:50%;filter:blur(5px)}.visual-tag{position:absolute;bottom:13px;left:16px;z-index:2;font-size:10px;color:#4d5f4c;letter-spacing:.2px}.guide-content{padding:24px 25px 20px}.category{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#6f7d60;font-weight:650;display:block;margin-bottom:12px}.guide h3{font:29px/1.18 Georgia,serif;font-weight:400;margin:0 0 13px;letter-spacing:-.65px}.guide p{font-size:12.5px;line-height:1.8;color:#697064;margin:0 0 18px}.guide summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #e3e5db;padding:14px 0 1px;font-size:11px;font-weight:600;list-style:none;min-height:43px}.guide summary::-webkit-details-marker{display:none}.guide summary span{font-size:20px;font-weight:300}.guide details[open] summary span{transform:rotate(45deg)}.detail-body{font-size:12px;color:#5b6657}.detail-body ul{margin:14px 0 0;padding-left:17px}.detail-body li+li{margin-top:9px}.guide-measure{background:#edeedc;min-height:449px;border-color:#e1e3cd}.guide-measure .guide-content{padding:29px}.measure-symbol{font:72px/1 Georgia,serif;color:#869371;margin:13px 0 22px}.guide-measure h3{font-size:36px;margin-bottom:20px}.guide-measure p{max-width:230px}.guide-measure .text-link{display:inline-block;margin-top:8px}.measure-section{background:var(--green);color:#f4f0e4;padding:70px 0;overflow:hidden}.measure-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.light{color:#bdc9ad}.measure-copy{position:relative}.measure-copy h2{font-size:47px}.measure-copy h2 em{color:#b9c79e}.measure-copy>p:not(.eyebrow){font-size:13px;color:#d3dbcc;max-width:360px;margin-top:23px}.measure-copy>p.measure-limit{font-size:11px;color:#b8c6b1;max-width:300px}.measure-diagram{position:absolute;right:0;bottom:3px;width:130px;height:100px;opacity:.5;display:none}.measure-box{width:70px;height:65px;border:1px solid #d8dfcb;transform:skewY(-12deg);margin:15px}.width-label,.height-label,.depth-label{font-size:9px;position:absolute;bottom:0;left:35px}.height-label{right:0;left:auto;bottom:40px}.depth-label{top:0;bottom:auto;left:10px}.measure-form{background:#31574c;padding:28px 30px;border:1px solid #4e6c5e;border-radius:5px}.measure-form label{font-size:11px;font-weight:500;display:block;margin-bottom:8px}.measure-form select{width:100%;border:1px solid #778c7b;background:#31574c;color:#f8f5e9;padding:12px;border-radius:3px;font-size:13px;min-height:46px}.measure-form select option{background:var(--green)}.measure-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0}.input-unit{position:relative}.input-unit input{width:100%;min-width:0;background:#f8f6ee;color:var(--ink);border:1px solid #bdc7b5;border-radius:3px;padding:12px 26px 12px 10px;font-size:13px;min-height:47px;-moz-appearance:textfield}.input-unit input::-webkit-inner-spin-button{appearance:none}.input-unit span{position:absolute;right:9px;top:13px;color:#717c68;font-size:11px}.cream{background:#eee9d7;color:#243c34;width:100%}.cream:hover{background:#fffbee}.form-note{font-size:10px;color:#c8d4c0;margin:15px 0 0;line-height:1.7}.measure-result{background:#f2f2e7;color:var(--ink);padding:18px;margin-top:20px;border-radius:3px;font-size:12px;line-height:1.7}.measure-result strong{font-size:15px}.measure-result ul{padding-left:17px;margin-bottom:0}.measure-result p{margin:9px 0}.measure-result .result-note{font-size:10px;color:#68745e}.method-section{display:grid;grid-template-columns:1fr 1fr;gap:110px}.method-heading>p:last-child{max-width:365px;font-size:13px;color:var(--muted);margin-top:24px}.method-list>div{display:flex;gap:25px;padding-block:22px;border-bottom:1px solid var(--line)}.method-list>div:first-child{padding-top:0}.method-list>div>span{font:12px Georgia,serif;color:#839072;padding-top:5px}.method-list h3{font-size:14px;margin:0 0 7px;font-weight:600}.method-list p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}footer{border-top:1px solid var(--line);background:#efeee5}.footer-main{display:flex;align-items:center;gap:40px;padding-block:35px}.footer-brand{font-size:21px}.footer-main>p{font:17px/1.35 Georgia,serif;margin:0 auto 0 15px;color:#7b846c}.footer-main>a:not(.brand){font-size:11px}.footer-main>a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);padding-block:17px;display:flex;gap:30px;justify-content:space-between}.footer-bottom p{font-size:9px;color:#737c69;margin:0;line-height:1.7}
@media(min-width:1450px){.hero h1{font-size:88px}.hero{gap:80px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:20px}.header-cta{display:none}.hero{gap:35px}.hero h1{font-size:67px}.hero-actions{gap:12px}.hero-actions .button{font-size:12px;padding-inline:16px}.art-caption{left:35px;font-size:21px}.guide-content{padding:20px}.guide h3{font-size:26px}.guide-grid{gap:20px}.measure-layout,.method-section{gap:50px}.footer-main{gap:25px}}@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:82px}.brand{font-size:20px}.brand img{width:31px}.desktop-nav{display:none}.menu-toggle{display:block}.hero{padding-block:33px 35px;gap:30px;grid-template-columns:1fr}.hero h1{font-size:62px;letter-spacing:-2.4px;line-height:1.05}.hero h1 br:nth-of-type(2){display:none}.hero h1 em{margin-left:10px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:20px}.hero-intro{font-size:14px;max-width:430px;margin-bottom:24px}.hero-actions{gap:17px}.hero-actions .button{font-size:12px}.hero-note{margin-top:23px;font-size:10px}.note-icon{font-size:22px;padding:7px 9px}.hero-art{border-top-left-radius:80px;max-height:415px}.hero-art>img{height:415px;width:100%;object-fit:cover;object-position:50% 53%}.art-caption{top:23px;left:30px;font-size:21px}.art-stamp{right:16px;bottom:16px;padding:11px 13px;font-size:13px;gap:18px}.tiny-label{font-size:8px}.principle-inner{gap:15px;padding-block:14px}.principle-inner p{font-size:9px;line-height:1.7}.principle-inner span{display:block;margin:0 0 2px;font-size:9px}.section{padding-block:52px}.section-heading{display:block;margin-bottom:23px}h2{font-size:39px;letter-spacing:-1.1px}.section-intro{font-size:12px;max-width:330px;margin-top:22px}.filter-row{gap:7px;margin:25px 0}.filter{font-size:10px;padding:8px 12px;min-height:39px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-visual{height:190px}.guide-content{padding:18px}.guide h3{font-size:25px}.guide p{font-size:12px}.guide summary{font-size:10px;gap:9px}.guide-measure{min-height:435px}.guide-measure .guide-content{padding:22px}.guide-measure h3{font-size:30px}.guide-measure p{font-size:12px}.measure-section{padding-block:45px}.measure-layout,.method-section{grid-template-columns:1fr;gap:29px}.measure-copy h2{font-size:39px}.measure-copy>p:not(.eyebrow){max-width:440px;font-size:12px}.measure-copy>p.measure-limit{max-width:430px;font-size:10px;margin-top:12px}.measure-form{padding:24px 20px}.measure-inputs{gap:10px}.measure-form label{font-size:10px}.measure-diagram{display:none}.method-heading>p:last-child{font-size:12px;max-width:440px}.method-list>div{gap:22px}.footer-main{gap:23px;flex-wrap:wrap;padding-block:27px}.footer-main>p{font-size:15px;margin-left:auto;margin-right:0}.footer-main>a:not(.brand){font-size:10px}.footer-bottom{display:block}.footer-bottom p+p{margin-top:5px}}@media(max-width:430px){.guide-grid{grid-template-columns:1fr}.guide-visual{height:224px}.guide-content{padding:24px}.guide h3{font-size:30px}.guide p{font-size:13px}.guide summary{font-size:12px}.guide-measure{min-height:0}.guide-measure .guide-content{padding:27px}.guide-measure h3{font-size:36px}.measure-symbol{margin:6px 0 14px}.guide-measure h3 br:last-child{display:none}.guide-measure p{max-width:none}.hero h1{font-size:56px}.hero-actions{align-items:flex-start;gap:10px}.hero-actions .button{font-size:11px;padding-inline:15px;gap:15px}.hero-actions>.text-link{font-size:11px}.hero-art{max-height:355px}.hero-art>img{height:355px}.measure-form{padding-inline:17px}.measure-inputs{gap:8px}.input-unit input{padding-left:8px;font-size:12px}.measure-form select{font-size:12px}.footer-main{gap:20px}.principle-inner p{font-size:8.5px}.footer-bottom p{font-size:8.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Comfortable reading sizes across desktop and mobile. */
.guide p,.method-list p{font-size:14px}.guide summary{font-size:12px}.category{font-size:10px}.measure-form label{font-size:12px}.form-note{font-size:11px}.footer-bottom p{font-size:10px}@media(max-width:760px){.guide p,.method-list p{font-size:13px}.measure-form label{font-size:11px}.art-caption{font-size:19px;background:#efebdfde;padding:10px 12px;left:18px;top:18px;border-radius:3px}.art-caption .tiny-label{margin-bottom:7px;font-size:7px}}


/* Editorial photography; all files are hosted locally. */
.hero-art{height:610px;border-radius:110px 7px 7px 7px}
.hero-art>.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 53%}
.hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#12291f66,transparent 45%);z-index:1;pointer-events:none}
.hero-art .art-caption{color:#fffaf0;z-index:2;top:35px;left:42px;background:transparent;padding:0;text-shadow:0 1px 10px #17372a55}
.hero-art .art-stamp{z-index:2}
.guide-visual.photo-media{height:235px;background:#e9e5da;display:block}
.guide-visual.photo-media::after{display:none}
.photo-media>img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.guide:hover .photo-media>img{transform:scale(1.025)}
.photo-media .visual-tag{left:13px;bottom:12px;padding:5px 9px;background:#fffdf2f0;color:#34473a;border-radius:2px;font-size:9px;max-width:calc(100% - 26px)}
.photo-spuelen>img{object-position:50% 66%}
.photo-kaffee>img{object-position:68% 50%}
.photo-ordnung>img{object-position:50% 50%}
.photo-nische>img{object-position:50% 54%}
.photo-wagen>img{object-position:50% 50%}
.photo-messen>img{object-position:50% 50%}
.guide-measure{min-height:0}
.guide-measure .guide-content{padding:24px 25px 25px}
.guide-measure h3{font-size:29px;line-height:1.18;margin-bottom:13px}
.guide-measure h3 br:last-child{display:none}
.guide-measure p{max-width:none}
.guide-measure .text-link{font-size:12px}
.photo-credits{padding-block:0 17px;font-size:11px;color:#68735e}
.photo-credits summary{cursor:pointer;width:fit-content;padding:8px 0}
.photo-credits p{max-width:900px;line-height:1.85;margin:8px 0}
.photo-credits a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.hero-art{height:560px}}
@media(max-width:760px){.hero-art{height:430px;max-height:none;border-top-left-radius:70px}.hero-art>.hero-photo{height:100%;object-position:50% 50%}.hero-art .art-caption{top:24px;left:28px;font-size:21px;background:transparent;padding:0}.hero-art .art-caption .tiny-label{font-size:8px}.guide-visual.photo-media{height:205px}.guide-measure .guide-content{padding:18px}.guide-measure h3{font-size:25px}}
@media(max-width:430px){.hero-art{height:400px}.guide-visual.photo-media{height:235px}.guide-measure .guide-content{padding:24px}.guide-measure h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.guide:hover .photo-media>img{transform:none}}

/* Rechtstexte und Pflichtlinks im Fuß. */
.footer-legal{display:flex;gap:22px;flex-wrap:wrap}
.footer-legal a{font-size:10px;color:#4f5c4b;text-decoration:underline;text-underline-offset:3px}
.legal-page{max-width:760px;padding-block:60px 80px}
.legal-page h1{font:clamp(38px,5vw,52px)/1.1 Georgia,serif;letter-spacing:-1.4px;font-weight:400;margin:0 0 10px}
.legal-page h2{font:22px/1.3 Georgia,serif;letter-spacing:-.3px;margin:38px 0 10px}
.legal-page p,.legal-page li{font-size:15px;line-height:1.8;color:#4a5547}
.legal-page a{text-decoration:underline;text-underline-offset:3px}
.legal-page .legal-meta{font-size:13px;color:var(--muted);margin:0 0 30px}
@media(max-width:760px){.legal-page{padding-block:36px 56px}.legal-page h2{font-size:20px}.legal-page p,.legal-page li{font-size:14px}}