.elementor-212095 .elementor-element.elementor-element-ceab0ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-386e7f28:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-386e7f28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-212095 .elementor-element.elementor-element-386e7f28, .elementor-212095 .elementor-element.elementor-element-386e7f28 > .elementor-background-overlay{border-radius:0px 0px 1px 0px;}.elementor-212095 .elementor-element.elementor-element-386e7f28{box-shadow:0px 0px 10px 0px #111111;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 0px 10px 0px;z-index:1;}.elementor-212095 .elementor-element.elementor-element-386e7f28 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-212095 .elementor-element.elementor-element-1843f1ed > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-ed4bae3{padding:65px 65px 0px 0px;}.elementor-212095 .elementor-element.elementor-element-ed4bae3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:64px;font-weight:600;color:#FF8800;}.elementor-212095 .elementor-element.elementor-element-8598684{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-8598684:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-8598684 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-7999d77{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-7999d77:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-7999d77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-a29dfe7{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-608834c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-83ab7fd{--n-accordion-title-font-size:1rem;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-title-hover-color:var( --e-global-color-text );--n-accordion-title-active-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-text );}.elementor-212095 .elementor-element.elementor-element-83ab7fd > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-83ab7fd > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Arial", Sans-serif;font-weight:700;}:where( .elementor-212095 .elementor-element.elementor-element-83ab7fd > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-1dfd3ea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-1dfd3ea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-212095 .elementor-element.elementor-element-b1ee702{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-b1ee702 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-b1ee702 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-f79c96b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212095 .elementor-element.elementor-element-f79c96b:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-f79c96b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-7580a14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-7580a14:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-7580a14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-2156e3e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-a3b6311{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-0f00fab{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-0f00fab > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-0f00fab > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}:where( .elementor-212095 .elementor-element.elementor-element-0f00fab > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-165a400{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-165a400.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-212095 .elementor-element.elementor-element-d963137{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-d963137 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-d963137 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-1491fda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-1491fda:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-1491fda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-a887bc8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-536d20e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-536d20e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-212095 .elementor-element.elementor-element-03aebf0{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-03aebf0 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-03aebf0 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-29de1c4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-844abe4{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-844abe4 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-844abe4 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-2b6ade0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-2b6ade0:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-2b6ade0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-8af3d78{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-aca9020{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-07fded7{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-07fded7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-07fded7 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-861d293{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-861d293.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-212095 .elementor-element.elementor-element-5592a86{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-5592a86 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-5592a86 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-bb9f6ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212095 .elementor-element.elementor-element-bb9f6ce:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-bb9f6ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-5a9bcd1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-5a9bcd1:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-5a9bcd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-a812cf4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-f10f090{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-f10f090.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-212095 .elementor-element.elementor-element-956a40e{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-956a40e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-956a40e > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-f36d3be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212095 .elementor-element.elementor-element-f36d3be:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-f36d3be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-e40e253{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-e40e253:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-e40e253 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-e2d4e3d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-f344eb9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-dc444bb{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-dc444bb > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-dc444bb > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-f11e060{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212095 .elementor-element.elementor-element-f11e060:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-f11e060 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-200fda7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-200fda7:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-200fda7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-6b1d21f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-f8ec81e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-676d8c5{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-676d8c5 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-676d8c5 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-dda5961{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-dda5961.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-212095 .elementor-element.elementor-element-8db4745{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-8db4745 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-8db4745 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-5c335d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212095 .elementor-element.elementor-element-5c335d2:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-5c335d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-440fee8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-440fee8:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-440fee8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-48f9beb{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-d55a345{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-b533197{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-b533197 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-b533197 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-bfcbd45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212095 .elementor-element.elementor-element-bfcbd45:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-bfcbd45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-094b1f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-094b1f2:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-094b1f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-726907f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-c5d3a60{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-c5d3a60.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-212095 .elementor-element.elementor-element-a481b30{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-a481b30 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-a481b30 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-50e5bd5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-50e5bd5:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-50e5bd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-d99faaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-d99faaf:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-d99faaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-346f9d9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-edffa3f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-7971e56{width:var( --container-widget-width, 103.946% );max-width:103.946%;--container-widget-width:103.946%;--container-widget-flex-grow:0;}.elementor-212095 .elementor-element.elementor-element-7971e56.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-212095 .elementor-element.elementor-element-221b499{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-221b499 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-221b499 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-6c189e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-6c189e9:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-6c189e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-b1a38e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-212095 .elementor-element.elementor-element-b1a38e2:not(.elementor-motion-effects-element-type-background), .elementor-212095 .elementor-element.elementor-element-b1a38e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-212095 .elementor-element.elementor-element-2d876b7{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-e7399ea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-e7399ea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-212095 .elementor-element.elementor-element-cd1194b{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-cd1194b > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-cd1194b > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-212095 .elementor-element.elementor-element-bc4d93b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212095 .elementor-element.elementor-element-b593e68{width:var( --container-widget-width, 102.367% );max-width:102.367%;--container-widget-width:102.367%;--container-widget-flex-grow:0;}.elementor-212095 .elementor-element.elementor-element-b593e68.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-212095 .elementor-element.elementor-element-4849d1a{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-212095 .elementor-element.elementor-element-4849d1a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:none;}:where( .elementor-212095 .elementor-element.elementor-element-4849d1a > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-212095 .elementor-element.elementor-element-1dfd3ea{--width:100%;}.elementor-212095 .elementor-element.elementor-element-165a400{--width:100%;}.elementor-212095 .elementor-element.elementor-element-536d20e{--width:100%;}.elementor-212095 .elementor-element.elementor-element-861d293{--width:100%;}.elementor-212095 .elementor-element.elementor-element-f10f090{--width:100%;}.elementor-212095 .elementor-element.elementor-element-dda5961{--width:100%;}.elementor-212095 .elementor-element.elementor-element-c5d3a60{--width:100%;}.elementor-212095 .elementor-element.elementor-element-346f9d9{--width:96%;}.elementor-212095 .elementor-element.elementor-element-2d876b7{--width:96%;}.elementor-212095 .elementor-element.elementor-element-e7399ea{--width:100%;}}@media(max-width:1024px){.elementor-212095 .elementor-element.elementor-element-a29dfe7{--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-2156e3e{--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-a887bc8{--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-8af3d78{--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-a812cf4{--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-e2d4e3d{--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-6b1d21f{--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-48f9beb{--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-726907f{--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-346f9d9{--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-2d876b7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-212095 .elementor-element.elementor-element-386e7f28{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-212095 .elementor-element.elementor-element-a29dfe7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-2156e3e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-a887bc8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-8af3d78{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-a812cf4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-e2d4e3d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-6b1d21f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-48f9beb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-726907f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-346f9d9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-212095 .elementor-element.elementor-element-2d876b7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-ffa9cfd *//* === SUCHLEISTE: Optik kompakter + dunkler Look + orange Akzente === */
.abrams-mx-search{
  margin: 0 0 14px 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.10);
}

.abrams-mx-search__label{
  display:block;
  font-weight: 800;
  margin: 0 0 8px 0;
  color: #fff;
  letter-spacing: .2px;
}

.abrams-mx-search__input{
  width: 100%;
  max-width: 520px;
  padding: 10px 12px;
  border-radius: 0px;
  border: 1px solid rgba(255,255,255,.10);
  outline: none;
  background: rgba(255,255,255,.06);
  color: #fff;
}

.abrams-mx-search__input::placeholder{
  color: rgba(255,255,255,.65);
}

.abrams-mx-search__input:focus{
  border-color: rgba(255,122,0,.65);
  box-shadow: 0 0 0 3px rgba(255,122,0,.18);
}

.abrams-mx-search__hint{
  margin-top: 8px;
  font-size: 12px;
  opacity: .85;
  color:#fff;
}

