:root{
 --ink:#2e2926;--ink-2:#51463f;--muted:#786e67;--paper:#fff;--canvas:#f6f2ed;--canvas-2:#efe7df;
 --line:#e2d7ce;--line-strong:#d2c2b6;--sand:#dfc8b5;--sand-2:#f1e7de;--brown:#6b5141;--brown-2:#4d3a30;--copper:#b57850;--warm:#d5a16c;
 --shadow:0 24px 68px rgba(58,43,34,.095);--soft:0 12px 32px rgba(58,43,34,.055);--hover-shadow:0 20px 48px rgba(58,43,34,.11);--radius:24px;--max:1180px;
 --ease-spring:cubic-bezier(.2,.82,.22,1.08);--ease-smooth:cubic-bezier(.2,.75,.25,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Segoe UI Variable Text","Aptos","Segoe UI","Helvetica Neue",Arial,sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-weight:400}a{color:inherit}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.skip{position:absolute;left:-9999px;top:10px;background:#fff;padding:10px 14px;border-radius:10px;z-index:999}.skip:focus{left:10px}.wrap{width:min(var(--max),92vw);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,242,237,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,215,206,.88)}.nav{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;min-height:80px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:610;letter-spacing:-.012em}.brand-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,var(--brown),var(--copper));color:#fff;display:grid;place-items:center;font-weight:640;box-shadow:0 9px 22px rgba(107,81,65,.18)}.brand small{display:block;color:var(--muted);font-weight:500;letter-spacing:.065em;font-size:10.5px;text-transform:uppercase;margin-top:1px}.nav-links{display:flex;justify-content:center;gap:20px;align-items:center}.nav-links a{position:relative;font-size:14px;font-weight:500;text-decoration:none;color:var(--ink-2);transition:color .2s ease}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--brown);transition:right .28s var(--ease-smooth)}.nav-links a:hover{color:var(--brown)}.nav-links a:hover:after{right:0}.nav-contact{display:flex;align-items:center;gap:10px}.phone{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.94);text-decoration:none;font-size:14px;font-weight:520;letter-spacing:.018em;box-shadow:0 7px 20px rgba(58,43,34,.04);transition:transform .26s var(--ease-spring),box-shadow .26s ease,border-color .26s ease,background .26s ease}.phone:hover{transform:translateY(-2px);border-color:#cdbbad;background:#fff;box-shadow:0 13px 30px rgba(58,43,34,.08)}.phone svg{width:16px;height:16px;stroke-width:1.7}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-weight:620}.mobile-nav{display:grid;gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:14px}.mobile-nav a{text-decoration:none;padding:6px 4px}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:11px 18px;border:1px solid transparent;border-radius:14px;background:linear-gradient(135deg,var(--brown),var(--copper));color:#fff;text-decoration:none;font-weight:600;cursor:pointer;box-shadow:0 11px 26px rgba(107,81,65,.16);transition:transform .28s var(--ease-spring),box-shadow .28s ease,filter .28s ease,border-color .28s ease}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.16) 47%,transparent 72%);transform:translateX(-140%);transition:transform .52s ease}.btn:hover:before{transform:translateX(140%)}.btn:hover{transform:translateY(-3px) scale(1.006);box-shadow:0 16px 33px rgba(107,81,65,.21)}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}.btn.secondary:hover{border-color:#cbb8a9;box-shadow:var(--soft)}.btn:focus-visible,.phone:focus-visible,.nav-links a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,.file-picker:focus-within,button:focus-visible{outline:3px solid rgba(181,120,80,.2);outline-offset:3px}
.hero{padding:82px 0 60px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(213,161,108,.18),rgba(213,161,108,0));right:-100px;top:-140px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;text-transform:uppercase;letter-spacing:.145em;font-weight:620;color:var(--brown-2)}.eyebrow:before{content:"";width:24px;height:1.5px;background:var(--warm);border-radius:2px}h1{font-size:clamp(43px,5.7vw,68px);font-weight:560;line-height:1.035;letter-spacing:-.028em;margin:18px 0 22px;max-width:860px}h1 span{background:linear-gradient(90deg,var(--brown),var(--copper));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:clamp(31px,3.5vw,45px);font-weight:560;line-height:1.12;letter-spacing:-.022em;margin:0 0 15px}h3{font-size:19px;font-weight:560;line-height:1.38;margin:0 0 8px;letter-spacing:-.014em}.lead{font-size:19px;font-weight:400;max-width:760px;color:var(--muted);margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.trust-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--ink-2);font-size:12.5px;font-weight:580}.trust-pill:before{content:"✓";color:var(--brown);font-weight:700}
.hero-art{position:relative;min-height:470px}.art-board{position:absolute;inset:0 10px 0 22px;border-radius:34px;background:linear-gradient(145deg,#fff,#eee3da);border:1px solid var(--line);box-shadow:var(--shadow);padding:34px;color:var(--ink);overflow:hidden}.art-board:before{content:"";position:absolute;right:-62px;top:-62px;width:250px;height:250px;border-radius:50%;background:rgba(181,120,80,.09);border:1px solid rgba(181,120,80,.13)}.art-board:after{content:"";position:absolute;right:28px;bottom:26px;width:92px;height:166px;border-radius:28px;background:linear-gradient(165deg,#5a4437,#8a5f47);box-shadow:0 18px 34px rgba(88,61,46,.15)}.art-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brown);font-weight:620;position:relative;z-index:2}.art-title{font-size:clamp(34px,4.1vw,52px);line-height:1.04;letter-spacing:-.035em;font-weight:540;margin-top:32px;position:relative;z-index:2;max-width:360px}.art-title span{color:var(--copper)}.art-rule{height:1px;background:var(--line);margin:28px 0 22px;position:relative;z-index:2;max-width:72%}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2;max-width:76%}.art-chip{padding:12px 10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.8)}.art-chip b{display:block;font-size:11px;color:var(--copper);margin-bottom:4px}.art-chip span{font-size:13px;color:var(--ink-2)}.art-meta{display:flex;flex-wrap:wrap;gap:8px;position:absolute;left:34px;right:146px;bottom:28px;z-index:2}.art-meta span{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;padding:6px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted)}.art-accent{position:absolute;border-radius:50%;border:1px solid rgba(181,120,80,.20);z-index:1}.art-accent-a{width:220px;height:220px;right:-65px;top:-38px}.art-accent-b{width:112px;height:112px;right:30px;top:72px}.art-note{position:absolute;right:-8px;bottom:34px;width:250px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:15px 17px;z-index:3}.art-note strong{display:block;font-size:13.5px;font-weight:560}.art-note span{font-size:12px;color:var(--muted)}
section{padding:72px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section-head>div{max-width:800px}.section-head p{margin:0;color:var(--muted);font-size:17px}.interactive-card{position:relative;overflow:hidden;transition:transform .32s var(--ease-spring),box-shadow .32s ease,border-color .32s ease,background .32s ease}.interactive-card:hover{transform:translateY(-5px);border-color:#cfbdaf;background:linear-gradient(145deg,#fff,#fbf8f5);box-shadow:var(--hover-shadow)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft)}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.offer-card{padding:22px;min-height:210px;display:flex;flex-direction:column}.offer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.offer-head span{font-size:11px;letter-spacing:.14em;color:var(--muted)}.offer-head b{font-size:13px;color:var(--brown);font-weight:620}.offer-card p{margin:0;color:var(--muted);font-size:14px}.offer-card button{margin-top:auto;align-self:flex-start;border:0;background:transparent;color:var(--brown);font-weight:620;padding:16px 0 0;cursor:pointer}.offer-card button:hover{text-decoration:underline;text-underline-offset:3px}
.process-shell{background:linear-gradient(135deg,#2f2925,#4b3b31);border-radius:34px;padding:34px;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.process-shell:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;border:66px solid rgba(225,167,120,.055);right:-120px;bottom:-170px}.process-shell .section-head p{color:#d9cec7}.process-shell .eyebrow{color:#e9d7c8}.process-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.process-step{padding:19px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.05);transition:transform .3s var(--ease-spring),background .3s ease,border-color .3s ease}.process-step:hover{transform:translateY(-4px);background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.18)}.process-step>b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(225,167,120,.13);color:#efd3bd;font-weight:620;margin-bottom:13px}.process-step p{color:#d9cec7;margin:0;font-size:13.5px}
.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quality-card{padding:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:54px 1fr;column-gap:12px;align-items:start}.quality-card span{grid-row:1/3;font-size:12px;letter-spacing:.15em;color:var(--copper);padding-top:3px}.quality-card h3{margin:0}.quality-card p{margin:5px 0 0;color:var(--muted);max-width:520px}
.reference-stage{background:linear-gradient(180deg,var(--canvas),#f0e9e2)}.reference-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:48px;align-items:center}.reference-media{position:relative;padding:14px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.reference-media img{border-radius:18px}.reference-label{position:absolute;left:28px;bottom:28px;background:rgba(47,41,37,.9);color:#fff;padding:8px 11px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.reference-copy .lead{font-size:17px}.reference-facts{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.reference-facts span{padding:7px 10px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--ink-2)}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cap-card{padding:23px;min-height:145px}.cap-card p{margin:0;color:var(--muted);font-size:14px}
.form-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:stretch}.contact-panel{background:linear-gradient(145deg,#2f2925,#4b3b31);color:#fff;border-radius:28px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.contact-panel h3{font-size:24px}.contact-panel p{color:#d9cec7;margin-top:0}.contact-list{display:grid;gap:12px;margin-top:22px}.contact-item{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.045)}.contact-item svg{width:19px;height:19px;color:#ecc4a5;stroke-width:1.7;flex:0 0 19px}.contact-item small{font-weight:470;color:#d3c2b7}.contact-item a,.contact-item span{text-decoration:none;font-weight:470;letter-spacing:0;font-size:14.5px;overflow-wrap:anywhere;word-break:break-word}.form-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.field label{display:block;font-weight:520;font-size:14px;margin-bottom:7px}.field label span{color:var(--muted);font-weight:430}.field input,.field textarea,.field select{width:100%;border:1px solid #d0c0b4;background:#fdfbf9;border-radius:13px;padding:12px 14px;color:var(--ink);font-weight:400}.field textarea{min-height:175px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--copper);background:#fff;box-shadow:0 0 0 4px rgba(181,120,80,.09);outline:0}.upload-box{border:1px dashed #c7b4a6;border-radius:16px;padding:15px;background:#fbf7f3;min-width:0}.visually-hidden-file{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.file-picker{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-width:0;cursor:pointer}.file-picker-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink-2);font-size:13px;font-weight:540;white-space:nowrap}.file-summary{min-width:0;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-hint{font-size:12px;color:var(--muted);margin:8px 0 0}.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:18px 0}.consent input{margin-top:4px}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.status{display:none;margin-top:16px;border-radius:14px;padding:14px 16px;font-size:14px}.status.ok{display:block;background:#f1f6ef;border:1px solid #d5e4d0;color:#38523a}.status.err{display:block;background:#fff0f0;border:1px solid #f0cccc;color:#7e2929}.submit-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.submit-row small{color:var(--muted)}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px 18px;transition:transform .28s var(--ease-spring),border-color .28s ease,box-shadow .28s ease}.faq details:hover{transform:translateY(-3px);border-color:#cfbdaf;box-shadow:0 12px 28px rgba(58,43,34,.06)}.faq summary{cursor:pointer;font-weight:520}.faq p{color:var(--muted);margin-bottom:2px}
footer{padding:38px 0 48px;border-top:1px solid var(--line);margin-top:22px}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}.footer-grid span{color:var(--muted);font-size:14px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:var(--muted);text-decoration:none;font-size:14px}.footer-links a:hover{color:var(--brown)}
.reveal{opacity:1;transform:none}.reveal.in{animation:revealIn .62s both}@keyframes revealIn{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:none}}
.roll-stage{position:relative;isolation:isolate;overflow:hidden;--roll-open:1;--roll-content-y:0px;--roll-content-opacity:1}.roll-stage>.wrap{position:relative;z-index:2;transform:translate3d(0,var(--roll-content-y),0) scale(calc(.985 + var(--roll-open)*.015));opacity:var(--roll-content-opacity);transform-origin:center;will-change:transform,opacity}.roll-curtain{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden;perspective:1100px}.roll-curtain__panel{position:absolute;left:-1%;width:102%;height:calc(50% + 20px);will-change:transform;backface-visibility:hidden;background-color:#eee4dc;background-image:linear-gradient(180deg,rgba(255,255,255,.75),rgba(234,221,211,.96)),repeating-linear-gradient(0deg,rgba(107,81,65,.042) 0 1px,transparent 1px 11px);border-left:1px solid rgba(107,81,65,.08);border-right:1px solid rgba(107,81,65,.08);box-shadow:0 18px 48px rgba(58,43,34,.12)}.roll-curtain__panel--top{top:-18px;transform:translate3d(0,calc(var(--roll-open) * -104%),0);border-bottom:1px solid rgba(107,81,65,.18)}.roll-curtain__panel--bottom{bottom:-18px;transform:translate3d(0,calc(var(--roll-open) * 104%),0);border-top:1px solid rgba(107,81,65,.18);background-image:linear-gradient(0deg,rgba(255,255,255,.75),rgba(234,221,211,.96)),repeating-linear-gradient(0deg,rgba(107,81,65,.042) 0 1px,transparent 1px 11px)}.roll-curtain__panel--top:after,.roll-curtain__panel--bottom:before{content:"";position:absolute;left:3.5%;right:3.5%;height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.72),#cfb8a8 18%,#8d6752 50%,#cfb8a8 82%,rgba(255,255,255,.72));box-shadow:0 3px 12px rgba(58,43,34,.14),inset 0 1px 0 rgba(255,255,255,.72)}.roll-curtain__panel--top:after{bottom:-5px}.roll-curtain__panel--bottom:before{top:-5px}.roll-curtain__seam{position:absolute;left:50%;top:50%;width:min(520px,72%);height:20px;transform:translate(-50%,-50%) scaleX(calc(1 - var(--roll-open)));transform-origin:center;opacity:calc(1 - var(--roll-open));border-radius:999px;background:radial-gradient(ellipse,rgba(107,81,65,.26),rgba(107,81,65,0) 70%);filter:blur(4px)}.roll-stage:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;box-shadow:inset 0 22px 36px rgba(58,43,34,calc((1 - var(--roll-open)) * .04)),inset 0 -22px 36px rgba(58,43,34,calc((1 - var(--roll-open)) * .04));opacity:calc(.22 + (1 - var(--roll-open)) * .78)}
.legal{background:#f6f2ed}.legal-wrap{width:min(820px,92vw);margin:50px auto 80px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:36px;box-shadow:var(--soft)}.legal-wrap h1{font-size:42px;margin-top:18px}.legal-wrap h2{font-size:24px;margin-top:32px}.legal-wrap p{color:var(--ink-2)}.legal-back{text-decoration:none;color:var(--brown);font-weight:600}
@media(max-width:980px){.nav-links{display:none}.menu-btn{display:block}.nav-contact .btn{display:none}.hero-grid,.reference-grid,.form-layout{grid-template-columns:1fr}.hero-art{min-height:430px;max-width:640px;width:100%;margin-inline:auto}.offer-grid,.cap-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.quality-grid{grid-template-columns:1fr}.contact-panel{min-height:auto}.faq{grid-template-columns:1fr}}
@media(max-width:680px){.nav{min-height:72px;gap:10px}.brand small{display:none}.nav-contact .phone{padding:9px 10px}.phone span{display:none}.hero{padding-top:54px}.hero-grid{gap:34px}.hero-art{min-height:390px}.art-board{inset:0}.art-note{right:10px;bottom:18px;width:220px}.art-grid{grid-template-columns:1fr}.art-chip:nth-child(n+2){display:none}.offer-grid,.cap-grid,.process-grid,.field-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.reference-grid{gap:26px}.reference-label{left:24px;bottom:24px}.form-card{padding:21px}.file-picker{grid-template-columns:1fr}.file-summary{white-space:normal}section{padding:56px 0}.process-shell{padding:24px}.quality-card{grid-template-columns:42px 1fr;padding-inline:4px}.legal-wrap{padding:24px}.legal-wrap h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.phone,.interactive-card,.process-step,.faq details,.reveal,.roll-stage>.wrap{transition:none!important;animation:none!important}.btn:hover,.phone:hover,.interactive-card:hover,.process-step:hover,.faq details:hover{transform:none!important}.reveal{opacity:1;transform:none}.roll-curtain{display:none!important}.roll-stage>.wrap{transform:none!important;opacity:1!important}}

/* V3.1 – dezenter Feinschliff 30.09.2026 */
/* Klartext-Prinzip: sanfte Federbewegung + individuelle Farbschleier, nur innerhalb der Kacheln */
.art-chip{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .34s var(--ease-spring),box-shadow .34s ease,border-color .34s ease,background .34s ease;
}
.art-chip::before{
  content:"";
  position:absolute;
  inset:-28%;
  z-index:-1;
  opacity:0;
  transform:scale(.68) translate3d(-8%,8%,0);
  border-radius:50%;
  background:radial-gradient(circle at 34% 44%,var(--chip-wash) 0,rgba(255,255,255,0) 67%);
  transition:opacity .34s ease,transform .42s var(--ease-spring);
  pointer-events:none;
}
.art-chip:nth-child(1){--chip-wash:rgba(210,156,111,.27);--chip-border:#d9bda8}
.art-chip:nth-child(2){--chip-wash:rgba(176,151,132,.25);--chip-border:#cdbcae}
.art-chip:nth-child(3){--chip-wash:rgba(191,128,112,.22);--chip-border:#d5b0a5}
.art-chip:hover{
  transform:translateY(-4px) scale(1.012);
  border-color:var(--chip-border);
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 28px rgba(76,55,43,.09);
}
.art-chip:hover::before{opacity:1;transform:scale(1) translate3d(0,0,0)}

/* Angebotskacheln: vorhandenen Effekt nur leicht verstärken, ohne neue Unruhe */
.offer-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  background:radial-gradient(circle at 12% 12%,rgba(205,154,113,.13),transparent 44%),linear-gradient(145deg,rgba(255,255,255,0),rgba(181,120,80,.035));
  transition:opacity .32s ease;
}
.offer-card:nth-child(2n)::before{background:radial-gradient(circle at 14% 12%,rgba(168,143,126,.13),transparent 44%),linear-gradient(145deg,rgba(255,255,255,0),rgba(141,101,78,.035))}
.offer-card:nth-child(3n)::before{background:radial-gradient(circle at 14% 12%,rgba(195,132,112,.12),transparent 44%),linear-gradient(145deg,rgba(255,255,255,0),rgba(181,120,80,.028))}
.offer-card:hover{transform:translateY(-6px) scale(1.004);border-color:#cbb5a4;box-shadow:0 22px 52px rgba(58,43,34,.12)}
.offer-card:hover::before{opacity:1}
.offer-card>*{position:relative;z-index:1}

/* Schwesterseiten-Referenz bewusst ruhig: kein aufgesetztes graues Label mehr. */
.reference-label{display:none!important}

/* Direkter Kontakt: ruhiges Arbeitsbild ohne Namenszeile oder Badge. */
.contact-panel{justify-content:flex-start;gap:20px}
.contact-work-image{
  width:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.105);
  border-radius:20px;
  background:#211d1a;
  box-shadow:0 12px 30px rgba(15,11,9,.16);
}
.contact-work-image img{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:center center;
  filter:saturate(.90) contrast(.98) brightness(.96);
}
.contact-list{margin-top:0}

/* Dateiupload: etwas kleinerer Auswahlschalter, sichtbar mehr Luft vor dem Dateinamen */
.file-picker{gap:20px}
.file-picker-btn{min-height:39px;padding:7px 11px;font-size:12.5px}
.file-summary{padding-left:2px}

@media(max-width:680px){
  .file-picker{gap:10px}
  .file-summary{padding-left:0}
}

@media(prefers-reduced-motion:reduce){
  .art-chip{transition:none!important}
  .art-chip:hover{transform:none!important}
  .art-chip::before{display:none!important}
}

/* V3.3 – Kontaktbereich Feinschliff 01.10.2026 */
/* Arbeitsbild: mehr Luft am Kopf, edle Einfassung und ruhige Tiefenwirkung statt schlichtem Rechteck. */
.contact-work-image{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:9px;
  border:1px solid rgba(236,196,165,.18);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.018)),
    linear-gradient(145deg,#3a302a,#211c19);
  box-shadow:0 18px 42px rgba(12,9,8,.22),inset 0 1px 0 rgba(255,255,255,.07);
}
.contact-work-image::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 24%,transparent 72%,rgba(181,120,80,.055));
}
.contact-work-image::after{
  content:"";
  position:absolute;
  left:25px;
  top:4px;
  width:76px;
  height:1px;
  z-index:3;
  background:linear-gradient(90deg,rgba(236,196,165,.66),rgba(236,196,165,0));
}
.contact-work-image img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  border-radius:16px;
  filter:saturate(.90) contrast(.985) brightness(.965);
  box-shadow:0 10px 26px rgba(10,8,7,.16);
}

/* Nur Telefon und schriftlicher Kontakt reagieren dezent; Festpreis bleibt bewusst ruhig. */
.contact-list .contact-item:nth-child(1),
.contact-list .contact-item:nth-child(2){
  position:relative;
  overflow:hidden;
  transition:transform .28s var(--ease-spring),border-color .28s ease,background .28s ease,box-shadow .28s ease;
}
.contact-list .contact-item:nth-child(1)::before,
.contact-list .contact-item:nth-child(2)::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}
.contact-list .contact-item:nth-child(1)::before{
  background:linear-gradient(135deg,rgba(213,161,108,.12),rgba(181,120,80,.055));
}
.contact-list .contact-item:nth-child(2)::before{
  background:linear-gradient(135deg,rgba(223,200,181,.11),rgba(255,255,255,.045));
}
.contact-list .contact-item:nth-child(1):hover,
.contact-list .contact-item:nth-child(1):focus-within,
.contact-list .contact-item:nth-child(2):hover,
.contact-list .contact-item:nth-child(2):focus-within{
  transform:translateY(-3px) scale(1.004);
  border-color:rgba(236,196,165,.24);
  background:rgba(255,255,255,.065);
  box-shadow:0 12px 26px rgba(12,9,8,.15);
}
.contact-list .contact-item:nth-child(1):hover::before,
.contact-list .contact-item:nth-child(1):focus-within::before,
.contact-list .contact-item:nth-child(2):hover::before,
.contact-list .contact-item:nth-child(2):focus-within::before{opacity:1}
.contact-list .contact-item:nth-child(1)>*,
.contact-list .contact-item:nth-child(2)>*{position:relative;z-index:1}

/* Dateiupload: dezente Reaktion und etwas mehr Abstand zum Dateinamen. */
.file-picker{gap:24px}
.file-summary{padding-left:8px}
.file-picker-btn{
  transition:transform .26s var(--ease-spring),background .26s ease,border-color .26s ease,box-shadow .26s ease,color .26s ease;
}
.file-picker:hover .file-picker-btn,
.file-picker:focus-within .file-picker-btn{
  transform:translateY(-2px);
  background:linear-gradient(145deg,#fff,#f5ebe3);
  border-color:#c9ad99;
  color:var(--brown-2);
  box-shadow:0 8px 18px rgba(107,81,65,.10);
}

@media(max-width:680px){
  .contact-work-image{padding:7px;border-radius:20px}
  .contact-work-image img{border-radius:14px}
  .file-picker{gap:12px}
  .file-summary{padding-left:2px}
}

@media(prefers-reduced-motion:reduce){
  .contact-list .contact-item:nth-child(1),
  .contact-list .contact-item:nth-child(2),
  .file-picker-btn{transition:none!important}
  .contact-list .contact-item:nth-child(1):hover,
  .contact-list .contact-item:nth-child(1):focus-within,
  .contact-list .contact-item:nth-child(2):hover,
  .contact-list .contact-item:nth-child(2):focus-within,
  .file-picker:hover .file-picker-btn,
  .file-picker:focus-within .file-picker-btn{transform:none!important}
}

/* V3.3 Bildrahmen-Korrektur: der Hintergrund ist bereits Bestandteil des Bildes; außen deshalb bewusst schlank. */
.contact-work-image{padding:0;background:#211d1a}
.contact-work-image::after{display:none}
.contact-work-image img{border-radius:23px;box-shadow:none}
@media(max-width:680px){.contact-work-image{padding:0}.contact-work-image img{border-radius:19px}}


/* V3.4 – Bildintegration Kontakt: rahmenlos direkt in die dunkle Kontaktfläche eingeschmolzen */
.contact-work-image{
  position:relative;
  isolation:isolate;
  overflow:visible;
  padding:14px 4px 8px;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.contact-work-image::before{
  content:"";
  position:absolute;
  inset:14px 4px 8px;
  z-index:2;
  pointer-events:none;
  border-radius:18px;
  background:
    linear-gradient(to bottom,rgba(47,41,37,.13),transparent 13%,transparent 84%,rgba(47,41,37,.24)),
    linear-gradient(to right,rgba(47,41,37,.10),transparent 8%,transparent 92%,rgba(47,41,37,.10));
  box-shadow:inset 0 0 20px rgba(30,24,21,.12);
}
.contact-work-image::after{display:none !important;content:none !important}
.contact-work-image img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center center;
  border:0 !important;
  outline:0 !important;
  border-radius:18px;
  box-shadow:0 15px 32px rgba(12,9,8,.17) !important;
  filter:saturate(.90) contrast(.985) brightness(.96);
}
@media(max-width:680px){
  .contact-work-image{padding:11px 2px 6px;border-radius:0!important}
  .contact-work-image::before{inset:11px 2px 6px;border-radius:15px}
  .contact-work-image img{border-radius:15px}
}


/* V3.5 FINAL – Textbereinigung Referenz/Kontakt 01.10.2026 */
.reference-copy .reference-link{margin-top:22px}