/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Feuerwehr-Startseite. Nur aktiv, wenn der Child-Theme-Code fw-home setzt. */
body.fw-home { --fw-red: #ed1022; --fw-white: #fff; --fw-black: #080808; --fw-font: 'Arial Narrow', 'Roboto Condensed', 'Liberation Sans Narrow', Arial, sans-serif; --fw-display: Impact, 'Arial Narrow', 'Roboto Condensed', sans-serif; background: var(--fw-black); }
.fw-home:has(.fw-header) .whb-header, .fw-home .wd-toolbar { display: none; }
.fw-home .main-page-wrapper { margin: 0; padding: 0; background: var(--fw-black); }
.fw-home #main-content { width: 100%; max-width: none; margin: 0; padding: 0; display: block; }
.fw-home #main-content > .wd-content-area { width: 100%; max-width: none; padding: 0; }
.fw-home .fw-header, .fw-home .fw-content { color: var(--fw-white); font-family: var(--fw-font); }
.fw-home .fw-header a, .fw-home .fw-content a { color: inherit; }
.fw-home :is(.fw-header,.fw-content) :focus-visible { outline: 2px solid #ff696f; outline-offset: 3px; }
.fw-icon { width: 1.4em; height: 1.4em; flex: none; vertical-align: middle; }
.fw-header { position: relative; z-index: 3; background: #050505; }
.fw-top, .fw-nav-row { max-width: 1920px; margin-inline: auto; padding-inline: 4.35%; }
.fw-top { min-height: clamp(62px, 3.98vw, 80px); display: flex; align-items: center; justify-content: space-between; gap: clamp(24px, 5.5vw, 110px); }
.fw-logo { display: block; flex: none; width: clamp(240px, 20vw, 387px); }
.fw-logo img { display: block; width: 100%; height: auto; mix-blend-mode: screen; }
.fw-points { display: flex; flex: 1; justify-content: space-evenly; align-items: center; gap: 14px; margin: 0; padding: 0; list-style: none; }
.fw-points li { display: flex; align-items: center; gap: .75em; white-space: nowrap; font-size: clamp(13px,.86vw,17px); line-height: 1.2; }
.fw-points li strong { display: block; }
.fw-points .fw-icon { width: 2.15em; height: 2.15em; }
.fw-nav-bar { background: #090909; border-top: 1px solid #303030; }
.fw-nav-row { display: flex; min-height: clamp(49px, 3vw, 61px); align-items: center; justify-content: space-between; gap: clamp(12px, 2.4vw, 48px); }
.fw-desktop-menu { flex: 1; }
.fw-menu { display: flex; justify-content: space-between; align-items: center; gap: 4px; padding: 0; margin: 0; list-style: none; }
.fw-menu > li > a, .fw-more summary, .fw-mobile-menu summary { min-height: 40px; display: flex; align-items: center; gap: .45em; padding: .32em .52em; border-radius: 3px; cursor: pointer; font-size: clamp(12px,.87vw,17px); font-weight: 700; white-space: nowrap; list-style: none; }
.fw-menu > li > a[aria-current='page'] { padding-inline: .9em; background: #df1026; }
.fw-header a:hover, .fw-more summary:hover, .fw-mobile-menu summary:hover { color: #ff6268; }
.fw-menu > li > a[aria-current='page']:hover { color: #fff; background: #b70a1c; }
.fw-menu .fw-icon { width: 1.55em; height: 1.55em; }
.fw-more { position: relative; padding-left: clamp(4px,1vw,20px); border-left: 1px solid #909090; }
.fw-more summary .fw-icon { width: 1em; height: 1em; }
.fw-header summary::-webkit-details-marker { display: none; }
.fw-more-links, .fw-mobile-links { position: absolute; z-index: 2; background: #151515; border: 1px solid #3c3c3c; box-shadow: 0 10px 28px #0009; border-radius: 5px; padding: 8px; }
.fw-more-links { right: 0; min-width: 144px; }
.fw-more-links a { display: block; padding: 7px 10px; white-space: nowrap; }
.fw-mobile-menu { display: none; }
.fw-tools { display: flex; align-items: center; gap: clamp(5px, .9vw, 18px); }
.fw-search { display: flex; align-items: center; flex-direction: row-reverse; gap: 1px; width: clamp(166px,13.2vw,260px); height: 34px; border: 1px solid #888; border-radius: 22px; background: #151515; overflow: hidden; }
.fw-search:focus-within { outline: 2px solid #ff696f; outline-offset: 2px; }
.fw-search input[type='search'] { appearance: none; min-width: 0; width: 100%; height: 100%; border: 0; padding: 0 9px 0 0; margin: 0; background: none; color: #fff; font: 400 clamp(13px,.82vw,16px) var(--fw-font); outline: none; }
.fw-search input[type='search']::placeholder { color: #eee; opacity: 1; }
.fw-search button { flex: none; background: none; color: #fff; border: 0; min-height: 0; padding: 3px 6px 3px 12px; box-shadow: none; }
.fw-tools > a { position: relative; display: grid; place-items: center; width: 36px; min-height: 42px; font-size: 19px; }
.fw-cart-count { position: absolute; top: -3px; right: -5px; min-width: 21px; border-radius: 16px; padding: 1px 5px; background: #df1026; color: #fff; text-align: center; font-size: 13px; font-weight: 700; }
.fw-hero { position: relative; display: grid; isolation: isolate; align-items: center; justify-items: center; grid-template-columns: minmax(0, 1fr); overflow: hidden; }
.fw-hero-art { grid-area: 1 / 1; position: relative; z-index: -2; width: 100%; }
.fw-hero-art img { display: block; width: 100%; height: auto; }
.fw-hero::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, transparent 34%, #01061166 43%, #01061177 56%, transparent 65%); pointer-events: none; }
.fw-hero-copy { grid-area: 1 / 1; width: min(100%, 34vw); text-align: center; padding: 13px 0 17px; text-shadow: 0 2px 6px #000b; }
.fw-hero h1 { width: max-content; max-width: 100%; margin: 0 auto; color: rgb(255 255 255 / 90%); font-family: var(--fw-display); font-size: clamp(48px,4.36vw,90px); font-weight: 400; line-height: .88; letter-spacing: .025em; font-style: italic; transform: skew(-4deg) rotate(-4deg); }
/* Hero-Überschrift mit punktueller Rußstruktur. */
@supports (background-clip: text) {
  @media (forced-colors: none) {
    .fw-hero h1 {
      background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20450%20200'%20preserveAspectRatio%3D'none'%3E%3Cdefs%3E%3CradialGradient%20id%3D'fade'%3E%3Cstop%20stop-color%3D'white'%2F%3E%3Cstop%20offset%3D'.45'%20stop-color%3D'white'%20stop-opacity%3D'.8'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'white'%20stop-opacity%3D'0'%2F%3E%3C%2FradialGradient%3E%3Cmask%20id%3D'patches'%20maskUnits%3D'userSpaceOnUse'%20x%3D'0'%20y%3D'0'%20width%3D'450'%20height%3D'200'%3E%3Cg%20fill%3D'url(%23fade)'%3E%3Cellipse%20cx%3D'63'%20cy%3D'47'%20rx%3D'52'%20ry%3D'29'%20transform%3D'rotate(-17%2063%2047)'%2F%3E%3Cellipse%20cx%3D'237'%20cy%3D'23'%20rx%3D'39'%20ry%3D'28'%20transform%3D'rotate(21%20237%2023)'%2F%3E%3Cellipse%20cx%3D'367'%20cy%3D'58'%20rx%3D'51'%20ry%3D'29'%20transform%3D'rotate(-14%20367%2058)'%2F%3E%3Cellipse%20cx%3D'145'%20cy%3D'122'%20rx%3D'46'%20ry%3D'35'%20transform%3D'rotate(14%20145%20122)'%2F%3E%3Cellipse%20cx%3D'310'%20cy%3D'140'%20rx%3D'48'%20ry%3D'31'%20transform%3D'rotate(-18%20310%20140)'%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3Cfilter%20id%3D'soot'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%20color-interpolation-filters%3D'sRGB'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.12%20.22'%20numOctaves%3D'3'%20seed%3D'8'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%20.22%20%200%200%200%200%20.19%20%200%200%200%200%20.16%20%203.2%200%200%200%20-1.30'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20mask%3D'url(%23patches)'%3E%3Crect%20width%3D'450'%20height%3D'200'%20filter%3D'url(%23soot)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat rgb(255 255 255 / 90%);
      background-clip: text;
      color: transparent;
      text-shadow: none;
    }
  }
}
.fw-hero h1::after { content: ''; display: block; height: clamp(8px,.66vw,14px); width: 87%; margin: 10px 0 0 auto; background: #e30613; clip-path: polygon(1% 63%,23% 30%,59% 12%,88% 5%,100% 27%,87% 42%,97% 64%,73% 55%,55% 89%,20% 83%,0 100%,29% 61%); }
.fw-tagline { margin: 17px 0 8px; font-size: clamp(17px,1.28vw,27px); line-height: 1.12; font-weight: 800; letter-spacing: .1em; }
.fw-benefits { display: table; text-align: left; list-style: none; margin: 0 auto 12px; padding: 0; font-size: clamp(15px,.98vw,20px); line-height: 1.32; }
.fw-benefits li { display: flex; align-items: baseline; gap: .42em; }
.fw-benefits b { color: #ff2834; font-size: 1.2em; line-height: 1; }
.fw-cta { display: inline-flex; justify-content: center; align-items: center; gap: .5em; min-height: 48px; min-width: min(100%, 17.4vw); padding: .3em 1.12em; background: #ed0712; border-radius: 6px 5px; font: italic 700 clamp(20px,1.46vw,30px) var(--fw-font); letter-spacing: .03em; transform: skew(-12deg); text-shadow: none; }
.fw-cta span, .fw-cta .fw-icon { transform: skew(12deg); }
.fw-cta .fw-icon { width: .8em; height: .8em; }
.fw-home .fw-cta:hover { background: #b9000b; color: #fff; }
.fw-category-section { display: grid; grid-template-columns: 15.5% minmax(0,1fr); gap: 14px; align-items: center; padding: 9px 1.75% 8px; }
.fw-category-title { min-height: clamp(82px,5.15vw,103px); position: relative; display: flex; align-items: center; gap: .55em; isolation: isolate; padding: 5px 7% 5px 12%; margin: 0; }
.fw-category-title::before { content: ''; position: absolute; z-index: -1; inset: 2px 12% 2px 0; transform: rotate(-4deg); background: linear-gradient(100deg,#280000,#b50911 26%,#79040a 68%,transparent 98%); clip-path: polygon(10% 14%,84% 4%,77% 10%,100% 17%,77% 22%,89% 28%,69% 34%,95% 41%,77% 49%,90% 59%,75% 63%,94% 73%,64% 82%,75% 90%,4% 100%,13% 91%,1% 86%,13% 74%,2% 64%,14% 55%,4% 50%,12% 38%,0 31%,16% 24%); }
.fw-category-title b, .fw-best-heading h2 { color: #fff; font-family: var(--fw-display); font-weight: 900; font-style: italic; font-size: clamp(24px,1.64vw,34px); line-height: .98; }
.fw-category-title .fw-icon, .fw-best-heading h2 .fw-icon { color: var(--fw-red); }
.fw-categories { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: clamp(6px,.56vw,12px); }
.fw-tile { display: flex; align-items: center; gap: 3%; min-height: clamp(75px,4.78vw,97px); border: 1.5px solid #f20c16; border-radius: 8px; background: linear-gradient(115deg,#101010,#171717); overflow: hidden; }
.fw-tile:hover { background: #242424; }
.fw-tile img { display: block; flex: none; width: 45%; max-height: 92px; object-fit: contain; object-position: left bottom; align-self: flex-end; mix-blend-mode: lighten; }
.fw-tile strong { display: block; font-size: clamp(12px,.91vw,18px); line-height: 1.15; text-transform: uppercase; }
.fw-tile small { display: flex; align-items: center; gap: .1em; margin-top: .35em; font-size: clamp(11px,.74vw,15px); line-height: 1.15; white-space: nowrap; }
.fw-tile small .fw-icon { color: var(--fw-red); width: .9em; height: .9em; }
.fw-best { padding: clamp(12px,1.15vw,23px) 3.6% 35px; }
.fw-best-heading { display: flex; align-items: center; flex-wrap: wrap; gap: .55em 1.4em; margin-bottom: 16px; font-size: clamp(16px,1.05vw,21px); }
.fw-best-heading h2 { margin: 0; display: flex; align-items: center; gap: .35em; font-size: clamp(27px,1.85vw,38px); text-transform: uppercase; }
.fw-best-heading p { margin: 0; }
.fw-best-heading a { display: flex; align-items: center; gap: .25em; margin-left: auto; color: #ff3540 !important; }
.fw-best-heading a .fw-icon { width: 1em; height: 1em; }
.fw-best .wd-products { --wd-col-lg: 7 !important; }
.fw-best .wd-product :is(.wd-entities-title,.price) { color: #fff; }
.fw-best .product-image-link { background: #eee; border-radius: 9px; overflow: hidden; }
.fw-empty { margin: 0; color: #d5d5d5; font-size: 16px; }
@media (max-width: 1430px) {
  .fw-top, .fw-nav-row { padding-inline: 2%; }
  .fw-nav-row { gap: 12px; }
  .fw-tools { gap: 4px; }
  .fw-tile { gap: 2%; }
  .fw-tile img { width: 40%; }
}
@media (max-width: 1199px) {
  .fw-top { justify-content: space-between; gap: 16px; }
  .fw-desktop-menu { display: none; }
  .fw-mobile-menu { display: block; }
  .fw-mobile-links { top: 100%; left: 2%; }
  .fw-mobile-links .fw-menu { display: grid; }
  .fw-mobile-links .fw-more { padding: 0; border: 0; }
  .fw-mobile-links .fw-more-links { position: static; border: 0; box-shadow: none; }
  .fw-hero-copy { width: min(44vw,410px); }
  .fw-category-section { grid-template-columns: 1fr; gap: 5px; padding-inline: 3.6%; }
  .fw-category-title { width: max-content; min-height: 58px; padding: 5px 18px; }
  .fw-category-title br { display: none; }
  .fw-categories { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .fw-best .wd-products { --wd-col-lg: 4 !important; }
}
@media (max-width: 767px) {
  .fw-top { justify-content: center; padding: 7px 12px; min-height: 59px; }
  .fw-logo { width: min(240px, 80vw); }
  .fw-points { display: none; }
  .fw-nav-row { gap: 7px; min-height: 48px; }
  .fw-mobile-menu summary { padding-inline: 5px; }
  .fw-mobile-menu summary span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .fw-tools { flex: 1; gap: 2px; }
  .fw-tools > a { width: 34px; }
  .fw-cart-count { right: -1px; top: 1px; }
  .fw-search { flex: 1; width: auto; min-width: 0; }
  .fw-search button { padding-inline: 7px; }
  .fw-hero::after { content: none; }
  .fw-hero-copy { grid-area: 2 / 1; width: min(100%,500px); padding: 12px 14px 18px; }
  .fw-hero h1 { font-size: clamp(39px,10.5vw,64px); }
  .fw-tagline { margin-top: 14px; }
  .fw-benefits { font-size: clamp(14px,3.7vw,18px); }
  .fw-cta { min-width: min(80vw,310px); }
  .fw-categories { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .fw-tile { min-height: 70px; }
  .fw-tile img { width: 43%; height: 66px; }
  .fw-tile strong { font-size: clamp(11px,3.2vw,16px); }
  .fw-tile small { font-size: clamp(10px,2.8vw,14px); }
  .fw-best-heading a { margin-left: 0; }
  .fw-best .wd-products { --wd-col-lg: 2 !important; }
}

.fw-home .main-page-wrapper { background: #080808 !important; }
.fw-home .fw-content { background: #080808; }
.fw-points li, .fw-menu > li, .fw-benefits li { margin: 0; }
.fw-tile > span { min-width: 0; padding-right: 3px; }
.fw-tile img { width: 39%; }
.fw-tile strong { font-size: clamp(12px,.89vw,17px); overflow-wrap: anywhere; }
@media (min-width: 1200px) {
  .fw-hero h1 { transform: rotate(-4deg) scaleX(1.17); }
  .fw-cta { min-height: clamp(48px,2.8vw,56px); }
}
@media (max-width: 767px) {
  .fw-tile img { width: 43%; }
  .fw-tile strong { font-size: clamp(11px,3.2vw,16px); }
}

/* Feuerwehr navigation in the shared WoodMart header. */
.whb-header_517066 .whb-general-header { border-top: 1px solid #303030; border-bottom: 1px solid #32080d; }
.whb-header_517066 .whb-general-header .wd-header-cart .wd-tools-text { display: none; }
.whb-header_517066 .whb-general-header .wd-cart-number { background: #e80a18; color: #fff; }
@media (min-width: 1025px) {
  .whb-header_517066 .whb-general-header .whb-flex-row { gap: clamp(8px, 1.6vw, 28px); }
  .whb-header_517066 .whb-general-header .whb-column8, .whb-header_517066 .wd-header-main-nav { flex: 1; min-width: 0; }
  .whb-header_517066 .whb-general-header .whb-column9 { display: none; }
  .whb-header_517066 .wd-nav-main:has(.fw-bar-link) { width: 100%; justify-content: space-between; flex-wrap: nowrap; gap: clamp(3px, .45vw, 12px); }
  .whb-header_517066 .wd-nav-main > .fw-bar-link > a { gap: clamp(4px,.5vw,10px); padding: 0 4px; font-size: clamp(12px,.85vw,16px); text-transform: none; white-space: nowrap; }
  .whb-header_517066 .fw-bar-link .fw-icon { width: clamp(17px,1.37vw,26px); height: clamp(17px,1.37vw,26px); flex: none; }
  .whb-header_517066 .whb-column10 { gap: clamp(3px,.65vw,12px); }
  .whb-header_517066 .whb-column10 .whb-duljtjrl87kj7pmuut6b { width: clamp(125px,14vw,252px); margin-inline: 0; }
  .whb-header_517066 .whb-column10 .searchform .s { border: 1px solid #777; border-radius: 22px; background-color: #151515; color: #fff; }
  .whb-header_517066 .whb-column10 .searchform .s { padding-inline-start: 36px; padding-inline-end: 12px; }
  .whb-header_517066 .whb-column10 .searchform .searchsubmit { inset-inline-start: 0; inset-inline-end: auto; width: 36px; }
  .whb-header_517066 .whb-column10 .searchform .s::placeholder { color: #eee; }
  .whb-header_517066 .whb-column10 .wd-header-cart .wd-tools-icon::before { content: ""; width: 25px; height: 25px; display: block; background: currentColor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%203h3l4%2014h12l3-10H5%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2221%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2221%22%20r%3D%221.5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
}
@media (min-width: 1025px) and (max-width: 1240px) {
  .whb-header_517066 .whb-general-header .whb-flex-row { gap: 6px; }
  .whb-header_517066 .wd-nav-main:has(.fw-bar-link) { gap: 2px; }
  .whb-header_517066 .wd-nav-main > .fw-bar-link > a { font-size: 11px; gap: 3px; padding-inline: 1px; }
  .whb-header_517066 .fw-bar-link .fw-icon { width: 16px; height: 16px; }
  .whb-header_517066 .whb-column10 .whb-duljtjrl87kj7pmuut6b { width: 116px; }
}
.whb-header_517066 .fw-bar-link .nav-link-text { display: inline-flex; align-items: center; gap: clamp(3px,.42vw,8px); }
@media (min-width: 1025px) and (max-width: 1120px) {
  .whb-header_517066 .fw-bar-link .nav-link-text { gap: 2px; }
  .whb-header_517066 .fw-bar-link .fw-icon { width: 14px; height: 14px; }
  .whb-header_517066 .whb-column10 { gap: 1px; }
  .whb-header_517066 .whb-column10 .whb-duljtjrl87kj7pmuut6b { width: 108px; }
}
@media (min-width: 1025px) {
  .whb-header_517066 .wd-nav-main > .fw-bar-link.current-menu-item > a { border-radius: 4px; color: #fff; background: #e80a18; }
}
@media (min-width: 1025px) and (max-width: 1350px) {
  .whb-header_517066 .wd-nav-main > .fw-bar-link > a { position: relative; gap: 2px; padding-inline: 3px; font-size: 11px; }
  .whb-header_517066 .wd-nav-main > .fw-bar-link > a::after { position: absolute; inset-inline-end: 3px; top: 4px; margin: 0; }
  .whb-header_517066 .fw-bar-link .nav-link-text { gap: 3px; }
}