/* Ergebnisbox */
.abrams-mx-search__results{
  display:none;
  margin-top: 10px;
  max-width: 760px;
  border-radius: 0px;
  padding: 8px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}

/* Einzelner Vorschlag */
.abrams-mx-suggest{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 10px 12px;
  border-radius: 0px;
}

.abrams-mx-suggest:hover{
  background: rgba(255,255,255,.08);
}

.abrams-mx-suggest__left{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}

.abrams-mx-suggest__label{
  color:#fff;
  font-weight: 900;
  text-decoration:none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 1.15;
}

.abrams-mx-suggest__sub{
  color: rgba(255,255,255,.82);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* === RECHTS: Warenkorb-Button (orange) statt Pfeil === */
.abrams-mx-suggest__shop{
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 0px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  background: rgba(255,122,0,.95);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  position: relative;
}

/* Text (falls da ist) ausblenden */
.abrams-mx-suggest__shop{
  font-size: 0;
}

/* Warenkorb-Icon als SVG (weiß) */
.abrams-mx-suggest__shop::before{
  content:"";
  width: 18px;
  height: 18px;
  display:block;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.25));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 7h14l-1.5 8.5a2 2 0 0 1-2 1.5H9.2a2 2 0 0 1-2-1.6L5.3 3.5H2' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='20' r='1.5' fill='%23fff'/%3E%3Ccircle cx='18' cy='20' r='1.5' fill='%23fff'/%3E%3C/svg%3E");
}

.abrams-mx-suggest__shop:hover{
  background: rgba(255,122,0,1);
  transform: translateY(-1px);
}

.abrams-mx-suggest__shop:active{
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-818f0b9 *//********************************************
 *   KOMPAKTE MATRIX – 500 mm oBA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-flach-500
********************************************/

/* Wrapper **/
#pfs-flach-500 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-flach-500 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-flach-500 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-flach-500 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-flach-500 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-flach-500 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-flach-500 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-flach-500 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-flach-500 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-flach-500 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-flach-500 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-flach-500 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-flach-500 a.mx-btn:hover,
#pfs-flach-500 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-flach-500 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + oBA)
********************************************/

#pfs-flach-500 a.mx-btn::after {
  content: attr(data-label) " oBA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-flach-500 a.mx-btn:hover::after,
#pfs-flach-500 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-818f0b9 *//********************************************
 *   KOMPAKTE MATRIX – 500 mm oBA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-flach-500
********************************************/

/* Wrapper **/
#pfs-flach-500 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-flach-500 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-flach-500 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-flach-500 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-flach-500 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-flach-500 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-flach-500 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-flach-500 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-flach-500 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-flach-500 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-flach-500 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-flach-500 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-flach-500 a.mx-btn:hover,
#pfs-flach-500 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-flach-500 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + oBA)
********************************************/

#pfs-flach-500 a.mx-btn::after {
  content: attr(data-label) " oBA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-flach-500 a.mx-btn:hover::after,
#pfs-flach-500 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-522fbff *//********************************************
 *   KOMPAKTE MATRIX – 1.000 mm oBA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-flach-1000
********************************************/

/* Wrapper **/
#pfs-flach-1000 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-flach-1000 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-flach-1000 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-flach-1000 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-flach-1000 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-flach-1000 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-flach-1000 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-flach-1000 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-flach-1000 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-flach-1000 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-flach-1000 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-flach-1000 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-flach-1000 a.mx-btn:hover,
#pfs-flach-1000 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-flach-1000 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + oBA)
********************************************/

#pfs-flach-1000 a.mx-btn::after {
  content: attr(data-label) " oBA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-flach-1000 a.mx-btn:hover::after,
#pfs-flach-1000 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-522fbff *//********************************************
 *   KOMPAKTE MATRIX – 1.000 mm oBA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-flach-1000
********************************************/

/* Wrapper **/
#pfs-flach-1000 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-flach-1000 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-flach-1000 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-flach-1000 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-flach-1000 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-flach-1000 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-flach-1000 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-flach-1000 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-flach-1000 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-flach-1000 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-flach-1000 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-flach-1000 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-flach-1000 a.mx-btn:hover,
#pfs-flach-1000 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-flach-1000 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + oBA)
********************************************/

#pfs-flach-1000 a.mx-btn::after {
  content: attr(data-label) " oBA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-flach-1000 a.mx-btn:hover::after,
#pfs-flach-1000 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-963bb34 *//********************************************
 *   KOMPAKTE MATRIX – 500 mm oBA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-flach-500
********************************************/

/* Wrapper **/
#pfs-flach-500 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-flach-500 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-flach-500 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-flach-500 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-flach-500 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-flach-500 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-flach-500 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-flach-500 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-flach-500 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-flach-500 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-flach-500 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-flach-500 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-flach-500 a.mx-btn:hover,
#pfs-flach-500 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-flach-500 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + oBA)
********************************************/

#pfs-flach-500 a.mx-btn::after {
  content: attr(data-label) " oBA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-flach-500 a.mx-btn:hover::after,
#pfs-flach-500 a.mx-btn:focus-visible::after {
  opacity: 1;
}
/* CSS-Ergänzung: Maß-Text in der Box (minimal, Optik bleibt kompakt) */
.mx-btn{
  display:flex;              /* falls noch nicht gesetzt */
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  text-decoration:none;
}

.mx-btn .mx-dim{
  display:block;
  font-size:10px;            /* bei Bedarf 8–9px */
  font-weight:700;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  color:#0b1a2a;             /* falls ihr dunkle Schrift in der Kachel nutzt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25cb011 *//********************************************
 *   KOMPAKTE MATRIX – 200 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-ba-flach-200
********************************************/

/* Wrapper **/
#pfs-ba-flach-200 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-ba-flach-200 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-ba-flach-200 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-ba-flach-200 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-ba-flach-200 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-ba-flach-200 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-ba-flach-200 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-ba-flach-200 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-ba-flach-200 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-ba-flach-200 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-ba-flach-200 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-ba-flach-200 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-ba-flach-200 a.mx-btn:hover,
#pfs-ba-flach-200 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-ba-flach-200 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#pfs-ba-flach-200 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-200 a.mx-btn:hover::after,
#pfs-ba-flach-200 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25cb011 *//********************************************
 *   KOMPAKTE MATRIX – 200 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-ba-flach-200
********************************************/

/* Wrapper **/
#pfs-ba-flach-200 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-ba-flach-200 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-ba-flach-200 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-ba-flach-200 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-ba-flach-200 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-ba-flach-200 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-ba-flach-200 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-ba-flach-200 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-ba-flach-200 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-ba-flach-200 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-ba-flach-200 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-ba-flach-200 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-ba-flach-200 a.mx-btn:hover,
#pfs-ba-flach-200 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-ba-flach-200 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#pfs-ba-flach-200 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-200 a.mx-btn:hover::after,
#pfs-ba-flach-200 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55557f3 *//********************************************
 *   KOMPAKTE MATRIX – 500 mm BA
 *   Section-ID: #pfs-ba-flach-500
********************************************/
#pfs-ba-flach-500 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1400px;
  margin: 16px auto;
  padding: 0;
}

#pfs-ba-flach-500 * { box-sizing: border-box; }

#pfs-ba-flach-500 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;
}

#pfs-ba-flach-500 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
  background: #171b1f;
  color: #000;
}

#pfs-ba-flach-500 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
  text-align: center;
}

#pfs-ba-flach-500 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  text-align: right;
  position: sticky;
  left: 0;
  z-index: 3;
}

#pfs-ba-flach-500 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
  white-space: nowrap;
}

