/* Tischlerei Mess – Marken-Anpassungen für alle Seiten */
.tm-brand{display:inline-flex!important;align-items:center;gap:10px!important;text-decoration:none;color:inherit}
.sn .tm-brand .nav-mess-logo,.tm-brand .nav-mess-logo{order:0!important;height:40px!important;width:auto!important;aspect-ratio:480/316;object-fit:cover!important;border-radius:6px!important;box-shadow:0 3px 10px rgba(20,16,10,.18)}
.mb-word{display:flex;flex-direction:column;line-height:1.05}
.mb-word b{font:700 16px/1.1 'Manrope',sans-serif;letter-spacing:-.02em;color:#22221d;white-space:nowrap}
.mb-word small{font:500 10px/1.4 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#996538;white-space:nowrap}
.ftx .tm-brand .nav-mess-logo{height:52px!important}
.ftx .mb-word b{color:#fff;font-size:19px}
.ftx .mb-word small{color:#d6ac78}
.ftx-brand>.tm-brand{margin-bottom:6px}
@media (max-width:1180px){.sn .mb-word{display:none}}
@media (max-width:760px){.sn .mb-word{display:flex}.sn .mb-word b{font-size:14px}.sn .mb-word small{font-size:9px}}
@media (max-width:380px){.sn .mb-word small{display:none}}

/* ======================================================================
   Holz statt Flächenbraun: Eiche/Nuss-Furnier für Akzente
   ====================================================================== */
:root{--wood:url("assets/tex/eiche.webp");--wood-d:url("assets/tex/nuss.webp")}
/* Akzentwort in Überschriften → Holzmaserung als Schrift */
:is(h1,h2) em{
  background-image:linear-gradient(180deg,rgba(255,236,205,.18),rgba(40,20,5,.12)),url("assets/tex/eiche.webp")!important;
  background-size:100% 100%,900px auto!important;background-position:0 0,30% 62%!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.35));
}
.mh3 h1 em{background-size:100% 100%,1300px auto!important;background-position:0 0,22% 78%!important}
/* Primäre Buttons → Furnierplatte mit Kante */
.nav-cta,.c3,.mh-btn:not(.ghost),.cookie-box button[data-cookie="all"],.ftx-btn.pri,.bk-next,.k2-cta,.big-cta,
.bl-side-cta,.bl-btn,.u2-btn.pri:not(.light),.seo-wien-links a:first-child,.ma-tab .ma-plus span:first-child,.ma-pill .ma-plus-ic{
  background:linear-gradient(180deg,rgba(255,240,215,.22) 0,rgba(255,240,215,0) 42%,rgba(30,14,2,.18) 100%),url("assets/tex/eiche.webp") 30% 70%/620px auto!important;
  color:#fff!important;border-color:rgba(70,40,15,.5)!important;
  text-shadow:0 1px 1px rgba(45,22,5,.55);
  box-shadow:inset 0 1px 0 rgba(255,235,200,.45),inset 0 -1px 0 rgba(40,18,3,.35),0 8px 20px -8px rgba(70,38,12,.55)!important;
  transition:background-position .6s cubic-bezier(.2,.8,.2,1),transform .25s,box-shadow .25s!important;
}
:is(.nav-cta,.c3,.mh-btn:not(.ghost),.cookie-box button[data-cookie="all"],.ftx-btn.pri,.bk-next,.k2-cta,.big-cta,.bl-side-cta,.bl-btn,.u2-btn.pri:not(.light),.seo-wien-links a:first-child):hover{
  background-position:0 0,62% 40%!important;
  box-shadow:inset 0 1px 0 rgba(255,235,200,.5),inset 0 -1px 0 rgba(40,18,3,.35),0 12px 26px -8px rgba(70,38,12,.65)!important}
.bk-next.dim{filter:saturate(.6) brightness(.95)}
.ma-tab .ma-plus span:first-child{background-size:100% 100%,260px auto!important;box-shadow:inset 0 1px 0 rgba(255,235,200,.5),0 10px 22px rgba(80,45,15,.5),0 0 0 4px rgba(28,30,25,.9)!important}
/* Kleine Akzentflächen */
.rv-av,.vn-tag.a,.pin,.bk-bar i,.bl-av,.wk-eyebrow span,.k2-live i{background:url("assets/tex/eiche.webp") 40% 60%/300px auto!important}
.u2-cta{background:linear-gradient(180deg,rgba(25,12,3,.35),rgba(25,12,3,.55)),url("assets/tex/nuss.webp") center/1400px auto!important}

/* ======================================================================
   Header: Mess + DanKüchen. Oben groß, beim Scrollen kompakt.
   ====================================================================== */
.sn .tm-brand{gap:16px!important}
.sn .tm-brand .mb-word{display:none!important}
.tm-sep{position:relative;display:block;flex:none;width:1px;height:30px;
  background:linear-gradient(180deg,rgba(34,34,29,0),rgba(34,34,29,.38) 22%,rgba(34,34,29,.38) 78%,rgba(34,34,29,0));transition:height .5s cubic-bezier(.2,.8,.2,1)}
.tm-sep::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;transform:rotate(45deg);
  background:url("assets/tex/eiche.webp") 40% 50%/80px auto;box-shadow:0 0 0 2px #f5f2ea}
.ftx .tm-sep{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.35) 22%,rgba(255,255,255,.35) 78%,rgba(255,255,255,0));height:40px}
.ftx .tm-sep::after{box-shadow:0 0 0 2px #171714}
.nav-dk-logo{display:block;height:20px!important;width:auto!important;transition:height .5s cubic-bezier(.2,.8,.2,1)}
.ftx .nav-dk-logo{height:26px!important}
.ftx .tm-brand .mb-word{display:none!important}
.sn .tm-brand .nav-mess-logo{height:40px!important;transition:height .5s cubic-bezier(.2,.8,.2,1),border-radius .5s}
.sn{transition:padding .5s cubic-bezier(.2,.8,.2,1),background .35s,box-shadow .35s,border-color .35s!important}
/* Oben: großzügig */
html.tm-top .sn{padding-top:16px!important;padding-bottom:16px!important}
html.tm-top .sn .tm-brand{gap:20px!important}
html.tm-top .sn .tm-brand .nav-mess-logo{height:68px!important;border-radius:8px!important}
html.tm-top .sn .nav-dk-logo{height:33px!important}
html.tm-top .sn .tm-sep{height:50px}
/* Gescrollt: schmal */
html:not(.tm-top) .sn{padding-top:5px!important;padding-bottom:5px!important}
html:not(.tm-top) .sn .tm-brand .nav-mess-logo{height:36px!important}
html:not(.tm-top) .sn .nav-dk-logo{height:18px!important}
html:not(.tm-top) .sn .tm-sep{height:24px}
@media (max-width:1140px){
  .sn .tm-brand{gap:11px!important}
  html.tm-top .sn{padding-top:9px!important;padding-bottom:9px!important}
  html.tm-top .sn .tm-brand .nav-mess-logo{height:48px!important}
  html.tm-top .sn .nav-dk-logo{height:21px!important}
  html.tm-top .sn .tm-sep{height:34px}
  html:not(.tm-top) .sn .tm-brand .nav-mess-logo{height:34px!important}
  html:not(.tm-top) .sn .nav-dk-logo{height:15px!important}
  html:not(.tm-top) .sn .tm-sep{height:22px}
}
@media (max-width:380px){html.tm-top .sn .nav-dk-logo{height:17px!important}html.tm-top .sn .tm-brand .nav-mess-logo{height:42px!important}}
.sn .tm-brand .nav-mess-logo,.ftx .tm-brand .nav-mess-logo{order:0!important}
.tm-brand .tm-sep{order:1!important}
.tm-brand .nav-dk-logo{order:2!important}
.tm-brand .mb-word{order:3!important}
/* Header-Menü mit Icons */
.sn .sn-links>a,.sn .sn-dd-btn{display:inline-flex!important;align-items:center!important;gap:7px!important}
.sn .sn-links .nv-ic{display:inline-grid!important;place-items:center;width:26px!important;height:26px!important;border-radius:8px!important;background:#f1ece3!important;color:#8a5a32!important;box-shadow:none!important;transform:none!important;transition:background .25s,color .25s!important}
.sn .sn-links .nv-ic svg{width:15px!important;height:15px!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sn .sn-links>a:hover .nv-ic,.sn .sn-dd:hover .nv-ic,.sn .sn-dd.open .nv-ic{background:url("assets/tex/eiche.webp") 40% 50%/160px auto!important;color:#fff!important}
.sn .sn-links>a.is-current .nv-ic{background:url("assets/tex/eiche.webp") 40% 50%/160px auto!important;color:#fff!important}
@media (max-width:1320px){.sn .sn-links .nv-ic{width:22px!important;height:22px!important}.sn .sn-links .nv-ic svg{width:13px!important;height:13px!important}}
/* Header: Platz zwischen 1141 und 1500 px */
@media (max-width:1500px){.sn .ohs{display:none!important}}
@media (min-width:1141px) and (max-width:1440px){
  .sn .sn-links,.sn.is-scrolled .sn-links{gap:4px!important}
  .sn .sn-links>a,.sn .sn-dd-btn{padding:0 11px 0 6px!important;font-size:13px!important;height:40px}
  html.tm-top .sn .tm-brand .nav-mess-logo{height:56px!important}
  html.tm-top .sn .nav-dk-logo{height:27px!important}
  html.tm-top .sn .tm-sep{height:40px}
  .sn .tm-brand{gap:13px!important}
}
@media (min-width:1141px) and (max-width:1300px){
  .sn .sn-wa{display:none!important}
  .sn .sn-links>a,.sn .sn-dd-btn{padding:0 9px 0 5px!important;font-size:12.5px!important;gap:5px!important}
  .sn .nav-cta{padding:11px 14px!important}
  html.tm-top .sn .tm-brand .nav-mess-logo{height:48px!important}
  html.tm-top .sn .nav-dk-logo{height:23px!important}
  html:not(.tm-top) .sn .nav-dk-logo{height:16px!important}
}
html{font-variant-emoji:text}
/* SVG-Icons statt Emoji-Pfeile */
.ico-t{display:contents}
svg.ico{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}