/** Shopify CDN: Minification failed

Line 317:1 Expected "}" to go with "{"

**/


/* ================================
   SATOSHI FONT FAMILY
   (requires this file to be .css.liquid or .scss.liquid)
   ================================ */

/* Light */
@font-face {
  font-family: "Satoshi";
  src: url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Light.woff2?v=182372492637754102001770158938") format("woff2"),
       url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Light.woff?v=7084811716881970721770158938") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Light Italic */
@font-face {
  font-family: "Satoshi";
  src: url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-LightItalic.woff2?v=143425242252946060361770158938") format("woff2"),
       url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-LightItalic.woff?v=172079739197280796231770158938") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Regular */
@font-face {
  font-family: "Satoshi";
  src: url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Regular.woff2?v=83907164681417876441770158938") format("woff2"),
       url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Regular.woff?v=259911497861869611770158938") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Italic */
@font-face {
  font-family: "Satoshi";
  src: url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Italic.woff2?v=167648153302698111841770158938") format("woff2"),
       url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Italic.woff?v=59918398294997719911770158938") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Medium */
@font-face {
  font-family: "Satoshi";
  src: url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Medium.woff2?v=67503428013379482581770158938") format("woff2"),
       url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Medium.woff?v=59326658504909661951770158938") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Medium Italic */
@font-face {
  font-family: "Satoshi";
  src: url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-MediumItalic.woff2?v=82602659254094266441770158938") format("woff2"),
       url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-MediumItalic.woff?v=135554713478463777011770158938") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: "Satoshi";
  src: url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Bold.woff2?v=66321865399786798481770158938") format("woff2"),
       url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Bold.woff?v=28127607180475801271770158938") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Bold Italic */
@font-face {
  font-family: "Satoshi";
  src: url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-BoldItalic.woff2?v=32320235773997565491770158938") format("woff2"),
       url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-BoldItalic.woff?v=74018425163916710831770158938") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Black */
@font-face {
  font-family: "Satoshi";
  src: url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Black.woff2?v=37007955643293026361770158938") format("woff2"),
       url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-Black.woff?v=101347449199055848441770158938") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Black Italic */
@font-face {
  font-family: "Satoshi";
  src: url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-BlackItalic.woff2?v=38839111188576918441770158938") format("woff2"),
       url("//kreuzer.jewelry/cdn/shop/t/2/assets/Satoshi-BlackItalic.woff?v=55588074324388954121770158938") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ================================
   GLOBAL TYPOGRAPHY (CLEAN + ELEGANT)
   ================================ */

/* Theme variables (keeps theme system sane) */
:root {
  --p-font-family-sans: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --p-font-family-serif: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Base text */
html, body {
  font-family: var(--p-font-family-sans);
  font-weight: 400;
  color: #1E1E1E;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Inputs / UI */
button, input, textarea, select {
  font-family: var(--p-font-family-sans);
  font-weight: 400;
}

/* Body text rhythm */
p, li {
  font-weight: 400;
  line-height: 1.6;
}

/* ================================
   HEADINGS – MAKE THEM LOOK "LUXURY"
   ================================ */

/*
  Ziel: weniger "laut" als Bold/Black,
  mehr Raum, mehr Ruhe.
*/
h1, h2, h3, h4, h5, h6 {
  font-family: var(--p-font-family-sans);
  font-weight: 500;           /* Medium = edler als 700/800 */
  letter-spacing: 0.02em;     /* subtil */
  line-height: 1.15;
  color: #1E1E1E;
}

/* Feintuning nach Größe: größere Headings brauchen weniger Spacing */
h1 { letter-spacing: 0.01em; }
h2 { letter-spacing: 0.015em; }
h3 { letter-spacing: 0.02em; }
h4, h5, h6 { letter-spacing: 0.025em; }

/* Optional: wenn dir h1/h2 immer noch zu "dick" vorkommen */
@media (min-width: 990px) {
  h1, h2 {
    font-weight: 500;
  }
}

/* ================================
   NAVIGATION & UI (nicht zu fett)
   ================================ */
nav, .menu-item, .m-menu__item {
  font-family: var(--p-font-family-sans);
  font-weight: 400;
  letter-spacing: 0.06em;
  font-size: 13px;
}

/* Abstand Menüpunkte untereinander*/
.m-menu__item {
  margin: 0 -14px;
}


/* Buttons etwas klarer, nicht "schreiend" */
.btn, button, .m-button {
  font-family: var(--p-font-family-sans);
  font-weight: 500;
  letter-spacing: 0.03em;
}

.m-newsletter-section__form,
.m-newsletter-section__form * {
  box-sizing: border-box;
}

.m-newsletter-section__form {
  max-width: 420px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.m-newsletter-section__form form {
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
  justify-content: center !important;
}

.m-newsletter-section__form input[type="email"]{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.m-newsletter-section__form button{
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
/* Center + limit width of newsletter form */
.m-newsletter-form{
  max-width: 420px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.m-newsletter-form__wrapper{
  width: 100% !important;
}

.m-newsletter-form__input-wrapper{
  width: 100% !important;
}
/* Button unter Input, alles zentriert */
.m-newsletter-form__wrapper{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.m-newsletter-form__input-wrapper{
  width: 100% !important;
}

.m-newsletter-form__button{
  position: static !important;
  margin-top: 12px !important;
}
.m-newsletter-form__input{
  text-align: center !important;
}

.m-newsletter-form__input::placeholder{
  text-align: center !important;

/* Newsletter-Button schwarz + weiß (richtige Klassen) */
.m-newsletter-form__button.m-button--primary{
  background-color:#000 !important;
  color:#fff !important;
  border-color:#000 !important;
}
.m-newsletter-form__button.m-button--primary:hover{
  background-color:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
}

/* falls Text in span sitzt */
.m-newsletter-form__button span{
  color:#fff !important;
}

@media (min-width: 1024px) {
  /* NUR für das Header-Design "logo-center__2l" */
  .logo-center__2l .m-header__top .m-header__inner{
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
  }

  /* Die drei Bereiche "entfesseln", damit Grid greift */
  .logo-center__2l .m-header__top .m-header__left,
  .logo-center__2l .m-header__top .m-header__center,
  .logo-center__2l .m-header__top .m-header__right{
    width: auto !important;
  }

  .logo-center__2l .m-header__top .m-header__left{
    justify-self: start !important;
  }
  .logo-center__2l .m-header__top .m-header__center{
    justify-self: center !important;
  }
  .logo-center__2l .m-header__top .m-header__right{
    justify-self: end !important;
  }
}
.philosophy-icon{
  text-align: center;
  margin: 24px 0;
}

.philosophy-icon img{
  width: 96px;   /* Größe */
  height: auto;
  opacity: 0.9;  /* optional, wirkt edel */
}
.custom-content img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}