#pfs-ba-flach-500 tbody tr:nth-child(odd) td { background: #edf1f7; }
#pfs-ba-flach-500 tbody tr:nth-child(even) td { background: #e2e7f1; }

#pfs-ba-flach-500 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

#pfs-ba-flach-500 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

#pfs-ba-flach-500 a.mx-btn:hover,
#pfs-ba-flach-500 a.mx-btn:focus-visible { background-color: #FF8800; outline: none; }

#pfs-ba-flach-500 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-500 a.mx-btn:hover::after,
#pfs-ba-flach-500 a.mx-btn:focus-visible::after { opacity: 1; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55557f3 *//********************************************
 *   KOMPAKTE MATRIX – 500 mm BA
 *   Section-ID: #pfs-ba-flach-500
********************************************/
#pfs-ba-flach-500 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1400px;
  margin: 16px auto;
  padding: 0;
}

#pfs-ba-flach-500 * { box-sizing: border-box; }

#pfs-ba-flach-500 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;
}

#pfs-ba-flach-500 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
  background: #171b1f;
  color: #000;
}

#pfs-ba-flach-500 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
  text-align: center;
}

#pfs-ba-flach-500 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  text-align: right;
  position: sticky;
  left: 0;
  z-index: 3;
}

#pfs-ba-flach-500 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
  white-space: nowrap;
}

#pfs-ba-flach-500 tbody tr:nth-child(odd) td { background: #edf1f7; }
#pfs-ba-flach-500 tbody tr:nth-child(even) td { background: #e2e7f1; }

#pfs-ba-flach-500 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

#pfs-ba-flach-500 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

#pfs-ba-flach-500 a.mx-btn:hover,
#pfs-ba-flach-500 a.mx-btn:focus-visible { background-color: #FF8800; outline: none; }

#pfs-ba-flach-500 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-500 a.mx-btn:hover::after,
#pfs-ba-flach-500 a.mx-btn:focus-visible::after { opacity: 1; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8ea375 *//********************************************
 *   KOMPAKTE MATRIX – 300 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-ba-flach-300
********************************************/

/* Wrapper **/
#pfs-ba-flach-300 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-ba-flach-300 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-ba-flach-300 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-ba-flach-300 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-ba-flach-300 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-ba-flach-300 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-ba-flach-300 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-ba-flach-300 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-ba-flach-300 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-ba-flach-300 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-ba-flach-300 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-ba-flach-300 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-ba-flach-300 a.mx-btn:hover,
#pfs-ba-flach-300 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-ba-flach-300 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#pfs-ba-flach-300 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-300 a.mx-btn:hover::after,
#pfs-ba-flach-300 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8ea375 *//********************************************
 *   KOMPAKTE MATRIX – 300 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-ba-flach-300
********************************************/

/* Wrapper **/
#pfs-ba-flach-300 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-ba-flach-300 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-ba-flach-300 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-ba-flach-300 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-ba-flach-300 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-ba-flach-300 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-ba-flach-300 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-ba-flach-300 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-ba-flach-300 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-ba-flach-300 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-ba-flach-300 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-ba-flach-300 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-ba-flach-300 a.mx-btn:hover,
#pfs-ba-flach-300 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-ba-flach-300 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#pfs-ba-flach-300 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-300 a.mx-btn:hover::after,
#pfs-ba-flach-300 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4935d3c *//********************************************
 *   KOMPAKTE MATRIX – 600 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-ba-flach-600
********************************************/

/* Wrapper **/
#pfs-ba-flach-600 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-ba-flach-600 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-ba-flach-600 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-ba-flach-600 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-ba-flach-600 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-ba-flach-600 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-ba-flach-600 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-ba-flach-600 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-ba-flach-600 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-ba-flach-600 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-ba-flach-600 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-ba-flach-600 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-ba-flach-600 a.mx-btn:hover,
#pfs-ba-flach-600 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-ba-flach-600 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#pfs-ba-flach-600 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-600 a.mx-btn:hover::after,
#pfs-ba-flach-600 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4935d3c *//********************************************
 *   KOMPAKTE MATRIX – 600 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-ba-flach-600
********************************************/

/* Wrapper **/
#pfs-ba-flach-600 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-ba-flach-600 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-ba-flach-600 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-ba-flach-600 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-ba-flach-600 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-ba-flach-600 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-ba-flach-600 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-ba-flach-600 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-ba-flach-600 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-ba-flach-600 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-ba-flach-600 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-ba-flach-600 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-ba-flach-600 a.mx-btn:hover,
#pfs-ba-flach-600 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-ba-flach-600 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#pfs-ba-flach-600 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-600 a.mx-btn:hover::after,
#pfs-ba-flach-600 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdf050c *//********************************************
 *   KOMPAKTE MATRIX – 400 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-ba-flach-400
********************************************/

/* Wrapper **/
#pfs-ba-flach-400 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-ba-flach-400 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-ba-flach-400 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-ba-flach-400 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-ba-flach-400 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-ba-flach-400 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-ba-flach-400 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-ba-flach-400 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-ba-flach-400 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-ba-flach-400 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-ba-flach-400 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-ba-flach-400 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-ba-flach-400 a.mx-btn:hover,
#pfs-ba-flach-400 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-ba-flach-400 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#pfs-ba-flach-400 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-400 a.mx-btn:hover::after,
#pfs-ba-flach-400 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdf050c *//********************************************
 *   KOMPAKTE MATRIX – 400 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #pfs-ba-flach-400
********************************************/

/* Wrapper **/
#pfs-ba-flach-400 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-ba-flach-400 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#pfs-ba-flach-400 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#pfs-ba-flach-400 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#pfs-ba-flach-400 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#pfs-ba-flach-400 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-ba-flach-400 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-ba-flach-400 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#pfs-ba-flach-400 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#pfs-ba-flach-400 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-ba-flach-400 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#pfs-ba-flach-400 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#pfs-ba-flach-400 a.mx-btn:hover,
#pfs-ba-flach-400 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#pfs-ba-flach-400 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#pfs-ba-flach-400 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-400 a.mx-btn:hover::after,
#pfs-ba-flach-400 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fe968b *//********************************************
 *   KOMPAKTE MATRIX – 1000 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Wrapper-ID im HTML: #pfs-ba-flach-1000
********************************************/

/* Wrapper **/
#pfs-ba-flach-1000 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-ba-flach-1000 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE + HORIZONTALER "REGLER"
********************************************/

#pfs-ba-flach-1000 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;

  /* <- Das ist der Regler */
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

/* Tabelle soll NICHT auf 100% zusammengequetscht werden */
#pfs-ba-flach-1000 table.mx {
  border-collapse: separate;
  border-spacing: 0;

  /* wichtig: Breite ergibt sich aus Colgroup */
  table-layout: fixed;
  width: auto;
  max-width: none;

  display: inline-table;

  background: #171b1f;
  color: #000;
}

/* Spaltenbreiten aus Colgroup */
#pfs-ba-flach-1000 col.mx-col-left { width: 70px; }
#pfs-ba-flach-1000 col.mx-col { width: 52px; }

/********* Tabellenkopf (Dicken) *********/

#pfs-ba-flach-1000 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
  text-align: center;
}

