/* BAN CSS-Bündel (childe2-style, ban-header, ban-raumwelt, hello-elementor, hello-elementor-theme-style, hello-elementor-header-footer, woocommerce-de_frontend_styles) – automatisch erzeugt aus inc/ban-css-bundle.php. Nicht bearbeiten. */

/* === childe2-style === */
/* Anzeige-Schrift Lora — neue Marken-Ueberschriftenschrift (loest Spinwash ab).
   Selbst gehostet (DSGVO): /wp-content/uploads/fonts/lora.woff2 (variabel 400–700).
   Fehlt die Datei, greift der Serifen-Fallback (Georgia). */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/wp-content/uploads/fonts/lora.woff2') format('woff2');
}

/* Spinwash — Alt-Schrift, wird abgeloest. Definition bleibt vorerst als Sicherheitsnetz
   fuer evtl. noch nicht migrierte Elementor-Inhalte; im Theme referenziert wird sie nicht mehr. */
@font-face {
  font-family: 'Spinwash';
  font-display: swap;
  src: url('/wp-content/uploads/fonts/spinwash.woff2') format('woff2');
  unicode-range: U+0041-U+007A,U+00C4,U+00D6,U+00DC,U+00DF,U+00E4,U+00F6,U+00FC,U+1E9E;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0041- U+007A, U+00C4, U+00D6, U+00DC, U+00DF, U+00E4, U+00F6, U+00FC, U+1E9E;
  src: url('/wp-content/uploads/fonts/open-sans-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0041- U+007A, U+00C4, U+00D6, U+00DC, U+00DF, U+00E4, U+00F6, U+00FC, U+1E9E;
  src: url('/wp-content/uploads/fonts/open-sans-latin-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0041- U+007A, U+00C4, U+00D6, U+00DC, U+00DF, U+00E4, U+00F6, U+00FC, U+1E9E;
  src: url('/wp-content/uploads/fonts/open-sans-latin-italic.woff2') format('woff2');
}

#perfmatters,
.perfmatters {
  content-visibility: auto;
  contain-intrinsic-size: 100px;
}

html, * {
  scroll-behavior: smooth;
  scroll-margin-top: 5em!important;
}

ul + p,
.wp-caption-text,
ul + h3,
ul.ul1 + h3,
h3 + p,
p + h3 {
  margin: 1em auto;
}
  
h6 {font-size: calc(20px + .1vw);
}

p:last-child:not(:first-child):not(#secondarytitle p):not(#faq p):not(#BorlabsCookieBox p):not(..bm-hero p),
#faq {
    margin-bottom: 1.5em;
}

#faq h2 {
    margin-bottom: .25em;
}

#faq {
    margin-top: 2.5em;
}

#faq p:not(.elementor-widget-n-accordion p) {
  margin-bottom: 0;
}

body,html, p {
  font-family: 'Open Sans',sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-weight: 400;
}

body:not(a),html:not(a),
.woocommerce a.button {
  color: #3c3c3c;
}

.products a:not(.add_to_cart_button) {
  text-decoration-color: #1c1c1c; 
}

#metaheadergruen a {
  text-decoration-color: #fff; 
}

#megamenuteppich a,
.elementor-divider-separator a,
.product .add_to_cart_button,
a.elementor-button {
  text-decoration: none;
}

a.elementor-button {
  color: #fff;
}

#paddingbottom {
  padding-bottom: .75em;
}

.elementor-widget-container > h1,
#tab-description > h2, h3, h4,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-container > h2 {
  color: #617F29;
}

div#main > h1 {
  font-size: calc(40px + .5vw);
  padding-bottom: .5em;
}
  
h1:not(.elementor-widget-container > h1):not(.elementor-heading-title.elementor-size-default):not(h1.product_title.entry-title) {
  color: #617F29;    
  font-family: 'Lora', Georgia, serif;
  margin-bottom: 12px;
}

h1:not(.product_title.entry-title):not(#fachh > div > h1.elementor-heading-title.elementor-size-default) {
  margin-bottom: 24px;
  /*Einzelseiten*/
}
  
h1.product_title.entry-title,
.up-sells.upsells.products h2 {
  font-family: 'Open Sans',sans-serif;
  font-size: calc(24px + .2vw);
  font-weight: 300;
  /*Product Detail*/
}
  
.up-sells.upsells.products h2 {
 font-size: 24px;
  /*Product Detail Das könnte Ihnen gefallen*/
}

h1:not(.product_title.entry-title):not(#fachh > div > h1.elementor-heading-title.elementor-size-default) {
  text-align: center;
}

h2,h3,h4,
h2.elementor-heading-title,
h3.elementor-heading-title,
h4.elementor-heading-title {
  font-family: 'Open Sans',sans-serif;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.5px;
  }
    
h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1.125em;
}

b, strong,
.variation-Teppichfarbewhlen > p,
.variation-Teppichfarbe > p {
  font-weight: 600;
}

.elementor-heading-title a {
  color: #1c1c1c;
}

#green a {
  color: #617F29;
}

.elementor img {
  border-radius: 6px;
}

/*** ʕ·͡ᴥ·ʔ Produkt-Detail ʕ·͡ᴥ·ʔ ***/

.woocommerce div.product .product_title {
  margin-bottom: 0.5em;
}

div.product_meta, div.woocommerce-variation-description,
.woocommerce-checkout form .form-row label {
  font-size: 14px;
}

select#pa_liter {
  padding: 8px !important;;
  /* Wählen Sie eine Option */ }
  
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
  /* Preis */
  color: #1c1c1c;
  font-size: calc(1.1em + .1vw);
  font-weight: 300;
}

.woocommerce table.shop_attributes td {
  /* Tabelle Zusätzliche Information */
  padding-left: .5em;
}  

.elementor-2325008 .elementor-element.elementor-element-4108c70c .quantity .qty {
  /* Input Anzahl */
  min-height: 3em;
}

.woocommerce ul.products li.product .price,
.pewc-minimum-price {
  /* Related Products */
  color: #617F29;
  font-size: 1em;
}

/*** ʕ·͡ᴥ·ʔ Produkt-Archive ʕ·͡ᴥ·ʔ ***/
.elementor-wc-products .attachment-woocommerce_thumbnail {
  border-radius: 8px !important;
  box-shadow: 4px 8px 16px #dedede !important;
}
  
.woocommerce ul.products li.product a img {
  border: none!important;
}
  

/* Kollektion WC Styles */

ul.products {
  padding-left: 0;
}

li.product {
  list-style: none;
}

li.product .button {
  padding: .5em 1em;
  display: inline-block;
  margin-top: .5em;
}

a:active, a:hover {
  color: #1f6ed8;
}
  
/*** ʕ·͡ᴥ·ʔ Produkt-Detail Teppich ʕ·͡ᴥ·ʔ ***/

img.teppichmuster-icon {
  width: 24px;
  height: 24px;
  top: 26px;
  position: relative;
  margin-right: 4px;
  display: block;
  left: -28px;
}

.dashicons-search:before{
  content: url(/wp-content/uploads/2021/02/search.svg);
  display: inline-block;
  width: 20px;
  height: 20px;
  top: -2px;
  position: relative;
}
  
.woo-variation-gallery-wrapper .woo-variation-gallery-slider img,
.woocommerce ul.products li.product a img {
  /* Bild Teppich */
  border-radius: 4px;
}
  
.pewc-product-extra-groups .dd-options li {
 padding: 0 !important;
 width: 50%;
 display: inline-block;
  /* Farbauswahl Teppich */
} 

.pewc-radio-image-desc {
  font-weight: 400;
  /*Label Farbe nicht fett*/
}
    
.pewc-radio-image-wrapper label {
  height: auto;
  /*Label gekettelt - Leinenband verrutscht nach unten*/
}

ul.dd-options {
  max-height: 400px;
  /* Farbauswahl Teppich */
}
  
table.variations > tbody > tr > td.label, 
table.variations > tbody > tr > td.value, 
table tbody > tr:nth-child(2n+1) > td, 
table tbody > tr:nth-child(2n+1) > th {
  /* Farbauswahl Teppich */
  background-color: #f8fafd;
  padding-right: 0;
}

tr.price-table-row.total-amount > td {
  /* Gesamtfläche */
  padding: 15px;
}

#price_calculator input {
  /* Breite Input Field Teppich Wunschmaß */
  width: calc(100px + 1vw);
  margin: 0 .5em .75em;
}

.alg-wc-civs-term {
  /* Farbauswahl Teppich */
  display: inline-block;
  min-width: 48px !important;
  height: 48px !important;
  margin: 0 8px 0 0;
  border-radius: 50%;
  opacity: 0.9  !important;
}

.woocommerce div.product form.cart .variations td {
  line-height: 1em;
  /* Zeilenabstand Farbauswahl Teppich */ }   

a.reset_variations {
  line-height: 2em;
  top: -3px;
  position: relative;
  /* Abstand Farbauswahl Teppich */ }   

.woocommerce div.product form.cart .variations select {
  /* Bordüren-Auswahl */
  max-width: 84%;
}

td.value > select {
  font-size: 16px;
  /* Select Bordüren-Farbe */
}

.pewc-preset-style .pewc-radio-image-wrapper,
.pewc-preset-style .pewc-checkbox-image-wrapper,
.pewc-radio-image-wrapper label img,
.pewc-checkbox-image-wrapper label img {
  border: none;
  border-radius: 0;
  /* entfernt graue Ränder bei Größe und Farbwahl */
}

.pewc-preset-style .pewc-radio-image-wrapper.checked {
  border: 2px dotted #719730;
  border-radius: 12px;
  /* Ausgewählte Größe oder Farbe */
}

.pewc-steps-wrapper .pewc-tab.active-tab {
  background: #D9E7F9;
}

.pewc-steps-wrapper .pewc-tab.active-tab:after {
  border-left: solid 30px #D9E7F9 !important;
}

#main .pewc-steps-wrapper .pewc-tab:not(.pewc-tab.active-tab):after {
  border-left: solid 30px #E8F1FB !important;
}

.pewc-steps-wrapper .pewc-tab {
  background: #E8F1FB;
}

[data-direction="next"] {
  border-radius: 24px !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400 !important;
  font-size: 15px !important;
  /* Weiter Button */
}

.single-product #pewc-summary-panel-subtotal,
.single-product .pewc-summary-panel-price{
  min-width: 100px;
  /* Bugfix Produktkonfigurator-Tabelle */
}

[id^='pewc-summary-row-'] .pewc-summary-panel-separator {
  display: block !important;
}

.single-product bdi,
.wc-measurement-price-calculator-price {
  display: flex;
  /* Eurozeichen kein Umbruch */
}

.pewc-steps-wrapper .pewc-tab {
  margin-right: .25em;
  /* Navigationspfeile nach rechts im Produktkonfigurator */
}

.pewc-preset-style .pewc-radio-images-wrapper {
  justify-content: flex-start;
  /* Linksbündig bugfix nach Update */
}

.woocommerce .woocommerce-breadcrumb {
  font-size: 11px;
}
  
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
.woocommerce button.button.alt.disabled
  /* CTA */ {
  background-color: #617F29;
  color: #fff;
  border: none;
  border-radius: 24px;
  padding: 14px 24px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 15px;
}

table.variations tr:last-child .alg-wc-civs-attribute,
.elementor-widget:not(:last-child)
  /* überschreibt default style */ {
  margin-bottom: 0;
}
  
.woocommerce a.button,
#main .pewc-item-image_swatch img {
  /* Related Products */
  border-radius: 8px;
}
  
.woocommerce button.button.alt:hover, 
.woocommerce a.button.alt:hover {
  background-color: #719431;
}
  
table#price_calculator.wc-measurement-price-calculator-price-table.variable_price_calculator.user-defined-mode, 
.woocommerce div.product form.cart .variations,
.woocommerce ul.products li.product a img {
  /* Farbauswahl und Meter-Tabelle Teppiche */
  border: 1px solid #d3d3d3;
  margin: 1em auto}

.alg-wc-civs-term:not(.disabled).active {
  border: 3px solid #1c1c1c;
  box-shadow: none;
  /*Farbauswahl Teppichboden*/
}

.woocommerce div.product form.cart table td, 
.woocommerce-checkout #payment .payment_method_paypal .about_paypal, 
  /* Meter-Tabelle Teppiche */
td.woocommerce-product-attributes-item__value {
  vertical-align: middle;/*Größe*/
}

#price_calculator td,
.woocommerce div.product form.cart .variations label {
  /* zentriert “Liter“ */
  padding-left: .75em;
}

th.woocommerce-product-attributes-item__label{word-break: break-word;/*Tabelle Produktdetails*/
}
  
/* ʕ·͡ᴥ·ʔ Pflegemittel-Detail*/
  .woo-variation-gallery-wrapper .woo-variation-gallery-slider img:not(.size-woocommerce_single) {
  border: 1px solid #dedede;
  border-radius: 8px;
}

#tab-description img {
  border-radius: 50%;
  max-width: 160px;
    /*Runde Bilder Antares-Produkt*/
}
    
form table.variations tr:last-child .alg-wc-civs-attribute {
    /*Teppichboden Farbauswahl padding*/
    margin-bottom: 0;
  }

div.cross-sells,
.shipping_de.shipping_de_string,
div.product_meta,
.related.products {display: none;
/*Kasse, Lieferzeit, Product-Meta*/
}

/* ʕ·͡ᴥ·ʔ Kasse*/
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {line-height: 2.2;margin-left: 1em;/*Was ist Paypal*/
}

.woocommerce-checkout .cart_item.pewc-child-product {
  display: none;
  /* Hide empty products (funktional – bleibt im Custom CSS) */
}

.woocommerce ul.order_details,
ul.wc-item-meta {
  /* Bestellbestätigung Kasse */
  padding-left: 0;
} 


/*WPForms*/

select.wpforms-field-large {height: 3em!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
input, textarea, keygen, select, button {
    font-weight: 400!important;
}

#content .wpforms-form input::placeholder,
#content .wpforms-form textarea::placeholder {
  color: #444;
  opacity: 1;
}

