/** Shopify CDN: Minification failed

Line 263:2 Expected identifier but found "*"
Line 263:33 Expected identifier but found "*"
Line 286:2 Expected identifier but found "*"
Line 286:24 Expected identifier but found "*"
Line 289:2 Expected identifier but found "*"
Line 289:48 Expected identifier but found "*"
Line 304:1 Unexpected "/"
Line 311:2 Unexpected "/"

**/
/* =========================
   Global UI – Buttons & CTAs
   Pill Style (50px)
   ========================= */

h1, h2, h3 {
  text-transform:uppercase;
}

/* Klassische Buttons */
button,
.button,
.btn,
a.button,
input[type="submit"],
input[type="button"],
input[type="reset"],

/* Call-to-action Elemente (Pixel Union / Atlantic) */
.call-to-action,
span.call-to-action,
a.call-to-action,

/* Häufige CTA-Varianten */
[class*="call-to-action"],
[class*="cta"],
[class*="action"] {
  border-radius: 50px !important;
}

/* =========================================
   Shopify Accelerated Checkout (Shop Pay etc.)
   Border radius via CSS variable (Shadow DOM safe)
   ========================================= */

shopify-accelerated-checkout {
  --shopify-accelerated-checkout-button-border-radius: 50px !important;
}

/* =========================
   Header Dropdown Menus
   ========================= */

ul.dropdown-wrap.primary {
  border-radius: 0px 0px 8px 8px;
  min-width: 100%;
}


/* =========================
   Header Dropdown – Position Fix
   ========================= */

.main-header nav.full .nav-item .dropdown-wrap {
  left: 0px;
}

/* =========================
   Header Navigation – Dropdown Side Fix
   ========================= */

.main-header nav.full .nav-item.dropdown > .label:after,
.main-header nav.full .nav-item.dropdown > details .label:after {
  top: 9px;
  height: 0;
}

/* =========================
   Header Navigation – Dropdown Item Radius
   ========================= */

.main-header nav.full .nav-item.dropdown {
  border-radius: 8px 8px 0 0;
}

/* =========================================================
   NAV DROPDOWN TRIGGER – ALWAYS ROUNDED (no overflow hidden)
   ========================================================= */

