/* Malerfachbetrieb Scharrer · Richtung A: die Seite wird gestrichen */
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/hanken-grotesk.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --tinte:#1c1814;--creme:#fff7ea;--putz:#f3eee4;--roh:#e7e0d3;
  --ton:#a8301f;--ton-tief:#6f1c12;--ton-hell:#f1e3da;--auf:#fff7ea;--knopf-fg:#1c1814;
  --kante-l:url("data:image/png;base64,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");--kante-r:url("data:image/png;base64,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");
  --weich:cubic-bezier(.32,.72,0,1);
  --rand:clamp(20px,4.4vw,64px);
  --r:18px;
  --schrift:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --titel:"Fraunces",Georgia,"Times New Roman",serif;
}
[data-ton="ziegelrot"]{--ton:#a8301f;--ton-tief:#6f1c12;--ton-hell:#f1e3da;--auf:#fff7ea;--knopf-fg:#1c1814}
[data-ton="terrakotta"]{--ton:#ab4e2a;--ton-tief:#70301a;--ton-hell:#f2e5d9;--auf:#fff7ea;--knopf-fg:#1c1814}
[data-ton="ocker"]{--ton:#cf9a34;--ton-tief:#7a5512;--ton-hell:#f4ead3;--auf:#1c1814;--knopf-fg:#fff7ea}
[data-ton="sandstein"]{--ton:#d6c09a;--ton-tief:#6e5a3a;--ton-hell:#f1eadb;--auf:#1c1814;--knopf-fg:#fff7ea}
[data-ton="salbei"]{--ton:#8fa283;--ton-tief:#3f5239;--ton-hell:#e6ebdd;--auf:#1c1814;--knopf-fg:#fff7ea}
[data-ton="taubenblau"]{--ton:#4f6f87;--ton-tief:#2c4356;--ton-hell:#e1e8ec;--auf:#fff7ea;--knopf-fg:#1c1814}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:var(--schrift);font-size:1.0625rem;line-height:1.55;color:var(--tinte);background:var(--putz);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,ul,figure,blockquote{margin:0}
ul{padding:0;list-style:none}
a{color:inherit}
:focus-visible{outline:3px solid var(--tinte);outline-offset:3px;box-shadow:0 0 0 3px var(--creme);border-radius:6px}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--tinte);color:var(--creme);padding:12px 18px;border-radius:999px;text-decoration:none}
.skip:focus{top:12px}
.breite{width:100%;max-width:1360px;margin-inline:auto;padding-inline:var(--rand)}

h1,h2,.zahl b,.gross-link{font-family:var(--titel);font-weight:560;font-variation-settings:"opsz" 144,"SOFT" 40,"WONK" 0;letter-spacing:-.035em;line-height:.92}
h2{font-size:clamp(2.5rem,6.4vw,5.6rem);text-wrap:balance}
h3{font-family:var(--titel);font-weight:520;font-variation-settings:"opsz" 60,"SOFT" 40,"WONK" 0;letter-spacing:-.02em;line-height:1.05;font-size:clamp(1.5rem,2.6vw,2.25rem)}
.lead{font-size:clamp(1.125rem,1.5vw,1.375rem);line-height:1.45;max-width:34em;text-wrap:pretty}

/* Putzstruktur */
.wand,.belege,.misch,.fassade,.kontakt,.innen{background-image:url("../bilder/putz.webp");background-size:420px 420px}

/* Kopfzeile */
.kopf{position:fixed;inset:14px 0 auto 0;z-index:50;pointer-events:none}
.kopf-in{display:flex;align-items:center;gap:12px;padding-inline:clamp(12px,2.4vw,36px);max-width:1480px;margin-inline:auto}
.kopf-in>*{pointer-events:auto}
.etikett{display:block;flex:none;background:#fff;border-radius:14px;padding:7px 12px;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 12px 30px -14px rgba(28,24,20,.45),0 0 0 1px rgba(28,24,20,.06)}
.etikett img{height:38px;width:auto}
.insel{display:none;margin-left:auto;gap:2px;padding:5px;border-radius:999px;background:rgba(255,253,248,.78);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 0 0 1px rgba(28,24,20,.07),0 12px 30px -16px rgba(28,24,20,.4)}
.insel a{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;text-decoration:none;font-weight:560;font-size:.95rem;white-space:nowrap;transition:background-color .4s var(--weich)}
.insel a:hover{background:rgba(28,24,20,.08)}
.knopf{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--tinte);color:var(--creme);font-weight:640;font-size:1rem;text-decoration:none;white-space:nowrap;transition:transform .5s var(--weich),background-color .5s var(--weich),color .5s var(--weich)}
.knopf:active{transform:scale(.97)}
.knopf-kopf{margin-left:auto;box-shadow:0 0 0 1px rgba(255,247,234,.28),0 12px 30px -14px rgba(28,24,20,.6)}
.insel+.knopf-kopf{margin-left:auto}
.knopf-gross{min-height:62px;padding:0 8px 0 28px;font-size:1.125rem;background:var(--auf);color:var(--knopf-fg)}
.knopf-i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--knopf-fg) 12%,transparent);transition:transform .5s var(--weich)}
.knopf-gross:hover .knopf-i{transform:translate(3px,-2px) scale(1.06)}
@media (min-width:1000px){
  .etikett{padding:9px 16px}.etikett img{height:50px}
  .insel{display:flex}.insel+.knopf-kopf{margin-left:0}
}

/* Wand: gestrichene Flaeche */
.wand{position:absolute;inset:0;overflow:hidden;background-color:var(--alt,var(--ton));background-blend-mode:overlay}
.wand::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/6 - 30px),rgba(0,0,0,.05) calc(100%/6 - 15px),transparent calc(100%/6)),
  linear-gradient(180deg,rgba(255,255,255,.07),transparent 30%,rgba(0,0,0,.10))}