/*Warenkorb-Sidebar*/
.elementor-menu-cart__product-price {
    color: #1c1c1c;!important}

.elementor-menu-cart__footer-buttons .elementor-button {
    border-radius: 6px!important;
    background: #617F29;
  }
/* Ende */

.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button {
    border-radius: 4px;
    background-color: #617F29;
    color: #fff;
  }

/* Product-Detail Standard WC-Styles überschreiben */
.woocommerce table.shop_attributes th {
    width: calc(100px + 20vw);
    /* Produkt-Detail-Tabelle*/
}
    
.woocommerce div.product .woocommerce-tabs h2 {
    color: #617F29;
    /*Zusätzliche Information*/
}
    
h3.spezifikation {
    margin-top: 2.5em;
  }
    
.woocommerce div.product div.images .flex-control-thumbs li {
    width: calc(25% - 8px);
    margin: 8px 8px 0 0;
  }

.woocommerce .woocommerce-breadcrumb {
  margin-top: 3vw;
}

li.post-22975 span,
li.post-23159 span,
li.post-27483 span,
li.post-27447 span,
li.post-24053 span{display: none;/* Teppichpreis 0 EUR*/
}

li.post-22975 p:before,
li.post-23159 p:before,
li.post-24053 p:before,
li.post-27447 p:before,
li.post-27483 p:before {content: 'ab 220 EUR';
display: block;
visibility: visible!important;
/* Teppichpreis 0 EUR*/
}

/* WC Warenkorb */
.pewc-arrow-right,
.coupon{display: none;/*Product Thumbnai*/
}
.variation-AufpreisLeinenband > p,
.variation-Leinenband > p,
.variation-Leinenband4cm > p,
.variation-Ketteln > p {
    visibility: hidden;
}

.variation-AufpreisLeinenband > p > span > span,
.variation-Leinenband > p > span > span,
.variation-Leinenband4cm > p > span > span,
.variation-Ketteln > p > span > span{
    visibility: visible;
    position: relative;
}

.woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta:last-child,
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child,
.woocommerce-shipping-destination strong
{font-size: 14px;
}

.pewc-parent-id-22975 .product-price .woocommerce-Price-amount,
.pewc-parent-id-22975 .product-subtotal .woocommerce-Price-amount,
.pewc-parent-id-22975 .product-subtotal .wgm-tax {
    visibility: hidden!important;/*Teppichpreis Warenkorb*/
}

.variation-AufpreisLeinenband > p > span > span,
.variation-Leinenband > p > span > span,
.variation-Leinenband4cm > p > span > span,
.variation-Ketteln > p > span > span{
    left: -3em;
  }
    
#greenfooter a:not(#footerbutton a),
#greenfooter h4 {
  color: #ffffff;
  text-decoration-color: #ccc;
}
    
#greenfooter ul,
#greenfooter li {
  list-style: none; 
  padding-left: 0;
  line-height: 1.75;
}
    
@media all and (min-width: 1240px) {
.site-header, body:not([class*=elementor-page-]) .site-main,
.up-sells.upsells.products {
  max-width: 1240px;
  }
}

@media all and (min-width: 1440px) {
  .site-header, body:not([class*=elementor-page-]) .site-main,
  .up-sells.upsells.products {
    max-width: 1400px;
  }
}

@media (min-width: 576px) {
  body:not([class*=elementor-page-]) .site-main {
    max-width: 95%;
  }
}
    
@media (min-width: 768px) {
  body:not([class*=elementor-page-]) .site-main {
    max-width: 95%;
    min-height: 50vh;
  }
}
    
@media (min-width: 992px) {
  body:not([class*=elementor-page-]) .site-main {
    max-width: clamp(900px,90vw,1400px);
  }
}

@media all and (max-width: 640px) {  

  h2 {
    font-size: 1.7em;
  }
  
  body:not([class*=elementor-page-]) .site-main {
    padding-left: 0;
    padding-right: 0;
    /* mehr Platz für Teppich-Konfigrator */
  }
  
  #main .woocommerce-breadcrumb,
  #tab-description,
  .up-sells.upsells.products,
  .woocommerce .cart-collaterals .cart_totals,
  #content .woocommerce-notices-wrapper {
    padding-left: 10px;
    padding-right: 10px;    
  }
  
  #content .woocommerce-shipping-fields,
  #content .woocommerce-additional-fields,
  #order_review_heading,
  #content .woocommerce-terms-and-conditions,
  #content .german-market-checkbox-p,
  #content .woocommerce form .form-row:not(.woocommerce-billing-fields__field-wrapper .form-row),
  #ship-to-different-address {
    margin-left: 10px;
    margin-right: 10px;
  }
  
  #place_order {
    margin-bottom: 1.5em;
  }
  
  .pewc-step-buttons,
  .pewc-groups-steps .pewc-group-wrap,
  #main form:not(#BorlabsCookieBox form) {
    margin-top: 0;
    padding-top: 0;
  }
  
  .pewc-radio-images-wrapper .pewc-radio-image-wrapper {
    width: 50%;
    /* Größe auswählen */
  }
  
  [id^='pewc-step-'].button.pewc-next-step-button {
    text-align: center;
    letter-spacing: 2px;
    width: 240px;
  }
  
  .pewc-radio-images-wrapper.pewc-columns-3 .pewc-radio-image-wrapper {
    width: 50%;
    grid-template-columns: 1fr;
    /* Gekettelt oder Leinenband, Farbe Leinenband wählen */
  }
  
  img.teppichmuster-icon {
    display: none;/*Teppichmuster Icon Product-Detail*/
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 15px;/*Product Detail Tab Description*/
  }
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-left: 1px;
}

/* Konfigurator, Warenkorb & Kasse*/

[for="billing_phone"] abbr:before {
  content: '(für Liefertermin)';
  color: #1c1c1c;
  font-weight: normal;
}

.up-sells.upsells.products,
#billing_state_field,
.woocommerce-form-login-toggle,
.woocommerce-account-fields {
  display: none!important;
}

.pewc-description {
  margin-bottom: 0!important;
  /*Maße Produktkonfigurator*/
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px!important;
  height: 42px;
}

.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled] {
  background-color: #8f8f8f;
  padding: 1em 1.5em;
  /*In den Warenkorb disabled*/
}

.pewc-radio-images-wrapper.pewc-columns-5 .pewc-radio-image-wrapper, .pewc-checkboxes-images-wrapper.pewc-columns-5 .pewc-checkbox-image-wrapper {
    width: 25%;
  /*Select Color Antares*/
}

.woocommerce-cart table.cart img,
.woocommerce-cart table.cart .product-thumbnail,
/* Teppichfarbe stimmt nicht überein */
.woocommerce-cart .woocommerce-message,
.jde_hint,
.wc-cart-shipping-notice,
.betrs_option_desc {
  display: none;
}

/* Warenkorb-Layout + Positions-Styling → jetzt in assets/css/ban-warenkorb.css (enqueuet). */

.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border: none;
}

table.variations > tbody > tr > td.label, table.variations > tbody > tr > td.value, table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
  background: #f8fafd;
}
/* Kassen-Zahlbox-Styling (payment_box/fieldset/payment_methods) → jetzt in assets/css/ban-checkout.css. */

table tbody tr:hover>td,
table tbody tr:hover>th, 
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
  background: #f8fafd50;
}

/* Rechnungsfeld-Box-Styling → jetzt in assets/css/ban-checkout.css (warme CI). */

/*** WP FORMS ***/


div.wpforms-container-full .wpforms-form button[type=submit] {
    background-color: #617F29!important;
    color: #fff!important;
    border: none!important;
    border-radius: 24px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px !important;
}

body,html {
    word-break: break-word;}

#header h1{
    color: #617F29;
    font-family: 'Lora', Georgia, serif;
    font-size: calc(2.5em + .25vw);
    margin-top: 3%;}

p.intro {font-size: 19px;}

h4.teppichtabelle-mobil {
    font-size: calc(17px + .1vw);
    margin: 1em 0 0;}
    
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) {
    border-radius: 8px!important;
    padding: 12px!important;
    box-shadow: 5px 10px 20px #dedede;
    margin: 12px 12px 0 0 !important;}

div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li {
    width: 200px;}

div.wpforms-container-full .wpforms-form button[type=submit]{
background-color: #617F29!important;
color: #fff!important;
border-radius: 6px;
border: none!important;
padding: .5em 1.5em!important;
}

@media all and (max-width:600px) {
    
div.wpforms-container-full .wpforms-form .wpforms-field ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
    
    div.wpforms-container-full .wpforms-form .wpforms-one-half {
        width: 100%;}
    
    div.wpforms-container-full .wpforms-form .wpforms-one-half {
        margin-left: 0;}
        
    div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li {
    width: 46%;}
}

/* ═══════════════════════════════════════════════
   Boden aus Natur – Order Received / Thank-You Page
   Spezifität via #content, kein !important
   Version 1.0
   ═══════════════════════════════════════════════ */

/* ── Variablen (warme BAN-CI, konsistent mit Warenkorb/Kasse) ── */
#content .woocommerce-order {
  --ban-bg: #ffffff;
  --ban-bg-soft: #F3EEE2;
  --ban-border: #ECE3D2;
  --ban-text: #2C2A23;
  --ban-text-muted: #8B8069;
  --ban-green: #617F29;
  --ban-green-dk: #4F6A1F;
  --ban-gold: #B98A4E;
  --ban-green-light: #EEF0E0;
  --ban-disp: 'Lora', Georgia, serif;
  --ban-radius: 8px;
  --ban-radius-lg: 12px;
  font-family: inherit;
  color: var(--ban-text);
}

/* ══════════════════════════════════
   1. ERFOLGS-MELDUNG
   ══════════════════════════════════ */

#content .woocommerce-notice--success {
  background: var(--ban-green-light);
  border: 1px solid #c6d9a0;
  border-left: 4px solid var(--ban-green);
  border-radius: var(--ban-radius);
  padding: 1em 1.25em;
  color: var(--ban-green);
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 2em;
  display: flex;
  align-items: center;
  gap: 0.6em;
}

/* Kleines Haken-Icon via ::before */
#content .woocommerce-notice--success::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23617F29'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ══════════════════════════════════
   2. ORDER OVERVIEW (Bestellnummer, Datum, Gesamt, Zahlungsart)
   ══════════════════════════════════ */

#content .woocommerce-order-overview {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  background: var(--ban-border);
  border: 1px solid var(--ban-border);
  border-radius: var(--ban-radius-lg);
  overflow: hidden;
}

#content .woocommerce-order-overview li {
  background: var(--ban-bg);
  flex: 1 1 180px;
  padding: 1.1em 1.25em;
  font-size: 0.875rem;
  color: var(--ban-text-muted);
  display: flex;
  flex-direction: column;
  gap: 0.3em;
  margin: 0;
}

#content .woocommerce-order-overview li strong {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ban-text);
}

/* Gesamtbetrag farblich hervorheben */
#content .woocommerce-order-overview li.total strong {
  color: var(--ban-green);
  font-size: 1.125rem;
}

/* ══════════════════════════════════
   3. BANKVERBINDUNG
   ══════════════════════════════════ */

#content .woocommerce-order h3 {
  font-size: 1rem;
  font-weight: 600;
  margin: 2em 0 0.5em;
  color: var(--ban-text);
}

#content .woocommerce-order > h3 + p {
  background: var(--ban-bg-soft);
  border: 1px solid var(--ban-border);
  border-radius: var(--ban-radius);
  padding: 1em 1.25em;
  font-size: 0.925rem;
  line-height: 1.8;
  margin-bottom: 2em;
}

#content .woocommerce-order > h3 + p strong {
  color: var(--ban-text);
}

/* ══════════════════════════════════
   4. BESTELLDETAILS-TABELLE
   ══════════════════════════════════ */

#content .woocommerce-order-details {
  margin-bottom: 2.5em;
}

#content .woocommerce-order-details__title {
  font-family: var(--ban-disp);
  font-size: 1.35rem;
  font-weight: 600;
  margin-bottom: 0.75em;
  padding-bottom: 0.5em;
  border-bottom: 2px solid var(--ban-green-light);
  color: var(--ban-green-dk);
}

#content .woocommerce-table--order-details {
  width: 100%;
  border: 1px solid var(--ban-border);
  border-radius: var(--ban-radius-lg);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  font-size: 0.925rem;
}

#content .woocommerce-table--order-details th,
#content .woocommerce-table--order-details td {
  padding: 0.75em 1em;
  border: none;
  border-bottom: 1px solid var(--ban-border);
  vertical-align: top;
  text-align: left;
}

/* Kopfzeile */
#content .woocommerce-table--order-details thead th {
  background: var(--ban-bg-soft);
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--ban-text-muted);
}

/* Produktname */
#content .woocommerce-table--order-details .product-name a {
  font-weight: 600;
  color: var(--ban-text);
  text-decoration: none;
}

#content .woocommerce-table--order-details .product-name a:hover {
  color: var(--ban-green);
  text-decoration: underline;
}

/* Produkt-Meta (PEWC-Felder: Maße, Farbe etc.) */
#content .woocommerce-table--order-details .product-name ul {
  list-style: none;
  margin: 0.4em 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em 1em;
}

#content .woocommerce-table--order-details .product-name ul li {
  font-size: 0.8rem;
  color: var(--ban-text-muted);
}

#content .woocommerce-table--order-details .product-name ul li .pewc-order-item-label {
  font-weight: 600;
  color: var(--ban-text);
}

/* Menge */
#content .woocommerce-table--order-details .product-quantity {
  color: var(--ban-text-muted);
}

/* Preis-Spalte */
#content .woocommerce-table--order-details .product-total {
  text-align: right;
  white-space: nowrap;
}

#content .woocommerce-table--order-details .product-total .amount {
  font-weight: 600;
  color: var(--ban-text);
}