/* 1) Der Dropdown-Nav-Container selbst */
.main-header nav.full .nav-item.dropdown {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

/* 2) Das sichtbare Klick-Element (Label / Link / Summary) – alle States */
.main-header nav.full .nav-item.dropdown > .label,
.main-header nav.full .nav-item.dropdown:hover > .label,
.main-header nav.full .nav-item.dropdown:focus-within > .label,
.main-header nav.full .nav-item.dropdown > a,
.main-header nav.full .nav-item.dropdown:hover > a,
.main-header nav.full .nav-item.dropdown:focus-within > a,
.main-header nav.full .nav-item.dropdown > details > .label,
.main-header nav.full .nav-item.dropdown:hover > details > .label,
.main-header nav.full .nav-item.dropdown:focus-within > details > .label,
.main-header nav.full .nav-item.dropdown > details > summary,
.main-header nav.full .nav-item.dropdown:hover > details > summary,
.main-header nav.full .nav-item.dropdown:focus-within > details > summary,
.main-header nav.full .nav-item.dropdown > details > summary .label,
.main-header nav.full .nav-item.dropdown:hover > details > summary .label,
.main-header nav.full .nav-item.dropdown:focus-within > details > summary .label,
.main-header nav.full .nav-item.dropdown > details[open] > summary,
.main-header nav.full .nav-item.dropdown > details[open] > summary .label,
.main-header nav.full .nav-item.dropdown[open] > .label {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* 3) Falls der Hintergrund über Pseudo-Elemente kommt */
.main-header nav.full .nav-item.dropdown > .label::before,
.main-header nav.full .nav-item.dropdown > .label::after,
.main-header nav.full .nav-item.dropdown > a::before,
.main-header nav.full .nav-item.dropdown > a::after,
.main-header nav.full .nav-item.dropdown > details > summary::before,
.main-header nav.full .nav-item.dropdown > details > summary::after,
.main-header nav.full .nav-item.dropdown > details > summary .label::before,
.main-header nav.full .nav-item.dropdown > details > summary .label::after {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* 4) Dropdown-Panel selbst: unten rund (falls nicht schon gesetzt) */
.main-header nav.full .nav-item .dropdown-wrap,
ul.dropdown-wrap.primary {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
/* =========================================================
   NAV DROPDOWN – always rounded (closed + open)
   Theme draws the visible shape via .border
   ========================================================= */

/* Der sichtbare "Rahmen/Shape" */
.main-header nav.full .nav-item.dropdown > .border {
  border-radius: 8px 8px 0 0 !important;
}

/* Der Klickbereich (Summary) – zur Sicherheit auch rund */
.main-header nav.full .nav-item.dropdown details > summary.label {
  border-radius: 8px 8px 0 0 !important;
}

/* Dropdown-Panel unten rund */
.main-header nav.full .nav-item.dropdown > ul.dropdown-wrap.primary {
  border-radius: 0 0 8px 8px !important;
  left: 0px !important;
  min-width: 100% !important;
}

.main-header nav.full .nav-item.dropdown > .border::before,
.main-header nav.full .nav-item.dropdown > .border::after,
.main-header nav.full .nav-item.dropdown details > summary.label::before,
.main-header nav.full .nav-item.dropdown details > summary.label::after {
  border-radius: 8px 8px 0 0 !important;
}
/* =========================================================
   NAV DROPDOWN – ALWAYS ROUNDED (closed + open states)
   ========================================================= */

/* Always round the dropdown trigger area */
.main-header nav.full .nav-item.dropdown,
.main-header nav.full .nav-item.dropdown details,
.main-header nav.full .nav-item.dropdown details[open] {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

/* The visible trigger (summary label) */
.main-header nav.full .nav-item.dropdown details > summary.label,
.main-header nav.full .nav-item.dropdown details[open] > summary.label {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Border layer (very likely the one drawing the corners) */
.main-header nav.full .nav-item.dropdown > .border,
.main-header nav.full .nav-item.dropdown details > .border,
.main-header nav.full .nav-item.dropdown details[open] > .border {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* If corners are drawn via pseudo elements */
.main-header nav.full .nav-item.dropdown > .border::before,
.main-header nav.full .nav-item.dropdown > .border::after,
.main-header nav.full .nav-item.dropdown details > summary.label::before,
.main-header nav.full .nav-item.dropdown details > summary.label::after,
.main-header nav.full .nav-item.dropdown details[open] > summary.label::before,
.main-header nav.full .nav-item.dropdown details[open] > summary.label::after {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Dropdown panel: bottom rounded (always) */
.main-header nav.full .nav-item.dropdown > ul.dropdown-wrap.primary {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;

  left: 0px !important;
  min-width: 100% !important;
}

nav a,
.header__menu-item {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.78rem;
  color: #141b34;
}
nav a:hover {
  opacity: 0.6;
}

/* Header tools divider (between cart and social icons) */
.main-header--tools-divider {
  display: inline-block;
  width: 1px;
  height: 18px;
  margin: 0 14px;
  background: rgba(20, 27, 52, 0.25);
  vertical-align: middle;
}
/* Remove social-links built-in divider so we can control divider position */
.main-header .social-links:before,
.main-header .social-links:after,
.main-header .social-links .divider,
.main-header .social-links .social-links-divider {
  display: none !important;
  content: none !important;
}


section:has(img) + section,
section:has(h2) {
  color: #141b34 !important;
} /* TITEL */
section:has(h2) h2 {
  font-size: 1.6rem !important;
  */font-size: 1.6rem !important;*/
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.6rem !important;
  line-height: 1.35 !important;
  /*line-height: 1.75 !important;*/
  color: #141b34 !important;
} /* NUR Text direkt unter dem Titel */
section:has(h2) h2 + p {
  color: #141b34 !important;
}

h2.product__title, .product-card-details h2 {
  font-size: 1.4rem !important;
}
.picture-block-content {
    text-align: left;
}
.picture-block-wrapper {
 background-color: #F7F4EE;
}

form {
  */background: #f6f2ed;*/
  padding: 2.5rem;
  border-radius: 18px;
  */box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);*/
}
input,
textarea,
select {
  border-radius: 12px;
  border: 1px solid #d8cfc4;
  padding: 0.8rem;
  font-size: 0.9rem;
  background: #fff;
}
input[type="tel"],
select {
  border: 2px solid #111;
}
*/button {
  border-radius: 999px;
  background: #141b34;
  color: #fff;
  letter-spacing: 0.18em;
  padding: 1rem 2.4rem;
  text-transform: uppercase;
}*/

button.action-button,
button.submit-button,
.button,
.btn,
input[type="submit"] {
  border-radius: 999px;
  background: #141b34;
  color: #fff;
  letter-spacing: 0.18em;
  padding: 1rem 2.4rem;
  text-transform: uppercase;
}


.gfb-style-material_filled.globo-form-app.boxed-layout {
    border-radius: 18px !important;
}

.globo-form-app.boxed-layout {
    box-shadow: none !important;
}

.globo-form-app.boxed-layout form {
    border-radius: 0 18px 18px 0 !important;
    background: #f6f2ed;
}

.gfb-style-material_filled [data-type=file2] .gfb__dropzone, .globo-form-input, .gfb-style-material_filled .globo-form-control:not([data-type=file2],[data-type=imageOptions],[data-type=rating-level],[data-type=feedback],[data-type=matrix],[data-type=rating-star2],[data-type=checkbox],[data-type=radio],[data-type=colorSwatches],[data-type=rangeSlider],[data-type=switcher],[data-type=button],[data-type=signature]) .globo-form-input {
    background-color: rgba(255, 255, 255, 1) !important;
}

button.prev, button.previous, button.next {
    width: auto !important;
    height: auto !important;
}
.pxs-newsletter-form form {
    background: none;
}

.main-header--tools-right .tool-container {
  align-items: center; /* sorgt dafür, dass alle Items vertikal mittig sind */
}

.main-header--tools-divider {
  align-self: center; /* erzwingt Mitte für den Divider */
  display: block;     /* besser in Flex als inline-block */
  width: 1px;
  height: 18px;
  margin: 0 14px;
  background: rgba(20, 27, 52, 0.25);
}

/* =========================
   Header Tools – Spacing Fix
   ========================= */

/* Login / Account Icon */
.main-header--tools-right .account-options {
  margin-right: 8px; /* vorher deutlich größer */
}

/* Cart Icon */
.main-header--tools-right .mini-cart-wrap {
  margin-left: 0;
  margin-right: 0;
}
/* Cart counter / badge */
.main-header--tools-right .mini-cart-wrap {
  position: relative; /* Referenz für den Counter */
}

.main-header--tools-right .mini-cart-wrap .item-count {
  top: -4px;     /* näher ans Icon */
  right: -6px;   /* weniger Abstand */
  margin: 0;
}
.main-header--tools-right .main-header--tools-divider {
  margin: 0 10px; /* etwas weniger Luft */
}
/* =========================================================
   FINAL OVERRIDES – Header Tools spacing + badge + divider
   (put this at the VERY END of global-ui.css.liquid)
   ========================================================= */

/* 1) Prevent global button styling from breaking header icon buttons */
.main-header--tools-right .mini-cart-wrap,
.main-header--tools-right .menu,
.main-header--tools-right .account-options,
.main-header--tools-right .social-links .social-link {
  background: transparent !important;
  padding: 0 !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 2) Make the right tools row compact and vertically centered */
.main-header--tools-right .tool-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important; /* spacing between Login, Cart, Divider, Social */
}

/* 3) Divider: ensure it stays centered in flex + proper spacing */
.main-header--tools-divider {
  display: block !important;
  align-self: center !important;
  flex: 0 0 auto !important;

  width: 1px !important;
  height: 18px !important;
  margin: 0 10px !important;
  background: rgba(20, 27, 52, 0.25) !important;
}

/* 4) Cart badge: force absolute positioning close to icon */
.main-header--tools-right .mini-cart-wrap {
  position: relative !important;
}

.main-header--tools-right .mini-cart-wrap .item-count {
  position: absolute !important;
  top: -4px !important;
  right: -6px !important;
  left: auto !important;

  margin: 0 !important;
  transform: none !important;
}

/* 5) Optional: keep social icons from adding their own divider */
.main-header .social-links:before,
.main-header .social-links:after,
.main-header .social-links .divider,
.main-header .social-links .social-links-divider {
  display: none !important;
  content: none !important;
}
.globo-form-id-126441 .globo-form-app {
  max-width:100% !important;
}

.signature_piece {
  background-color: #000;
  background-image: url("/cdn/shop/files/Marble_Background_black_75b.jpg?v=1768576391");
  flex: 0 0 49%;
  padding: 50px;
  border-radius: 15px;
  min-width:360px;
}
.those_who_know {
  background-color: #202a44;
  color: #bc9944;
  flex: 0 0 49%;
  padding: 50px;
  border-radius: 15px;
  min-width:360px;
}
#shopify-section-template--27376334307655__dynamic_custom_liquid_MkPTfn .content-area {
  min-width:auto !important;
}


.main-header--tools-label {
  text-transform: uppercase;
}

.main-header nav.full .nav-item>.label, .main-header nav.full .nav-item>details .label {
  font-size:15px;
}

h2 {
  font-weight: 400 !important;
}


.main-header nav.full .nav-item.dropdown > ul.dropdown-wrap.primary {
  min-width: 350px !important;
  width: 350px !important;
  max-width: 100vw !important;
}

button.kl-private-reset-css-Xuajs1 {
font-size:14px !important;
height: auto !important;
padding: 11px 22px !important;
}
input.kl-private-reset-css-Xuajs1 {
padding: 8px 12px !important; 
font-size:14px !important;
height:auto !important;
}

.footer-newsletter-wrapper .klaviyo-form p, .footer-newsletter-wrapper .klaviyo-form h1, .picture-block-custom-html .klaviyo-form p, .picture-block-custom-html .klaviyo-form h1 {
  text-align:left !important;
  color: #FFF;
}
.picture-block-custom-html .klaviyo-form p, .picture-block-custom-html .klaviyo-form h1 {
  color: #141b34;
}

.footer-newsletter-wrapper .klaviyo-form h1 span {
  font-size: 16px !important;
}


@media only screen and (max-width: 860px) {
  .signature_piece , .those_who_know {
  flex: 1 0 100%
  }
.those_who_know {
  margin-top:50px;
}
}


/* Blendet das UnionPay Icon anhand des aria-labelledby Attributs aus */
.payment-icon[aria-labelledby="pi-unionpay"],
.payment-icon[aria-labelledby="pi-bancontact"] {
  display: none !important;
}