.roh .hero .wand{--alt:var(--roh)}
.bahnen{position:absolute;inset:0;--n:6}
.bahn{position:absolute;top:0;bottom:0;left:calc(var(--k)*100%/var(--n) - 36px);width:calc(100%/var(--n) + 72px);overflow:hidden;will-change:transform}
.bahn-f{position:absolute;inset:0;background:var(--neu) url("../bilder/putz.webp") 0 0/420px 420px;background-blend-mode:overlay;will-change:transform;
  -webkit-mask-image:var(--kante-l),linear-gradient(#000,#000),var(--kante-r);mask-image:var(--kante-l),linear-gradient(#000,#000),var(--kante-r);
  -webkit-mask-repeat:repeat-y,no-repeat,repeat-y;mask-repeat:repeat-y,no-repeat,repeat-y;
  -webkit-mask-position:0 0,47px 0,100% 230px;mask-position:0 0,47px 0,100% 230px;
  -webkit-mask-size:48px 600px,calc(100% - 94px) 100%,48px 600px;mask-size:48px 600px,calc(100% - 94px) 100%,48px 600px}
.rolle{position:absolute;top:0;height:100%;left:calc(var(--k)*100%/var(--n) - 20px);width:calc(100%/var(--n) + 40px);pointer-events:none;will-change:transform}
.rolle i{position:absolute;left:0;right:0;bottom:-30px;height:56px;border-radius:14px/28px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--neu) 62%,#fff) 0,var(--neu) 34%,color-mix(in srgb,var(--neu) 62%,#000) 100%),url("../bilder/putz.webp") 0 0/150px 150px;background-blend-mode:overlay;
  box-shadow:0 18px 26px -10px rgba(20,12,4,.45),inset 0 -6px 10px rgba(0,0,0,.18),inset 0 2px 0 rgba(255,255,255,.25)}