/* MwSt-Hinweis unter dem Preis */
#content .woocommerce-table--order-details .product-tax {
  display: block;
  font-size: 0.775rem;
  color: var(--ban-text-muted);
  margin-top: 0.2em;
}

/* Fußzeile (Zwischensumme, Versand, Gesamt) */
#content .woocommerce-table--order-details tfoot th,
#content .woocommerce-table--order-details tfoot td {
  background: var(--ban-bg-soft);
  font-size: 0.875rem;
  color: var(--ban-text-muted);
}

#content .woocommerce-table--order-details tfoot th {
  font-weight: 600;
  color: var(--ban-text);
}

/* Gesamtzeile hervorheben */
#content .woocommerce-table--order-details tfoot tr:last-child th,
#content .woocommerce-table--order-details tfoot tr:last-child td {
  font-weight: 700;
  font-size: 1rem;
  color: var(--ban-text);
  border-bottom: none;
}

#content .woocommerce-table--order-details tfoot tr:last-child td .amount {
  color: var(--ban-green);
}

/* letzte tbody-Zeile ohne untere Border */
#content .woocommerce-table--order-details tbody tr:last-child th,
#content .woocommerce-table--order-details tbody tr:last-child td {
  border-bottom: none;
}

/* ══════════════════════════════════
   5. KUNDENDATEN (Rechnungs- & Lieferadresse)
   ══════════════════════════════════ */

#content .woocommerce-customer-details {
  margin-bottom: 2em;
}

#content .woocommerce-columns--addresses {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
}

#content .woocommerce-columns--addresses .woocommerce-column {
  flex: 1 1 240px;
  background: var(--ban-bg-soft);
  border: 1px solid var(--ban-border);
  border-radius: var(--ban-radius-lg);
  padding: 1.25em 1.5em;
}

#content .woocommerce-column__title {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--ban-text-muted);
  margin: 0 0 0.75em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--ban-border);
}

#content .woocommerce-customer-details address {
  font-style: normal;
  font-size: 0.925rem;
  line-height: 1.7;
  color: var(--ban-text);
}

#content .woocommerce-customer-details .woocommerce-customer-details--email,
#content .woocommerce-customer-details .woocommerce-customer-details--phone {
  margin: 0.4em 0 0;
  font-size: 0.9rem;
  color: var(--ban-text-muted);
}

/* ══════════════════════════════════
   6. RESPONSIVE
   ══════════════════════════════════ */

@media (max-width: 600px) {
  #content .woocommerce-order-overview li {
    flex: 1 1 140px;
  }

  #content .woocommerce-table--order-details th,
  #content .woocommerce-table--order-details td {
    padding: 0.6em 0.75em;
  }

  #content .woocommerce-columns--addresses {
    flex-direction: column;
  }
}
/* Restposten-Einzelstücke: Grundpreis je m² (PAngV) unter dem Preis, z. B. in Produkt-Listen */
.ban-grundpreis{display:block;font-size:12.5px;font-weight:400;color:#6b6b6b}


/* === ban-header === */
/* =============================================================================
   BAN HEADER – ban-header.css  v2.0
   boden-aus-natur.de – Elementor-freier Header
   Desktop: eine kompakte, klebende Navigationszeile mit Mega-Panels (ohne Topbar).
   Mobil (< 1024px): Kopfzeile mit Logo, Muster-Button, Suche, Warenkorb, Menü;
   Vollbild-Menü mit Unterebenen (Drill-down) und fester Aktionsleiste.
   Spezifität wird durchgehend via #ban-header hergestellt, kein !important.
   Resets laufen über :where(), damit Komponenten-Regeln sie sicher überschreiben.
   ============================================================================= */

:root {
    /* Globale Variablen – werden auch außerhalb des Headers genutzt
       (Footer, Sticky-Offsets auf Fachhändler/Restposten/Warenkorb). Werte unverändert. */
    --ban-green:        #5a7c1e;
    --ban-green-dark:   #466118;
    --ban-green-light:  #eef4e6;
    --ban-sale:         #a85e3c;
    --ban-sale-dark:    #8f4e30;
    --ban-text:         #2d2d2d;
    --ban-white:        #ffffff;
    --ban-border:       #e0e0e0;
    --ban-shadow:       0 8px 32px rgba(0, 0, 0, 0.12);
    --ban-font:         'Open Sans', sans-serif;
    --ban-radius:       8px;
    --ban-transition:   0.18s ease;
    --ban-max-w:        1280px;
    --ban-nav-h:        76px;      /* Höhe der klebenden Navigationszeile */
}

@media (max-width: 1023px) {
    :root {
        --ban-nav-h: 60px;
    }
}

/* Header-interne Variablen: eigenes Präfix, damit seiten-eigene :root-Werte
   (z. B. --ban-sand in ban-landing.css) den Header nicht umfärben. */
#ban-header,
.ban-overlay {
    --bh-green:        #5a7c1e;
    --bh-green-dark:   #466118;
    --bh-green-light:  #eef4e6;
    --bh-sand:         #f3eee2;
    --bh-sand-border:  #ece3d2;
    --bh-sale:         #a85e3c;
    --bh-sale-dark:    #8f4e30;
    --bh-sale-light:   #f7ede6;
    --bh-sale-hover:   #f0dfd3;
    --bh-text:         #2d2d2d;
    --bh-text-soft:    #4a453a;
    --bh-muted:        #6b6355;
    --bh-white:        #ffffff;
    --bh-border:       #e6e0d4;
    --bh-shadow:       0 18px 40px rgba(44, 42, 35, 0.14);
    --bh-font:         'Open Sans', sans-serif;
    --bh-serif:        'Lora', Georgia, serif;
    --bh-radius:       8px;
    --bh-radius-lg:    12px;
    --bh-transition:   0.18s ease;
    --bh-max-w:        1440px;
}

/* ── Resets ── */
#ban-header,
#ban-header * {
    box-sizing: border-box;
}

#ban-header :where(ul, ol, li, p) {
    list-style: none;
    margin: 0;
    padding: 0;
}

#ban-header :where(a, a:link, a:visited, a:hover) {
    color: inherit;
    text-decoration: none;
}

#ban-header :where(button, button:hover, button:focus) {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-family: var(--bh-font);
    box-shadow: none;
    text-transform: none;
    letter-spacing: normal;
}

#ban-header :focus-visible {
    outline: 2px solid var(--bh-green);
    outline-offset: 2px;
}

#ban-header .ban-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* =============================================================================
   HEADER (klebt oben; die Topbar gibt es seit 11/2026 nicht mehr)
   ============================================================================= */
#ban-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    font-family: var(--bh-font);
    color: var(--bh-text);
}

.admin-bar #ban-header {
    top: 32px;
}

/* =============================================================================
   NAVIGATIONSZEILE
   ============================================================================= */
#ban-header .ban-nav {
    position: relative;
    background: var(--bh-white);
    border-bottom: 1px solid var(--bh-border);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

#ban-header .ban-nav-inner {
    max-width: var(--bh-max-w);
    margin: 0 auto;
    padding: 0 24px;
    height: var(--ban-nav-h);
    display: flex;
    align-items: center;
    gap: 24px;
}

#ban-header .ban-nav-logo {
    display: block;
    flex: none;
    line-height: 0;
}

#ban-header .ban-nav-logo img {
    height: 58px;
    width: auto;
    display: block;
}

#ban-header .ban-menu-wrap {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: center;
}

#ban-header .ban-menu {
    display: flex;
    gap: 2px;
}

#ban-header .ban-menu-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: var(--bh-radius);
    font-size: 15px;
    font-weight: 400;          /* wie alle <button> der Seite (style.css erzwingt 400) */
    letter-spacing: normal;    /* Elementor-Kit gibt <a> sonst 0.25px */
    line-height: 1.2;
    white-space: nowrap;
    color: var(--bh-text);
    transition: color var(--bh-transition), background var(--bh-transition);
}

#ban-header .ban-menu-btn {
    position: relative;
}

#ban-header .ban-menu-btn:hover,
#ban-header .ban-menu-item.is-open .ban-menu-btn {
    color: var(--bh-green-dark);
}

/* Aktiver Punkt: gerade Linie an der Unterkante der Navigationszeile,
   wie ein Reiter, der ins geöffnete Panel übergeht. */
#ban-header .ban-menu-btn::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: calc((44px - var(--ban-nav-h)) / 2);
    height: 3px;
    background: var(--bh-green);
    transform: scaleX(0);
    transition: transform var(--bh-transition);
}

#ban-header .ban-menu-item.is-open .ban-menu-btn::after,
#ban-header .ban-menu-btn[aria-current="page"]::after {
    transform: scaleX(1);
}

#ban-header .ban-menu-btn[aria-current="page"] {
    color: var(--bh-green-dark);
}

#ban-header .ban-chevron {
    display: block;
    flex: none;
    transition: transform var(--bh-transition);
}

#ban-header .ban-menu-btn[aria-expanded="true"] .ban-chevron {
    transform: rotate(180deg);
}

/* Nur mobil sichtbare Teile */
#ban-header .ban-search-form--mobile,
#ban-header .ban-menu-extras,
#ban-header .ban-menu-cta,
#ban-header .ban-mega-head,
#ban-header .ban-hamburger,
#ban-header .ban-cta-short {
    display: none;
}

/* ── Aktionen rechts ── */
#ban-header .ban-actions {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: none;
}

#ban-header .ban-icon-btn {
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bh-text);
    transition: background var(--bh-transition), color var(--bh-transition);
}

#ban-header .ban-icon-btn:hover,
#ban-header .ban-icon-btn[aria-expanded="true"] {
    background: var(--bh-green-light);
    color: var(--bh-green-dark);
}

#ban-header .ban-cta-muster {
    margin-left: 8px;
}

/* ── Buttons ── */
#ban-header .ban-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    padding: 0 20px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    transition: background var(--bh-transition), color var(--bh-transition), border-color var(--bh-transition);
}

#ban-header .ban-btn--primary {
    background: var(--bh-green);
    color: var(--bh-white);
}

#ban-header .ban-btn--primary:hover,
#ban-header a:hover .ban-btn--primary {
    background: var(--bh-green-dark);
    color: var(--bh-white);
}

#ban-header .ban-btn--outline {
    border: 2px solid var(--bh-green);
    color: var(--bh-green-dark);
    background: var(--bh-white);
}

#ban-header .ban-btn--outline:hover {
    background: var(--bh-green);
    color: var(--bh-white);
}

/* ── Warenkorb-Zähler (Live-Update über WooCommerce-Fragmente) ── */
#ban-header .ban-cart-count {
    position: absolute;
    top: 4px;
    right: 1px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bh-sale);
    color: var(--bh-white);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    border-radius: 9px;
    font-variant-numeric: tabular-nums;
}

/* Leerer Warenkorb: Bubble ausblenden, Symbol bleibt sichtbar. */
#ban-header .ban-cart-count[data-count="0"] {
    display: none;
}

/* ── Restposten als Hauptpunkt (Aktions-Akzent Terrakotta) ── */
/* Desktop: als Pille in hellem Terrakotta, durch einen feinen Strich von den
   Mega-Menüs abgesetzt. Mobil gelten die Regeln im Block „Mobil (< 1024px)". */
@media (min-width: 1024px) {
    #ban-header .ban-menu-item--sale {
        display: flex;
        align-items: center;
        margin-left: 10px;
        padding-left: 12px;
        border-left: 1px solid var(--bh-border);
    }

    #ban-header .ban-menu-link--sale,
    #ban-header .ban-menu-link--sale:hover,
    #ban-header .ban-menu-link--sale[aria-current="page"] {
        min-height: 38px;
        padding: 0 14px 0 9px;
        gap: 7px;
        border-radius: 19px;
        background: var(--bh-sale-light);
    }

    #ban-header .ban-menu-link--sale:hover {
        background: var(--bh-sale-hover);
    }

    /* Aktiv-Linie an der Unterkante bleibt, ist aber so breit wie die Pille. */
    #ban-header .ban-menu-link--sale::after {
        left: 0;
        right: 0;
        bottom: calc((38px - var(--ban-nav-h)) / 2);
    }
}

/* Mobil-Chip neben dem Logo: auf dem Desktop aus. */
#ban-header .ban-sale-chip {
    display: none;
}

#ban-header .ban-menu-link--sale,
#ban-header .ban-menu-link--sale:hover,
#ban-header .ban-menu-link--sale[aria-current="page"] {
    color: var(--bh-sale);
}

#ban-header .ban-menu-link--sale:hover {
    color: var(--bh-sale-dark);
}

#ban-header .ban-menu-link--sale::after {
    background: var(--bh-sale);
}

#ban-header .ban-sale-badge {
    flex: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--bh-sale);
    color: var(--bh-white);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* =============================================================================
   SUCHE (Desktop, aufklappbar unter der Navigationszeile)
   ============================================================================= */
#ban-header .ban-search-panel {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bh-white);
    border-top: 1px solid var(--bh-border);
    box-shadow: var(--bh-shadow);
    z-index: 999;
}

#ban-header .ban-search-panel[hidden] {
    display: none;
}

#ban-header .ban-search-panel .ban-search-form {
    max-width: 760px;
    margin: 0 auto;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--bh-muted);
}

#ban-header .ban-search-form input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 48px;
    padding: 0 18px;
    border: 1px solid #d8cdb8;
    border-radius: 24px;
    background: #fbf8f2;
    font-family: var(--bh-font);
    font-size: 16px;
    color: var(--bh-text);
}

/* =============================================================================
   MEGA-PANELS (Desktop)
   ============================================================================= */
#ban-header .ban-mega-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bh-white);
    border-top: 1px solid var(--bh-border);
    box-shadow: var(--bh-shadow);
    max-height: calc(100vh - var(--ban-nav-h) - 24px);
    overflow-y: auto;
    z-index: 999;
}

#ban-header .ban-menu-item.is-open .ban-mega-panel {
    display: block;
}

#ban-header .ban-mega-inner {
    max-width: var(--bh-max-w);
    margin: 0 auto;
    padding: 28px 24px 32px;
}

