.elementor-1315 .elementor-element.elementor-element-82401c7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:12vmin;--padding-bottom:12vmin;--padding-left:0vmin;--padding-right:0vmin;}.elementor-1315 .elementor-element.elementor-element-775f25f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#D7BE8C;--border-color:#D7BE8C;--margin-top:0vmin;--margin-bottom:6vmin;--margin-left:0vmin;--margin-right:0vmin;--padding-top:0rem;--padding-bottom:1.25rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1315 .elementor-element.elementor-element-2db6b35 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:56px;font-weight:700;line-height:1em;color:#D7BE8C;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1315 .elementor-element.elementor-element-8517f57 .elementor-button{background-color:rgba(0,0,0,0);font-family:"Helvetica Neue", Sans-serif;font-size:19px;font-weight:400;letter-spacing:0px;fill:#D7BE8C;color:#D7BE8C;border-radius:0px 0px 0px 0px;}.elementor-1315 .elementor-element.elementor-element-8517f57 .elementor-button:hover, .elementor-1315 .elementor-element.elementor-element-8517f57 .elementor-button:focus{background-color:rgba(0,0,0,0);color:#FFFFFF;}.elementor-1315 .elementor-element.elementor-element-8517f57 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1315 .elementor-element.elementor-element-8517f57 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1315 .elementor-element.elementor-element-8517f57 .elementor-button:hover svg, .elementor-1315 .elementor-element.elementor-element-8517f57 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1315 .elementor-element.elementor-element-8a28b33{color:#FFFFFF;}@media(max-width:767px){.elementor-1315 .elementor-element.elementor-element-82401c7{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1315 .elementor-element.elementor-element-2db6b35 .elementor-heading-title{font-size:36px;}}/* Start custom CSS for theme-post-content, class: .elementor-element-8a28b33 *//* Mobiler Riesenabstand zwischen "Jetzt kaufen" und dem Footer (1248 px).
   Ursache: WooCommerce setzt am Checkout-Block container-type: inline-size
   (checkout.css). Dadurch blaeht sich dieser Wrapper (theme-post-content)
   auf: gemessen 3852 px Wrapper bei 2604 px Inhalt.
   KEIN Margin, KEIN Float, KEINE Skalierung - der Snackbar-Container ist
   ebenfalls unschuldig (Entfernen aendert nichts).
   container-type darf NICHT abgeschaltet werden: dann dreht WooCommerce die
   Reihenfolge um (Bestelluebersicht vor die Felder).
   display: contents entfernt nur die Wrapper-Box - Reihenfolge und Layout
   bleiben unveraendert (verifiziert: Felder zuerst, Dokument 4642 -> 3394 px). */
.elementor-1315 .elementor-element.elementor-element-8a28b33 { display: contents; }

/* PayPal-Kartenfelder: Beschriftungen "Card number" / "Expiry" / "CVV".
   Die Felder selbst sind PayPal-iframes mit festem weissem Hintergrund
   (Plugin kopiert background/border bewusst nicht). Die Beschriftung liegt
   aber auf unserer Seite und erbt das Weiss des dunklen Designs -> weiss auf
   weiss. Kein Regler vorhanden (WooCommerce-Block + PayPal-Plugin-Markup).
   Textfarbe IM Feld kommt aus PHP-Snippet 1568 (Filter
   woocommerce_paypal_payments_card_fields_styles), CSS erreicht das iframe nicht. */
.elementor-1315 .elementor-element.elementor-element-8a28b33 .ppcp-sdk-v6-card-field__label { color: #6B7280 !important; }

/* Bestellbestaetigung (/kasse/order-received/...).
   Klassisches WooCommerce-Template thankyou.php - keine Elementor-Regler.
   Das Elementor-Pro-Widget "Purchase Summary" waere die native Alternative,
   loest aber den Hook woocommerce_thankyou NICHT aus -> Trusted Shops und
   Germanized "Jetzt bezahlen" fielen weg. Daher bleibt das Template, nur gestylt.
   Alles unter .woocommerce-order gescoped, die Kasse bleibt unberuehrt. */

/* Danke-Satz etwas groesser, mehr Luft zur Uebersicht */
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order .woocommerce-thankyou-order-received {
  font-size: 22px; margin: 0 0 24px;
}
/* Uebersicht (Nr., Datum, Gesamt, Zahlungsart): Karten statt Aufzaehlung */
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order ul.woocommerce-order-overview {
  list-style: none; padding: 0; margin: 0 0 56px;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px;
}
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order ul.woocommerce-order-overview li {
  margin: 0; padding: 16px 20px; border: 1px solid rgba(215, 190, 140, 0.4); border-radius: 8px;
  font-size: 14px; line-height: 1.4; color: rgba(255, 255, 255, 0.7);
}
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order ul.woocommerce-order-overview li strong {
  display: block; margin-top: 4px; font-size: 18px; color: #FFFFFF; overflow-wrap: anywhere;
}
/* Bestelltabelle: Texte links, Betraege rechts statt alles zentriert */
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order .woocommerce-table--order-details th,
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order .woocommerce-table--order-details td { text-align: left; }
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order .woocommerce-table--order-details th:last-child,
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order .woocommerce-table--order-details td:last-child { text-align: right; }
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order .woocommerce-table--order-details tfoot th { font-weight: 400; color: rgba(255, 255, 255, 0.75); }
/* Adressen: nicht kursiv, als Karte wie die Uebersicht */
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order .woocommerce-customer-details address {
  font-style: normal; line-height: 1.6; padding: 20px 24px;
  border: 1px solid rgba(215, 190, 140, 0.4); border-radius: 8px;
}

/* Mobil: lange PayPal-Adresse unter "Zahlungsart" liess sich nicht umbrechen und
   drueckte die Seite auf 488 px (Viewport 390 px) -> seitliches Scrollen.
   Der Inhalt sitzt als Flex-Kind (Wrapper ist display: contents) -> min-width: 0. */
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce:has(.woocommerce-order) { min-width: 0; }
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order .woocommerce-table--order-details td,
.elementor-1315 .elementor-element.elementor-element-8a28b33 .woocommerce-order .woocommerce-customer-details address { overflow-wrap: anywhere; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82401c7 *//* Hersteller-Angabe (Produkteigenschaft) im Warenkorb/Checkout ausblenden.
   Im Produkt (Reiter 'Details') bleibt sie sichtbar. Kein Elementor-Regler. */
.elementor-1315 .elementor-element.elementor-element-82401c7 .wc-block-components-product-details__hersteller { display: none !important; }

/* WooCommerce-Blocks-Hinweise (z. B. 'Menge geaendert') im dunklen Shop-Layout. */
.elementor-1315 .elementor-element.elementor-element-82401c7 .wc-block-components-notice-banner {
  background-color: #0b0b63 !important;
  border: 1px solid #D7BE8C !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.35) !important;
}
.elementor-1315 .elementor-element.elementor-element-82401c7 .wc-block-components-notice-banner > svg {
  background-color: transparent !important;
  fill: #D7BE8C !important;
}
.elementor-1315 .elementor-element.elementor-element-82401c7 .wc-block-components-notice-banner .wc-block-components-notice-banner__content {
  color: #ffffff !important;
}
.elementor-1315 .elementor-element.elementor-element-82401c7 .wc-block-components-notice-banner .wc-block-components-notice-banner__content a.wc-forward {
  background: #D7BE8C !important;
  color: #010055 !important;
  border-radius: 999px !important;
  padding: 8px 16px !important;
  opacity: 1 !important;
  text-decoration: none !important;
}/* End custom CSS */