.rolle i::before,.rolle i::after{content:"";position:absolute;top:0;bottom:0;width:12px;background:linear-gradient(180deg,#d9dbdc,#8f9294 40%,#55585a);border-radius:10px/28px}
.rolle i::before{left:-3px}.rolle i::after{right:-3px}
.rolle.hoch i{bottom:auto;top:-30px;transform:scaleY(-1)}

/* Einstieg */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;color:var(--auf);isolation:isolate}
.hero-in{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;padding-top:clamp(92px,13vh,150px);padding-bottom:clamp(28px,6vh,72px)}
.hero h1{font-size:clamp(3.25rem,10.6vw,10.25rem);transition:color .35s var(--weich) .3s}
.hero h1 .wonk{font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;font-weight:640}
.hero-unten{margin-top:auto;max-width:min(31rem,calc(100vw - 2*var(--rand) - 560px));display:grid;gap:22px;justify-items:start;transition:color .35s var(--weich) .3s}
.hero-sub{font-size:clamp(1.0625rem,1.45vw,1.3125rem);line-height:1.42;font-weight:480;text-wrap:pretty}
.hero-wahl{font-size:.95rem;line-height:1.4;max-width:24rem}
.ton-jetzt{white-space:nowrap}
.hero .knopf-gross{box-shadow:0 18px 40px -18px rgba(20,12,4,.55)}

/* Farbfaecher */
.faecher{--kb:108px;--kl:min(52vh,470px);position:absolute;z-index:3;right:clamp(70px,11vw,190px);bottom:64px;width:0;height:0}
.karte{position:absolute;left:calc(var(--kb)/-2);bottom:-34px;width:var(--kb);height:var(--kl);padding:5px 5px 62px;border:0;border-radius:13px;background:#fffdf8;cursor:pointer;font:inherit;color:var(--t);
  transform-origin:50% calc(100% - 34px);transform:rotate(calc(-76deg + var(--i)*14.6deg));
  box-shadow:-10px 14px 28px -14px rgba(20,12,4,.55),0 0 0 1px rgba(28,24,20,.08),inset 0 1px 0 #fff;
  transition:transform .8s var(--weich);transition-delay:calc(var(--i)*55ms)}
.karte .feld{display:block;height:100%;border-radius:9px;background:var(--c) url("../bilder/putz.webp") 0 0/260px 260px;background-blend-mode:overlay;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);position:relative}
.karte .name{position:absolute;top:16px;left:50%;writing-mode:vertical-rl;transform:translateX(-50%);font-weight:640;font-size:1.0625rem;letter-spacing:.01em;white-space:nowrap}
.karte::after{content:"";position:absolute;left:50%;bottom:86px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--t);opacity:0;transform:scale(.4);transition:opacity .4s var(--weich),transform .5s var(--weich)}
.karte:hover{transform:rotate(calc(-76deg + var(--i)*14.6deg)) translateY(-14px);transition-delay:0s}
.karte[aria-pressed="true"]{transform:rotate(calc(-76deg + var(--i)*14.6deg)) translateY(-34px)}
.karte[aria-pressed="true"]::after{opacity:1;transform:none}
.karte:focus-visible{outline:3px solid var(--tinte);outline-offset:2px;box-shadow:0 0 0 6px var(--creme)}
.js .faecher:not(.offen) .karte{transform:rotate(-3deg)}
.niete{position:absolute;left:-11px;bottom:-11px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c9ccce 45%,#7f8386);box-shadow:0 2px 4px rgba(0,0,0,.4),inset 0 0 0 1px rgba(0,0,0,.15);pointer-events:none}

/* Abschnitte */
.abschnitt{position:relative;padding-block:clamp(88px,13vw,190px);background-color:var(--putz);background-blend-mode:soft-light;transition:background-color .7s var(--weich)}
.kopfzeile{display:grid;gap:clamp(20px,3vw,36px);margin-bottom:clamp(44px,7vw,96px)}
.kopfzeile h2{max-width:13ch}
@media (min-width:900px){.kopfzeile{grid-template-columns:1.25fr 1fr;align-items:end}.kopfzeile .lead{padding-bottom:.6em}}

/* Doppelrand fuer Bilder */
.rahmen{padding:8px;border-radius:calc(var(--r) + 8px);background:rgba(28,24,20,.05);box-shadow:0 0 0 1px rgba(28,24,20,.07),0 40px 70px -40px rgba(28,24,20,.45)}
.rahmen img{border-radius:var(--r);width:100%}

/* Fassade */
.fassade-raster{display:grid;gap:clamp(40px,6vw,88px)}
.bildstapel{position:relative;max-width:560px}
.bildzeile{margin-top:16px;font-size:.9375rem;color:#4b443c}
.muster{position:absolute;right:-10px;bottom:34px;width:128px;padding:6px 6px 12px;background:#fffdf8;border-radius:12px;transform:rotate(5deg);box-shadow:0 26px 40px -22px rgba(28,24,20,.6),0 0 0 1px rgba(28,24,20,.07)}
.muster-feld{display:block;height:118px;border-radius:8px;background:var(--ton) url("../bilder/putz.webp") 0 0/220px 220px;background-blend-mode:overlay;transition:background-color .7s var(--weich)}
.muster-text{display:block;padding:10px 6px 0;font-size:.8125rem;line-height:1.25;color:#4b443c}
.muster-text b{font-size:1rem;color:var(--tinte)}
.reihen li{padding-block:clamp(24px,3vw,38px);border-top:1px solid rgba(28,24,20,.16);display:grid;gap:10px}
.reihen li:last-child{border-bottom:1px solid rgba(28,24,20,.16)}
.reihen p{max-width:36em;color:#3a342d}
@media (min-width:900px){
  .fassade-raster{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}
  .bildstapel{position:sticky;top:120px}
  .muster{right:-34px;width:150px}.muster-feld{height:140px}
}

/* Innen: Probeanstriche */
.innen{background-color:var(--ton-hell)}
.proben li{display:grid;gap:10px 40px;padding-block:clamp(26px,3.4vw,44px);border-top:1px solid rgba(28,24,20,.16)}
.proben li:last-child{border-bottom:1px solid rgba(28,24,20,.16)}
.probe{display:block;height:54px;width:min(78%,360px);background:color-mix(in srgb,var(--ton) var(--s),#fffdf8) url("../bilder/putz.webp") 0 0/300px 300px;background-blend-mode:overlay;transition:background-color .7s var(--weich);
  -webkit-mask-image:var(--kante-l),linear-gradient(#000,#000),var(--kante-r);mask-image:var(--kante-l),linear-gradient(#000,#000),var(--kante-r);
  -webkit-mask-repeat:repeat-y,no-repeat,repeat-y;mask-repeat:repeat-y,no-repeat,repeat-y;
  -webkit-mask-position:0 0,47px 0,100% 40px;mask-position:0 0,47px 0,100% 40px;
  -webkit-mask-size:48px 600px,calc(100% - 94px) 100%,48px 600px;mask-size:48px 600px,calc(100% - 94px) 100%,48px 600px}
.proben li:nth-child(2) .probe{-webkit-mask-position:0 -190px,47px 0,100% -300px;mask-position:0 -190px,47px 0,100% -300px}
.proben li:nth-child(3) .probe{-webkit-mask-position:0 -420px,47px 0,100% -80px;mask-position:0 -420px,47px 0,100% -80px}
.proben li:nth-child(4) .probe{-webkit-mask-position:0 -560px,47px 0,100% -500px;mask-position:0 -560px,47px 0,100% -500px}
.proben p{max-width:38em;color:#3a342d}
@media (min-width:900px){
  .proben li{grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);align-items:center}
  .probe{height:92px;width:100%}
}

/* Farbmischanlage */
.misch{background-color:#1a1613;color:var(--creme);background-blend-mode:soft-light;overflow:hidden}
.misch-kopf{display:grid;gap:22px;justify-items:center;text-align:center}
.misch-kopf h2{max-width:14ch}
.misch-kopf .lead{color:#e8dfd0}
.anlage{position:relative;isolation:isolate;display:grid;justify-items:center;margin-top:clamp(48px,7vw,90px);--e:min(76vw,430px);--p0:#8e2b1d;--p1:#d9a21b;--p2:#4a3728;--eimer-ton:var(--ton)}
.duesen{position:relative;z-index:2;width:calc(var(--e)*.74);height:54px;border-radius:16px 16px 22px 22px;background:linear-gradient(180deg,#4b453f,#2b2622);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 30px -18px #000;display:flex;justify-content:space-around;align-items:flex-end}
.duese{position:relative;width:26px;height:16px;margin-bottom:-9px;border-radius:0 0 9px 9px;background:linear-gradient(90deg,#8d9093,#e2e4e5 45%,#777a7d)}
.duese b{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:.75rem;font-weight:600;letter-spacing:.04em;white-space:nowrap;color:#e8dfd0}
.duese i{position:absolute;left:50%;top:100%;width:7px;margin-left:-3.5px;height:calc(var(--e)*.42);border-radius:0 0 4px 4px;transform:scaleY(0);transform-origin:50% 0;z-index:3}
.duese:nth-child(1) i{background:var(--p0)}.duese:nth-child(2) i{background:var(--p1)}.duese:nth-child(3) i{background:var(--p2)}
.eimer{position:relative;margin-top:-18px;width:var(--e);height:var(--e);border-radius:50%;padding:calc(var(--e)*.036);background:conic-gradient(from 200deg,#f6f6f4,#9b9d9c,#ecedeb,#7f8180,#f3f3f1,#a9abaa,#f6f6f4);box-shadow:0 60px 90px -40px #000,inset 0 0 0 1px rgba(255,255,255,.5),inset 0 0 0 calc(var(--e)*.012) rgba(0,0,0,.12)}
.eimer::before{content:"";position:absolute;z-index:-1;left:-5.5%;right:-5.5%;top:30%;bottom:-11%;border-radius:50%;border:calc(var(--e)*.012) solid #a4a7a8;border-top-color:transparent;box-shadow:0 14px 18px -8px rgba(0,0,0,.7)}
.eimer::after{content:"";position:absolute;z-index:-1;left:calc(var(--e)*-.028);top:50%;width:calc(var(--e)*.05);height:calc(var(--e)*.1);margin-top:calc(var(--e)*-.05);border-radius:6px;background:linear-gradient(180deg,#e6e7e6,#85888a);box-shadow:calc(var(--e)*1.006) 0 0 #a9acad}
.eimer-in{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fffefb,#ece7dc);box-shadow:inset 0 10px 24px rgba(0,0,0,.35);isolation:isolate}
.tropf{position:absolute;top:calc(var(--e)*.26);left:calc(50% + (var(--d) - 1)*var(--e)*.2);width:calc(var(--e)*.3);height:calc(var(--e)*.3);margin-left:calc(var(--e)*-.15);border-radius:46% 54% 52% 48%;opacity:0;transform:scale(0)}
.tropf:nth-child(1){background:var(--p0)}.tropf:nth-child(2){background:var(--p1)}.tropf:nth-child(3){background:var(--p2)}
.wirbel{position:absolute;inset:-22%;border-radius:50%;opacity:0;filter:url(#marmor);will-change:transform,opacity}
.w1{background:conic-gradient(from 0deg,var(--p0),#fffdf6 12%,var(--p1) 24%,#fffdf6 37%,var(--p2) 48%,var(--p0) 60%,#fffdf6 72%,var(--p1) 86%,var(--p0))}
.w2{background:conic-gradient(from 90deg,var(--eimer-ton),var(--p1) 14%,var(--eimer-ton) 30%,#fffdf6 44%,var(--eimer-ton) 58%,var(--p0) 72%,var(--eimer-ton) 86%,var(--p2) 94%,var(--eimer-ton))}
.fertig{position:absolute;inset:0;background:var(--eimer-ton);transition:background-color .01s}
.glanz{position:absolute;inset:0;background:radial-gradient(ellipse 46% 30% at 32% 24%,rgba(255,255,255,.42),transparent 70%),repeating-radial-gradient(circle at 50% 52%,transparent 0 22px,rgba(0,0,0,.035) 23px 25px,transparent 26px 44px),radial-gradient(circle at 50% 50%,transparent 55%,rgba(0,0,0,.28));pointer-events:none}
.eimer-zeile{margin-top:calc(var(--e)*.11 + 26px);font-size:1.0625rem;color:#e8dfd0}
.eimer-zeile strong{color:var(--creme);font-weight:680}
.tupfer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;max-width:640px}
.tupfer button{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px 0 8px;border-radius:999px;border:0;background:rgba(255,247,234,.08);box-shadow:inset 0 0 0 1px rgba(255,247,234,.18);color:var(--creme);font:inherit;font-weight:560;font-size:.975rem;cursor:pointer;transition:background-color .5s var(--weich),transform .5s var(--weich)}
.tupfer button::before{content:"";width:30px;height:30px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),inset 0 3px 5px rgba(255,255,255,.25)}
.tupfer button:hover{background:rgba(255,247,234,.16)}
.tupfer button:active{transform:scale(.96)}
.tupfer button[aria-pressed="true"]{background:var(--creme);color:var(--tinte)}
.tupfer button:focus-visible{outline:3px solid var(--creme);outline-offset:3px;box-shadow:none}
.misch-fakten{display:grid;gap:0;margin-top:clamp(56px,8vw,110px)}
.misch-fakten li{padding-block:26px;border-top:1px solid rgba(255,247,234,.2);display:grid;gap:10px}
.misch-fakten p{color:#e8dfd0;max-width:34em}
@media (min-width:900px){.misch-fakten{grid-template-columns:repeat(3,1fr);gap:48px}.misch-fakten li{padding-top:30px}}

/* Belege */
.belege{background-color:var(--ton-tief);color:var(--creme);background-blend-mode:soft-light}
.belege h2{max-width:14ch}
.zahlen{display:grid;gap:clamp(32px,5vw,64px);margin-top:clamp(48px,7vw,96px)}
.zahl{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:baseline}
.zahl .vor{font-family:var(--titel);font-size:clamp(1.4rem,2.6vw,2.4rem);font-variation-settings:"opsz" 60,"SOFT" 100,"WONK" 1;font-weight:480}
.zahl b{font-size:clamp(6.5rem,19vw,17rem);line-height:.8;font-weight:600;letter-spacing:-.05em}
.zahl .nach{grid-column:1/-1;margin-top:18px;max-width:22em;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.4}
@media (min-width:900px){.zahlen{grid-template-columns:auto 1fr;column-gap:clamp(48px,8vw,130px)}}
.referenzen{margin-top:clamp(56px,8vw,110px);border-top:1px solid rgba(255,247,234,.28)}
.referenzen li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;padding-block:20px;border-bottom:1px solid rgba(255,247,234,.28)}
.referenzen strong{font-family:var(--titel);font-weight:520;font-variation-settings:"opsz" 60,"SOFT" 40;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.02em;line-height:1.1}
.kunden{margin-top:26px;max-width:36em;font-size:1.0625rem}
.stimmen{display:grid;gap:clamp(36px,5vw,72px);margin-top:clamp(64px,9vw,130px)}
.stimme blockquote p{font-family:var(--titel);font-weight:420;font-variation-settings:"opsz" 60,"SOFT" 60;font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.22;letter-spacing:-.015em;text-wrap:pretty}
.stimme figcaption{margin-top:20px;font-size:1rem;font-weight:560}
@media (min-width:900px){.stimmen{grid-template-columns:1fr 1fr}.stimme:nth-child(2){margin-top:72px}}

/* Kontakt */
.rahmen.breit img{aspect-ratio:3/1;object-fit:cover}
.kontakt-raster{display:grid;gap:36px;margin-top:clamp(40px,6vw,72px)}
.kontakt-raster h3{font-size:1.25rem;margin-bottom:12px}
.kontakt-raster p+p{margin-top:12px}
.textlink{display:inline-flex;align-items:center;min-height:44px;font-weight:640;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--ton-tief)}
.gross-link{display:inline-flex;align-items:center;min-height:48px;font-size:clamp(2.25rem,4.4vw,3.5rem);text-decoration:none;color:var(--ton-tief);white-space:nowrap;transition:color .7s var(--weich)}
@media (min-width:800px){.kontakt-raster{grid-template-columns:1fr 1fr 1.3fr;gap:48px}}
@media (max-width:640px){.rahmen.breit img{aspect-ratio:16/10;object-position:38% 50%}}

/* Schluss */
.schluss{position:relative;overflow:hidden;color:var(--auf);isolation:isolate}
.schluss-in{position:relative;z-index:2;padding-block:clamp(96px,15vw,220px);display:grid;gap:30px;justify-items:start;transition:color .35s var(--weich) .3s}
.schluss h2{font-size:clamp(3rem,9.4vw,9rem);max-width:10ch}
.schluss p{max-width:30em;font-size:clamp(1.0625rem,1.45vw,1.3125rem);line-height:1.42}

/* Fuss */
.fuss{background:#1a1613;color:#e8dfd0;padding-block:44px;font-size:.975rem}
.fuss-in{display:flex;flex-wrap:wrap;gap:20px 48px;align-items:center;justify-content:space-between}
.fuss strong{color:var(--creme)}
.fuss-links{display:flex;gap:6px 24px;flex-wrap:wrap}
.fuss-links a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.fuss a:focus-visible{outline-color:var(--creme);box-shadow:none}
.vorschau{color:#c9bfb0}

/* Einblenden beim Scrollen (nur mit JS) */
.js .zeig{opacity:0;transform:translateY(34px);transition:opacity .9s var(--weich),transform 1.1s var(--weich);transition-delay:var(--v,0ms)}
.js .zeig.da{opacity:1;transform:none}

/* Rechtsseiten */
.recht{padding:clamp(120px,16vw,170px) 0 90px;background:var(--putz) url("../bilder/putz.webp") 0 0/420px 420px;background-blend-mode:soft-light}
.recht .breite{max-width:820px}
.recht h1{font-size:clamp(2.6rem,7vw,4.5rem);margin-bottom:28px}
.recht h2{font-size:1.5rem;letter-spacing:-.015em;line-height:1.15;margin:38px 0 10px;font-variation-settings:"opsz" 40,"SOFT" 40}
.recht p{max-width:40em}.recht p+p{margin-top:12px}
.recht a{text-underline-offset:4px;text-decoration-thickness:2px}
.hinweis{display:inline-block;padding:10px 16px;border-radius:12px;background:#fff3c9;box-shadow:inset 0 0 0 1px #d9b84a;font-weight:600;margin-bottom:34px}
.offen{background:#fff3c9;box-shadow:0 0 0 1px #d9b84a;border-radius:4px;padding:1px 6px;font-weight:600}
.recht .zurueck{margin-top:44px}
.kopf.fest .knopf-kopf{margin-left:auto}

/* Tablet */
@media (min-width:701px) and (max-width:1100px){
  .hero-unten{margin-top:30px;max-width:min(31rem,calc(100vw - 2*var(--rand) - 380px))}
  .faecher{--kb:92px;--kl:min(42vh,390px);right:clamp(56px,9vw,110px)}
}
/* Handy */
@media (max-width:700px){
  .knopf-kopf{min-height:46px;padding:0 18px;font-size:.95rem}
  .etikett img{height:34px}
  .hero-in{padding-top:88px;padding-bottom:26px}
  .hero h1{font-size:clamp(3.1rem,15.6vw,4.4rem)}
  .hero-unten{margin-top:18px;gap:16px;max-width:none}
  .hero-sub{max-width:21rem}
  .hero-wahl{max-width:10rem;font-size:.8125rem}
  .ton-jetzt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .knopf-gross{min-height:56px;padding-left:24px;font-size:1.0625rem}
  .knopf-i{width:42px;height:42px}
  .faecher{--kb:60px;--kl:262px;right:40px;bottom:-4px}
  .karte{padding:4px 4px 50px;border-radius:10px;transform:rotate(calc(-70deg + var(--i)*13.4deg))}
  .karte:hover{transform:rotate(calc(-70deg + var(--i)*13.4deg)) translateY(-8px)}
  .karte[aria-pressed="true"]{transform:rotate(calc(-70deg + var(--i)*13.4deg)) translateY(-22px)}
  .karte .feld{border-radius:7px}
  .karte .name{top:12px;font-size:.875rem}
  .karte::after{bottom:66px;width:9px;height:9px;margin-left:-4.5px}
  .wand::after{background:
    repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/3 - 26px),rgba(0,0,0,.05) calc(100%/3 - 13px),transparent calc(100%/3)),
    linear-gradient(180deg,rgba(255,255,255,.07),transparent 30%,rgba(0,0,0,.10))}
  .bahnen{--n:3}
  .rolle i{height:46px;bottom:-24px}.rolle.hoch i{top:-24px}
  
  .muster{right:-6px;bottom:44px;width:104px}.muster-feld{height:86px}
}

@media (max-width:380px){.faecher{--kl:238px;right:34px}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}
  .js .zeig{opacity:1;transform:none}
}