@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//my-papp.de/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//my-papp.de/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//my-papp.de/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//my-papp.de/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//my-papp.de/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//my-papp.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//my-papp.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//my-papp.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//my-papp.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: #83b735;
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://my-papp.de/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://my-papp.de/wp-content/uploads/2025/10/Seitentitel-Hintergrund-4.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* =========================================
   PRODUKTSEITE – dein Look + iPad-Fix + Abstände
   (alle Regeln sind auf .single-product gescoped)
   ========================================= */

/* ---------- Variations-Swatches (Typo & Layout) ---------- */
.single-product .variations_form .sw-top,
.single-product .variations_form .sw-sub{
  display:block;
  line-height:1.25;
}
.single-product .variations_form .sw-top{ font-weight:700; }
.single-product .variations_form .sw-sub{ font-size:.95em; opacity:.9; }

.single-product .variations_form .wd-swatch,
.single-product .variations_form .variable-item{
  padding:10px 16px;
  min-width:220px;
  box-sizing:border-box;
}
.single-product .variations_form .wd-swatch .sw-top,
.single-product .variations_form .wd-swatch .sw-sub{
  margin:0 2px;
}

/* 2 Swatches pro Reihe */
.single-product .variations_form [class*="wd-swatches"]{
  display:grid !important;
  grid-template-columns:repeat(2, 1fr);
  gap:12px 14px;
}
.single-product .variations_form [class*="wd-swatches"] .wd-swatch,
.single-product .variations_form [class*="wd-swatches"] .variable-item{
  width:100% !important;
  box-sizing:border-box;
}

/* iPad/Tablet-Fix */
@media (max-width: 1024px){
  .single-product .variations_form .wd-swatch,
  .single-product .variations_form .variable-item{
    min-width:0;
  }
}

/* Sehr kleine Screens: 1 Spalte */
@media (max-width: 480px){
  .single-product .variations_form [class*="wd-swatches"]{
    grid-template-columns:1fr;
  }
}

