.materials-page{overflow:clip}.materials-intro{max-width:1100px;padding:44px 0 38px}.materials-intro .display{max-width:950px;margin:22px 0 26px}.materials-intro .lead{max-width:750px}.materials-nav{display:flex;flex-wrap:wrap;gap:12px 25px;border-block:1px solid var(--line);padding:20px 0}.materials-nav a{display:flex;align-items:center;gap:14px;min-height:28px;border-bottom:1px solid transparent;font-size:.82rem;text-decoration:none}.materials-nav a:hover{border-color:var(--ink)}.materials-nav a span{color:var(--action)}.materials-categories{display:grid;gap:0;padding-block:clamp(32px,4vw,56px) 0}.materials-category{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;scroll-margin-top:115px}.materials-category--reverse{background:var(--warm)}.materials-category--reverse .materials-category-figure{order:2}.materials-category-figure{position:relative;display:flex;flex-direction:column;min-width:0;margin:0}.materials-category-photo,.materials-study{position:relative;flex:1;min-height:460px;overflow:hidden;background:#e5dfd4}.materials-category-photo img{object-fit:cover;object-position:center}.materials-category-figure figcaption{position:absolute;inset:auto 0 0;padding:20px clamp(24px,4vw,56px);background:linear-gradient(transparent,rgba(245,243,239,.96));color:var(--ink);font-size:11px;line-height:1.6}.materials-category--reverse .materials-category-figure figcaption{text-align:left}.materials-category-copy{min-width:0;display:flex;align-items:center;padding:clamp(36px,4.5vw,68px) clamp(28px,4.5vw,76px)}.materials-category-copy-inner{max-width:560px}.materials-category--reverse .materials-category-copy-inner{margin-left:auto}.materials-category-copy .eyebrow{margin-bottom:16px}.materials-category-copy .headline{margin:0 0 22px;font-size:clamp(34px,3.6vw,54px);line-height:1.1;hyphens:auto}.materials-category-copy .lead{margin-bottom:20px;font-size:clamp(18px,1.45vw,21px);line-height:1.55}.materials-category-copy-inner>p:not(.eyebrow):not(.lead):not(.materials-question){max-width:56ch;color:var(--muted);font-size:clamp(16px,1.15vw,18px);line-height:1.75}.materials-category-copy-inner>.materials-question{margin:24px 0 0;padding:2px 0 2px 18px;border-left:2px solid var(--accent);color:var(--ink);font-size:15px;line-height:1.65}.materials-study--plaster{background:radial-gradient(ellipse at 30% 20%,#eee8dd80,transparent 60%),repeating-linear-gradient(114deg,#b8ac9912,#ede6dc14 2px,transparent 3px,transparent 7px),linear-gradient(125deg,#d0c3ad,#e6ddcf 55%,#b5ac9d)}.materials-study--plaster>span:first-child{position:absolute;width:62%;height:55%;left:9%;top:14%;background:linear-gradient(110deg,#d2c9bc,#e7ded1 65%,#b9afa0);box-shadow:14px 19px 20px #675b481f;transform:rotate(-7deg)}.materials-study--plaster>span:nth-child(2){position:absolute;width:31%;aspect-ratio:1;right:9%;bottom:10%;border-radius:50%;background:linear-gradient(125deg,#aab0a0,#8a9380);box-shadow:10px 15px 25px #675b482b}.materials-study--plaster>span:nth-child(3){position:absolute;width:32%;height:12%;left:14%;bottom:14%;background:#f1ece2;box-shadow:6px 9px 15px #675b4825;transform:rotate(4deg)}.materials-study--panels{display:flex;align-items:center;justify-content:center;gap:12px;padding:8% 12%;background:linear-gradient(145deg,#f0eee7,#ddd6ca)}.materials-study--panels>span{width:32%;height:74%;flex-shrink:0;background:linear-gradient(110deg,#c5b9a6,#e0d7ca 54%,#cec1ae);box-shadow:12px 18px 18px #72695822;transform:translateY(-7%)}.materials-study--panels>span:nth-child(2){height:83%;background:linear-gradient(120deg,#a7a8a1,#c0bfb4);transform:translateY(0)}.materials-study--panels>span:nth-child(3){height:65%;background:linear-gradient(115deg,#e3ded4,#f1eee6);transform:translateY(12%)}.materials-study--specials{display:grid;place-items:center;background:linear-gradient(120deg,#d9d3c8,#ece6dc)}.materials-study--specials>span:first-child{position:absolute;width:60%;height:63%;top:15%;left:15%;border-radius:48% 48% 18% 42%;background:linear-gradient(140deg,#faf7f0,#d4ccbd);box-shadow:18px 27px 25px #8c82674a;transform:rotate(-18deg)}.materials-study--specials>span:nth-child(2){position:absolute;width:28%;aspect-ratio:1;right:13%;bottom:14%;border-radius:50%;background:linear-gradient(130deg,#bfa890,#a58a72);box-shadow:9px 11px 18px #6c5a4230}.materials-study--specials>span:nth-child(3){position:absolute;width:30%;height:14%;top:36%;left:28%;border-radius:50%;background:#e3ddcf;box-shadow:inset 3px 5px 9px #afa59438;transform:rotate(-18deg)}.materials-advice{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,100px)}.materials-advice .button{margin-top:24px;gap:24px;white-space:normal}.materials-advice p:not(.eyebrow){max-width:60ch}@media (max-width:1000px){.materials-category{grid-template-columns:1fr}.materials-category--reverse .materials-category-figure{order:0}.materials-category-photo,.materials-study{aspect-ratio:16/9;min-height:0;max-height:520px;flex:none}.materials-category--reverse .materials-category-figure figcaption,.materials-category-figure figcaption{padding:18px clamp(24px,5.25vw,88px);text-align:left}.materials-category-copy{padding:30px clamp(24px,5.25vw,88px) 38px}.materials-category--reverse .materials-category-copy-inner,.materials-category-copy-inner{max-width:720px;margin-inline:auto}.materials-category-copy .headline{max-width:100%;font-size:clamp(34px,5.5vw,48px)}.materials-category-copy .lead{max-width:60ch;font-size:20px}.materials-category-copy-inner>p:not(.eyebrow):not(.lead){max-width:65ch}.materials-advice{grid-template-columns:1fr;gap:24px}.materials-categories{padding-bottom:0}.materials-intro{padding:30px 0 32px}}@media (max-width:500px){.materials-nav{display:grid;grid-template-columns:1fr;gap:2px;padding:13px 0}.materials-nav a{justify-content:space-between;min-height:42px}.materials-categories{gap:0;padding-top:32px}.materials-category-photo,.materials-study{aspect-ratio:3/2}.materials-category-copy{padding-top:26px;padding-bottom:30px}.materials-category-copy .eyebrow{margin-bottom:13px}.materials-category-copy .headline{margin-bottom:18px;font-size:clamp(31px,8.6vw,40px)}.materials-category-copy .lead{font-size:18px}.materials-category-copy-inner>.materials-question{margin-top:22px;padding-left:14px}.materials-study--panels{gap:7px}.materials-advice .button{width:100%;justify-content:space-between;font-size:.9rem}}@media (max-width:360px){.materials-category--reverse .materials-category-figure figcaption,.materials-category-copy,.materials-category-figure figcaption{padding-inline:20px}}.materials-orientation-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:36px}.materials-orientation-head>p{max-width:56ch;color:var(--muted);font-size:15px;line-height:1.8;margin:0}.materials-comparison article{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:40px;border-top:1px solid var(--line);padding:28px 0}.materials-comparison article:last-child{border-bottom:1px solid var(--line)}.materials-comparison h3{font-size:21px;font-weight:400;margin:0;line-height:1.4}.materials-comparison h3 a{display:flex;justify-content:space-between;gap:16px}.materials-comparison h3 a:hover{text-decoration:underline;text-underline-offset:5px}.materials-comparison h3 span{font-size:18px;color:var(--muted)}.materials-comparison dl{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:0}.materials-comparison dt{font-size:11px;color:var(--muted);margin-bottom:9px}.materials-comparison dd{font-size:14px;line-height:1.75;margin:0}@media(max-width:750px){.materials-orientation-head{grid-template-columns:1fr;gap:22px}.materials-comparison article{grid-template-columns:1fr;gap:20px}.materials-comparison dl{gap:24px}.materials-comparison h3 a{justify-content:flex-start}}@media(max-width:420px){.materials-comparison dl{grid-template-columns:1fr;gap:18px}}.materials-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.65fr);gap:clamp(36px,5vw,90px);align-items:center}.materials-intro-copy{min-width:0}.materials-intro .display{font-size:clamp(42px,5.4vw,80px)}.materials-hero-art{position:relative;display:block;aspect-ratio:1;max-height:370px;text-decoration:none}.materials-sample{position:absolute;box-shadow:8px 16px 28px #5c493526;transition:transform .7s var(--ease)}.materials-sample--stone{width:64%;height:66%;left:8%;top:6%;background:repeating-linear-gradient(125deg,#ddd6c810 0 2px,#a9a29320 3px,transparent 5px 11px),linear-gradient(145deg,#e2d9ca,#c9c0b2);transform:rotate(-13deg)}.materials-sample--clay{width:57%;height:62%;left:24%;top:18%;background:linear-gradient(125deg,#d2bbaa,#b19d89);transform:rotate(8deg)}.materials-sample--wood{width:20%;height:70%;left:68%;top:5%;background:repeating-linear-gradient(91deg,#ae8c6570 0 1px,#ccb08b55 2px 6px),#b69b7e;transform:rotate(16deg)}.materials-sample--sage{width:42%;height:42%;border-radius:50%;left:8%;top:49%;background:linear-gradient(135deg,#a5aa94,#858d78)}.materials-hero-art>span{position:absolute;bottom:-14px;left:10%;right:0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.materials-hero-art:focus-visible{outline:2px solid var(--action);outline-offset:12px}.materials-hero-art:hover .materials-sample--sage{transform:translate(-4px,4px)}.materials-hero-art:hover .materials-sample--wood{transform:translate(4px,-4px) rotate(16deg)}@media(max-width:750px){.materials-intro{grid-template-columns:1fr;gap:18px}.materials-hero-art{width:190px;max-height:none;justify-self:end;margin-top:-4px;margin-bottom:32px}.materials-intro .display{font-size:clamp(42px,8vw,62px)}}@media(prefers-reduced-motion:reduce){.materials-comparison dl,.materials-comparison h3,.materials-sample{transition:none!important;transform:none!important;opacity:1!important}}.materials-orientation-cta{margin:0;align-self:end}.materials-orientation-cta a{display:inline-flex;align-items:baseline;gap:.45em;font-size:clamp(24px,2.4vw,36px);line-height:1.2;letter-spacing:-.02em;color:var(--orange-text);text-decoration:none}.materials-orientation-cta a:hover span[aria-hidden]{transform:translate(3px,-3px)}.materials-orientation-cta span[aria-hidden]{font-size:.7em;transition:transform .25s var(--ease)}.materials-category-copy p:not(.lead):not(.materials-question):not(.eyebrow){text-wrap:pretty}.materials-page .materials-intro{padding-bottom:clamp(40px,5vw,72px)}.mat-bereich{padding-block:clamp(64px,8vw,128px)}.mat-bereich+.mat-bereich:not(.mat-bereich--flaeche){border-top:1px solid var(--line)}.mat-bereich--flaeche{background:var(--flaeche);--muted:var(--flaeche-muted);--line:var(--flaeche-line)}.mat-bereich__raster{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(40px,6.5vw,112px);align-items:center}.mat-bereich--flaeche .mat-bereich__bild{order:2}.mat-bereich__bild{margin:0;min-width:0}.mat-bereich__foto{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--warm)}.mat-bereich__foto img{object-fit:cover;transition:transform 1.2s var(--ease)}.mat-bereich__bild:hover .mat-bereich__foto img{transform:scale(1.025)}.mat-bereich__bild figcaption{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;letter-spacing:.01em;color:var(--muted)}.mat-bereich__bild figcaption:before{content:"";width:22px;height:1px;background:var(--accent)}.mat-bereich__text{max-width:540px}.mat-bereich__text .eyebrow{margin-bottom:18px}.mat-bereich__text .headline{margin:0 0 24px;font-size:clamp(34px,3.5vw,54px);line-height:1.06;max-width:13ch;text-wrap:balance}.mat-bereich__text .lead{margin:0 0 20px;font-size:clamp(18px,1.4vw,21px);line-height:1.5;color:var(--ink);text-wrap:pretty}.mat-bereich__beschreibung{margin:0;font-size:16px;line-height:1.75;color:var(--muted);text-wrap:pretty;hyphens:auto;-webkit-hyphens:auto}.mat-bereich__frage{display:flex;gap:14px;margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:15px;line-height:1.55;color:var(--ink)}.mat-bereich__frage:before{content:"";flex:none;width:8px;height:8px;margin-top:.5em;border-radius:50%;background:var(--accent)}.mat-abschluss{display:grid;justify-items:center;text-align:center;padding-block:clamp(80px,9vw,140px)}.mat-abschluss .eyebrow{margin-bottom:18px}.mat-abschluss .headline{margin:0}.mat-abschluss .materials-orientation-cta{margin-top:clamp(18px,2vw,28px);align-self:auto}.mat-abschluss .materials-orientation-cta a{font-size:clamp(24px,2.6vw,38px)}@media (max-width:899px){.mat-bereich__raster{grid-template-columns:1fr;gap:32px}.mat-bereich--flaeche .mat-bereich__bild{order:0}.mat-bereich__text{max-width:640px}.mat-bereich__text .headline{max-width:none}}@media (max-width:639px){.mat-bereich{padding-block:56px}.mat-bereich__foto{aspect-ratio:3/2}.mat-bereich__text .headline{font-size:clamp(31px,8.6vw,40px)}}@media (prefers-reduced-motion:reduce){.mat-bereich__foto img{transition:none}.mat-bereich__bild:hover .mat-bereich__foto img{transform:none}}