#ban-header .ban-mega-grid {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr) 280px;
    gap: 36px;
}

#ban-header .ban-mega-grid--links {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 340px;
}

#ban-header .ban-mega-col {
    min-width: 0;
}

#ban-header .ban-mega-col--soft {
    background: var(--bh-sand);
    border-radius: var(--bh-radius-lg);
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#ban-header .ban-mega-eyebrow {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--bh-muted);
}

#ban-header .ban-mega-col--soft .ban-mega-eyebrow {
    margin-bottom: 0;
}

#ban-header .ban-mega-colhead {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 12px;
}

#ban-header .ban-mega-h {
    font-family: var(--bh-serif);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--bh-text);
}

#ban-header .ban-more {
    font-size: 14px;
    font-weight: 700;
    color: var(--bh-green-dark);
    white-space: nowrap;
}

#ban-header .ban-more:hover {
    text-decoration: underline;
}

#ban-header .ban-mega-hint {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--bh-muted);
}

#ban-header .ban-mega-hint a {
    color: var(--bh-green-dark);
    font-weight: 600;
    text-decoration: underline;
}

/* ── Schritte (Teppich nach Maß) ── */
#ban-header .ban-steps {
    counter-reset: ban-step;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#ban-header .ban-steps li {
    counter-increment: ban-step;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 15px;
    line-height: 1.4;
}

#ban-header .ban-steps li::before {
    content: counter(ban-step);
    flex: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--bh-green);
    color: var(--bh-white);
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ban-header .ban-mega-col--soft .ban-btn {
    margin-top: auto;
    height: auto;
    min-height: 44px;
    padding: 10px 16px;
    white-space: normal;
    text-align: center;
}

/* ── Kollektionsliste ── */
#ban-header .ban-coll-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 20px;
}

#ban-header .ban-coll {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px;
    border-radius: 10px;
    transition: background var(--bh-transition);
}

#ban-header .ban-coll:hover {
    background: var(--bh-green-light);
}

#ban-header .ban-coll img {
    flex: none;
    width: 56px;
    height: 56px;
    border-radius: var(--bh-radius);
    object-fit: cover;
    display: block;
    background: var(--bh-sand);
}

#ban-header .ban-coll-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

#ban-header .ban-coll-name {
    font-family: var(--bh-serif);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
}

#ban-header .ban-coll:hover .ban-coll-name {
    color: var(--bh-green-dark);
}

#ban-header .ban-coll-sub {
    font-size: 13px;
    line-height: 1.35;
    color: var(--bh-muted);
}

/* ── Linklisten ── */
#ban-header .ban-link-list a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid var(--bh-sand-border);
    font-size: 15px;
    font-weight: 600;
    transition: color var(--bh-transition);
}

#ban-header .ban-link-list a:hover {
    color: var(--bh-green-dark);
}

/* ── Karten ── */
#ban-header .ban-card-muster {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--bh-sand-border);
    border-radius: var(--bh-radius-lg);
    overflow: hidden;
}

#ban-header .ban-card-muster img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
    background: var(--bh-sand);
}

#ban-header .ban-card-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
}

#ban-header .ban-card-body .ban-btn {
    margin-top: auto;
    height: 44px;
}

#ban-header .ban-card-title {
    display: block;
    font-family: var(--bh-serif);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
}

#ban-header .ban-card-text {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: var(--bh-text-soft);
}

#ban-header .ban-card-feature {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    padding: 22px;
    border-radius: var(--bh-radius-lg);
    background: var(--bh-green-light);
}

#ban-header .ban-card-feature svg {
    width: 28px;
    height: 28px;
    color: var(--bh-green);
}

#ban-header .ban-card-feature .ban-more {
    margin-top: auto;
}

#ban-header .ban-card-feature--line {
    background: var(--bh-white);
    border: 1px solid var(--bh-sand-border);
}

#ban-header .ban-card-feature--sand {
    background: var(--bh-sand);
}

#ban-header .ban-card-feature:hover .ban-card-title,
#ban-header .ban-card-muster:hover .ban-card-title {
    color: var(--bh-green-dark);
}

#ban-header .ban-card-sale {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding: 14px;
    border-radius: var(--bh-radius-lg);
    background: var(--bh-sale-light);
}

#ban-header .ban-badge {
    flex: none;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--bh-sale);
    color: var(--bh-white);
    font-size: 12px;
    font-weight: 700;
}

#ban-header .ban-card-sale-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 15px;
}

#ban-header .ban-card-sale-text span {
    font-size: 13px;
    color: var(--bh-muted);
}

/* ── Raumwelten ── */
#ban-header .ban-room-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
}

#ban-header .ban-room {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
}

#ban-header .ban-room img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    background: var(--bh-sand);
    transition: opacity var(--bh-transition);
}

#ban-header .ban-room:hover {
    color: var(--bh-green-dark);
}

#ban-header .ban-room:hover img {
    opacity: 0.88;
}

/* =============================================================================
   OVERLAY (hinter offenem Mega-Panel)
   ============================================================================= */
.ban-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(44, 42, 35, 0.35);
    z-index: 998;
    cursor: pointer;
}

.ban-overlay.is-visible {
    display: block;
}

/* =============================================================================
   RESPONSIVE – schmaler Desktop (1280–1439px)
   ============================================================================= */
/* Sechs Hauptpunkte: unter 1440px etwas enger setzen, damit alles sicher passt. */
@media (max-width: 1439px) {
    #ban-header .ban-nav-inner {
        gap: 12px;
    }

    #ban-header .ban-nav-logo img {
        height: 48px;
    }

    #ban-header .ban-menu-btn {
        padding: 10px 7px;
        font-size: 14px;
    }

    #ban-header .ban-menu-btn::after {
        left: 7px;
        right: 7px;
    }

    #ban-header .ban-mega-grid {
        grid-template-columns: 220px minmax(0, 1fr) 240px;
        gap: 28px;
    }

    #ban-header .ban-mega-grid--links {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 300px;
    }
}

/* Laptop/Tablet quer (1024–1279px): noch enger, Button-Kurztext. */
@media (max-width: 1279px) {
    #ban-header .ban-nav-inner {
        padding: 0 16px;
        gap: 10px;
    }

    #ban-header .ban-nav-logo img {
        height: 44px;
    }

    #ban-header .ban-menu {
        gap: 0;
    }

    #ban-header .ban-menu-btn {
        gap: 3px;
        padding: 10px 6px;
    }

    #ban-header .ban-menu-btn::after {
        left: 6px;
        right: 6px;
    }

    #ban-header .ban-chevron {
        width: 12px;
        height: 12px;
    }

    #ban-header .ban-sale-badge {
        width: 18px;
        height: 18px;
        font-size: 11px;
    }

    #ban-header .ban-actions {
        gap: 0;
    }

    #ban-header .ban-cta-muster {
        margin-left: 4px;
        padding: 0 16px;
    }

    #ban-header .ban-cta-long {
        display: none;
    }

    #ban-header .ban-cta-short {
        display: inline;
    }

    #ban-header .ban-mega-grid {
        grid-template-columns: 200px minmax(0, 1fr) 220px;
        gap: 24px;
    }

    #ban-header .ban-mega-grid--links {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 260px;
    }

    #ban-header .ban-card-body .ban-btn {
        padding: 0 12px;
        font-size: 14px;
    }
}

/* =============================================================================
   RESPONSIVE – Mobil (< 1024px)
   ============================================================================= */
@media (max-width: 1023px) {

    #ban-header {
        top: 0;
    }

    #ban-header .ban-nav-inner {
        padding: 0 6px 0 16px;
        gap: 4px;
    }

    #ban-header .ban-nav-logo img {
        height: 44px;
    }

    /* Restposten-Chip direkt rechts neben dem Logo; schiebt die Aktionen nach rechts. */
    #ban-header .ban-sale-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex: none;
        height: 34px;
        margin: 0 auto 0 8px;
        padding: 0 12px 0 7px;
        border-radius: 17px;
        background: var(--bh-sale-light);
        color: var(--bh-sale);
        font-size: 14px;
        line-height: 1;
        letter-spacing: normal;
        white-space: nowrap;
        text-decoration: none;
    }

    #ban-header .ban-sale-chip:hover,
    #ban-header .ban-sale-chip[aria-current="page"] {
        background: var(--bh-sale-hover);
        color: var(--bh-sale-dark);
    }

    #ban-header .ban-sale-chip .ban-sale-badge {
        width: 20px;
        height: 20px;
        font-size: 11px;
    }

    /* Platz für den Chip: Die Lupe öffnet mobil ohnehin nur das Menü mit dem
       Suchfeld oben – die Suche bleibt dort erreichbar. */
    #ban-header .ban-search-toggle {
        display: none;
    }

    #ban-header .ban-actions {
        gap: 0;
    }

    #ban-header .ban-cta-muster {
        height: 38px;
        padding: 0 14px;
        margin: 0 4px 0 0;
        font-size: 14px;
        order: -1;
    }

    #ban-header .ban-cta-muster svg {
        width: 16px;
        height: 16px;
    }

    #ban-header .ban-cta-long {
        display: none;
    }

    #ban-header .ban-cta-short {
        display: inline;
    }

    #ban-header .ban-search-panel {
        display: none;
    }

    /* Hamburger */
    #ban-header .ban-hamburger {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        padding: 12px 11px;
    }

    #ban-header .ban-hamburger-bar {
        display: block;
        height: 2px;
        width: 100%;
        background: var(--bh-text);
        border-radius: 2px;
        transition: transform var(--bh-transition), opacity var(--bh-transition);
    }

    #ban-header .ban-hamburger[aria-expanded="true"] .ban-hamburger-bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    #ban-header .ban-hamburger[aria-expanded="true"] .ban-hamburger-bar:nth-child(2) {
        opacity: 0;
    }

    #ban-header .ban-hamburger[aria-expanded="true"] .ban-hamburger-bar:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    /* Vollbild-Menü */
    #ban-header .ban-menu-wrap {
        display: none;
        position: fixed;
        top: var(--ban-menu-top, var(--ban-nav-h));
        left: 0;
        right: 0;
        bottom: 0;
        flex-direction: column;
        justify-content: flex-start;
        background: var(--bh-white);
        overflow-y: auto;
        overscroll-behavior: contain;
        z-index: 999;
    }

    #ban-header .ban-menu-wrap.is-open {
        display: flex;
    }

    #ban-header .ban-search-form--mobile {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: none;
        margin: 16px 16px 6px;
        height: 48px;
        padding: 0 14px;
        border: 1px solid #d8cdb8;
        border-radius: 24px;
        background: #fbf8f2;
        color: var(--bh-muted);
    }

    #ban-header .ban-search-form--mobile:focus-within {
        outline: 2px solid var(--bh-green);
        outline-offset: 1px;
    }

    #ban-header .ban-search-form--mobile input[type="search"] {
        height: 46px;
        padding: 0;
        border: 0;
        background: transparent;
        outline: none;
    }

    #ban-header .ban-menu {
        flex-direction: column;
        gap: 0;
        padding: 0 16px;
    }

    #ban-header .ban-menu-item {
        border-bottom: 1px solid var(--bh-sand-border);
    }

    #ban-header .ban-menu-btn,
    #ban-header .ban-menu-btn:hover {
        width: 100%;
        justify-content: space-between;
        min-height: 56px;
        padding: 0 4px;
        border-radius: 0;
        font-size: 17px;
        color: var(--bh-text);
        background: transparent;
        box-shadow: none;
    }

    #ban-header .ban-menu-btn::after {
        display: none;
    }

    #ban-header .ban-menu-item--sale {
        border-bottom: 0;
        margin-top: 10px;
    }

    #ban-header .ban-menu-link--sale,
    #ban-header .ban-menu-link--sale:hover {
        justify-content: flex-start;
        gap: 10px;
        padding: 0 14px;
        border-radius: var(--bh-radius-lg);
        background: var(--bh-sale-light);
        color: var(--bh-sale);
    }

    #ban-header .ban-chevron,
    #ban-header .ban-menu-btn[aria-expanded="true"] .ban-chevron {
        display: block;
        width: 14px;
        height: 14px;
        transform: rotate(-90deg);
        color: var(--bh-green);
    }

    /* Unterebene: nur das geöffnete Panel zeigen */
    #ban-header .ban-menu-wrap.is-sub .ban-search-form--mobile,
    #ban-header .ban-menu-wrap.is-sub .ban-menu-extras,
    #ban-header .ban-menu-wrap.is-sub .ban-menu-item:not(.is-open),
    #ban-header .ban-menu-wrap.is-sub .ban-menu-item.is-open > .ban-menu-btn {
        display: none;
    }

    #ban-header .ban-menu-wrap.is-sub .ban-menu-item.is-open {
        border-bottom: 0;
    }

    #ban-header .ban-mega-panel {
        position: static;
        border: 0;
        box-shadow: none;
        max-height: none;
        overflow: visible;
    }

    #ban-header .ban-mega-head {
        display: block;
        padding-top: 8px;
    }

    #ban-header .ban-mega-back {
        display: flex;
        align-items: center;
        gap: 6px;
        min-height: 44px;
        font-size: 14px;
        font-weight: 600;
        color: var(--bh-green-dark);
    }

    #ban-header .ban-mega-title {
        margin: 2px 0 12px;
        font-family: var(--bh-serif);
        font-size: 26px;
        font-weight: 700;
        line-height: 1.2;
    }

    #ban-header .ban-mega-inner {
        padding: 0 0 24px;
    }

    #ban-header .ban-mega-grid,
    #ban-header .ban-mega-grid--links {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    #ban-header .ban-mega-col--main {
        order: -1;
    }

    #ban-header .ban-mega-col--muster {
        display: none;   /* Muster-Button sitzt mobil fest unten im Menü */
    }

    #ban-header .ban-mega-colhead {
        margin-bottom: 4px;
    }

    #ban-header .ban-mega-colhead {
        justify-content: flex-start;
    }

    #ban-header .ban-mega-colhead .ban-mega-h {
        display: none;   /* steht schon als Panel-Titel darüber */
    }

    #ban-header .ban-coll-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    #ban-header .ban-coll {
        padding: 8px 0;
        border-radius: 0;
        border-bottom: 1px solid var(--bh-sand-border);
    }

    #ban-header .ban-coll:hover {
        background: transparent;
    }

    #ban-header .ban-coll img {
        width: 48px;
        height: 48px;
    }

    #ban-header .ban-room-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    #ban-header .ban-card-feature {
        padding: 18px;
    }

    #ban-header .ban-link-list a {
        padding: 13px 0;
    }

    /* Schnellzugriffe */
    #ban-header .ban-menu-extras {
        display: block;
        padding: 20px 16px 4px;
    }

    #ban-header .ban-quick {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 10px;
    }

    #ban-header .ban-quick-link {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 14px;
        border-radius: var(--bh-radius-lg);
        background: var(--bh-sand);
        font-size: 14px;
        font-weight: 700;
    }

    #ban-header .ban-quick-link svg {
        width: 22px;
        height: 22px;
        color: var(--bh-green);
    }

    #ban-header .ban-menu-small {
        display: flex;
        gap: 22px;
        padding: 14px 4px;
        font-size: 14px;
        color: var(--bh-text-soft);
    }

    #ban-header .ban-menu-small a {
        display: flex;
        align-items: center;
        gap: 6px;
        min-height: 44px;
    }

    /* Feste Aktionsleiste unten im Menü */
    #ban-header .ban-menu-cta {
        display: flex;
        gap: 10px;
        position: sticky;
        bottom: 0;
        margin-top: auto;
        padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
        background: var(--bh-white);
        border-top: 1px solid var(--bh-sand-border);
    }

    #ban-header .ban-btn--lg {
        flex: 1 1 auto;
        height: 50px;
        font-size: 16px;
    }

    #ban-header .ban-btn-icon {
        flex: none;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 2px solid var(--bh-green);
        color: var(--bh-green-dark);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #ban-header .ban-btn-icon svg {
        width: 20px;
        height: 20px;
    }

    .ban-overlay,
    .ban-overlay.is-visible {
        display: none;
    }

    /* Seite hinter dem offenen Menü nicht mitscrollen.
       Nur am <html>: overflow am <body> würde den klebenden Header aushebeln. */
    html.ban-menu-open {
        overflow: hidden;
    }
}