#pfs-ba-flach-1000 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  text-align: right;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-ba-flach-1000 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;

  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-ba-flach-1000 tbody tr:nth-child(odd) td { background: #edf1f7; }
#pfs-ba-flach-1000 tbody tr:nth-child(even) td { background: #e2e7f1; }

#pfs-ba-flach-1000 td {
  height: 24px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-ba-flach-1000 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* Text unsichtbar (wir nutzen Background-Icon) */
  font-size: 0;
  color: transparent;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Hover */
#pfs-ba-flach-1000 a.mx-btn:hover,
#pfs-ba-flach-1000 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (optional)
********************************************/

#pfs-ba-flach-1000 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#pfs-ba-flach-1000 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-1000 a.mx-btn:hover::after,
#pfs-ba-flach-1000 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fe968b *//********************************************
 *   KOMPAKTE MATRIX – 1000 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Wrapper-ID im HTML: #pfs-ba-flach-1000
********************************************/

/* Wrapper **/
#pfs-ba-flach-1000 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#pfs-ba-flach-1000 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE + HORIZONTALER "REGLER"
********************************************/

#pfs-ba-flach-1000 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;

  /* <- Das ist der Regler */
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

/* Tabelle soll NICHT auf 100% zusammengequetscht werden */
#pfs-ba-flach-1000 table.mx {
  border-collapse: separate;
  border-spacing: 0;

  /* wichtig: Breite ergibt sich aus Colgroup */
  table-layout: fixed;
  width: auto;
  max-width: none;

  display: inline-table;

  background: #171b1f;
  color: #000;
}

/* Spaltenbreiten aus Colgroup */
#pfs-ba-flach-1000 col.mx-col-left { width: 70px; }
#pfs-ba-flach-1000 col.mx-col { width: 52px; }

/********* Tabellenkopf (Dicken) *********/

#pfs-ba-flach-1000 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
  text-align: center;
}

#pfs-ba-flach-1000 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  text-align: right;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#pfs-ba-flach-1000 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;

  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#pfs-ba-flach-1000 tbody tr:nth-child(odd) td { background: #edf1f7; }
#pfs-ba-flach-1000 tbody tr:nth-child(even) td { background: #e2e7f1; }

#pfs-ba-flach-1000 td {
  height: 24px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#pfs-ba-flach-1000 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* Text unsichtbar (wir nutzen Background-Icon) */
  font-size: 0;
  color: transparent;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Hover */
#pfs-ba-flach-1000 a.mx-btn:hover,
#pfs-ba-flach-1000 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (optional)
********************************************/

#pfs-ba-flach-1000 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#pfs-ba-flach-1000 a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#pfs-ba-flach-1000 a.mx-btn:hover::after,
#pfs-ba-flach-1000 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5453e86 *//********************************************
 *   KOMPAKTE MATRIX – 500 mm oBA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #mx-co-praz-oba-flach-500
********************************************/

/* Wrapper **/
#mx-co-praz-oba-flach-500 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#mx-co-praz-oba-flach-500 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#mx-co-praz-oba-flach-500 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#mx-co-praz-oba-flach-500 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#mx-co-praz-oba-flach-500 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#mx-co-praz-oba-flach-500 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#mx-co-praz-oba-flach-500 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#mx-co-praz-oba-flach-500 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#mx-co-praz-oba-flach-500 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#mx-co-praz-oba-flach-500 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#mx-co-praz-oba-flach-500 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#mx-co-praz-oba-flach-500 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#mx-co-praz-oba-flach-500 a.mx-btn:hover,
#mx-co-praz-oba-flach-500 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#mx-co-praz-oba-flach-500 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + oBA)
********************************************/

#mx-co-praz-oba-flach-500 a.mx-btn::after {
  content: attr(data-label) " oBA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#mx-co-praz-oba-flach-500 a.mx-btn:hover::after,
#mx-co-praz-oba-flach-500 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5453e86 *//********************************************
 *   KOMPAKTE MATRIX – 500 mm oBA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #mx-co-praz-oba-flach-500
********************************************/

/* Wrapper **/
#mx-co-praz-oba-flach-500 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#mx-co-praz-oba-flach-500 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#mx-co-praz-oba-flach-500 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#mx-co-praz-oba-flach-500 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#mx-co-praz-oba-flach-500 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#mx-co-praz-oba-flach-500 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#mx-co-praz-oba-flach-500 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#mx-co-praz-oba-flach-500 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#mx-co-praz-oba-flach-500 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#mx-co-praz-oba-flach-500 td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#mx-co-praz-oba-flach-500 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#mx-co-praz-oba-flach-500 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#mx-co-praz-oba-flach-500 a.mx-btn:hover,
#mx-co-praz-oba-flach-500 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#mx-co-praz-oba-flach-500 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + oBA)
********************************************/

#mx-co-praz-oba-flach-500 a.mx-btn::after {
  content: attr(data-label) " oBA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#mx-co-praz-oba-flach-500 a.mx-btn:hover::after,
#mx-co-praz-oba-flach-500 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f99f0c7 *//********************************************
 *   KOMPAKTE MATRIX – 500 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #mx-co-praz-flach-500-mm
********************************************/

/* Wrapper **/
#mx-co-praz-flach-500-mm {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#mx-co-praz-flach-500-mm * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#mx-co-praz-flach-500-mm .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#mx-co-praz-flach-500-mm table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#mx-co-praz-flach-500-mm thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#mx-co-praz-flach-500-mm thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#mx-co-praz-flach-500-mm .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#mx-co-praz-flach-500-mm tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#mx-co-praz-flach-500-mm tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#mx-co-praz-flach-500-mm td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#mx-co-praz-flach-500-mm a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#mx-co-praz-flach-500-mm a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#mx-co-praz-flach-500-mm a.mx-btn:hover,
#mx-co-praz-flach-500-mm a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#mx-co-praz-flach-500-mm a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#mx-co-praz-flach-500-mm a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#mx-co-praz-flach-500-mm a.mx-btn:hover::after,
#mx-co-praz-flach-500-mm a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f99f0c7 *//********************************************
 *   KOMPAKTE MATRIX – 500 mm BA
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #mx-co-praz-flach-500-mm
********************************************/

/* Wrapper **/
#mx-co-praz-flach-500-mm {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#mx-co-praz-flach-500-mm * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#mx-co-praz-flach-500-mm .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: visible;
}

#mx-co-praz-flach-500-mm table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  max-width: 1160px;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#mx-co-praz-flach-500-mm thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#mx-co-praz-flach-500-mm thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#mx-co-praz-flach-500-mm .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 2;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#mx-co-praz-flach-500-mm tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#mx-co-praz-flach-500-mm tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#mx-co-praz-flach-500-mm td {
  height: 24px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#mx-co-praz-flach-500-mm a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#mx-co-praz-flach-500-mm a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#mx-co-praz-flach-500-mm a.mx-btn:hover,
#mx-co-praz-flach-500-mm a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#mx-co-praz-flach-500-mm a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß + BA)
********************************************/

#mx-co-praz-flach-500-mm a.mx-btn::after {
  content: attr(data-label) " BA";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#mx-co-praz-flach-500-mm a.mx-btn:hover::after,
#mx-co-praz-flach-500-mm a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c98f98 *//********************************************
 *   KOMPAKTE MATRIX – 250 mm (hart/praz/flach)
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #hart-praz-flach-250
********************************************/

/* Wrapper **/
#hart-praz-flach-250 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#hart-praz-flach-250 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#hart-praz-flach-250 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;          /* <- Scrollbar wie bei 500 mm */
  -webkit-overflow-scrolling: touch;
}

#hart-praz-flach-250 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;        /* <- erzwingt horizontales Scrollen statt Quetschen */
  min-width: 100%;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#hart-praz-flach-250 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#hart-praz-flach-250 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#hart-praz-flach-250 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#hart-praz-flach-250 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#hart-praz-flach-250 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#hart-praz-flach-250 td {
  height: 24px;
  width: 52px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#hart-praz-flach-250 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#hart-praz-flach-250 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#hart-praz-flach-250 a.mx-btn:hover,
#hart-praz-flach-250 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#hart-praz-flach-250 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß)
********************************************/

