@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,700&display=swap');
:root{--ink:#102832;--paper:#f5f5f0;--line:rgba(16,40,50,.14);--aqua:#00a7a8;--aqua-deep:#007b81;--gold:#c8954d;--night:#08202a;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.62;font-size:16px}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 32px}.topbar{background:var(--night);color:#d8e5e7;font-size:13px}.topbar .wrap{display:flex;justify-content:flex-end;gap:25px;padding:9px 32px}.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.site-header .wrap{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:184px;max-height:67px;object-fit:contain}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.095em}.nav a{position:relative;padding:8px 0}.nav a:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--aqua);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}.nav a:hover,.nav a[aria-current=page]{color:var(--aqua-deep)}.hero{position:relative;min-height:650px;display:grid;place-items:center;color:#fff;text-align:center;background:#282828 center/cover no-repeat;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(3,23,31,.83),rgba(4,39,45,.39) 58%,rgba(0,167,168,.18))}.hero:after{content:'';position:absolute;width:70vw;height:70vw;border:1px solid rgba(255,255,255,.24);border-radius:50%;right:-31vw;top:-38vw;z-index:-1;animation:drift 11s ease-in-out infinite alternate}.hero>*{position:relative}.hero h1{max-width:940px;font-family:'Playfair Display',Georgia,serif;font-size:clamp(46px,6.2vw,86px);line-height:1.03;margin:0 0 30px;letter-spacing:-.035em;animation:rise .9s both}.hero .button{animation:rise .9s .18s both}.button{display:inline-block;background:var(--aqua);color:#fff;padding:15px 27px;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.1em;border-radius:2px;box-shadow:0 10px 26px rgba(0,119,126,.25);transition:transform .25s,background .25s,box-shadow .25s}.button:hover{background:var(--aqua-deep);transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,96,106,.32)}.intro{padding:100px 0;text-align:center;background:#fff}.intro p{max-width:850px;margin:0 auto;font-family:'Playfair Display',Georgia,serif;font-size:clamp(22px,2.35vw,31px);line-height:1.42}.section{padding:100px 0;background:var(--paper)}.section.tint{background:linear-gradient(135deg,#eaf2f1,#dce9e9)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}.photo{width:100%;height:475px;object-fit:cover;box-shadow:19px 20px 0 rgba(0,167,168,.14)}.eyebrow{color:var(--aqua-deep);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.17em}.section h2,.content h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(38px,4.3vw,61px);line-height:1.06;margin:10px 0 24px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;box-shadow:0 2px 0 rgba(16,40,50,.04);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.card:hover{transform:translateY(-10px);box-shadow:0 22px 50px rgba(12,44,52,.16)}.card img{width:100%;height:260px;object-fit:cover;transition:transform .55s ease}.card:hover img{transform:scale(1.055)}.card .text{padding:29px}.card h3{font-family:'Playfair Display',Georgia,serif;font-size:28px;line-height:1.1;margin:0 0 13px}.list{padding-left:20px}.cta{background:radial-gradient(circle at 80% 0,#17646a 0,var(--night) 48%);color:white;text-align:center;padding:96px 24px}.cta h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(36px,4.4vw,64px);line-height:1.08;margin:0 auto 30px;max-width:840px}.footer{background:#061820;color:#e5eff0;padding:62px 0 28px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer h3{color:#57cfd0;text-transform:uppercase;font-size:12px;letter-spacing:.13em}.footer a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.28);text-underline-offset:4px}.copyright{border-top:1px solid #31515a;margin-top:38px;padding-top:20px;font-size:13px;color:#b8c7ca}.page-title{background:linear-gradient(120deg,#0a2630,#0b4a50);color:#fff;padding:105px 0 88px;text-align:center}.page-title h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(44px,6vw,74px);margin:0;line-height:1.08}.content{padding:88px 0;background:#fff}.content .lead{font-family:'Playfair Display',Georgia,serif;font-size:24px;line-height:1.45;max-width:810px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-box{background:linear-gradient(135deg,#e7f0f0,#d9e8e7);padding:43px;box-shadow:15px 15px 0 rgba(0,167,168,.11)}.contact-box p{font-size:18px}.review-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review{background:#fff;padding:28px;border-top:3px solid var(--gold);box-shadow:0 12px 36px rgba(12,44,52,.08)}.stars{color:var(--gold);letter-spacing:.18em;font-size:17px}main>section:nth-of-type(5){position:relative;background:linear-gradient(90deg,rgba(4,27,34,.83),rgba(4,47,53,.56)),url('assets/gestaltung.jpg') center/cover fixed;color:#fff}.parallax-note{font-size:18px;max-width:680px;color:#e3f7f5}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{to{transform:translate(-60px,44px) scale(1.08)}}@media(max-width:900px){.nav{gap:12px;font-size:11px}.site-header .wrap{min-height:82px}.logo{width:150px}}@media(max-width:760px){.topbar .wrap{justify-content:center;font-size:12px}.site-header .wrap{padding:14px 22px 15px;align-items:flex-start;flex-direction:column}.nav{gap:10px;font-size:10px}.hero{min-height:520px}.split,.cards,.footer-grid,.contact-grid,.review-row{grid-template-columns:1fr}.photo{height:330px}.intro,.section{padding:64px 0}.content{padding:62px 0}.intro p{font-size:23px}.cards{gap:20px}.wrap{padding:0 22px}.topbar{font-size:12px}main>section:nth-of-type(5){background-attachment:scroll}}
/* Bewegungen: deutlich spürbar, aber mit Rücksicht auf reduzierte Bewegung. */
body{animation:site-in .48s ease-out both}.site-header{transition:background .3s ease,box-shadow .3s ease}.site-header:hover{box-shadow:0 8px 22px rgba(8,32,42,.08)}.nav a{transition:color .25s ease,transform .25s ease}.nav a:hover{transform:translateY(-2px)}.topbar a{transition:color .22s ease}.topbar a:hover{color:#61e1d7}.section,.content,.about-story{animation:section-in .8s ease both}.section:nth-child(odd),.content:nth-child(odd),.about-story:nth-child(odd){animation-delay:.08s}.photo,.about-photo{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s ease}.photo:hover,.about-photo:hover{transform:scale(1.018);filter:saturate(1.09) contrast(1.03)}@keyframes site-in{from{opacity:.4}to{opacity:1}}@keyframes section-in{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports (animation-timeline:view()){main>section:not(:first-child),main .about-story{animation:scroll-reveal linear both;animation-timeline:view();animation-range:entry 8% cover 38%}@keyframes scroll-reveal{from{opacity:0;transform:translateY(42px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}}

/* Markanter, aber klarer Seitenkopf */
.site-header{border-top:3px solid #57d9d3;background:rgba(255,255,255,.97);box-shadow:0 9px 26px rgba(8,32,42,.06)}.site-header .wrap{min-height:104px}.logo{width:205px;max-height:76px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.site-header>a:hover .logo{transform:rotate(-1deg) scale(1.035)}.nav{gap:5px;padding:7px;background:#f2f8f7;border:1px solid rgba(0,123,129,.12);border-radius:999px}.nav a{padding:10px 13px;border-radius:999px;letter-spacing:.08em;transition:color .25s ease,transform .25s ease,background .25s ease,box-shadow .25s ease}.nav a:after{display:none}.nav a:hover{color:#fff;background:#0b5960;transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,91,98,.22)}.nav a[aria-current=page]{color:#fff;background:#00a7a8;box-shadow:0 7px 15px rgba(0,167,168,.24)}@media(max-width:900px){.site-header .wrap{min-height:88px}.logo{width:170px}.nav{border-radius:14px;padding:5px}}@media(max-width:760px){.nav{width:100%;justify-content:flex-start;border-radius:12px}.nav a{padding:7px 8px}}
/* Professionelles Graphit-Kupfer-Farbsystem */
:root{--ink:#20272b;--paper:#f3f0ea;--line:rgba(32,39,43,.16);--aqua:#b7683d;--aqua-deep:#7d4027;--gold:#b7683d;--night:#192126}.topbar{background:#192126;color:#f2e9e2}.site-header{border-top-color:#b7683d;background:rgba(251,249,246,.97)}.nav{background:#eee9e2;border-color:rgba(125,64,39,.18)}.nav a:hover{background:#2d3539}.nav a[aria-current=page]{background:#b7683d}.button{background:#b7683d;box-shadow:0 10px 26px rgba(125,64,39,.24)}.button:hover{background:#7d4027;box-shadow:0 16px 32px rgba(91,44,27,.28)}.section.tint{background:linear-gradient(135deg,#ebe4db,#ddd4c8)}.cta{background:radial-gradient(circle at 80% 0,#4a3630 0,#192126 52%)}.footer{background:#12191d}.footer h3{color:#d99a70}.copyright{border-color:#4c4b48}.eyebrow{color:#9a502f}.topbar a:hover{color:#e7ad86}
/* A subtle brush cursor keeps the craft visible without getting in the way. */
body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M6 26c3.5 0 5.3-1.8 5.3-5.3 0-1.5-.6-2.8-1.4-3.7L24.5 2.4l5.1 5.1L15 22.1c-.9-.8-2.2-1.4-3.7-1.4C7.8 20.7 6 22.5 6 26Z' fill='%23b7683d' stroke='%2320272b' stroke-width='1.5'/%3E%3C/svg%3E") 5 27,auto}
input,textarea{cursor:text}
a,button,summary,.button{cursor:pointer}

/* Einheitliche, ruhig-elegante Markenfarben und besserer Kontrast auf jeder Seite. */
:root{--ink:#182326;--paper:#f7f4ee;--line:rgba(24,35,38,.15);--aqua:#b8663d;--aqua-deep:#813d24;--gold:#cf8b5c;--night:#111b1e}
body{background:radial-gradient(circle at 8% 0,rgba(207,139,92,.08),transparent 31%),var(--paper)}
.topbar{background:#111b1e}.site-header{background:rgba(250,248,244,.96);box-shadow:0 10px 32px rgba(17,27,30,.08)}
.nav{background:#f0ebe3;border-color:rgba(129,61,36,.16)}.nav a:hover{background:#263236}.nav a[aria-current=page]{background:linear-gradient(135deg,#cb7c4e,#9d482a)}
.section.tint{background:linear-gradient(135deg,#eee5d9,#e6d7c7)}.contact-page{background:linear-gradient(180deg,#fbf9f5,#ebe0d3)}
.card{border:1px solid rgba(24,35,38,.06);box-shadow:0 14px 34px rgba(24,35,38,.07)}.card:hover{box-shadow:0 26px 58px rgba(24,35,38,.15)}
.service-item{border-left-color:#b8663d}.footer{background:#111b1e}.footer h3{color:#e3ad86}
/* Präziser Pinsel mit Holzgriff und Kupferborsten. */
body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M7 35c4.7.8 8.2-1.2 9.3-5.5.5-1.9.1-3.8-.7-5.3L29.8 10l4.2 4.2-14.2 14.2c-1.5-.8-3.5-1.2-5.3-.7C10.2 28.8 8.2 32.3 7 35Z' fill='%23c98555' stroke='%231b2528' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='m28.8 8.2 2.7-2.7 5.7 5.7-2.7 2.7z' fill='%23f2dfbc' stroke='%231b2528' stroke-width='1.4'/%3E%3Cpath d='m31.4 5.6 1.5-1.5 5.7 5.7-1.5 1.5z' fill='%235e3021' stroke='%231b2528' stroke-width='1.4'/%3E%3C/svg%3E") 8 35,auto}

/* Neue Kopfzeile: elegant, reduziert und deutlich lesbarer. */
.topbar{background:#182326;border-bottom:1px solid rgba(255,255,255,.12)}
.topbar .wrap{justify-content:space-between;max-width:1240px;padding-top:10px;padding-bottom:10px;color:#e9ddd2}
.topbar .wrap:before{content:'VASI MALERDESIGN · FÜSSEN';font-size:10px;font-weight:800;letter-spacing:.16em;color:#d7976e}
.site-header{border-top:0;border-bottom:1px solid rgba(24,35,38,.11);background:rgba(250,248,244,.985)}
.site-header .wrap{max-width:1240px;min-height:88px}.logo{width:180px;max-height:65px}
.nav{gap:29px;padding:0;background:transparent;border:0;border-radius:0}.nav a{padding:12px 0 11px;border-radius:0;color:#273236;font-size:11px;letter-spacing:.12em}
.nav a:after{display:block;bottom:3px;height:2px;background:#b8663d;transform:scaleX(0);transition:transform .25s ease}.nav a:hover{background:transparent;color:#9d482a;box-shadow:none;transform:none}.nav a[aria-current=page]{background:transparent;color:#9d482a;box-shadow:none}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}
@media(max-width:900px){.topbar .wrap:before{display:none}.topbar .wrap{justify-content:center}.site-header .wrap{min-height:80px}.nav{gap:13px}.nav a{font-size:10px}}@media(max-width:760px){.site-header .wrap{padding-top:12px}.nav{gap:9px;background:#f1ebe3;padding:7px 9px;border-radius:3px}.nav a{padding:7px 4px}.nav a:after{bottom:2px}}

/* Edition Atelier: tiefes Graphit, Champagner-Kupfer und maßvolle Lichtakzente. */
:root{--ink:#172124;--paper:#f8f5ef;--line:rgba(23,33,36,.14);--aqua:#a95c35;--aqua-deep:#6f301d;--gold:#d6a36f;--night:#0d171a}
body{background:radial-gradient(circle at 95% 0,rgba(214,163,111,.12),transparent 25%),radial-gradient(circle at 0 45%,rgba(169,92,53,.055),transparent 24%),var(--paper)}
.site-header{background:rgba(252,250,246,.97)}.site-header .wrap{min-height:92px}.logo{width:190px}.nav a{font-weight:800;color:#202a2d}.nav a:hover,.nav a[aria-current=page]{color:#8b4227}.nav a:after{height:1px;background:linear-gradient(90deg,#a95c35,#d6a36f)}
.button{position:relative;background:linear-gradient(135deg,#bb7046,#8d4026);border:1px solid rgba(255,242,230,.36);box-shadow:0 12px 27px rgba(75,36,23,.22),inset 0 1px rgba(255,255,255,.2)}.button:hover{background:linear-gradient(135deg,#d18a5e,#9a482b);box-shadow:0 17px 34px rgba(75,36,23,.28),inset 0 1px rgba(255,255,255,.25)}
.eyebrow{color:#854026;letter-spacing:.2em}.footer{background:linear-gradient(120deg,#0a1215,#1b2528)}.footer h3{color:#e1b185}.copyright{color:#cfc4ba}

/* Mobile: keine abgeschnittenen Zeilen, große Touch-Flächen und ruhige Proportionen. */
@media(max-width:600px){html,body{overflow-x:hidden}.wrap{padding-left:18px;padding-right:18px}.topbar .wrap{gap:12px;padding:8px 18px;font-size:11px;white-space:nowrap}.site-header .wrap{min-height:auto;padding:12px 18px 10px;gap:9px}.logo{width:150px;max-height:52px}.nav{width:calc(100vw - 36px);display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:14px;padding:8px 4px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto;font-size:10px;padding:9px 2px;letter-spacing:.08em}.hero h1,.home-hero h1,.paint-hero h1,.services-hero h1,.bath-hero h1,.page-title h1,.about-hero h1{overflow-wrap:anywhere}.button{min-height:48px;padding:14px 20px;text-align:center}.hero-actions{gap:16px}.home-proof{padding:0 10px}.home-proof div{min-width:0}.home-proof strong{font-size:20px}.home-proof span{font-size:9px}.footer{padding:44px 0 22px}.footer-grid{gap:18px}.copyright{margin-top:24px;padding-top:16px;font-size:12px}}

/* Detailreicher Atelierpinsel: Holzgriff, Metallzwinge und feine Borsten. */
body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='wood' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23e6b37d'/%3E%3Cstop offset='1' stop-color='%238c4428'/%3E%3C/linearGradient%3E%3ClinearGradient id='metal' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23fff5e8'/%3E%3Cstop offset='.42' stop-color='%23b4a79b'/%3E%3Cstop offset='1' stop-color='%23534c49'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6 42c5.8.4 9.8-1.9 11.1-7.1.7-2.4.1-4.8-1.2-6.6l18-18 6.2 6.2-18 18c-1.8-1.3-4.2-1.9-6.6-1.2C10.3 34.6 7.9 38.5 6 42Z' fill='%232b2020' opacity='.28'/%3E%3Cpath d='m25.8 14.8 8.8-8.8 7.2 7.2-8.8 8.8z' fill='url(%23wood)' stroke='%23312725' stroke-width='1.3'/%3E%3Cpath d='m21.1 19.5 5.8-5.8 7.2 7.2-5.8 5.8z' fill='url(%23metal)' stroke='%23312725' stroke-width='1.3'/%3E%3Cpath d='M5.2 42.8c6.3.2 10.8-2.2 12.2-7.7.8-2.7.1-5.2-1.5-7.1l5.2-5.2 7.2 7.2-5.2 5.2c-1.9-1.6-4.4-2.3-7.1-1.5-5.5 1.4-8 5.9-10.8 9.1Z' fill='%23bb7046' stroke='%23312725' stroke-width='1.35' stroke-linejoin='round'/%3E%3Cpath d='M6 42c3.6-1.3 6.5-3.2 9.7-7.1M8.8 43c3.5-1.6 6.1-3.5 9.1-7.5M12 42.3c2.7-1.8 4.5-3.6 6.5-6.5' stroke='%23f5d3aa' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E") 7 41,auto}
body,body a,body button,body summary{cursor:url('/assets/pinsel-cursor.png') 2 60,auto}body input,body textarea,body [contenteditable=true]{cursor:text}
/* Dezenter Pinsel-Cursor: klein, präzise und mit vertrauten Klick-Zeigern. */
body{cursor:url('/assets/pinsel-cursor-clean.png') 2 29,default}body a,body button,body summary,body label[for],body select{cursor:pointer}body input,body textarea,body [contenteditable=true]{cursor:text}

/* Ruhige, zeitlose Farbwelt: kein Blau, nur Graphit, Leinen und Kupfer. */
:root{--ink:#211f1c;--paper:#faf7f1;--line:rgba(33,31,28,.13);--aqua:#a95c35;--aqua-deep:#6f301d;--gold:#c79062;--night:#171615}
.topbar{background:#1b1a18}.site-header{background:rgba(252,250,246,.98);box-shadow:none}.nav a:hover,.nav a[aria-current=page]{color:#6f301d}
.section.tint{background:#eee8de}.button{box-shadow:none}.button:hover{box-shadow:none}.card,.card:hover{box-shadow:0 10px 28px rgba(43,35,29,.07)}

/* Feiner Atelierpinsel: sichtbar, aber klein genug für präzises Navigieren. */
body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M4 32c5.2.3 8.6-1.5 9.8-5.8.6-2.2.1-4.3-1-5.9l4.1-4.1 7.1 7.1-4.1 4.1c-1.6-1.1-3.7-1.6-5.9-1C9.7 27.6 7.9 30.6 4 32Z' fill='%23b86b42' stroke='%23251e19' stroke-width='1.25' stroke-linejoin='round'/%3E%3Cpath d='m16 17.1 5-5 7.1 7.1-5 5z' fill='%23d8d2c8' stroke='%23251e19' stroke-width='1.15'/%3E%3Cpath d='m20.4 12.7 7.4-7.4 5.3 5.3-7.4 7.4z' fill='%23251e19' stroke='%23251e19' stroke-width='1.1'/%3E%3Cpath d='m5 32 6.2-5.8M8.1 32.3l5.1-5.5' stroke='%23f0c69d' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") 4 32,auto}
body a,body button,body summary,body label[for],body select{cursor:pointer}

/* Mobil wie eine Website: ruhige Kopfzeile, keine App-Leiste und klare Leseführung. */
@media(max-width:600px){
  .topbar{background:#1b1a18}.topbar .wrap{justify-content:center;padding:7px 18px;font-size:10px;letter-spacing:.01em}
  .site-header{position:relative;backdrop-filter:none}.site-header .wrap{padding:14px 20px 11px;align-items:center;gap:12px}.logo{width:128px;max-height:45px}
  .nav{width:100%;display:flex;flex-wrap:wrap;overflow:visible;justify-content:center;gap:0;padding:8px 0 1px;background:transparent;border-top:1px solid rgba(33,31,28,.13);border-radius:0}
  .nav a{flex:0 0 auto;padding:8px 9px;font-size:10px;line-height:1.15;letter-spacing:.055em}.nav a:after{bottom:4px}
  .wrap{padding-left:20px;padding-right:20px}.intro,.section{padding:58px 0}.content{padding:54px 0}
  .section h2,.content h2{font-size:clamp(32px,9vw,43px);line-height:1.08}.eyebrow{font-size:10px;letter-spacing:.15em}
  .button{min-height:46px;padding:13px 18px;font-size:11px;box-shadow:none}.button:hover{transform:none;box-shadow:none}
  .cta{padding:62px 20px}.footer{padding:40px 0 22px}.footer-grid{gap:12px}.copyright{font-size:11px}
}

/* Atelier-Edition: eine ruhigere, editoriale Gesamtgestaltung für alle Seiten. */
body{background:linear-gradient(120deg,#fbf8f2 0%,#f5efe6 52%,#fbf8f2 100%);color:#25211e}
.topbar{background:#24201d}.topbar .wrap{max-width:1320px;padding-top:8px;padding-bottom:8px}.topbar .wrap:before{color:#e2ad82}
.site-header{background:rgba(255,253,249,.98);border-bottom:1px solid rgba(37,33,30,.12)}.site-header .wrap{max-width:1320px;min-height:84px}.logo{width:176px}.nav{gap:25px}.nav a{font-size:10px;letter-spacing:.15em;color:#322c27}.nav a:after{background:#b86b42}.nav a:hover,.nav a[aria-current=page]{color:#8a4328}
main{overflow:hidden}.hero,.paint-hero,.services-hero,.bath-hero,.about-hero,.page-title{position:relative;isolation:isolate;background-position:center;color:#fff;overflow:hidden}.hero:before,.paint-hero:before,.services-hero:before,.bath-hero:before,.about-hero:before,.page-title:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,16,.9),rgba(38,29,23,.64) 48%,rgba(120,67,40,.2));z-index:-1}.hero:after,.paint-hero:after,.services-hero:after,.bath-hero:after,.about-hero:after{content:'';position:absolute;z-index:-1;width:44vw;height:44vw;right:-13vw;bottom:-26vw;border:1px solid rgba(235,193,158,.3);border-radius:50%;box-shadow:0 0 0 38px rgba(189,112,70,.055),0 0 0 78px rgba(189,112,70,.035)}
.hero .wrap,.paint-hero .wrap,.services-hero .wrap,.bath-hero .wrap,.about-hero .wrap{width:100%;max-width:1320px}.hero h1,.paint-hero h1,.services-hero h1,.bath-hero h1,.about-hero h1,.page-title h1{font-family:Outfit,'DM Sans',Arial,sans-serif;letter-spacing:-.065em;text-wrap:balance}.page-title{padding:110px 0 84px;text-align:left;background-size:cover}.page-title h1{max-width:900px;font-size:clamp(46px,6.3vw,88px);line-height:.94}.section,.content{background:transparent}.section.tint{background:#ece4d9}.section h2,.content h2{font-family:Outfit,'DM Sans',Arial,sans-serif;letter-spacing:-.055em;line-height:.96}.eyebrow{font-weight:800;color:#91472b}.photo{box-shadow:18px 18px 0 #d7b291,0 24px 48px rgba(43,33,25,.12)}
.card{background:#fffdf9;border:1px solid rgba(44,35,28,.1);box-shadow:none}.card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(46,34,25,.12)}.card .text{padding:30px}.card h3{font-family:Outfit,'DM Sans',Arial,sans-serif;letter-spacing:-.04em}.button{border-radius:0;background:#ad623c;border-color:rgba(255,244,232,.3);letter-spacing:.13em}.button:hover{background:#7b3823;transform:translateY(-2px)}.cta{padding:112px 24px;background:linear-gradient(115deg,#171411,#34261e 62%,#6b3b27)}.footer{background:#191714}.footer-grid{grid-template-columns:1fr 1fr}.footer h3{color:#dea67a}.copyright{border-color:rgba(237,216,196,.18)}
@media(max-width:760px){.topbar .wrap:before{display:none}.site-header .wrap{min-height:auto}.logo{width:136px}.nav{gap:7px}.nav a{font-size:9px;letter-spacing:.07em}.hero:after,.paint-hero:after,.services-hero:after,.bath-hero:after,.about-hero:after{width:85vw;height:85vw;right:-45vw;bottom:-37vw}.page-title{padding:76px 0 64px}.page-title h1{font-size:clamp(37px,11vw,56px)}.section h2,.content h2{letter-spacing:-.05em}.footer-grid{grid-template-columns:1fr}}

/* Mobile typography: Zeilen umbrechen nur zwischen vollständigen Wörtern. */
@media(max-width:760px){h1,h2,h3,p,a,span,dt,dd{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}.service-node,.card,.technique,.bath-point{min-width:0}}

/* Mobile-Kopfzone: kompakt, klar und mit mehr Raum für den Seiteninhalt. */
@media(max-width:600px){.topbar{display:none}.site-header .wrap{padding:10px 18px 5px;gap:4px}.logo{width:112px;max-height:39px}.nav{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%;gap:14px;padding:6px 0 5px;background:transparent;border-top:1px solid rgba(33,31,28,.11);border-radius:0;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto;padding:6px 0;font-size:9px;line-height:1.1;letter-spacing:.07em}.nav a:after{bottom:0}.home-hero{min-height:535px}.home-hero .wrap{padding-bottom:38px}}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){.topbar{display:none}.site-header .wrap{min-height:auto;padding:6px 18px;display:block}.site-header .logo{display:none}.site-header .nav{width:100%;padding:5px 0;gap:15px;border-top:0;background:transparent}.site-header .nav a{font-size:9px;padding:5px 0}.paint-hero,.services-hero,.bath-hero,.about-hero,.page-title{min-height:390px!important}}

/* Site-wide luxury refinement: graphite, copper and quieter surfaces. */
:root{--ink:#29231f;--paper:#f5f1eb;--line:rgba(56,42,32,.14);--aqua:#a85b37;--aqua-deep:#76341f;--gold:#c78b5c;--night:#1d1a18}body{background:#f5f1eb;color:#29231f;letter-spacing:.003em}.topbar{background:#1d1a18;color:#eee5db}.site-header{background:rgba(250,247,242,.98);border-bottom:1px solid rgba(171,113,74,.22);box-shadow:0 8px 24px rgba(39,29,22,.045)}.site-header .wrap{min-height:88px}.nav{gap:25px;font-size:11px;letter-spacing:.13em}.nav a{padding:10px 0}.nav a:after{height:1px;background:#a85b37}.nav a:hover,.nav a[aria-current=page]{color:#76341f}.section,.content,.about-story{background:#f5f1eb;padding:clamp(72px,8vw,120px) 0;animation:none!important;opacity:1!important;transform:none!important}.section.tint{background:linear-gradient(135deg,#ebe4da,#f7f3ed)}.eyebrow{color:#a85b37;font-size:11px;letter-spacing:.19em}.section h2,.content h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em}.button{background:linear-gradient(135deg,#b86c45,#8d4328);border:1px solid rgba(255,244,231,.3);box-shadow:0 12px 28px rgba(90,43,27,.2);padding:16px 28px}.button:hover{background:linear-gradient(135deg,#8d4328,#63301f);box-shadow:0 16px 34px rgba(70,30,17,.28)}.card{background:#fcfaf7;border:1px solid rgba(74,52,37,.1);box-shadow:0 12px 30px rgba(52,35,23,.07)}.card:hover{box-shadow:0 24px 48px rgba(52,35,23,.14)}.cta{background:linear-gradient(115deg,#171411,#34251d 60%,#653824)!important}.footer{background:#171513}.footer h3{color:#d9a376}.copyright{border-color:rgba(232,213,194,.18)}@media(max-width:760px){.site-header .wrap{min-height:auto}.nav{gap:11px;font-size:10px}.section,.content,.about-story{padding:64px 0}}