@media (max-width: 782px) {
    .admin-bar #ban-header {
        top: 46px;
    }
}

@media (max-width: 600px) {
    /* WordPress-Adminleiste scrollt hier mit */
    .admin-bar #ban-header {
        top: 0;
    }
}

@media (max-width: 1023px) and (min-width: 783px) {
    .admin-bar #ban-header {
        top: 32px;
    }
}

/* Handys: Platz für den Restposten-Chip neben dem Logo schaffen. */
@media (max-width: 429px) {
    #ban-header .ban-sale-chip {
        margin-left: 6px;
        padding: 0 11px;
        font-size: 13px;
    }

    #ban-header .ban-sale-chip .ban-sale-badge {
        display: none;
    }

    #ban-header .ban-cta-muster {
        padding: 0 12px;
    }

    #ban-header .ban-cta-muster svg {
        display: none;
    }
}

@media (max-width: 359px) {
    #ban-header .ban-nav-inner {
        padding-left: 10px;
    }

    #ban-header .ban-nav-logo img {
        height: 36px;
    }

    #ban-header .ban-sale-chip {
        padding: 0 9px;
        font-size: 12px;
    }

    #ban-header .ban-cta-muster {
        padding: 0 10px;
    }

    #ban-header .ban-icon-btn,
    #ban-header .ban-hamburger {
        width: 40px;
    }
}


/* === ban-raumwelt === */
/* ============================================================================
   BAN Raumwelten – Landingpage-Styles im neuen BAN-Look
   Auto-gescoped unter #ban-raumwelt. Ein Stylesheet für alle Raum-Einzelseiten
   (Wohnzimmer, Schlafzimmer, Kinderzimmer, …). Der Inhalt jeder Seite kommt aus
   der jeweiligen page-{slug}.php; das Markup rendert inc/ban-raumwelt-render.php.

   Design-Sprache identisch zu Restposten/Teppichmuster:
   Palette Grün/Creme/Sand/Gold · Titel Marcellus · Fließtext Open Sans ·
   Serifen-Akzente Lora. Voll dark-mode-fähig.
   ============================================================================ */

@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/marcellus.woff2') format('woff2');}
@font-face{font-family:'Lora';font-style:normal;font-weight:400 700;font-display:swap;src:url('/wp-content/uploads/fonts/lora.woff2') format('woff2');}

/* ── Design-Tokens (hell) ─────────────────────────────────────────────────── */
#ban-raumwelt{
  --bg:#FAF6EE; --surface:#ffffff; --surface-2:#F3EEE2; --border:#ECE3D2;
  --ink:#2C2A23; --ink-mid:#5A5040; --ink-soft:#8B8069;
  --green:#617F29; --green-dk:#4F6A1F; --green-lt:#719730;
  --gold:#B98A4E; --gold-bg:#F6ECDC;
  --on-green:#ffffff;
  --shadow:0 2px 12px rgba(44,42,35,.08);
  --shadow-lg:0 10px 30px rgba(44,42,35,.16);
  --radius:14px; --radius-sm:9px;
  --disp:'Lora',Georgia,serif; --disp-title:'Marcellus','Lora',Georgia,serif;
  --body:'Open Sans',-apple-system,BlinkMacSystemFont,sans-serif;
}
/* ── Design-Tokens (dunkel) ───────────────────────────────────────────────── */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) #ban-raumwelt{
    --bg:#1B1914; --surface:#25221B; --surface-2:#2E2A21; --border:#3A3427;
    --ink:#F1EBDD; --ink-mid:#C8BFAB; --ink-soft:#988E76;
    --green:#8FAA4E; --green-dk:#A6C061; --green-lt:#A6C061;
    --gold:#CCA063; --gold-bg:#38271D;
    --on-green:#1B1914;
    --shadow:0 2px 12px rgba(0,0,0,.45);
    --shadow-lg:0 12px 32px rgba(0,0,0,.55);
  }
}
:root[data-theme="dark"] #ban-raumwelt{
  --bg:#1B1914; --surface:#25221B; --surface-2:#2E2A21; --border:#3A3427;
  --ink:#F1EBDD; --ink-mid:#C8BFAB; --ink-soft:#988E76;
  --green:#8FAA4E; --green-dk:#A6C061; --green-lt:#A6C061;
  --gold:#CCA063; --gold-bg:#38271D;
  --on-green:#1B1914;
  --shadow:0 2px 12px rgba(0,0,0,.45);
  --shadow-lg:0 12px 32px rgba(0,0,0,.55);
}

/* ── Grundgerüst ──────────────────────────────────────────────────────────── */
#ban-raumwelt *{box-sizing:border-box}
#ban-raumwelt{margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
/* background:transparent!important neutralisiert eine Alt-Regel aus dem Elementor-
   Seiten-CSS (h1{background:#fff}), die sonst im Dunkelmodus als weißer Kasten
   hinter Überschriften auftaucht. */
#ban-raumwelt h1,#ban-raumwelt h2,#ban-raumwelt h3{font-family:var(--disp);font-weight:600;line-height:1.15;text-wrap:balance;margin:0;background:transparent!important}
#ban-raumwelt a{color:inherit}
#ban-raumwelt img{max-width:100%;display:block}
#ban-raumwelt .rw-wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* ── Breadcrumb ───────────────────────────────────────────────────────────── */
#ban-raumwelt .rw-crumb{font-size:13px;color:var(--ink-soft);padding:16px 0 0}
#ban-raumwelt .rw-crumb a{color:var(--ink-soft);text-decoration:none}
#ban-raumwelt .rw-crumb a:hover{color:var(--green-dk);text-decoration:underline;text-underline-offset:3px}
#ban-raumwelt .rw-crumb .cur{color:var(--ink-mid);font-weight:600}

/* ── HERO ─────────────────────────────────────────────────────────────────── */
#ban-raumwelt .rw-hero{
  background:radial-gradient(120% 100% at 85% -10%,rgba(185,138,78,.14),transparent 55%),var(--bg);
  border-bottom:1px solid var(--border);padding:40px 0 52px}
#ban-raumwelt .rw-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
#ban-raumwelt .rw-hero--noimg .rw-hero__grid{grid-template-columns:1fr;max-width:820px;margin:0 auto;text-align:center}
#ban-raumwelt .rw-hero--noimg .rw-hero__cta{justify-content:center}
#ban-raumwelt .rw-hero--noimg .rw-hero__sub{margin:0 auto}
#ban-raumwelt .eyebrow{display:inline-flex;align-items:center;gap:9px;
  font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--green-dk);background:var(--gold-bg);padding:6px 14px;border-radius:20px}
/* WICHTIG – #ban-raumwelt davor ist Absicht: eine globale Theme-Regel zwingt alle
   Nicht-Elementor-h1 auf Lora (hohe Spezifität). Ohne die ID würde der Hero-Titel
   in Lora statt Marcellus laufen. Restposten/Teppichmuster gewinnen den Kampf genauso.
   font-family:…!important schlägt zusätzlich eine hartnäckige Alt-Regel aus dem
   Elementor-Seiten-CSS mancher Seiten (h1{font-family:'Spinwash'!important}); ohne
   !important liefe der Hero-Titel dort in der alten Schrift Spinwash statt Marcellus.
   background/padding:0 entfernen den weißen Kasten derselben Alt-Regel.
   text-align:inherit!important hebt die globale h1-Zentrierung aus style.css auf
   (deren :not(#fachh …) zählt wie ID + 4 Klassen und schlägt den Selektor hier):
   links im Bild-Hero, zentriert im Hero ohne Bild (.rw-hero--noimg zentriert das Grid). */
#ban-raumwelt .rw-hero h1{font-family:var(--disp-title)!important;font-size:clamp(2.1rem,4.8vw,3.4rem);
  color:var(--green-dk);margin:18px 0 16px;letter-spacing:0;line-height:1.12;background:none!important;padding:0!important;text-align:inherit!important}
#ban-raumwelt .rw-hero h1 em{font-style:normal;color:var(--gold)}
#ban-raumwelt .rw-hero__sub{font-size:clamp(1rem,1.5vw,1.15rem);color:var(--ink-mid);margin:0;max-width:60ch}
#ban-raumwelt .rw-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
#ban-raumwelt .rw-hero__media{position:relative}
#ban-raumwelt .rw-hero__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-lg)}
#ban-raumwelt .rw-hero__rating{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13.5px;color:var(--ink-mid)}
#ban-raumwelt .rw-hero__rating svg{width:16px;height:16px;color:var(--gold)}

/* ── Buttons ──────────────────────────────────────────────────────────────── */
#ban-raumwelt .rw-btn{font-family:var(--body);font-weight:700;font-size:15px;border-radius:var(--radius-sm);
  border:1.5px solid transparent;cursor:pointer;padding:13px 26px;transition:.18s;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
#ban-raumwelt .rw-btn--primary{background:var(--green);color:var(--on-green);border-color:var(--green)}
#ban-raumwelt .rw-btn--primary:hover{background:var(--green-dk);border-color:var(--green-dk)}
#ban-raumwelt .rw-btn--ghost{background:transparent;color:var(--green-dk);border-color:var(--green)}
#ban-raumwelt .rw-btn--ghost:hover{background:var(--green);color:var(--on-green)}

/* ── USP-Bar ──────────────────────────────────────────────────────────────── */
#ban-raumwelt .rw-usps{background:var(--surface);border-bottom:1px solid var(--border)}
#ban-raumwelt .rw-usps__row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px 0}
#ban-raumwelt .rw-usp{display:flex;align-items:center;gap:12px}
#ban-raumwelt .rw-usp__ic{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--green)}
#ban-raumwelt .rw-usp__ic svg{width:22px;height:22px}
#ban-raumwelt .rw-usp b{display:block;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.2}
#ban-raumwelt .rw-usp span{font-size:12.5px;color:var(--ink-soft)}

/* ── Sektionsbasis ────────────────────────────────────────────────────────── */
#ban-raumwelt .rw-sec{padding:60px 0}
#ban-raumwelt .rw-sec--alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
#ban-raumwelt .rw-sec__eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
#ban-raumwelt .rw-sec__title{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--green-dk);margin:0 0 6px}
#ban-raumwelt .rw-sec__head{margin-bottom:30px}

/* ── Fließtext / Editorial ────────────────────────────────────────────────── */
#ban-raumwelt .rw-prose{max-width:760px}
#ban-raumwelt .rw-prose h2{font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--green-dk);margin:0 0 14px}
#ban-raumwelt .rw-prose h3{font-family:var(--disp);font-size:1.2rem;color:var(--ink);margin:26px 0 8px}
#ban-raumwelt .rw-prose p{margin:0 0 16px;color:var(--ink-mid);font-size:16.5px;line-height:1.75}
#ban-raumwelt .rw-prose ul{margin:0 0 18px;padding-left:22px}
#ban-raumwelt .rw-prose li{margin-bottom:8px;color:var(--ink-mid);line-height:1.7}
#ban-raumwelt .rw-prose strong{color:var(--ink)}
#ban-raumwelt .rw-prose a{color:var(--green-dk);text-decoration:underline;text-underline-offset:3px}
#ban-raumwelt .rw-prose+.rw-prose{margin-top:40px}
/* Rechtstexte (AGB): Unterpunkte und Stand-Datum */
#ban-raumwelt .rw-prose h4{font-family:var(--body);font-size:1rem;font-weight:700;color:var(--ink);margin:18px 0 6px}
#ban-raumwelt .ban-agb-stand{font-size:14px;color:var(--ink-soft)}
#ban-raumwelt .ban-agb h3:first-of-type{margin-top:8px}
/* Zitat (z. B. Gründerzitat auf der Philosophie-Seite) */
#ban-raumwelt .rw-prose blockquote{margin:22px 0;padding:8px 0 8px 22px;border-left:4px solid var(--gold);
  font-family:var(--disp);font-size:1.25rem;line-height:1.5;color:var(--ink);font-style:normal}