#hart-praz-flach-250 a.mx-btn::after {
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#hart-praz-flach-250 a.mx-btn:hover::after,
#hart-praz-flach-250 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c98f98 *//********************************************
 *   KOMPAKTE MATRIX – 250 mm (hart/praz/flach)
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #hart-praz-flach-250
********************************************/

/* Wrapper **/
#hart-praz-flach-250 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#hart-praz-flach-250 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#hart-praz-flach-250 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;          /* <- Scrollbar wie bei 500 mm */
  -webkit-overflow-scrolling: touch;
}

#hart-praz-flach-250 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;        /* <- erzwingt horizontales Scrollen statt Quetschen */
  min-width: 100%;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Dicken) *********/

#hart-praz-flach-250 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#hart-praz-flach-250 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#hart-praz-flach-250 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#hart-praz-flach-250 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#hart-praz-flach-250 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#hart-praz-flach-250 td {
  height: 24px;
  width: 52px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#hart-praz-flach-250 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#hart-praz-flach-250 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#hart-praz-flach-250 a.mx-btn:hover,
#hart-praz-flach-250 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#hart-praz-flach-250 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß)
********************************************/

#hart-praz-flach-250 a.mx-btn::after {
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#hart-praz-flach-250 a.mx-btn:hover::after,
#hart-praz-flach-250 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ccc489 *//********************************************
 *   KOMPAKTE MATRIX – 500 mm (hart/praz/flach)
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #hart-praz-flach-500
********************************************/

/* Wrapper **/
#hart-praz-flach-500 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#hart-praz-flach-500 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#hart-praz-flach-500 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;                 /* Scrollbar wie bei 500 mm */
  -webkit-overflow-scrolling: touch;
}

#hart-praz-flach-500 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;               /* verhindert Quetschen -> sauberes Scrollen */
  min-width: 100%;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf *********/

#hart-praz-flach-500 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#hart-praz-flach-500 thead th.mx-th-top {
  text-align: center;
}

#hart-praz-flach-500 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#hart-praz-flach-500 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#hart-praz-flach-500 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#hart-praz-flach-500 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#hart-praz-flach-500 td {
  height: 24px;
  width: 52px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#hart-praz-flach-500 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#hart-praz-flach-500 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#hart-praz-flach-500 a.mx-btn:hover,
#hart-praz-flach-500 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#hart-praz-flach-500 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß)
********************************************/

#hart-praz-flach-500 a.mx-btn::after {
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#hart-praz-flach-500 a.mx-btn:hover::after,
#hart-praz-flach-500 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ccc489 *//********************************************
 *   KOMPAKTE MATRIX – 500 mm (hart/praz/flach)
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #hart-praz-flach-500
********************************************/

/* Wrapper **/
#hart-praz-flach-500 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#hart-praz-flach-500 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#hart-praz-flach-500 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;                 /* Scrollbar wie bei 500 mm */
  -webkit-overflow-scrolling: touch;
}

#hart-praz-flach-500 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;               /* verhindert Quetschen -> sauberes Scrollen */
  min-width: 100%;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf *********/

#hart-praz-flach-500 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#hart-praz-flach-500 thead th.mx-th-top {
  text-align: center;
}

#hart-praz-flach-500 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#hart-praz-flach-500 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#hart-praz-flach-500 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#hart-praz-flach-500 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#hart-praz-flach-500 td {
  height: 24px;
  width: 52px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#hart-praz-flach-500 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#hart-praz-flach-500 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#hart-praz-flach-500 a.mx-btn:hover,
#hart-praz-flach-500 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#hart-praz-flach-500 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß)
********************************************/

#hart-praz-flach-500 a.mx-btn::after {
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#hart-praz-flach-500 a.mx-btn:hover::after,
#hart-praz-flach-500 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5aef10 *//********************************************
 *   KOMPAKTE MATRIX – EB geglüht Flachstahl 80–300 mm | 3,0 mm
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #eb-gegluht-flach-3-0
********************************************/

/* Wrapper **/
#eb-gegluht-flach-3-0 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#eb-gegluht-flach-3-0 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#eb-gegluht-flach-3-0 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;          /* horizontales Scrollen */
  -webkit-overflow-scrolling: touch;
}

#eb-gegluht-flach-3-0 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;        /* erzwingt horizontales Scrollen statt Quetschen */
  min-width: 100%;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Höhen / Längen) *********/

#eb-gegluht-flach-3-0 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#eb-gegluht-flach-3-0 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#eb-gegluht-flach-3-0 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#eb-gegluht-flach-3-0 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#eb-gegluht-flach-3-0 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#eb-gegluht-flach-3-0 td {
  height: 24px;
  width: 52px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#eb-gegluht-flach-3-0 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#eb-gegluht-flach-3-0 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#eb-gegluht-flach-3-0 a.mx-btn:hover,
#eb-gegluht-flach-3-0 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#eb-gegluht-flach-3-0 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß)
********************************************/

#eb-gegluht-flach-3-0 a.mx-btn::after {
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#eb-gegluht-flach-3-0 a.mx-btn:hover::after,
#eb-gegluht-flach-3-0 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5aef10 *//********************************************
 *   KOMPAKTE MATRIX – EB geglüht Flachstahl 80–300 mm | 3,0 mm
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #eb-gegluht-flach-3-0
********************************************/

/* Wrapper **/
#eb-gegluht-flach-3-0 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#eb-gegluht-flach-3-0 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#eb-gegluht-flach-3-0 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;          /* horizontales Scrollen */
  -webkit-overflow-scrolling: touch;
}

#eb-gegluht-flach-3-0 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;        /* erzwingt horizontales Scrollen statt Quetschen */
  min-width: 100%;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Höhen / Längen) *********/

#eb-gegluht-flach-3-0 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#eb-gegluht-flach-3-0 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#eb-gegluht-flach-3-0 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#eb-gegluht-flach-3-0 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#eb-gegluht-flach-3-0 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#eb-gegluht-flach-3-0 td {
  height: 24px;
  width: 52px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#eb-gegluht-flach-3-0 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#eb-gegluht-flach-3-0 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#eb-gegluht-flach-3-0 a.mx-btn:hover,
#eb-gegluht-flach-3-0 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#eb-gegluht-flach-3-0 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß)
********************************************/

#eb-gegluht-flach-3-0 a.mx-btn::after {
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#eb-gegluht-flach-3-0 a.mx-btn:hover::after,
#eb-gegluht-flach-3-0 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ce2b2d *//********************************************
 *   KOMPAKTE MATRIX – EB gehärtet Flachstahl 80–300 mm | 3,0 mm
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #eb-gehartet-flach-3-0
********************************************/

/* Wrapper **/
#eb-gehartet-flach-3-0 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#eb-gehartet-flach-3-0 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#eb-gehartet-flach-3-0 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

#eb-gehartet-flach-3-0 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Längen) *********/

#eb-gehartet-flach-3-0 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#eb-gehartet-flach-3-0 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#eb-gehartet-flach-3-0 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#eb-gehartet-flach-3-0 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#eb-gehartet-flach-3-0 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#eb-gehartet-flach-3-0 td {
  height: 24px;
  width: 52px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#eb-gehartet-flach-3-0 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#eb-gehartet-flach-3-0 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#eb-gehartet-flach-3-0 a.mx-btn:hover,
#eb-gehartet-flach-3-0 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#eb-gehartet-flach-3-0 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß)
********************************************/

#eb-gehartet-flach-3-0 a.mx-btn::after {
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#eb-gehartet-flach-3-0 a.mx-btn:hover::after,
#eb-gehartet-flach-3-0 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ce2b2d *//********************************************
 *   KOMPAKTE MATRIX – EB gehärtet Flachstahl 80–300 mm | 3,0 mm
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #eb-gehartet-flach-3-0
********************************************/