/* ---------- Menge (– qty +) ---------- */
.single-product{
  --qty-radius: 6px;
  --qty-height: 55px;
  --qty-btn-w: 44px;
  --qty-border: #e5e5e5;
  --qty-green: var(--wd-primary-color, var(--color-primary, #7db744));
}

.single-product div.product form.cart .quantity,
.single-product .quantity.buttons_added{
  position:relative;
  display:inline-flex;
  align-items:stretch;
  height:var(--qty-height);
  border:1px solid var(--qty-border);
  border-radius:var(--qty-radius);
  overflow:hidden;
  background:#fff;
  line-height:normal;
}

/* Trenner */
.single-product div.product form.cart .quantity::before,
.single-product div.product form.cart .quantity::after,
.single-product .quantity.buttons_added::before,
.single-product .quantity.buttons_added::after{
  content:"";
  position:absolute; top:1px; bottom:1px; width:1px;
  background:var(--qty-border); z-index:2; pointer-events:none;
}
.single-product div.product form.cart .quantity::before,
.single-product .quantity.buttons_added::before{ left:var(--qty-btn-w); }
.single-product div.product form.cart .quantity::after,
.single-product .quantity.buttons_added::after{ right:var(--qty-btn-w); }

/* Minus/Plus */
.single-product .quantity .minus,
.single-product .quantity .plus{
  width:var(--qty-btn-w); min-width:var(--qty-btn-w);
  height:calc(var(--qty-height) - 2px);
  display:flex; align-items:center; justify-content:center;
  border:0; background:transparent; padding:0; margin:0;
  cursor:pointer; font-size:16px; line-height:1; color:inherit;
}
.single-product .quantity .minus:hover,
.single-product .quantity .plus:hover{
  background:var(--qty-green); color:#fff;
}
.single-product .quantity .minus:active,
.single-product .quantity .plus:active{ filter:brightness(.95); }

/* Zahlfeld */
.single-product .quantity .qty,
.single-product .quantity input.qty{
  width:64px; max-width:80px; text-align:center;
  border:0 !important; box-shadow:none !important; outline:0 !important;
  height:calc(var(--qty-height) - 2px);
  line-height:calc(var(--qty-height) - 2px);
  margin:0 !important; padding:0 !important; background:transparent;
  -moz-appearance:textfield;
}
.single-product .quantity .qty::-webkit-outer-spin-button,
.single-product .quantity .qty::-webkit-inner-spin-button{
  -webkit-appearance:none; margin:0;
}

/* "x Leeren" ausblenden (nur Produktseite) */
.single-product .variations_form .reset_variations,
.single-product a.reset_variations{
  display:none !important; margin:0 !important;
}

/* Mobile: ausgewählten Wert über den Swatches ausblenden */
@media (max-width: 768px){
  .single-product table.variations .label .xts-attr-selected,
  .single-product table.variations .label .wd-attr-selected,
  .single-product table.variations .label .selected-variation,
  .single-product table.variations .label .attribute-selected,
  .single-product table.variations .label .swatches-selected,
  .single-product .woo-variation-items-wrapper .selected-value{
    display:none !important;
  }
}

/* ---------- Preiszeile & Netto rechts ---------- */
/* → Grid mit 2 Spalten: links Brutto+Suffix, rechts Netto */
.single-product .summary .price,
.single-product .single_variation .woocommerce-variation-price .price{
  display:grid !important;
  grid-template-columns: 1fr auto !important;  /* links füllt, rechts so breit wie nötig */
  align-items:baseline !important;
  column-gap:12px !important;
  width:100% !important;
}

/* Theme-Floats neutralisieren */
.single-product .summary .price > *,
.single-product .single_variation .woocommerce-variation-price .price > *{
  float:none !important;
}

/* Netto-Block rechtsbündig */
.single-product .summary .price > .mypfx-net,
.single-product .single_variation .woocommerce-variation-price .price > .mypfx-net{
  grid-column:2 !important;
  justify-self:end !important;
  text-align:right !important;
  display:inline-flex !important;
  align-items:baseline !important;
  gap:8px !important;
  white-space:nowrap;
}

/* Alles andere bleibt links (Spalte 1) */
.single-product .summary .price > :not(.mypfx-net),
.single-product .single_variation .woocommerce-variation-price .price > :not(.mypfx-net){
  grid-column:1 !important;
}

/* Suffix enger */
.single-product .summary .price .woocommerce-price-suffix,
.single-product .single_variation .woocommerce-variation-price .price .woocommerce-price-suffix{
  margin-left:6px !important;
}

/* Stückpreise: kleiner Abstand zur Preiszeile */
.single-product .mypfx-unit-slot{ margin-top:4px; }

/* ---------- Wishlist/Compare ausblenden (nur Produktseite) ---------- */
.single-product .yith-wcwl-add-to-wishlist,
.single-product a.compare,
.single-product .wd-compare-btn,
.single-product .wd-wishlist-btn{
  display:none !important;
}

/* --- FIX: Wrapper der Variations-Preise auf volle Breite ziehen --- */
.single-product .single_variation .woocommerce-variation-price{
  display:block !important;     /* statt inline / inline-block */
  width:100% !important;        /* darf die ganze Zeile einnehmen */
}

/* Preiszeile sowohl bei Variationen als auch bei Simple als 2-Spalten-Grid */
.single-product .single_variation .woocommerce-variation-price .price,
.single-product .summary > .price{
  display:grid !important;
  grid-template-columns: 1fr auto !important;  /* links Brutto, rechts Netto */
  align-items:baseline !important;
  column-gap:12px !important;
  width:100% !important;
}

/* Theme-Floats neutralisieren, damit Grid greift */
.single-product .single_variation .woocommerce-variation-price .price > *,
.single-product .summary > .price > *{
  float:none !important;
}

/* Netto-Block hart nach rechts */
.single-product .single_variation .woocommerce-variation-price .price > .mypfx-net,
.single-product .summary > .price > .mypfx-net{
  grid-column:2 !important;
  justify-self:end !important;
  text-align:right !important;
  display:inline-flex !important;
  align-items:baseline !important;
  gap:8px !important;
  white-space:nowrap;
}

/* Alles andere bleibt links */
.single-product .single_variation .woocommerce-variation-price .price > :not(.mypfx-net),
.single-product .summary > .price > :not(.mypfx-net){
  grid-column:1 !important;
}

/* Suffix „mit MwSt.“ etwas näher an die Zahl */
.single-product .single_variation .woocommerce-variation-price .price .woocommerce-price-suffix,
.single-product .summary > .price .woocommerce-price-suffix{
  margin-left:6px !important;
}
/* --- Fix: Suffix & linke Preis-Kinder nicht umbrechen --- */
.single-product .summary .price .woocommerce-price-suffix,
.single-product .single_variation .woocommerce-variation-price .price .woocommerce-price-suffix{
  display: inline !important;
  white-space: nowrap !important;
  margin-left: 6px !important; /* dichter an die Zahl */
}

/* Linke Preis-Seite (alles außer dem Netto-Block) inline halten */
.single-product .summary .price > :not(.mypfx-net),
.single-product .single_variation .woocommerce-variation-price .price > :not(.mypfx-net){
  display: inline !important;
}

/* Falls Woodmart <del>/<ins> blockt – wieder inline setzen */
.single-product .summary .price > del,
.single-product .summary .price > ins,
.single-product .single_variation .woocommerce-variation-price .price > del,
.single-product .single_variation .woocommerce-variation-price .price > ins{
  display: inline !important;
}

/* ==== OVERRIDE: Preiszeile als Flex, Netto rechts; Suffix bleibt in einer Zeile ==== */

/* Wrapper der Variationspreise volle Breite (haben wir schon, bleibt hier nochmals fixiert) */
.single-product .single_variation .woocommerce-variation-price{
  display:block !important;
  width:100% !important;
}

/* Preiszeile: Flex statt Grid (damit Preis + "mit MwSt." nicht umbrechen) */
.single-product .single_variation .woocommerce-variation-price .price,
.single-product .summary > .price{
  display:flex !important;
  align-items:baseline !important;
  gap:8px !important;
  width:100% !important;
  flex-wrap:nowrap !important;        /* alles in einer Zeile halten */
}

/* Netto-Block zuverlässig ganz rechts */
.single-product .single_variation .woocommerce-variation-price .price .mypfx-net,
.single-product .summary > .price .mypfx-net{
  margin-left:auto !important;
  text-align:right !important;
  display:inline-flex !important;
  align-items:baseline !important;
  gap:8px !important;
  white-space:nowrap !important;
}

/* Theme-Floats neutralisieren */
.single-product .single_variation .woocommerce-variation-price .price > *,
.single-product .summary > .price > *{
  float:none !important;
}

/* Suffix "mit MwSt." als Inline + kein Zeilenumbruch */
.single-product .single_variation .woocommerce-variation-price .price .woocommerce-price-suffix,
.single-product .summary > .price .woocommerce-price-suffix{
  display:inline !important;
  white-space:nowrap !important;
  margin-left:6px !important;
}

/* Für Sale-Preise: <del>/<ins> ebenfalls inline lassen */
.single-product .single_variation .woocommerce-variation-price .price > del,
.single-product .single_variation .woocommerce-variation-price .price > ins,
.single-product .summary > .price > del,
.single-product .summary > .price > ins{
  display:inline !important;
}