#ban-raumwelt .rw-prose blockquote p{font-size:inherit;color:inherit;margin:0 0 8px}
#ban-raumwelt .rw-prose blockquote cite{display:block;margin-top:8px;font-family:var(--body);font-size:14px;font-style:normal;font-weight:600;color:var(--ink-soft)}
/* Editorial mit Bild (abwechselnd) */
#ban-raumwelt .rw-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:none}
#ban-raumwelt .rw-split--flip .rw-split__media{order:-1}
#ban-raumwelt .rw-split__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
/* Skizzen/Grafiken ganz zeigen, auf weißer Fläche (auch im Dunkelmodus lesbar) */
#ban-raumwelt .rw-split__media--contain img{object-fit:contain;background:#fff;padding:18px;border:1px solid var(--border)}

/* ── Stats-Band ───────────────────────────────────────────────────────────── */
#ban-raumwelt .rw-stats{background:var(--surface-2)}
#ban-raumwelt .rw-stats__head{text-align:center;font-size:clamp(1.3rem,2.6vw,1.8rem);color:var(--green-dk);margin:0 0 30px}
#ban-raumwelt .rw-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#ban-raumwelt .rw-stat{text-align:center;padding:8px}
#ban-raumwelt .rw-stat b{display:block;font-family:var(--disp-title);font-size:clamp(2rem,4vw,2.9rem);font-weight:400;color:var(--gold);line-height:1;font-variant-numeric:tabular-nums}
#ban-raumwelt .rw-stat span{display:block;margin-top:10px;font-size:14px;color:var(--ink-mid);line-height:1.4}

/* ── Produkt-Grid (nutzt ban_render_product_card → .ban-pcard) ────────────── */
#ban-raumwelt .rw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
#ban-raumwelt .ban-pcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
#ban-raumwelt .ban-pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--green-lt)}
#ban-raumwelt .ban-pcard-img{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--surface-2)}
#ban-raumwelt .ban-pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
#ban-raumwelt .ban-pcard:hover .ban-pcard-img img{transform:scale(1.05)}
#ban-raumwelt .ban-pcard-flag{position:absolute;top:10px;left:10px;background:var(--green);color:var(--on-green);font-size:12px;font-weight:700;padding:5px 10px;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.2)}
#ban-raumwelt .ban-pcard-body{padding:14px 15px 15px;display:flex;flex-direction:column;gap:8px;flex:1}
#ban-raumwelt .ban-pcard-title{font-family:var(--disp);font-size:1.18rem;font-weight:600;color:var(--ink);line-height:1.1;text-decoration:none}
#ban-raumwelt a.ban-pcard-title:hover{color:var(--green-dk)}
#ban-raumwelt .ban-pcard-sub{font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft)}
#ban-raumwelt .ban-swatches{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#ban-raumwelt .ban-swatch{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border)}
#ban-raumwelt .ban-swatches small{color:var(--ink-soft);font-size:12px}
#ban-raumwelt .ban-swatches--pick{gap:7px}
#ban-raumwelt .ban-swatches--pick .ban-swatch{display:block;width:20px;height:20px;flex:0 0 auto;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border),inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .15s,box-shadow .15s}
#ban-raumwelt .ban-swatches--pick .ban-swatch{padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none;font:inherit;-webkit-tap-highlight-color:transparent}
@media (hover:hover){#ban-raumwelt .ban-swatches--pick .ban-swatch:hover{transform:scale(1.15)}}
#ban-raumwelt .ban-swatches--pick .ban-swatch.is-active{box-shadow:0 0 0 2px var(--green)}
#ban-raumwelt .ban-swatches--pick .ban-swatch:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media (pointer:coarse){#ban-raumwelt .ban-swatches--pick .ban-swatch{width:24px;height:24px}}
#ban-raumwelt .ban-pcard-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;padding-top:4px}
#ban-raumwelt .ban-price{font-family:var(--disp);font-size:1.25rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
#ban-raumwelt .ban-price del{font-size:14px;color:var(--ink-soft);font-weight:400;margin-right:4px}
#ban-raumwelt .ban-price ins{text-decoration:none}
#ban-raumwelt .ban-muster{font-size:13px;font-weight:700;color:var(--green-dk);text-decoration:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;transition:.18s}
#ban-raumwelt .ban-muster:hover{border-color:var(--green);background:var(--surface-2)}
#ban-raumwelt .rw-grid-more{display:flex;justify-content:center;margin-top:34px}

/* ── Stats-Band inline (Hero-Chips optional) & Trust-Band ─────────────────── */
#ban-raumwelt .rw-trust{background:var(--green-dk);color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #ban-raumwelt .rw-trust{background:#2C3A16;color:#F1EBDD}}
:root[data-theme="dark"] #ban-raumwelt .rw-trust{background:#2C3A16;color:#F1EBDD}
#ban-raumwelt .rw-trust__row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 42px;padding:28px 24px}
#ban-raumwelt .rw-trust__item{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600}
#ban-raumwelt .rw-trust__item svg{width:22px;height:22px;color:var(--gold);flex-shrink:0}

/* ── Muster-CTA-Band ──────────────────────────────────────────────────────── */
#ban-raumwelt .rw-sample{background:
    radial-gradient(120% 130% at 12% 0%,rgba(97,127,41,.10),transparent 55%),var(--surface-2)}
#ban-raumwelt .rw-sample__inner{max-width:820px;margin:0 auto;text-align:center;padding:56px 24px}
#ban-raumwelt .rw-sample h2{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--green-dk);margin:0 0 12px}
#ban-raumwelt .rw-sample p{color:var(--ink-mid);margin:0 0 26px;font-size:16.5px;line-height:1.65}

/* ── FAQ-Akkordeon ────────────────────────────────────────────────────────── */
#ban-raumwelt .rw-faq h2{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--green-dk);margin-bottom:8px}
#ban-raumwelt .rw-faq__lead{color:var(--ink-mid);margin:0 0 30px;max-width:60ch}
#ban-raumwelt .acc{max-width:860px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:10px;overflow:hidden}
#ban-raumwelt .acc__btn{width:100%;background:none;border:none;padding:18px 20px;text-align:left;display:flex;justify-content:space-between;gap:16px;align-items:center;cursor:pointer;font-family:var(--body);font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.4}
#ban-raumwelt .acc__btn:hover,#ban-raumwelt .acc__btn:focus{color:var(--green-dk)}
#ban-raumwelt .acc__btn[aria-expanded="true"]{color:var(--green-dk)}
#ban-raumwelt .acc__btn svg{width:20px;height:20px;color:var(--green);flex-shrink:0;transition:transform .3s}
#ban-raumwelt .acc__btn[aria-expanded="true"] svg{transform:rotate(45deg)}
#ban-raumwelt .acc__body{max-height:0;overflow:hidden;transition:max-height .35s ease}
#ban-raumwelt .acc__body.open{max-height:900px}
#ban-raumwelt .acc__inner{padding:0 20px 20px;color:var(--ink-mid);font-size:14.5px;line-height:1.7}
#ban-raumwelt .acc__inner p{margin:0 0 10px}#ban-raumwelt .acc__inner p:last-child{margin-bottom:0}
#ban-raumwelt .acc__inner ul{padding-left:20px;margin:8px 0 10px}
#ban-raumwelt .acc__inner li{margin-bottom:5px}
#ban-raumwelt .acc__inner strong{color:var(--ink)}

/* ── Tabellen im Fließtext (z. B. Versand & Lieferung) ────────────────────── */
#ban-raumwelt .rw-table-wrap{margin:8px 0 24px;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
#ban-raumwelt .rw-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;margin:0}
#ban-raumwelt .rw-table th{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);
  text-align:left;padding:12px 16px;background:var(--surface-2);border:0;border-bottom:1px solid var(--border)}
#ban-raumwelt .rw-table td{padding:14px 16px;border:0;border-top:1px solid var(--border);color:var(--ink-mid);vertical-align:middle;background:transparent}
#ban-raumwelt .rw-table tbody tr:first-child td{border-top:0}
#ban-raumwelt .rw-table td strong{display:block;color:var(--ink)}
#ban-raumwelt .rw-table small{display:block;font-size:13px;color:var(--ink-soft);margin-top:2px;font-weight:400}
#ban-raumwelt .rw-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}
#ban-raumwelt .rw-table .num small{white-space:normal}
/* Etikett Paket / Spedition */
#ban-raumwelt .rw-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:20px;white-space:nowrap}
#ban-raumwelt .rw-tag--paket{background:var(--surface-2);color:var(--green-dk);border:1px solid var(--border)}
#ban-raumwelt .rw-tag--sped{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold)}
#ban-raumwelt .rw-table .num .rw-tag{margin-right:8px;vertical-align:1px}

/* ── Versand-Check (Maße → Paket oder Spedition) ──────────────────────────── */
#ban-raumwelt .rw-check{margin:26px 0 34px;padding:22px 22px 18px;background:var(--surface);border:1.5px solid var(--green-lt);border-radius:var(--radius);box-shadow:var(--shadow)}
#ban-raumwelt .rw-check__head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
#ban-raumwelt .rw-check__ic{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--green)}
#ban-raumwelt .rw-check__ic svg{width:22px;height:22px}
#ban-raumwelt .rw-check__head b{display:block;font-family:var(--disp);font-size:1.2rem;font-weight:600;color:var(--ink);line-height:1.2}
#ban-raumwelt .rw-check__head span{font-size:14px;color:var(--ink-soft)}
#ban-raumwelt .rw-check__mode{display:inline-flex;gap:3px;padding:3px;margin-bottom:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}
#ban-raumwelt .rw-check__mode button{border:0;background:transparent;color:var(--ink-mid);padding:7px 16px;border-radius:999px;
  font-family:var(--body);font-size:13.5px;font-weight:700;line-height:1.2;cursor:pointer;transition:.18s}
#ban-raumwelt .rw-check__mode button:hover,#ban-raumwelt .rw-check__mode button:focus{background:var(--surface);color:var(--green-dk)}
#ban-raumwelt .rw-check__mode button[aria-pressed="true"]{background:var(--green);color:var(--on-green)}
#ban-raumwelt .rw-check__fields{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px}
#ban-raumwelt .rw-check [hidden]{display:none!important}
#ban-raumwelt .rw-check__f{display:flex;flex-direction:column;gap:5px;margin:0;font-size:13px;font-weight:700;color:var(--ink-mid)}
#ban-raumwelt .rw-check__in{position:relative;display:flex;align-items:center}
#ban-raumwelt .rw-check__f input{width:140px;margin:0;padding:11px 40px 11px 13px;background:var(--bg);color:var(--ink);
  border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--body);font-size:16px;font-weight:600;box-shadow:none}
#ban-raumwelt .rw-check__f input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(97,127,41,.18)}
#ban-raumwelt .rw-check__in em{position:absolute;right:13px;font-style:normal;font-size:13px;font-weight:600;color:var(--ink-soft);pointer-events:none}
#ban-raumwelt .rw-check__x{padding-bottom:12px;font-weight:700;color:var(--ink-soft)}
#ban-raumwelt .rw-check__res{display:block;margin-top:18px;padding:14px 16px;background:var(--surface-2);border-left:4px solid var(--border);border-radius:var(--radius-sm);transition:.18s}
#ban-raumwelt .rw-check__res.is-paket{border-left-color:var(--green)}
#ban-raumwelt .rw-check__res.is-sped{border-left-color:var(--gold);background:var(--gold-bg)}
#ban-raumwelt .rw-check__type{display:block;font-family:var(--disp);font-size:1.25rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
#ban-raumwelt .rw-check__detail{display:block;margin-top:3px;font-size:14px;color:var(--ink-mid);line-height:1.5}
#ban-raumwelt .rw-check .rw-check__hint{margin:12px 0 0;font-size:13px;color:var(--ink-soft);line-height:1.5}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width:860px){
  #ban-raumwelt .rw-hero__grid{grid-template-columns:1fr;gap:28px}
  #ban-raumwelt .rw-hero__media{order:-1}
  #ban-raumwelt .rw-usps__row{grid-template-columns:repeat(2,1fr);gap:18px 14px}
  #ban-raumwelt .rw-stats__grid{grid-template-columns:repeat(2,1fr);gap:26px 16px}
  #ban-raumwelt .rw-split{grid-template-columns:1fr;gap:24px}
  #ban-raumwelt .rw-split--flip .rw-split__media{order:0}
}
@media (max-width:760px){
  #ban-raumwelt .rw-wrap{padding:0 16px}
  #ban-raumwelt .rw-hero{padding:24px 0 38px}
  #ban-raumwelt .rw-sec{padding:44px 0}
  #ban-raumwelt .rw-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
}
@media (max-width:560px){
  /* Tabellen als Karten: Spalte 1+2 links untereinander, Preis rechts – kein Querscrollen */
  #ban-raumwelt .rw-table{font-size:14px}
  #ban-raumwelt .rw-table thead{display:none}
  #ban-raumwelt .rw-table tr{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 14px;padding:12px 14px;border-top:1px solid var(--border)}
  #ban-raumwelt .rw-table tbody tr:first-child{border-top:0}
  #ban-raumwelt .rw-table td{padding:0;border:0}
  #ban-raumwelt .rw-table td:nth-child(2){grid-row:2;grid-column:1}
  #ban-raumwelt .rw-table td.num{grid-row:1 / span 2;grid-column:2;max-width:132px}
  #ban-raumwelt .rw-table td.rw-empty{display:none}
  #ban-raumwelt .rw-table td[data-label]::before{content:attr(data-label) " ";color:var(--ink-soft)}
  #ban-raumwelt .rw-table .num .rw-tag{display:block;width:max-content;margin:0 0 4px auto}
  #ban-raumwelt .rw-check{padding:18px 16px 16px}
  #ban-raumwelt .rw-check__mode{display:flex}
  #ban-raumwelt .rw-check__mode button{flex:1}
  #ban-raumwelt .rw-check__f{flex:1 1 0;min-width:0}
  #ban-raumwelt .rw-check__f input{width:100%}
}
@media (max-width:460px){
  #ban-raumwelt .rw-usps__row{grid-template-columns:1fr}
  #ban-raumwelt .rw-hero__cta .rw-btn{flex:1}
}
/* ── Breite Sektion (Karten-Raster): Fließtext bleibt lesbar schmal ───────── */
#ban-raumwelt .rw-prose--wide{max-width:none}
#ban-raumwelt .rw-prose--wide>h2,#ban-raumwelt .rw-prose--wide>p{max-width:760px}