/* Wrapper **/
#eb-gehartet-flach-3-0 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#eb-gehartet-flach-3-0 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#eb-gehartet-flach-3-0 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

#eb-gehartet-flach-3-0 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Längen) *********/

#eb-gehartet-flach-3-0 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#eb-gehartet-flach-3-0 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   SPALTE LINKS (BREITEN)
********************************************/

#eb-gehartet-flach-3-0 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
}

/********************************************
 *   ZELLEN (mit alternierenden Farben)
********************************************/

#eb-gehartet-flach-3-0 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#eb-gehartet-flach-3-0 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#eb-gehartet-flach-3-0 td {
  height: 24px;
  width: 52px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#eb-gehartet-flach-3-0 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#eb-gehartet-flach-3-0 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#eb-gehartet-flach-3-0 a.mx-btn:hover,
#eb-gehartet-flach-3-0 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#eb-gehartet-flach-3-0 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß)
********************************************/

#eb-gehartet-flach-3-0 a.mx-btn::after {
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#eb-gehartet-flach-3-0 a.mx-btn:hover::after,
#eb-gehartet-flach-3-0 a.mx-btn:focus-visible::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7971e56 *//********************************************
 *   KOMPAKTE TABELLE – PRS BA Rundstahl 1000 mm | 1.2379
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #prs-ba-rund-1000
********************************************/

/* Wrapper **/
#prs-ba-rund-1000 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#prs-ba-rund-1000 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#prs-ba-rund-1000 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;          /* horizontales Scrollen */
  -webkit-overflow-scrolling: touch;
}

#prs-ba-rund-1000 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;        /* erzwingt horizontales Scrollen */
  min-width: 100%;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Durchmesser) *********/

#prs-ba-rund-1000 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#prs-ba-rund-1000 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   SPALTE LINKS (Länge / Zeilenkopf)
********************************************/

#prs-ba-rund-1000 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
}

/********************************************
 *   ZELLEN (alternierend)
********************************************/

#prs-ba-rund-1000 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#prs-ba-rund-1000 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#prs-ba-rund-1000 td {
  height: 24px;
  width: 52px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#prs-ba-rund-1000 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#prs-ba-rund-1000 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#prs-ba-rund-1000 a.mx-btn:hover,
#prs-ba-rund-1000 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#prs-ba-rund-1000 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß)
********************************************/

#prs-ba-rund-1000 a.mx-btn::after {
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#prs-ba-rund-1000 a.mx-btn:hover::after,
#prs-ba-rund-1000 a.mx-btn:focus-visible::after {
  opacity: 1;
}
/********************************************
 *   PRS BA Rundstahl 500 mm – Vollbreite
 *   Section-ID: #prs-ba-rund-500
********************************************/

#prs-ba-rund-500{
  width: 100%;
  max-width: none;
  margin: 16px 0;
}

/* Wrapper volle Breite */
#prs-ba-rund-500 .mx-wrap{
  width: 100%;
  overflow-x: visible;        /* bei 2 Spalten kein Scroll nötig */
}

/* Tabelle MUSS 100% Breite nehmen */
#prs-ba-rund-500 table.mx{
  width: 100% !important;
  min-width: 100% !important;
  table-layout: fixed;        /* Spaltenbreiten erzwingen */
}

/* Linke Spalte (Ø) fix schmal */
#prs-ba-rund-500 th.mx-th-left-head,
#prs-ba-rund-500 .mx-th-left{
  width: 90px;                /* anpassen wenn du willst */
}

/* Rechte Spalte soll den Rest nehmen */
#prs-ba-rund-500 thead th:not(.mx-th-left-head),
#prs-ba-rund-500 tbody td{
  width: auto;
}

/* Button füllt die ganze breite Zelle */
#prs-ba-rund-500 td{
  width: auto;
  padding: 0;
}

#prs-ba-rund-500 a.mx-btn{
  width: 100%;
  height: 100%;
}
/*************************************************
 * FIX: #prs-ba-rund-1000 volle Breite,
 * ohne #prs-ba-rund-500 zu beeinflussen
 *************************************************/

/* NUR 1000: Wrapper wie bei 500 -> volle Breite */
#prs-ba-rund-1000{
  width: 100% !important;
  max-width: none !important;
  margin: 16px 0 !important;
}

/* NUR 1000: Wrap nicht schmal machen */
#prs-ba-rund-1000 .mx-wrap{
  width: 100% !important;
  overflow-x: visible !important;   /* keine enge Scrollbox */
}

/* NUR 1000: Tabelle soll Containerbreite nehmen */
#prs-ba-rund-1000 table.mx{
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;

  /* diese beiden sind meist der Übeltäter für "gedrungen" */
  max-width: none !important;
}

/* NUR 1000: entferne feste Zellbreiten (52px) */
#prs-ba-rund-1000 td{
  width: auto !important;
  min-width: 0 !important;
  height: 28px !important;
}

/* NUR 1000: linke Spalte wie bei 500 */
#prs-ba-rund-1000 th.mx-th-left-head,
#prs-ba-rund-1000 .mx-th-left{
  width: 90px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7971e56 *//********************************************
 *   KOMPAKTE TABELLE – PRS BA Rundstahl 1000 mm | 1.2379
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #prs-ba-rund-1000
********************************************/

/* Wrapper **/
#prs-ba-rund-1000 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  max-width: 1200px;
  margin: 16px auto;
  padding: 0;
}

/* Einheitliches Box-Modell */
#prs-ba-rund-1000 * {
  box-sizing: border-box;
}

/********************************************
 *   TABELLE
********************************************/

#prs-ba-rund-1000 .mx-wrap {
  padding: 10px 10px 14px;
  background: #171b1f;
  overflow-x: auto;          /* horizontales Scrollen */
  -webkit-overflow-scrolling: touch;
}

#prs-ba-rund-1000 table.mx {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;        /* erzwingt horizontales Scrollen */
  min-width: 100%;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********* Tabellenkopf (Durchmesser) *********/

#prs-ba-rund-1000 thead th {
  background: #111827;
  color: #f9fafb;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#prs-ba-rund-1000 thead th.mx-th-left-head {
  background: #111827;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   SPALTE LINKS (Länge / Zeilenkopf)
********************************************/

#prs-ba-rund-1000 .mx-th-left {
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 3px 6px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
}

/********************************************
 *   ZELLEN (alternierend)
********************************************/

#prs-ba-rund-1000 tbody tr:nth-child(odd) td {
  background: #edf1f7;
}

#prs-ba-rund-1000 tbody tr:nth-child(even) td {
  background: #e2e7f1;
}

#prs-ba-rund-1000 td {
  height: 24px;
  width: 52px;
  min-width: 52px;
  padding: 0;
  border-radius: 0;
}

/********************************************
 *   ICON-BUTTONS (Warenkorb / Klickflächen)
********************************************/

#prs-ba-rund-1000 a.mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  /* schwarzer Warenkorb als SVG-Background */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Falls irgendwo SVG im Link steckt → verstecken */
#prs-ba-rund-1000 a.mx-btn svg {
  display: none !important;
}

/* Hover: NUR der Hintergrund wird orange */
#prs-ba-rund-1000 a.mx-btn:hover,
#prs-ba-rund-1000 a.mx-btn:focus-visible {
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE (z.B. via Deeplink markiert)
********************************************/

#prs-ba-rund-1000 a.mx-btn.mx-btn--active {
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP (Maß)
********************************************/

#prs-ba-rund-1000 a.mx-btn::after {
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#prs-ba-rund-1000 a.mx-btn:hover::after,
#prs-ba-rund-1000 a.mx-btn:focus-visible::after {
  opacity: 1;
}
/********************************************
 *   PRS BA Rundstahl 500 mm – Vollbreite
 *   Section-ID: #prs-ba-rund-500
********************************************/

