/* Allgemeiner Ratgeber unterhalb der Produktübersicht. */
/* Beauftragter Polstermöbel-Ratgeber; gemeinsame Kategoriegestaltung bleibt erhalten. */
.upholstery-guide p a{color:var(--green);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.upholstery-guide a:focus-visible{outline:3px solid #83a88a;outline-offset:4px}
.upholstery-room{margin:40px 0 0}
.upholstery-room>img{display:block;width:100%;height:auto;border-radius:16px}
.upholstery-room figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:15px;color:#526359;font-size:12px;line-height:1.6}
.upholstery-room figcaption strong{font-weight:600;color:var(--ink)}
.upholstery-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.upholstery-types>article{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--line);padding-top:24px}
.upholstery-types .guide-product-previews{margin-top:auto;padding-top:12px}
.guide-product-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.upholstery-guide .guide-product-preview{display:flex;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.upholstery-guide .guide-product-preview:hover{border-color:#83a88a;box-shadow:0 4px 16px #1837230b}
.upholstery-guide .guide-product-preview img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:0;margin-bottom:12px}
.guide-product-preview span{font-size:13px;line-height:1.5;font-weight:600}
.guide-product-preview small{font-size:11px;color:var(--green);margin-top:auto;padding-top:10px}
.upholstery-combinations>figure{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.upholstery-combinations>figure>img{background:#fff;border-radius:0;padding:24px;box-sizing:border-box}
.upholstery-combinations>figure>figcaption{padding:8px 28px 28px}
.upholstery-guide .upholstery-combination-note{font-size:13px;margin-top:24px;max-width:850px}
.upholstery-planning{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px}
.upholstery-planning>article{border-top:1px solid var(--line);padding-top:24px}
.upholstery-colors{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px;font-size:12px;color:#526359}
.upholstery-colors span{display:flex;align-items:center;gap:8px}
.upholstery-colors i{width:19px;height:19px;border-radius:50%;border:1px solid #0000000d}
@media(max-width:1000px){.upholstery-types{grid-template-columns:1fr;gap:36px}.upholstery-types .guide-product-previews{max-width:540px;margin-top:6px}.upholstery-combinations>figure>figcaption{padding:8px 20px 24px}}
@media(max-width:640px){.upholstery-room{margin-top:28px}.upholstery-room>img{border-radius:10px}.upholstery-planning{grid-template-columns:1fr;gap:30px}.guide-product-previews{gap:10px}.upholstery-guide .guide-product-preview{padding:10px}.upholstery-combinations>figure>img{padding:16px}.upholstery-combinations>figure>figcaption{padding:4px 16px 22px}}
.guide-section{padding:92px 0;background:#fff;scroll-margin-top:28px}
.guide-wash{background:var(--wash)}
.school-chair-guide h2{font-size:clamp(28px,3vw,40px);line-height:1.16;letter-spacing:-.035em;font-weight:650;margin:0 0 22px;text-wrap:balance}
.school-chair-guide h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:0 0 13px;font-weight:650}
.school-chair-guide p:not(.eyebrow){font-size:16px;line-height:1.75;color:#526359;margin:0 0 16px}
.school-chair-guide p:last-child{margin-bottom:0}
.guide-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px);align-items:start}
.guide-intro h2{max-width:540px}
.guide-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.guide-links a{display:inline-flex;align-items:center;gap:20px;padding:11px 16px;border:1px solid #d7e2d6;border-radius:99px;background:#fff;color:var(--green);font-size:13px;font-weight:600;text-decoration:none}
.guide-links a:hover{border-color:var(--green);background:#e8efe8}
.guide-links a:focus-visible,.guide-inline-link:focus-visible,.guide-faq summary:focus-visible{outline:3px solid #83a88a;outline-offset:5px}
.guide-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:60px;scroll-margin-top:30px}
.guide-types article{border-top:1px solid #cddbcf;padding-top:23px}
.guide-number{display:block;color:#789581;font-size:12px;font-weight:650;letter-spacing:.08em;margin-bottom:15px}
.guide-types p:not(.eyebrow){font-size:15px}
.guide-heading{max-width:780px;margin-bottom:36px}
.guide-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
.guide-scenes figure{margin:0;min-width:0}
.guide-scenes img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:0;border-radius:16px;background:#f7f9f6}
.guide-scenes figcaption{padding:28px 4px 0}
.guide-scenes figcaption>.eyebrow{display:block;margin-bottom:10px}
.guide-scenes ul{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:9px;color:#526359;font-size:14px;line-height:1.6}
.guide-scenes li{position:relative;padding-left:22px}
.guide-scenes li:before{content:'';position:absolute;left:1px;top:.65em;width:6px;height:6px;background:#709579;border-radius:50%}
.guide-advice{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,96px);align-items:start}
.guide-inline-link{display:inline-flex;gap:18px;align-items:center;font-size:14px;font-weight:650;color:var(--green);text-decoration-thickness:1px;text-underline-offset:5px;margin-top:9px}
.guide-standards{padding:34px;background:#fff;border-radius:18px}
.guide-standards>div{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}
.guide-standards strong{display:block;font-size:15px;margin-bottom:8px}
.guide-standards p:not(.eyebrow){font-size:14px}
.guide-faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,6vw,96px);align-items:start}
.guide-faq details{border-bottom:1px solid var(--line)}
.guide-faq details:first-child{border-top:1px solid var(--line)}
.guide-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:23px 2px;font-size:16px;line-height:1.5;font-weight:600;color:var(--ink)}
.guide-faq summary::-webkit-details-marker{display:none}
.guide-faq summary:after{content:'+';flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sage);color:var(--green);font-size:22px;font-weight:400}
.guide-faq details[open] summary:after{content:'−'}
.guide-faq details[open] summary{color:var(--green)}
.guide-faq details>div{padding:0 40px 24px 2px}
.guide-faq p:not(.eyebrow){font-size:15px}
.guide-faq a{color:var(--green);text-underline-offset:3px}
.guide-sizing{max-width:1120px}
.guide-sizing .category-size-table{margin-top:32px;padding:22px 28px;border:0;border-radius:16px}
.guide-sizing .category-size-table th,.guide-sizing .category-size-table td{padding:13px 10px}
.guide-sizing .category-size-table>p{margin-top:18px;line-height:1.6;font-size:12px!important}
@media(max-width:1000px){.guide-section{padding:70px 0}.guide-intro,.guide-advice,.guide-faq-layout{grid-template-columns:1fr;gap:30px}.guide-intro h2{max-width:650px}.guide-types{gap:24px;margin-top:45px}.guide-scenes{gap:24px}.guide-standards{max-width:760px}.guide-faq-layout .guide-heading{margin-bottom:0}}
@media(max-width:640px){.guide-section{padding:58px 0}.school-chair-guide p:not(.eyebrow){font-size:15px}.guide-types,.guide-scenes{grid-template-columns:1fr;gap:32px}.guide-types{margin-top:40px}.guide-types h3{font-size:20px}.guide-links{gap:9px}.guide-links a{font-size:12px;padding:10px 13px;gap:12px}.guide-scenes figcaption{padding-top:22px}.guide-standards{padding:25px}.guide-faq summary{padding:21px 0;font-size:15px}.guide-faq details>div{padding:0 0 22px}.guide-sizing .category-size-table{padding:12px}.guide-sizing .category-size-table th,.guide-sizing .category-size-table td{padding:11px 5px}.guide-sizing .category-size-table table{font-size:12px}}

.guide-faq summary:after{content:"";width:28px;height:28px;border-radius:50%;flex:none;background-color:var(--sage);background-image:linear-gradient(var(--green),var(--green)),linear-gradient(var(--green),var(--green));background-size:2px 10px,10px 2px;background-position:center;background-repeat:no-repeat}
.guide-faq details[open] summary:after{content:"";background-image:linear-gradient(var(--green),var(--green));background-size:10px 2px}
