/* Leicht gerissene Papierkanten statt gerundeter Oberflächen. */
.hero-copy,.nature-copy,.request-box,.service-grid article,.service-grid article+article{
  border-radius:0;
  clip-path:polygon(0.7% 0.9%,5% 0.5%,10% 1%,16% 0.4%,22% 0.8%,28% 0.2%,34% 0.7%,41% 0.4%,48% 0.8%,55% 0.3%,62% 0.7%,69% 0.2%,76% 0.6%,84% 0.3%,91% 0.8%,98.9% 0.4%,99.4% 5%,98.9% 11%,99.7% 18%,99.2% 25%,99.7% 33%,99.2% 40%,99.6% 48%,99.1% 56%,99.7% 64%,99.3% 72%,99.8% 81%,99.2% 89%,99.6% 98.7%,94% 99.4%,87% 98.9%,79% 99.5%,71% 99.1%,63% 99.7%,55% 99.2%,47% 99.7%,39% 99.1%,31% 99.6%,23% 99%,15% 99.5%,8% 99%,0.6% 99.5%,1% 93%,0.3% 86%,0.8% 78%,0.2% 70%,0.8% 62%,0.3% 54%,0.9% 46%,0.2% 38%,0.7% 30%,0.3% 22%,0.9% 14%,0.3% 7%);
  background-image:linear-gradient(#f0e5cfca,#f0e5cfca),url('assets/paper-fibres.svg'),url('assets/lehmstruktur.png');
  background-size:auto,180px 180px,cover;
  box-shadow:none;
}
.hero-copy{padding:48px 48px 40px;filter:drop-shadow(0 8px 10px #33261a25)}
.nature-copy{padding:44px}
.service-grid article:nth-child(2),.service-grid article:nth-child(4){transform:translateY(12px)}
.button,.nav-contact,.menu-toggle,input,select,textarea{border-radius:2px}
.materials,.process,.contact{border-radius:0}
.gallery img{border-radius:0}
.hero-photo img{object-position:70% center;filter:saturate(.8) brightness(.97)}
@media(max-width:760px){.hero{padding-top:280px}.hero-photo img{object-position:72% top;object-fit:cover;height:340px}.hero-photo{background:#c8af8d}.hero:after{background:none}.hero-copy{margin-top:0}}
.header{isolation:isolate;background:transparent;border-bottom:0;box-shadow:none}
.header:before{content:"";position:absolute;z-index:-1;inset:0 0 -9px;background-color:#e8dcc4;background-image:linear-gradient(#eee3cc9c,#eee3cc9c),url('assets/holzstruktur.png');background-size:auto,850px auto;clip-path:polygon(0 0,100% 0,100% 96%,97% 94%,94% 98%,90% 95%,86% 99%,82% 95%,77% 97%,73% 94%,68% 99%,64% 96%,60% 98%,55% 94%,51% 98%,46% 96%,42% 100%,38% 96%,33% 98%,29% 94%,24% 98%,19% 96%,15% 99%,11% 95%,7% 98%,3% 94%,0 97%)}
.services{background-image:linear-gradient(#ecdfc79c,#ecdfc79c),url('assets/holzstruktur.png');background-size:auto,1100px auto;padding-top:75px;padding-bottom:85px}
.contact,footer{background-image:linear-gradient(#e2cfb4ba,#e2cfb4ba),url('assets/holzstruktur.png');background-size:auto,1000px auto}
.service-grid article:nth-child(n){border-radius:0;background-image:linear-gradient(#f0e5cfca,#f0e5cfca),url('assets/paper-fibres.svg'),url('assets/lehmstruktur.png');background-size:auto,180px 180px,cover}
@media(max-width:760px){.hero-copy{padding:34px 27px 31px}.nature-copy{padding:31px}.service-grid article:nth-child(2),.service-grid article:nth-child(4){transform:none}}

.insulation-photo{grid-column:1/-1;margin-top:45px}.insulation-photo img{width:100%;max-height:560px;object-fit:cover;object-position:center 48%;border:7px solid #efe4ce}.insulation-photo figcaption{display:flex;justify-content:space-between;gap:18px;padding-top:14px;font-size:.85rem}.insulation-photo figcaption span{color:var(--muted)}@media(max-width:760px){.insulation-photo{margin-top:25px}.insulation-photo img{aspect-ratio:4/3;max-height:none;border-width:4px}.insulation-photo figcaption{display:block}.insulation-photo figcaption span{display:block;margin-top:5px}}

.paint-story{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.paint-story figure{margin:0}.paint-story img{aspect-ratio:3/2;object-fit:cover;border:6px solid #efe4ce}.paint-story figcaption{font-size:.75rem;color:var(--muted);padding-top:10px}.paint-copy h2{margin-bottom:25px;color:#70543d}.paint-copy{padding:20px 0}@media(max-width:760px){.paint-story{grid-template-columns:1fr;gap:22px}.paint-story img{border-width:4px}.paint-copy{padding:0}}
.paint-story{padding-top:48px;padding-bottom:48px;gap:38px}
.service-grid article{display:flex;flex-direction:column}
.service-grid article>a,.paint-copy .text-link{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;text-decoration:none;border:1px solid #9c9477;padding:11px 15px;line-height:1.4;background:#ede3ce;border-radius:2px}
.service-grid article>a{margin-top:auto}
.service-grid article p{margin-bottom:24px}
.service-grid article>a:hover,.paint-copy .text-link:hover{background:#ded3ba;border-color:#686d49;text-decoration:none}
.header nav a:hover{text-decoration:none;color:#6b533c}
@media(max-width:760px){.paint-story{padding-top:32px;padding-bottom:32px;gap:20px}}

.section.paint-story{padding-top:48px;padding-bottom:48px;gap:38px}@media(max-width:760px){.section.paint-story{padding-top:32px;padding-bottom:32px;gap:20px}}
/* Handgemachte Papieretiketten als Aktionsflächen. */
.button,.nav-contact,.service-grid article>a,.paint-copy .text-link{
 border:0;border-radius:0;position:relative;
 clip-path:polygon(1% 6%,12% 3%,26% 5%,41% 2%,56% 4%,72% 1%,87% 4%,99% 3%,98.7% 29%,99.6% 57%,99% 92%,86% 96%,71% 94%,55% 98%,39% 95%,24% 98%,10% 95%,.5% 97%,1.2% 68%,.3% 40%);
 background-image:linear-gradient(#586140e6,#586140e6),url('assets/lehmstruktur.png');background-size:auto,350px auto;
 color:#fff8e9;text-decoration:none;padding:14px 22px;line-height:1.4;
}
.service-grid article>a,.paint-copy .text-link{background-image:linear-gradient(#ded0aed9,#ded0aed9),url('assets/lehmstruktur.png');color:#414630}
.button:hover,.nav-contact:hover{background-image:linear-gradient(#465033ed,#465033ed),url('assets/lehmstruktur.png');color:#fff8e9}
.service-grid article>a:hover,.paint-copy .text-link:hover{background-image:linear-gradient(#d0c09bd9,#d0c09bd9),url('assets/lehmstruktur.png')}
.button:focus-visible,.nav-contact:focus-visible,.service-grid article>a:focus-visible,.paint-copy .text-link:focus-visible{outline-offset:-5px;outline:3px solid #9d652e}
.logo-window{width:245px;height:116px;flex-shrink:0}.logo-window img{width:245px;height:auto;max-width:none;left:0;top:-22px}
.button,.nav-contact,.service-grid article>a,.paint-copy .text-link{clip-path:none;background:transparent url('assets/button-papier.png') center/100% 100% no-repeat;color:#354123;font-family:Nunito,Arial,sans-serif;font-weight:750;font-size:1.08rem;letter-spacing:-.025em;line-height:1.25;padding:23px 24px;min-height:66px;filter:drop-shadow(0 2px 2px #47391d22)}
.button:hover,.nav-contact:hover,.service-grid article>a:hover,.paint-copy .text-link:hover{background:transparent url('assets/button-papier.png') center/100% 100% no-repeat;color:#27371b;filter:drop-shadow(0 3px 3px #47391d44)}
.service-grid article>a{font-size:1rem;padding:22px 18px}
@media(max-width:760px){.logo-window{width:205px;height:98px}.logo-window img{width:205px;top:-18px;left:0}.button,.nav-contact,.paint-copy .text-link{font-size:1.08rem;padding:22px 22px}.service-grid article>a{font-size:1.05rem}}

[hidden]{display:none!important}.legal a{overflow-wrap:anywhere}.legal p{overflow-wrap:break-word}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Kopfzeile: Holzlogo weich eingebettet, Navigation als Papierregister. */
.header .logo-window,footer .logo-window{
 mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
 mask-composite:intersect;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
 -webkit-mask-composite:source-in;
}
.header nav{gap:10px}
.header nav a:not(.nav-contact){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;color:#354123;font-size:1rem;font-weight:800;background:transparent url('assets/button-papier.png') center/100% 100% no-repeat;text-decoration:none;filter:drop-shadow(0 2px 2px #47391d24)}
.header nav a:not(.nav-contact):hover{color:#1f3015;filter:drop-shadow(0 3px 3px #47391d55)}
.header nav a:focus-visible{outline:2px solid #6c512f;outline-offset:2px}
.header .nav-contact{margin-left:8px;font-weight:850;color:#293b20}
@media(min-width:761px) and (max-width:1100px){.header{gap:12px;padding-left:3%;padding-right:3%}.header nav{gap:3px}.header nav a:not(.nav-contact){padding:12px 11px;font-size:.92rem}.header .nav-contact{margin-left:0;padding-left:17px;padding-right:17px;font-size:.96rem}}
@media(max-width:760px){.header nav{gap:8px}.header nav a:not(.nav-contact){justify-content:flex-start;padding:13px 22px;min-height:48px}.header .nav-contact{margin-left:0}.menu-toggle{color:#354123;font-weight:800;border:0;background:transparent url('assets/button-papier.png') center/100% 100% no-repeat;padding:13px 18px;min-height:48px}}
@media(max-width:760px){.header{column-gap:10px}.menu-toggle{padding:12px;font-size:.9rem}.header .logo-window{width:190px}.header .logo-window img{width:190px;top:-14px}}
/* Breiter, sanfter Holzverlauf ohne sichtbare rechteckige Bildkante. */
.header .logo-window,footer .logo-window{
 mix-blend-mode:multiply;
 mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.2) 3%,rgba(0,0,0,.7) 8%,#000 16%,#000 84%,rgba(0,0,0,.7) 92%,rgba(0,0,0,.2) 97%,transparent),linear-gradient(0deg,transparent,rgba(0,0,0,.25) 5%,rgba(0,0,0,.8) 14%,#000 23%,#000 72%,rgba(0,0,0,.8) 84%,rgba(0,0,0,.25) 95%,transparent);
 -webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.2) 3%,rgba(0,0,0,.7) 8%,#000 16%,#000 84%,rgba(0,0,0,.7) 92%,rgba(0,0,0,.2) 97%,transparent),linear-gradient(0deg,transparent,rgba(0,0,0,.25) 5%,rgba(0,0,0,.8) 14%,#000 23%,#000 72%,rgba(0,0,0,.8) 84%,rgba(0,0,0,.25) 95%,transparent);
}
/* Bildunterschrift der Naturdämmung: zwei eigene, frei umbrechende Zeilen. */
.insulation-photo figcaption{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;position:static;height:auto;padding:16px 4px 0;line-height:1.5;text-align:left}
.insulation-photo figcaption strong,.insulation-photo figcaption span{display:block;position:static;width:100%;min-width:0;margin:0;white-space:normal;overflow-wrap:anywhere}
.insulation-photo figcaption strong{font-size:1.05rem;color:#39412d}
.insulation-photo figcaption span{font-size:.88rem;color:#514d40}
/* Buttons im Altholzdesign des Logos. */
.button,.header .nav-contact,.header nav a:not(.nav-contact),.service-grid article>a,.paint-copy .text-link,.menu-toggle{
 background:transparent url('assets/logo-holz-ohne-schrift.png') center/100% 100% no-repeat;
 color:#28351e;border:0;border-radius:0;text-decoration:none;
 text-shadow:0 1px 1px #f6ead4;filter:drop-shadow(0 2px 2px #47391d40);
 clip-path:polygon(1% 3%,24% 0,48% 2%,76% 0,99% 3%,100% 96%,75% 100%,48% 98%,23% 100%,0 96%);
 font-weight:800;
}
.button:hover,.header .nav-contact:hover,.header nav a:not(.nav-contact):hover,.service-grid article>a:hover,.paint-copy .text-link:hover,.menu-toggle:hover{
 background:transparent url('assets/logo-holz-ohne-schrift.png') center/100% 100% no-repeat;color:#1f2b16;filter:brightness(1.05) drop-shadow(0 3px 3px #47391d55);
}
.button:focus-visible,.header nav a:focus-visible,.service-grid article>a:focus-visible,.paint-copy .text-link:focus-visible,.menu-toggle:focus-visible{outline:3px solid #354123;outline-offset:-5px}
/* Weiche Holzränder; nur die Textur wird ausgeblendet, niemals die Beschriftung. */
.button,.header .nav-contact,.header nav a:not(.nav-contact),.service-grid article>a,.paint-copy .text-link,.menu-toggle,
.button:hover,.header .nav-contact:hover,.header nav a:not(.nav-contact):hover,.service-grid article>a:hover,.paint-copy .text-link:hover,.menu-toggle:hover{
 position:relative;isolation:isolate;background:transparent;clip-path:none;filter:none;box-shadow:none;
}
.button::before,.header .nav-contact::before,.header nav a:not(.nav-contact)::before,.service-grid article>a::before,.paint-copy .text-link::before,.menu-toggle::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:url('assets/logo-holz-ohne-schrift.png') center/100% 100% no-repeat;
 mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 24%,#000 76%,transparent);
 mask-composite:intersect;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 24%,#000 76%,transparent);
 -webkit-mask-composite:source-in;
}
.button:hover::before,.header nav a:hover::before,.service-grid article>a:hover::before,.paint-copy .text-link:hover::before,.menu-toggle:hover::before{filter:brightness(1.08)}
/* Naturdämmung vollständig zeigen, ohne festen Bildbeschnitt. */
.insulation-photo{min-width:0}
.insulation-photo img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.insulation-photo figcaption{overflow:visible;max-height:none;flex-shrink:0}
.insulation-photo{scroll-margin-top:145px}
/* Blattgrün: Median aus dem grünen Blatt des Original-Logos. */ .process{background-color:#555533}

/* Supplemental concept: preserve the real project photo above. */
.beam-concept{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:48px;padding-top:32px;border-top:1px solid rgba(85,85,51,.2)}
.beam-concept>div{min-width:0}.beam-concept h3{font-size:clamp(26px,3vw,42px);line-height:1.15;margin:12px 0 20px}.beam-concept img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.beam-concept .fine{font-size:.85rem;opacity:.8}
@media(max-width:700px){.beam-concept{grid-template-columns:1fr;gap:20px;margin-top:32px;padding-top:24px}}

/* E-Mail als bevorzugter Kontaktweg. */
.contact .contact-mail-button{display:inline-flex;margin-top:12px;max-width:100%;text-align:center}
.contact .contact-email{display:block;font-size:clamp(15px,1.6vw,19px);font-weight:700;margin:12px 0 4px;overflow-wrap:anywhere}
.contact .contact-phone{display:inline-block;font-size:14px;font-weight:400;line-height:1.5;margin:0 0 16px;padding:8px 0;color:var(--muted);text-decoration:none}
.contact .contact-phone:hover{text-decoration:underline}

/* Mittige Beschriftung in den Holzbuttons und Kontakt ohne Formular. */
.button,.service-grid article>a,.paint-copy .text-link,.header nav a{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.3;padding-left:26px;padding-right:26px}
.service-grid article>a{align-self:center;width:100%;min-height:74px;margin-top:auto}
.contact.section{display:block}.contact.section>div{max-width:780px;margin:0 auto}.contact .contact-email{overflow-wrap:anywhere}
.footer-top a[href^="mailto:"]{overflow-wrap:anywhere}.handwerk-footer{display:block;width:170px;max-width:100%;height:auto;margin:24px 0}
.handwerk-note{display:flex;align-items:center;gap:28px;padding:24px 0}.handwerk-note p{font-size:14px;max-width:430px}.handwerk-note .handwerk-footer{width:200px;margin:0}@media(max-width:600px){.handwerk-note{align-items:flex-start;flex-direction:column;gap:12px}}
/* Eigenständiger Kontaktabschluss ohne Formularspalte. */
#kontakt.contact{padding-top:64px;padding-bottom:56px}
#kontakt.contact>div{max-width:720px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;align-items:center}
#kontakt h2{margin:12px 0 24px;line-height:1.15}
#kontakt h2 br{display:none}
#kontakt h2 br::after{content:' '}
#kontakt h2+p{max-width:660px;margin:0 0 26px;line-height:1.75}
#kontakt .contact-mail-button{display:flex;align-self:center;margin:0 0 18px;min-height:72px;padding:24px 36px}
#kontakt .contact-email{display:block;margin:0;font-size:clamp(16px,2vw,21px);line-height:1.5;max-width:100%;overflow-wrap:anywhere}
#kontakt .contact-phone{display:block;margin:8px 0 0;padding:8px 0;font-size:14px;line-height:1.5}
#kontakt address{width:100%;margin:26px 0 0;padding-top:24px;border-top:1px solid #55553330;font-size:14px;line-height:1.8;font-style:normal}
@media(max-width:600px){#kontakt.contact{padding-top:42px;padding-bottom:38px}#kontakt h2{font-size:36px}#kontakt .contact-mail-button{padding-inline:24px}#kontakt h2+p{text-align:left}}

/* Language switch */
.header{flex-wrap:wrap;gap:10px 20px}.header nav{margin-left:auto}.language-switch{display:flex;align-items:center;gap:2px;flex-shrink:0;padding:4px;border:1px solid #55553350;border-radius:3px}.language-switch a{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:40px;padding:6px;color:#354123;font:800 14px Nunito,Arial,sans-serif;text-decoration:none}.language-switch a[aria-current="page"]{background:#555533;color:#fff9ee}.language-switch a:focus-visible{outline:2px solid #354123;outline-offset:2px}
@media(min-width:761px) and (max-width:1200px){.header .brand{flex:1}.header nav{order:3;width:100%;justify-content:center;margin:0}.language-switch{margin-left:auto}}
@media(max-width:760px){.header .brand{flex:1}.header .menu-toggle{order:2}.header .language-switch{order:1;margin-left:auto}.header nav{order:3;margin:0}.header .logo-window{width:170px}.header{column-gap:8px}.language-switch a{min-width:36px}}
.legal a{overflow-wrap:anywhere}
/* Sprachwahl im gleichen Holzdesign wie die Navigation. */
.header .language-switch{border:0;border-radius:0;background:none;padding:0;gap:4px}
.header .language-switch a{position:relative;isolation:isolate;min-width:48px;min-height:48px;padding:12px 14px;background:transparent;color:#354123;text-shadow:0 1px 1px #f6ead4;font-weight:800}
.header .language-switch a::before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/logo-holz-ohne-schrift.png') center/100% 100% no-repeat;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 24%,#000 76%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 24%,#000 76%,transparent);-webkit-mask-composite:source-in;opacity:.65}
.header .language-switch a[aria-current="page"]{background:transparent;color:#25331b;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.header .language-switch a[aria-current="page"]::before{opacity:1}
.header .language-switch a:hover::before{opacity:1;filter:brightness(1.08)}
@media(max-width:760px){.header .language-switch{gap:0}.header .language-switch a{min-width:40px;padding-inline:10px}}
/* Sprachwahl auf derselben Ebene wie die Hauptnavigation. */
@media(min-width:1000px){.header{display:flex;flex-wrap:nowrap;gap:10px;padding-left:3%;padding-right:3%}.header .brand{flex:0 0 auto}.header nav{order:0;width:auto;flex:1;justify-content:flex-end;margin-left:auto;gap:2px}.header .language-switch{order:0;margin-left:0}.header nav a:not(.nav-contact){padding:12px 10px;font-size:.92rem}.header .nav-contact{margin-left:0;padding:18px 14px;font-size:.95rem}.header .language-switch a{min-width:40px;padding-inline:10px}.header .logo-window{width:220px}}
@media(min-width:761px) and (max-width:999px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.header .brand{grid-column:1/-1}.header nav{order:0;grid-column:1;grid-row:2;width:auto;margin:0;justify-content:flex-start;gap:1px}.header .language-switch{order:0;grid-column:2;grid-row:2;margin:0}.header nav a:not(.nav-contact){padding-inline:8px;font-size:.85rem}.header .nav-contact{padding-inline:12px;font-size:.85rem}.header .language-switch a{min-width:36px;padding-inline:8px}}

/* Klar gegliederter Seitenabschluss: Fragen, Kontakt, Unternehmensangaben. */
.faq.section{max-width:1280px;margin-inline:auto;padding-top:64px;padding-bottom:64px;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.faq details{border-bottom:1px solid #55553335}.faq summary{padding-block:20px}.faq details p{line-height:1.7;padding-bottom:20px;margin-top:0}
#kontakt.contact{padding:56px 5%;background-image:linear-gradient(#eee3cfc9,#eee3cfc9),url('assets/paper-fibres.svg');border-top:1px solid #55553325;border-bottom:1px solid #55553325}
#kontakt.contact>.contact-layout{max-width:1160px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;text-align:left;align-items:center}
#kontakt .contact-intro h2{font-size:clamp(32px,3.5vw,48px);margin:12px 0 20px}#kontakt .contact-intro>p:last-child{margin:0;max-width:610px;line-height:1.75}
#kontakt .contact-actions{display:flex;flex-direction:column;align-items:flex-start;border-left:1px solid #55553330;padding-left:40px;min-width:0}
#kontakt .contact-actions>.eyebrow{font-size:11px;line-height:1.6;margin:0 0 16px}#kontakt .contact-mail-button{align-self:flex-start;margin:0 0 18px;padding-inline:24px}#kontakt .contact-email{font-size:clamp(15px,1.5vw,19px)}#kontakt .contact-phone{margin-top:8px}
footer{padding:42px 5% 20px;background:#e2d5be url('assets/papierkorn.svg')}
.footer-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:44px;align-items:start;padding-bottom:32px}.footer-grid>div{min-width:0}.footer-grid h2{font:800 15px Nunito,Arial,sans-serif;margin:8px 0 18px;color:#354123}.footer-grid p,.footer-grid address{font-size:14px;line-height:1.7;margin:14px 0 0;font-style:normal}.footer-grid a[href^="mailto:"]{font-size:14px;font-weight:700;overflow-wrap:anywhere}.footer-identity .logo-window{width:220px;height:105px}.footer-identity>p{margin-top:4px}.footer-craft .handwerk-footer{width:200px;max-width:100%;height:auto;margin:0 0 16px}.footer-craft p{max-width:290px}.footer-bottom{max-width:1160px;margin:0 auto;border-top:1px solid #55553335;padding-top:20px;gap:20px;align-items:center}.footer-bottom a{display:inline-block;padding:8px 0}.footer-bottom>div{display:flex;flex-wrap:wrap;gap:20px}
@media(max-width:760px){.faq.section{grid-template-columns:1fr;gap:24px;padding-block:40px}#kontakt.contact{padding-block:36px}#kontakt.contact>.contact-layout{grid-template-columns:1fr;gap:28px}#kontakt .contact-actions{border-left:0;border-top:1px solid #55553330;padding:24px 0 0;align-items:flex-start}.footer-grid{grid-template-columns:1fr;gap:28px;padding-bottom:24px}.footer-grid>div+div{border-top:1px solid #55553325;padding-top:24px}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px}footer{padding-top:28px}.footer-grid h2{margin-top:0}}
/* Vollständiges Logo: gleiche Bild-/Containerbreite, Verlauf nur im Holzrand. */
.header .logo-window,footer .logo-window{display:block;position:relative;width:220px;height:auto;aspect-ratio:3/2;overflow:visible;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.header .logo-window img,footer .logo-window img{display:block;position:static;width:100%;height:auto;max-width:100%;margin:0;transform:none;object-fit:contain}
@media(max-width:760px){.header .logo-window{width:170px}}
footer .footer-identity .logo-window{height:auto;aspect-ratio:3/2}

/* Einheitliche breite Inhaltsachse; Textzeilen bleiben gut lesbar. */
:root{--page-gutter:clamp(20px,4vw,88px)}
main>.section:not(.legal),.faq.section,#kontakt.contact{width:100%;max-width:none;margin-inline:0;padding-inline:var(--page-gutter)}
.hero{padding-inline:var(--page-gutter)}
.faq.section{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(32px,5vw,96px)}
.faq h2{max-width:14ch;font-size:clamp(36px,3.5vw,60px);text-wrap:balance}
.faq>div,.section>div{min-width:0}
#kontakt.contact>.contact-layout{width:100%;max-width:none;gap:clamp(32px,5vw,96px)}
footer{padding-inline:var(--page-gutter)}
.footer-grid,.footer-bottom{width:100%;max-width:none}
@media(max-width:760px){
 .faq.section{grid-template-columns:1fr;gap:28px}
 .faq h2{max-width:100%;font-size:clamp(32px,8vw,40px);text-wrap:initial}
 #kontakt.contact>.contact-layout{grid-template-columns:1fr;gap:28px}
 .faq summary{gap:16px;line-height:1.5}
}