#prs-ba-rund-500{
  width: 100%;
  max-width: none;
  margin: 16px 0;
}

/* Wrapper volle Breite */
#prs-ba-rund-500 .mx-wrap{
  width: 100%;
  overflow-x: visible;        /* bei 2 Spalten kein Scroll nötig */
}

/* Tabelle MUSS 100% Breite nehmen */
#prs-ba-rund-500 table.mx{
  width: 100% !important;
  min-width: 100% !important;
  table-layout: fixed;        /* Spaltenbreiten erzwingen */
}

/* Linke Spalte (Ø) fix schmal */
#prs-ba-rund-500 th.mx-th-left-head,
#prs-ba-rund-500 .mx-th-left{
  width: 90px;                /* anpassen wenn du willst */
}

/* Rechte Spalte soll den Rest nehmen */
#prs-ba-rund-500 thead th:not(.mx-th-left-head),
#prs-ba-rund-500 tbody td{
  width: auto;
}

/* Button füllt die ganze breite Zelle */
#prs-ba-rund-500 td{
  width: auto;
  padding: 0;
}

#prs-ba-rund-500 a.mx-btn{
  width: 100%;
  height: 100%;
}
/*************************************************
 * FIX: #prs-ba-rund-1000 volle Breite,
 * ohne #prs-ba-rund-500 zu beeinflussen
 *************************************************/

/* NUR 1000: Wrapper wie bei 500 -> volle Breite */
#prs-ba-rund-1000{
  width: 100% !important;
  max-width: none !important;
  margin: 16px 0 !important;
}

/* NUR 1000: Wrap nicht schmal machen */
#prs-ba-rund-1000 .mx-wrap{
  width: 100% !important;
  overflow-x: visible !important;   /* keine enge Scrollbox */
}

/* NUR 1000: Tabelle soll Containerbreite nehmen */
#prs-ba-rund-1000 table.mx{
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;

  /* diese beiden sind meist der Übeltäter für "gedrungen" */
  max-width: none !important;
}

/* NUR 1000: entferne feste Zellbreiten (52px) */
#prs-ba-rund-1000 td{
  width: auto !important;
  min-width: 0 !important;
  height: 28px !important;
}

/* NUR 1000: linke Spalte wie bei 500 */
#prs-ba-rund-1000 th.mx-th-left-head,
#prs-ba-rund-1000 .mx-th-left{
  width: 90px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d006cff *//********************************************
 *   KOMPAKTE TABELLE – PRS BA Rundstahl 500 mm | 1.2379
 *   Ø links, Länge rechts (500)
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #prs-ba-rund-500
********************************************/

/* Wrapper */
#prs-ba-rund-500{
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  width: 100%;
  max-width: none;         /* volle Containerbreite */
  margin: 16px 0;          /* nicht zentrieren */
  padding: 0;
}

/* Einheitliches Box-Modell */
#prs-ba-rund-500 *{
  box-sizing: border-box;
}

/********************************************
 *   TABELLE / WRAP
********************************************/

#prs-ba-rund-500 .mx-wrap{
  padding: 10px 10px 14px;
  background: #171b1f;
  width: 100%;
  overflow-x: visible;     /* bei 2 Spalten kein Scroll nötig */
  -webkit-overflow-scrolling: touch;
}

#prs-ba-rund-500 table.mx{
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;             /* <- wichtig: volle Breite */
  min-width: 0;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********************************************
 *   KOPF
********************************************/

#prs-ba-rund-500 thead th{
  background: #111827;
  color: #f9fafb;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#prs-ba-rund-500 thead th.mx-th-left-head{
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   LINKE SPALTE (Ø)
********************************************/

#prs-ba-rund-500 .mx-th-left{
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 6px 8px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
  width: 90px;            /* Ø-Spalte */
}

/********************************************
 *   ZELLEN (Alternierend)
********************************************/

#prs-ba-rund-500 tbody tr:nth-child(odd) td{
  background: #edf1f7;
}

#prs-ba-rund-500 tbody tr:nth-child(even) td{
  background: #e2e7f1;
}

#prs-ba-rund-500 td{
  height: 28px;
  padding: 0;
}

/********************************************
 *   ICON-BUTTONS
********************************************/

#prs-ba-rund-500 a.mx-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

#prs-ba-rund-500 a.mx-btn svg{
  display: none !important;
}

#prs-ba-rund-500 a.mx-btn:hover,
#prs-ba-rund-500 a.mx-btn:focus-visible{
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE
********************************************/

#prs-ba-rund-500 a.mx-btn.mx-btn--active{
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP
********************************************/

#prs-ba-rund-500 a.mx-btn::after{
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#prs-ba-rund-500 a.mx-btn:hover::after,
#prs-ba-rund-500 a.mx-btn:focus-visible::after{
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d006cff *//********************************************
 *   KOMPAKTE TABELLE – PRS BA Rundstahl 500 mm | 1.2379
 *   Ø links, Länge rechts (500)
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #prs-ba-rund-500
********************************************/

/* Wrapper */
#prs-ba-rund-500{
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  width: 100%;
  max-width: none;         /* volle Containerbreite */
  margin: 16px 0;          /* nicht zentrieren */
  padding: 0;
}

/* Einheitliches Box-Modell */
#prs-ba-rund-500 *{
  box-sizing: border-box;
}

/********************************************
 *   TABELLE / WRAP
********************************************/

#prs-ba-rund-500 .mx-wrap{
  padding: 10px 10px 14px;
  background: #171b1f;
  width: 100%;
  overflow-x: visible;     /* bei 2 Spalten kein Scroll nötig */
  -webkit-overflow-scrolling: touch;
}

#prs-ba-rund-500 table.mx{
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;             /* <- wichtig: volle Breite */
  min-width: 0;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********************************************
 *   KOPF
********************************************/

#prs-ba-rund-500 thead th{
  background: #111827;
  color: #f9fafb;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#prs-ba-rund-500 thead th.mx-th-left-head{
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   LINKE SPALTE (Ø)
********************************************/

#prs-ba-rund-500 .mx-th-left{
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 6px 8px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
  width: 90px;            /* Ø-Spalte */
}

/********************************************
 *   ZELLEN (Alternierend)
********************************************/

#prs-ba-rund-500 tbody tr:nth-child(odd) td{
  background: #edf1f7;
}

#prs-ba-rund-500 tbody tr:nth-child(even) td{
  background: #e2e7f1;
}

#prs-ba-rund-500 td{
  height: 28px;
  padding: 0;
}

/********************************************
 *   ICON-BUTTONS
********************************************/

#prs-ba-rund-500 a.mx-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

#prs-ba-rund-500 a.mx-btn svg{
  display: none !important;
}

#prs-ba-rund-500 a.mx-btn:hover,
#prs-ba-rund-500 a.mx-btn:focus-visible{
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE
********************************************/

#prs-ba-rund-500 a.mx-btn.mx-btn--active{
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP
********************************************/

#prs-ba-rund-500 a.mx-btn::after{
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#prs-ba-rund-500 a.mx-btn:hover::after,
#prs-ba-rund-500 a.mx-btn:focus-visible::after{
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b593e68 *//********************************************
 *   KOMPAKTE TABELLE – PRS Rundstahl 1000 mm | 1.2379
 *   Ø links, Länge rechts (1.000)
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #prs-rund-1000
********************************************/

/* Wrapper */
#prs-rund-1000{
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  width: 100%;
  max-width: none;         /* volle Containerbreite */
  margin: 16px 0;          /* nicht zentrieren */
  padding: 0;
}

/* Einheitliches Box-Modell */
#prs-rund-1000 *{
  box-sizing: border-box;
}

/********************************************
 *   TABELLE / WRAP
********************************************/