/* ── Produktkarten innerhalb von Fließtext-Sektionen (z. B. Kollektion) ───── */
#ban-raumwelt .rw-prose .rw-grid{margin:22px 0 0}
#ban-raumwelt .rw-prose .rw-grid a{text-decoration:none}
#ban-raumwelt .rw-prose .rw-grid .ban-pcard-title{color:var(--ink)}
#ban-raumwelt .rw-prose .rw-grid .ban-pcard-title:hover{color:var(--green-dk)}
#ban-raumwelt .rw-prose .rw-grid+p{margin-top:24px}

/* ── Akkordeon innerhalb von Fließtext-Sektionen (z. B. FAQ-Themen) ───────── */
#ban-raumwelt .rw-prose .acc__inner p,#ban-raumwelt .rw-prose .acc__inner li{font-size:14.5px;line-height:1.7}
#ban-raumwelt .rw-prose .acc-group,#ban-raumwelt .rw-prose .rw-acc-group{margin-top:18px}

/* ── Zeitleiste (z. B. Über uns) ──────────────────────────────────────────── */
#ban-raumwelt .rw-timeline{list-style:none;margin:10px 0 0;padding:0}
#ban-raumwelt .rw-timeline li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;margin:0;padding:0}
#ban-raumwelt .rw-timeline li>b{font-family:var(--disp-title);font-weight:400;font-size:1.45rem;line-height:1.2;color:var(--gold);font-variant-numeric:tabular-nums;text-align:right}
#ban-raumwelt .rw-timeline li>div{position:relative;border-left:2px solid var(--border);padding:2px 0 26px 22px}
#ban-raumwelt .rw-timeline li>div::before{content:"";position:absolute;left:-7px;top:9px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--gold)}
#ban-raumwelt .rw-timeline li:last-child>div{padding-bottom:4px}
#ban-raumwelt .rw-prose .rw-timeline h3{margin:0 0 6px;font-size:1.15rem}
#ban-raumwelt .rw-prose .rw-timeline p{margin:0}

/* ── Karten (Auszeichnungen, Referenzen, Kontaktwege) ─────────────────────── */
#ban-raumwelt .rw-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:22px 0 0}
#ban-raumwelt .rw-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
#ban-raumwelt .rw-card__img{width:100%;aspect-ratio:7/2;object-fit:cover;background:var(--surface-2)}
#ban-raumwelt .rw-card__head{display:flex;align-items:center;gap:14px;padding:20px 20px 0}
#ban-raumwelt .rw-card__logo{flex:0 0 auto;width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:50%;padding:6px}
#ban-raumwelt .rw-card__ic{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--green)}
#ban-raumwelt .rw-card__ic svg{width:22px;height:22px}
#ban-raumwelt .rw-card__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 20px 20px}
#ban-raumwelt .rw-card__kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
#ban-raumwelt .rw-prose .rw-card h3{margin:0;font-size:1.12rem;line-height:1.3;color:var(--ink)}
#ban-raumwelt .rw-prose .rw-card p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-mid)}
#ban-raumwelt .rw-card__meta{margin-top:auto;padding-top:6px;font-size:14px;font-weight:700;color:var(--green-dk)}
#ban-raumwelt .rw-prose .rw-card a{color:var(--green-dk)}
#ban-raumwelt .rw-prose .rw-card blockquote{margin:4px 0 0;font-size:14.5px}

/* ── Raum-Übersicht (Einsatzbereiche): ganze Karte klickbar ───────────────── */
#ban-raumwelt .rw-prose ul.rw-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin:22px 0 0;padding:0;list-style:none}
#ban-raumwelt .rw-prose .rw-rooms li{margin:0;padding:0}
#ban-raumwelt .rw-prose a.rw-room{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
#ban-raumwelt .rw-prose a.rw-room:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#ban-raumwelt .rw-room img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--surface-2)}
#ban-raumwelt .rw-room__body{display:flex;flex-direction:column;gap:6px;flex:1;padding:16px 18px 18px}
#ban-raumwelt .rw-room__title{font-family:var(--disp-title);font-size:1.3rem;line-height:1.25;color:var(--ink)}
#ban-raumwelt .rw-room__text{font-size:14.5px;line-height:1.55;color:var(--ink-mid)}
#ban-raumwelt .rw-room__more{margin-top:auto;padding-top:6px;font-size:14px;font-weight:700;color:var(--green-dk)}
@media (max-width:560px){
  #ban-raumwelt .rw-prose ul.rw-rooms{grid-template-columns:repeat(2,1fr);gap:12px}
  #ban-raumwelt .rw-room__body{padding:12px 12px 14px;gap:4px}
  #ban-raumwelt .rw-room__title{font-size:1.08rem}
  #ban-raumwelt .rw-room__text{font-size:13px;line-height:1.45}
  #ban-raumwelt .rw-room__more{display:none}
}

/* ── WPForms im BAN-Look (z. B. Kontakt) ──────────────────────────────────── */
#ban-raumwelt .rw-form{margin-top:22px;padding:24px 24px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
#ban-raumwelt .rw-form .wpforms-container{margin:0!important}
#ban-raumwelt .rw-form .wpforms-form .wpforms-field-label,#ban-raumwelt .rw-form .wpforms-form label{font-family:var(--body)!important;font-weight:600!important;color:var(--ink)!important}
#ban-raumwelt .rw-form .wpforms-form .wpforms-field-sublabel,#ban-raumwelt .rw-form .wpforms-form .wpforms-field-description{color:var(--ink-soft)!important}
#ban-raumwelt .rw-form .wpforms-form input[type=text],#ban-raumwelt .rw-form .wpforms-form input[type=email],#ban-raumwelt .rw-form .wpforms-form input[type=tel],#ban-raumwelt .rw-form .wpforms-form input[type=number],#ban-raumwelt .rw-form .wpforms-form select,#ban-raumwelt .rw-form .wpforms-form textarea{
  border:1.5px solid var(--border)!important;border-radius:var(--radius-sm)!important;padding:10px 14px!important;font-family:var(--body)!important;font-size:16px!important;background:var(--bg)!important;color:var(--ink)!important;box-shadow:none!important}
#ban-raumwelt .rw-form .wpforms-form input:focus,#ban-raumwelt .rw-form .wpforms-form select:focus,#ban-raumwelt .rw-form .wpforms-form textarea:focus{border-color:var(--green)!important;outline:none!important;box-shadow:0 0 0 3px rgba(97,127,41,.18)!important}
#ban-raumwelt .rw-form .wpforms-form .wpforms-submit{background:var(--green)!important;border:1.5px solid var(--green)!important;color:var(--on-green)!important;border-radius:var(--radius-sm)!important;font-family:var(--body)!important;font-weight:700!important;font-size:15px!important;padding:13px 32px!important;height:auto!important}
#ban-raumwelt .rw-form .wpforms-form .wpforms-submit:hover{background:var(--green-dk)!important;border-color:var(--green-dk)!important}
#ban-raumwelt .rw-form .wpforms-confirmation-container-full{border-left:4px solid var(--green)!important;background:var(--surface-2)!important;color:var(--ink)!important;border-radius:var(--radius-sm)!important}
#ban-raumwelt .rw-form .wpforms-form a{color:var(--green-dk)}

@media (max-width:560px){
  #ban-raumwelt .rw-timeline li{grid-template-columns:minmax(0,1fr);gap:2px}
  #ban-raumwelt .rw-timeline li>b{text-align:left;padding-left:24px}
  #ban-raumwelt .rw-form{padding:18px 16px 14px}
}

@media (prefers-reduced-motion:reduce){
  #ban-raumwelt *{transition:none!important;scroll-behavior:auto!important}
}

/* ── Datenschutzerklärung: Sprungliste, Kurzfakten je Verarbeitung, Hinweisbox ── */
#ban-raumwelt .rw-prose ul.ds-toc{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:6px 0 26px;padding:0}
#ban-raumwelt .rw-prose ul.ds-toc li{margin:0}
#ban-raumwelt .rw-prose ul.ds-toc a{display:inline-block;padding:7px 15px;border:1px solid var(--border);border-radius:999px;background:var(--surface);
  font-size:14px;font-weight:600;line-height:1.4;color:var(--green-dk);text-decoration:none;transition:border-color .15s,background .15s}
#ban-raumwelt .rw-prose ul.ds-toc a:hover{border-color:var(--green);background:var(--surface-2)}
#ban-raumwelt .ds-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:4px 0 22px;
  background:var(--border);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}
#ban-raumwelt .ds-facts>div{background:var(--surface-2);padding:12px 14px}
#ban-raumwelt .ds-facts dt{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 4px}
#ban-raumwelt .ds-facts dd{margin:0;font-size:14px;line-height:1.55;color:var(--ink-mid)}
#ban-raumwelt .ds-note{margin:26px 0 0;padding:18px 22px;border-left:4px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--gold-bg)}
#ban-raumwelt .rw-prose .ds-note h3{margin:0 0 8px}
#ban-raumwelt .rw-prose .ds-note p{margin:0;color:var(--ink)}
#ban-raumwelt .rw-sec[id]{scroll-margin-top:90px}
@media (max-width:760px){
  #ban-raumwelt .ds-facts{grid-template-columns:1fr}
}


/* === hello-elementor === */
html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}[tabindex]:not([tabindex="-1"]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px}[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none}


/* === hello-elementor-theme-style === */
.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;overflow-x:hidden;width:100vw}.alignfull img{width:100%}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:1;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@custom-media --hello-screen-xs-and-below (width < 576px);@custom-media --hello-screen-xs-and-above (width >= 576px);@custom-media --hello-screen-xs-only (0 <= width < 576px);@custom-media --hello-screen-sm-and-below (width < 768px);@custom-media --hello-screen-sm-and-above (width >= 768px);@custom-media --hello-screen-sm-only (576px <= width < 768px);@custom-media --hello-screen-md-and-below (width < 992px);@custom-media --hello-screen-md-and-above (width >= 992px);@custom-media --hello-screen-md-only (768px <= width < 992px);@custom-media --hello-screen-xl-and-below (width < 1200px);@custom-media --hello-screen-xl-and-above (width >= 1200px);@custom-media --hello-screen-xl-only (992px <= width < 1200px);@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}


