/* Haptische Materialwelt: Sand, Lehm, Moos und ruhige Naturbilder. */
:root{--paper:#ece2ce;--ink:#414630;--muted:#68604f;--sand:#d5baa0;--sage:#d5d4ba}
body{background-image:linear-gradient(#eee5d2c9,#eee5d2c9),url('assets/lehmstruktur.png');background-size:auto,900px auto}
.header{background:#ece3d0f7;border-bottom:1px solid #c4b79c80}
.hero-copy,.nature-copy,.request-box{background-image:linear-gradient(#f1e8d5c9,#f1e8d5c9),url('assets/lehmstruktur.png');background-size:cover;background-color:#eee4d0}
.hero-copy{border-radius:4px 44px 12px 30px;box-shadow:0 14px 40px #1e2b2220}
.hero-photo img{filter:saturate(.62) brightness(.94)}
.hero:after{background:linear-gradient(90deg,#3d44332b,transparent 75%)}
.hero h1{font-size:clamp(3.1rem,4.55vw,4.8rem);line-height:1.08}
.hero .hero-intro{font-size:1.1rem;line-height:1.85}
.button{border-radius:22px 15px 24px 16px;background:#586140;border-color:#586140;box-shadow:inset 0 1px 0 #ffffff14}
.intro{position:relative;padding-top:100px;padding-bottom:100px}
.intro h2{color:#70543d}
.service-grid{gap:26px;align-items:stretch}
.service-grid article,.service-grid article+article{background-image:linear-gradient(#e3d4bad9,#e3d4bad9),url('assets/lehmstruktur.png');background-size:cover;border-radius:35px 8px 28px 10px;box-shadow:0 3px 0 #b3a08122;min-height:280px}
.service-grid article:nth-child(2){background-image:linear-gradient(#d8d7bddb,#d8d7bddb),url('assets/lehmstruktur.png')}
.service-grid article:nth-child(3){background-image:linear-gradient(#dfc5aad4,#dfc5aad4),url('assets/lehmstruktur.png')}
.service-grid article:nth-child(4){background-image:linear-gradient(#ced2b8db,#ced2b8db),url('assets/lehmstruktur.png')}
.materials{position:relative;overflow:hidden;background-image:linear-gradient(#e6dac3bb,#e6dac3bb),url('assets/lehmstruktur.png');background-size:cover;background-color:#dfcfb2;border-radius:52% 38% 0 0 / 26px 18px 0 0}
.materials h2{color:#6b533c}.materials .material-note{border-left-color:#927759}
.material-list details{border-color:#b2a182}.material-list summary{padding:25px 0}
.material-tag{color:#736047}.regional-title{color:#674b32}
.gallery-section{padding-top:105px}.gallery img{border:8px solid #f2e8d5;box-shadow:0 6px 24px #53452e16;transform:rotate(-1deg)}
.process{background:#535c40 url('assets/papierkorn.svg')}.process ol{gap:40px}.process li{border-top:0;border-left:1px solid #a8ad8877;padding:8px 0 8px 24px}.process li>span{color:#d9cbb0}
.about{padding-top:100px;padding-bottom:90px}.about .large-copy{font-family:Georgia,serif;font-weight:400;color:#715a40}
.nature-image{filter:saturate(.72)}.nature-copy{border-radius:35px 6px 40px 10px}
.contact{background-image:linear-gradient(#d6ba9cd9,#d6ba9cd9),url('assets/lehmstruktur.png');background-size:cover}
footer{background:#e1d6bd url('assets/papierkorn.svg')}
@media(max-width:1050px){.service-grid{gap:24px}.intro{padding-top:75px;padding-bottom:75px}}
@media(max-width:760px){.hero{padding-top:185px;padding-bottom:44px}.hero-copy{padding:31px 25px 26px;border-radius:5px 35px 12px 28px}.hero h1{font-size:2.8rem}.hero .hero-intro{font-size:1rem;line-height:1.8}.intro,.about{padding-top:65px;padding-bottom:65px}.service-grid article,.service-grid article+article{min-height:0}.process ol{grid-template-columns:1fr;gap:27px}.process li>span{margin-bottom:12px}.process li p{max-width:34ch}.gallery-section{padding-top:65px}.gallery img{border-width:5px}.material-tag{display:none}}