#prs-rund-1000 .mx-wrap{
  padding: 10px 10px 14px;
  background: #171b1f;
  width: 100%;
  overflow-x: visible;     /* bei 2 Spalten kein Scroll nötig */
  -webkit-overflow-scrolling: touch;
}

#prs-rund-1000 table.mx{
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;             /* <- wichtig: volle Breite */
  min-width: 0;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********************************************
 *   KOPF
********************************************/

#prs-rund-1000 thead th{
  background: #111827;
  color: #f9fafb;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#prs-rund-1000 thead th.mx-th-left-head{
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   LINKE SPALTE (Ø)
********************************************/

#prs-rund-1000 .mx-th-left{
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 6px 8px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
  width: 90px;            /* Ø-Spalte */
}

/********************************************
 *   ZELLEN (Alternierend)
********************************************/

#prs-rund-1000 tbody tr:nth-child(odd) td{
  background: #edf1f7;
}

#prs-rund-1000 tbody tr:nth-child(even) td{
  background: #e2e7f1;
}

#prs-rund-1000 td{
  height: 28px;
  padding: 0;
}

/********************************************
 *   ICON-BUTTONS
********************************************/

#prs-rund-1000 a.mx-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

#prs-rund-1000 a.mx-btn svg{
  display: none !important;
}

#prs-rund-1000 a.mx-btn:hover,
#prs-rund-1000 a.mx-btn:focus-visible{
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE
********************************************/

#prs-rund-1000 a.mx-btn.mx-btn--active{
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP
********************************************/

#prs-rund-1000 a.mx-btn::after{
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#prs-rund-1000 a.mx-btn:hover::after,
#prs-rund-1000 a.mx-btn:focus-visible::after{
  opacity: 1;
}
/*************************************************
 * PRS Rundstahl 1000 mm – Breite/Look wie 500 mm
 * Section-ID: #prs-rund-1000
 * (als letzter Block einfügen)
 *************************************************/

/* volle Containerbreite erzwingen */
#prs-rund-1000{
  width: 100% !important;
  max-width: none !important;
  margin: 16px 0 !important;
}

/* Wrap darf nicht “scrollbox-schmal” werden */
#prs-rund-1000 .mx-wrap{
  width: 100% !important;
  overflow-x: visible !important;
}

/* Tabelle MUSS die Breite nehmen (kein max-content, kein shrink) */
#prs-rund-1000 table.mx{
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  table-layout: fixed !important;
}

/* linke Spalte fix wie bei 500 */
#prs-rund-1000 thead th.mx-th-left-head,
#prs-rund-1000 .mx-th-left{
  width: 90px !important;
}

/* rechte Spalte soll den Rest nehmen */
#prs-rund-1000 thead th:not(.mx-th-left-head),
#prs-rund-1000 td{
  width: auto !important;
}

/* “gedrungen” kommt oft von zu kleiner Höhe/padding -> wie 500 */
#prs-rund-1000 thead th{
  padding: 6px 8px !important;
}
#prs-rund-1000 td{
  height: 28px !important;
  padding: 0 !important;
}

/* Button immer volle Zelle */
#prs-rund-1000 a.mx-btn{
  width: 100% !important;
  height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b593e68 *//********************************************
 *   KOMPAKTE TABELLE – PRS Rundstahl 1000 mm | 1.2379
 *   Ø links, Länge rechts (1.000)
 *   Nur Styling – KEIN Akkordeon!
 *   Section-ID: #prs-rund-1000
********************************************/

/* Wrapper */
#prs-rund-1000{
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #171b1f;
  border: 1px solid #222;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  width: 100%;
  max-width: none;         /* volle Containerbreite */
  margin: 16px 0;          /* nicht zentrieren */
  padding: 0;
}

/* Einheitliches Box-Modell */
#prs-rund-1000 *{
  box-sizing: border-box;
}

/********************************************
 *   TABELLE / WRAP
********************************************/

#prs-rund-1000 .mx-wrap{
  padding: 10px 10px 14px;
  background: #171b1f;
  width: 100%;
  overflow-x: visible;     /* bei 2 Spalten kein Scroll nötig */
  -webkit-overflow-scrolling: touch;
}

#prs-rund-1000 table.mx{
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;             /* <- wichtig: volle Breite */
  min-width: 0;
  max-width: none;
  background: #171b1f;
  color: #000;
}

/********************************************
 *   KOPF
********************************************/

#prs-rund-1000 thead th{
  background: #111827;
  color: #f9fafb;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
}

#prs-rund-1000 thead th.mx-th-left-head{
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 4;
}

/********************************************
 *   LINKE SPALTE (Ø)
********************************************/

#prs-rund-1000 .mx-th-left{
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 6px 8px;
  border-right: 1px solid #22293a;
  position: sticky;
  left: 0;
  z-index: 3;
  width: 90px;            /* Ø-Spalte */
}

/********************************************
 *   ZELLEN (Alternierend)
********************************************/

#prs-rund-1000 tbody tr:nth-child(odd) td{
  background: #edf1f7;
}

#prs-rund-1000 tbody tr:nth-child(even) td{
  background: #e2e7f1;
}

#prs-rund-1000 td{
  height: 28px;
  padding: 0;
}

/********************************************
 *   ICON-BUTTONS
********************************************/

#prs-rund-1000 a.mx-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 0;
  position: relative;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a1 1 0 110 2 1 1 0 010-2zm10 0a1 1 0 110 2 1 1 0 010-2zM3 4h2l2 10h10l2-6H7.6l-.4-2H3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

#prs-rund-1000 a.mx-btn svg{
  display: none !important;
}

#prs-rund-1000 a.mx-btn:hover,
#prs-rund-1000 a.mx-btn:focus-visible{
  background-color: #FF8800;
  outline: none;
}

/********************************************
 *   ACTIVE-STATE
********************************************/

#prs-rund-1000 a.mx-btn.mx-btn--active{
  background-color: #FF8800;
  box-shadow: 0 0 0 2px #111 inset;
}

/********************************************
 *   TOOLTIP
********************************************/

#prs-rund-1000 a.mx-btn::after{
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}

#prs-rund-1000 a.mx-btn:hover::after,
#prs-rund-1000 a.mx-btn:focus-visible::after{
  opacity: 1;
}
/*************************************************
 * PRS Rundstahl 1000 mm – Breite/Look wie 500 mm
 * Section-ID: #prs-rund-1000
 * (als letzter Block einfügen)
 *************************************************/

/* volle Containerbreite erzwingen */
#prs-rund-1000{
  width: 100% !important;
  max-width: none !important;
  margin: 16px 0 !important;
}

/* Wrap darf nicht “scrollbox-schmal” werden */
#prs-rund-1000 .mx-wrap{
  width: 100% !important;
  overflow-x: visible !important;
}

/* Tabelle MUSS die Breite nehmen (kein max-content, kein shrink) */
#prs-rund-1000 table.mx{
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  table-layout: fixed !important;
}

/* linke Spalte fix wie bei 500 */
#prs-rund-1000 thead th.mx-th-left-head,
#prs-rund-1000 .mx-th-left{
  width: 90px !important;
}

/* rechte Spalte soll den Rest nehmen */
#prs-rund-1000 thead th:not(.mx-th-left-head),
#prs-rund-1000 td{
  width: auto !important;
}

/* “gedrungen” kommt oft von zu kleiner Höhe/padding -> wie 500 */
#prs-rund-1000 thead th{
  padding: 6px 8px !important;
}
#prs-rund-1000 td{
  height: 28px !important;
  padding: 0 !important;
}

/* Button immer volle Zelle */
#prs-rund-1000 a.mx-btn{
  width: 100% !important;
  height: 100% !important;
}/* End custom CSS */