/* === hello-elementor-header-footer === */
.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentcolor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentcolor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li ul a{color:#333}.site-navigation ul.menu li ul a:focus,.site-navigation ul.menu li ul a:hover{color:#222}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;inset-block-start:100%;inset-inline-start:0;max-width:calc(100vw - 2rem);min-width:150px;position:absolute;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{inset-block-start:0;inset-inline-start:100%}.site-navigation ul.menu li:last-child>ul,.site-navigation ul.menu li:nth-last-child(2)>ul{inset-inline-end:0;inset-inline-start:auto}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}


/* === woocommerce-de_frontend_styles === */
.woocommerce_de_scrollable_textarea{background-color:#f5f5f5!important;border:1px solid #ddd!important;color:#000!important;display:block!important;height:150px!important;overflow:auto!important;padding:8px!important;width:98%!important}.products .woocommerce-de_price_taxrate,span.wgm-info.woocommerce-de_price_taxrate{display:block}.fic-alcohol,.german-market-summary-gpsr,.price-per-unit,.shipping_de_string,.tax-and-shipping-customized,.wgm-extra-costs-eu,.wgm-gtin,.wgm-product-prerequisites,.woocommerce-de_price_shipping_rate,.woocommerce-de_price_taxrate,.woocommerce_de_versandkosten{font-family:inherit;font-size:.8em}.shipping_de_string>small{font-family:inherit;font-size:inherit}:where(.german-market-product-element-tax,.german-market-product-element-shipping,.german-market-product-element-tax-and-shipping,.german-market-product-element-ppu,.german-market-product-element-delivery-time,.german-market-product-element-extra-costs-non-eu,.german-market-product-element-gtin,.german-market-product-element-digital-prerequisits,.german-market-product-element-gpsr-producer,.german-market-product-element-gpsr-responsible-person,.german-market-product-element-gpsr-warnings)>:where(.wgm-info){font-family:inherit;font-size:.8em}.widerruf{clear:both}.wgm-second-checkout input.wgm-place-order{float:right}.checkout_productdesc{font-size:smaller;margin-left:10px}.german-market-product-element-ppu .price-per-unit{display:inherit;font-size:inherit}.price-per-unit,.tax-and-shipping-customized,.woocommerce_de_versandkosten{display:block}.woocommerce ul.product_list_widget li a.versandkosten{display:inline}.wgm-gtin{margin-bottom:15px}.product-tax{font-weight:400}.product-subtotal .amount,.product-total .amount{font-weight:700;text-align:left}.product-total .product-tax{display:block;text-align:left}.product-subtotal .product-tax .amount,.product-total .product-tax .amount,.wgm-tax,.wgm-tax .amount{font-weight:400!important}.product-subtotal .product-tax,.product-total .product-tax,.wgm-tax{font-size:smaller}.shipping_de.shipping_de_string{margin-bottom:15px}.wgm-break{display:block}.wgm-order-table-tr{border:1px solid #eee;text-align:left}.wgm-order-table-tr-cond{border-top-width:4px}.wgm-kleinunternehmerregelung{display:block}.wgm-kur-notice{margin-bottom:10px}.wgm-kur-notice-review{font-size:.8em}.wgm-virtual-notice{background-color:red;color:#fff;padding:0 5px}.german-market-checkout-hooks-active #order_review>#order_review_heading,.german-market-legal-guarantee-label-before-order-review-heading #order_review>#order_review_heading{float:left;left:0;padding-left:0;width:100%}.german-market-legal-guarantee-label-checkout-below-order-table{margin-bottom:1em}.german-market-legal-guarantee-label-checkout-below-checkout{margin-top:1em}.german-market-legal-guarantee-label-cart-below-cart{padding-top:1em}.wgm-digital-checkout-notice{color:red;float:left;margin-bottom:1em;width:100%}.wgm-digital-checkout-notice,.wgm-digital-variation-notice{display:block;font-size:smaller;margin-top:1em}.wgm-digital-attribute-list{font-size:smaller;margin-bottom:1em;margin-top:1em}.wgm-digital-attribute-list li{background:#f0f0f0;display:inline-block;margin:0 10px 10px 0;padding:0 10px}.wgm-product-prerequisites-label{display:block;font-size:.8em;margin-top:1em}.wgm-product-prerequisites{background:#f0f0f0;display:block;margin-bottom:2em;margin-top:1em;padding:10px}.wgm-extra-costs-eu{display:block;margin-bottom:1em}.wc-terms-and-conditions .required{display:none}#gm-sepa-mandate-preview-text{border:1px solid rgba(0,0,0,.1);box-sizing:border-box;font-size:14px;margin-bottom:20px;overflow:hidden;padding:9px 12px;width:100%}#gm-sepa-mandate-preview-text .close{cursor:pointer;display:inline-block;float:right;font-size:16px;text-align:right;text-transform:uppercase}#gm-sepa-mandate-preview-text .close:focus,#gm-sepa-mandate-preview-text .close:hover{text-decoration:underline}.gm-sepa-mandate-preview-inner{clear:both}.form-row.place-order.wgm-place-order{position:relative}.wgm-place-order-disabled{background-color:#fff;display:none;float:left;height:100%;opacity:.5;position:absolute;width:100%;z-index:100}.comment-form label.german-market-privacy-declaration-product-review{display:inline}.german-market-product-image{float:left;margin-right:10px;max-width:75px}table.shop_table td.product-name .german-market-product-image~dl.variation{display:table}table.shop_table td.product-name .german-market-product-image~dl.variation dd,table.shop_table td.product-name .german-market-product-image~dl.variation dt{display:inherit}table.shop_table td.product-name .german-market-product-image~.wc-item-meta{display:table;width:calc(100% - 85px)}table.shop_table td.product-name .german-market-product-image~.wc-item-meta li{display:block}table.shop_table td.product-name .german-market-product-image~.wc-item-meta p,table.shop_table td.product-name .german-market-product-image~.wc-item-meta-label{display:inline-block;float:left}.woocommerce-invalid #age-rating,.woocommerce-invalid #german-market-custom-checkbox,.woocommerce-invalid #gm-sepa-direct-debit-checkbox,.woocommerce-invalid #shipping-service-provider,.woocommerce-invalid #terms,.woocommerce-invalid #widerruf-digital-acknowledgement,.woocommerce-invalid .german-market-product-depending-checkbox{outline:2px solid red;outline-offset:2px}.gm-fic-highlighted-ingredient{font-weight:700}table.shop_table_responsive tr td.wgm-kur-notice-review:before{display:none}div.german-market-legal-information-for-product-reviews{border:1px solid;box-sizing:border-box;font-size:small;margin:1em 0;padding:1em}.german-market-legal-information-for-product-reviews.short-after-star-rating{cursor:pointer;display:block;float:left;font-size:small;margin-bottom:.5em;position:relative;width:100%}.german-market-legal-information-for-product-reviews-info-icon{margin-right:5px}.german-market-legal-information-for-product-reviews.short-after-star-rating .full-text{background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.2);box-shadow:0 0 5px 1px rgba(0,0,0,.2);box-sizing:border-box;color:inherit;cursor:default;display:block;display:none;font-size:small;left:0;line-height:1;max-width:100%;padding:.5em 1em 1.5em;position:absolute;top:2em;width:auto;z-index:9999}.german-market-legal-information-for-product-reviews.short-after-star-rating .full-text .close-full-text{cursor:pointer;display:block;margin-bottom:.5em;opacity:.5;text-align:right}span.german-market-legal-information-for-product-reviews.after-star-rating{border:1px solid rgba(0,0,0,.2);box-sizing:border-box;color:inherit;display:block;float:left;font-size:small;line-height:1;margin:1em 0;padding:1em;width:100%}.german-market-tab-gpsr{display:inline-block}.german-market-tab-gpsr .german-market-gpsr .german-market-gpsr-content,.german-market-tab-gpsr .german-market-gpsr .german-market-gpsr-label{display:block}.german-market-tab-gpsr .german-market-gpsr .german-market-gpsr-label{font-weight:700}.german-market-tab-gpsr .german-market-gpsr{box-sizing:border-box;float:left;width:100%}.german-market-tab-gpsr .german-market-gpsr:not(:first-child){margin-top:1rem}.german-market-tab-gpsr .german-market-gpsr .german-market-gpsr-content-warnings_and_safety_information p:first-child{margin-top:0}.german-market-summary-gpsr .german-market-gpsr{display:block}.german-market-charging-device{display:inline-block}.german-market-charging-device .german-market-charging-device-graphic{align-items:center;border:1px solid #000;box-sizing:border-box;float:left;position:relative}.german-market-charging-device .german-market-charging-device-not-included:after{background:linear-gradient(to top right,transparent calc(50% - 2px),#000,transparent calc(50% + 2px));content:"";height:100%;left:0;position:absolute;top:0;width:100%}.german-market-charging-device .german-market-charging-device-second-part{border:1px solid #000;border-radius:5%;box-sizing:border-box;font-family:arial;left:50%;position:absolute;text-align:center}.german-market-charging-device .german-market-charging-device-first-part{left:50%}.german-market-charging-device .german-market-charging-device-first-part,.german-market-charging-device .german-market-charging-device-pin1,.german-market-charging-device .german-market-charging-device-pin2{border:1px solid #000;border-bottom:none;box-sizing:border-box;position:absolute}.german-market-charging-device .german-market-charging-device-no-border{border:none}.german-market-charging-device .german-market-charging-device-power-elem{display:block}.german-market-withdrawal-form-message{white-space:pre-line}.woocommerce form .form-row .input-checkbox#withdrawal-form-partial{display:inline-block}.withdrawal-form-no-withdraw-item,.withdrawal-form-sku{display:block;font-size:.8em}.withdrawal-form-partial-items{margin-top:.3rem}.withdrawal-form-partial-items thead{text-align:left}.withdrawal-form-partial-items .product-select{white-space:nowrap;width:1%}.withdrawal-form-partial-items .product-select,.withdrawal-form-partial-items .product-select input{text-align:center;vertical-align:middle}.german-market-withdrawal-form-message[hidden]{display:none!important}.withdrawal-form-cc-site-url-wrapper{clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.german-market-guarantee-label-output{box-sizing:border-box;clear:both;margin:1em 0 0}.german-market-guarantee-label-output-nested{width:100%}.german-market-guarantee-label-output-full,.german-market-guarantee-label-output-nested{align-self:flex-start;display:block;float:none;justify-self:start;margin-left:0!important;margin-right:auto!important;text-align:left}.german-market-guarantee-label-trigger{appearance:none;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;color:inherit;cursor:pointer;display:block;margin:0;padding:0!important;text-align:left;width:100%}.german-market-legal-guarantee-label-trigger{color:inherit!important;display:inline;font-family:inherit!important;font-size:inherit!important;font-style:inherit!important;font-weight:inherit;letter-spacing:inherit!important;line-height:inherit;max-width:100%;text-align:inherit;text-decoration:var(--german-market-legal-guarantee-label-text-decoration,underline);text-transform:none!important;text-underline-offset:.15em;vertical-align:baseline;width:auto}.german-market-legal-guarantee-label-trigger:active,.german-market-legal-guarantee-label-trigger:focus,.german-market-legal-guarantee-label-trigger:hover{color:inherit!important;text-decoration:var(--german-market-legal-guarantee-label-text-decoration,underline)}.german-market-guarantee-label-close:focus-visible,.german-market-guarantee-label-trigger:focus-visible{outline:2px solid currentColor;outline-offset:3px}.german-market-guarantee-label-dialog-content svg,.german-market-guarantee-label-trigger svg{display:block;height:auto;width:100%}.german-market-guarantee-label-output-full svg{display:block;height:auto;max-width:100%}.german-market-guarantee-label-modal[hidden]{display:none!important}.german-market-guarantee-label-modal{align-items:center;background:rgba(0,0,0,.65);box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:999999}.german-market-guarantee-label-dialog{background:#fff;border-radius:3px;box-shadow:0 12px 40px rgba(0,0,0,.35);box-sizing:border-box;max-height:calc(100vh - 48px);overflow:auto;padding:44px 24px 24px;position:relative;width:min(100%,520px)}.german-market-legal-guarantee-label-dialog{width:min(100%,720px)}.german-market-legal-guarantee-label-dialog-content .german-market-legal-guarantee-label-figure{margin:0}.german-market-legal-guarantee-label-dialog-content .german-market-legal-guarantee-label-image{display:block;height:auto;max-width:100%}.german-market-guarantee-label-dialog .screen-reader-text{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;clip-path:inset(50%)!important;white-space:nowrap!important}.german-market-guarantee-label-close{align-items:center;appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;color:#000!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:400;gap:6px;height:32px;justify-content:center;line-height:1;margin:0;min-width:32px;padding:0 6px!important;position:absolute;right:8px;top:8px;width:auto}.german-market-guarantee-label-close:hover{color:#000!important}.german-market-guarantee-label-close-icon{align-items:center;display:inline-flex;font-size:22px;font-weight:700;justify-content:center;line-height:1}.german-market-electronic-equipment-takeback-information{background:#fff;box-sizing:border-box;clear:both;margin:1em 0 0;max-width:100%;padding:0 8px 8px;width:fit-content}.german-market-electronic-equipment-takeback-information .german-market-electronic-equipment-takeback-logo{margin-left:auto;margin-right:0}.german-market-electronic-equipment-takeback-block>.german-market-electronic-equipment-takeback-information{margin-left:0;margin-right:auto}.german-market-electronic-equipment-takeback-block.german-market-electronic-equipment-takeback-block-align-center>.german-market-electronic-equipment-takeback-information{margin-left:auto;margin-right:auto}.german-market-electronic-equipment-takeback-block.german-market-electronic-equipment-takeback-block-align-right>.german-market-electronic-equipment-takeback-information{margin-left:auto;margin-right:0}.german-market-electronic-equipment-takeback-trigger{align-items:flex-start;color:#1e1e1e!important;display:inline-flex;flex-direction:column;font-size:16px!important;max-width:100%;text-indent:0!important;width:fit-content}.german-market-electronic-equipment-takeback-trigger:active,.german-market-electronic-equipment-takeback-trigger:focus,.german-market-electronic-equipment-takeback-trigger:hover{color:#1e1e1e!important}.german-market-electronic-equipment-takeback-link-text{display:block!important;height:auto!important;margin:4px 0 0!important;max-width:100%!important;overflow:visible!important;padding:0!important;position:static!important;visibility:visible!important;width:auto!important;clip:auto!important;color:#1e1e1e!important;font-size:12px!important;font-weight:400!important;line-height:1.35!important;opacity:1!important;overflow-wrap:anywhere;text-align:left!important;white-space:normal!important}.german-market-electronic-equipment-takeback-trigger .german-market-electronic-equipment-takeback-link-text,.german-market-electronic-equipment-takeback-trigger:active .german-market-electronic-equipment-takeback-link-text,.german-market-electronic-equipment-takeback-trigger:focus .german-market-electronic-equipment-takeback-link-text,.german-market-electronic-equipment-takeback-trigger:hover .german-market-electronic-equipment-takeback-link-text{color:#1e1e1e!important;opacity:1!important;text-decoration:underline!important;text-underline-offset:.15em;visibility:visible!important}.german-market-electronic-equipment-takeback-dialog{display:flex;flex-direction:column;max-height:min(680px,calc(100vh - 48px));overflow:hidden;padding:0;width:min(100%,720px)}.german-market-electronic-equipment-takeback-dialog-header{border-bottom:1px solid #ddd;flex:0 0 auto;padding:20px 120px 16px 24px;position:relative}.german-market-electronic-equipment-takeback-dialog-title{color:#111;font-family:inherit!important;font-size:20px!important;font-style:normal!important;font-weight:600!important;letter-spacing:normal!important;line-height:1.35!important;margin:0;text-transform:none!important}.german-market-electronic-equipment-takeback-close{right:16px;top:14px}.german-market-electronic-equipment-takeback-dialog-content{color:#111;line-height:1.5;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px 24px}.german-market-electronic-equipment-takeback-dialog-content:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.german-market-electronic-equipment-takeback-dialog-content>:first-child{margin-top:0}.german-market-electronic-equipment-takeback-dialog-content>:last-child{margin-bottom:0}body.german-market-guarantee-label-modal-open{overflow:hidden}@media only screen and (max-width:600px){.german-market-guarantee-label-modal{padding:12px}.german-market-guarantee-label-dialog{max-height:calc(100vh - 24px);padding:44px 12px 12px}.german-market-electronic-equipment-takeback-dialog{max-height:calc(100vh - 24px);padding:0}.german-market-electronic-equipment-takeback-dialog-header{padding:16px 96px 14px 16px}.german-market-electronic-equipment-takeback-dialog-title{font-size:18px!important}.german-market-electronic-equipment-takeback-close{right:10px;top:10px}.german-market-electronic-equipment-takeback-dialog-content{padding:16px}}