/** Shopify CDN: Minification failed

Line 142:0 Expected "}" to go with "{"

**/

/* Erzwingt die Sichtbarkeit des Cookie-Fingerabdrucks */
#pndkts_cookie_icon, 
.pndkts-cookie-button, 
#pndkts_gdpr_button {
  display: block !important;
  visibility: visible !important;
  z-index: 99999999 !important;
  opacity: 1 !important;
}

/* Nickifabrik Style für Inhaltsseiten-Listen */
.nf-content-page ul {
  list-style-type: disc !important;
  margin-left: 1.5rem !important;
  padding-left: 0 !important;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.nf-content-page li {
  margin-bottom: 0.8rem !important; 
  line-height: 1.5;
  display: list-item !important;
  /* Diese beiden Zeilen sorgen für den bündigen Einzug: */
  list-style-position: outside !important; 
  margin-left: 1.5rem !important; 
}

.nf-content-page li strong {
  color: var(--gradient-base-accent-1); /* Nutzt deine Theme-Farbe für fettgedrucktes */
}

.nf-button-container {
  display: flex;
  justify-content: center;
  margin-top: 4rem; /* Großzügiger Abstand nach oben */
  margin-bottom: 2rem;
}

/* Nickifabrik Button-Fix für Inhaltsseiten */
.nf-button-container .button {
  color: #ffffff !important; /* Erzwingt weiße Schrift */
  text-decoration: none;
}

.nf-button-container .button:hover {
  color: #ffffff !important;
  opacity: 0.9; /* Dezenter Effekt beim Drüberfahren */
}

/* Lücke zwischen Highlights und Footer am Desktop schließen */
@media screen and (min-width: 750px) {
  #shopify-section-template--25372696772875__featured-collection {
    margin-bottom: -30px !important;
  }
  .footer {
    margin-top: 0 !important;
   /* padding-top: 0 !important;*/
  }
}
/* 1. GLOBAL: Serifenlose System-Schrift für den Fließtext */
body, p, span, div, li, section {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* 2. KONSEQUENT: Mono-Schrift für Überschriften, Buttons und Navigation */
h1, h2, h3, h4, h6, 
.button, button, .btn,
.announcement-bar,
.menu-drawer__menu-item, .header__menu-item,
.customer-service-info, 
label,
.price {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 700 !important; /* Erhöht die Präsenz der Mono-Schrift */
  letter-spacing: -0.02em; /* Mono-Schriften brauchen oft etwas weniger Laufweite in Headlines */
}

/* 3. OPTIONAL: Buttons etwas markanter */
.button, button, .btn {
  text-transform: uppercase; /* Verstärkt den technischen "Befehls"-Charakter */
  letter-spacing: 0.05em;
}

h1 {
  font-size: calc(var(--font-heading-scale) * 3.0rem) !important; /* Standard ist oft 4.0 oder höher */
  line-height: 1.1;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 750px) {
  h1 {
    font-size: calc(var(--font-heading-scale) * 2.4rem) !important;
  }
}

/* Produktnamen in Mono, aber NORMAL (nicht fett) */
.card__heading, 
.full-width-link + .card__heading,
.product-title,
.grid-view-item__title {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  font-weight: 400 !important; /* Setzt Bold auf Normal zurück */
  text-transform: none; /* Falls du sie nicht in Versalien willst */

  
  /* Vergrößert die Bilder in der Sektion um 20% */
.shopify-section:nth-child(2) .multicolumn-card__image-wrapper {
  transform: scale(1.2);
  transition: transform 0.3s ease; /* Macht es geschmeidig */
  z-index: 1; /* Verhindert das Abschneiden durch andere Ebenen */
}

/* Verhindert, dass das vergrößerte Bild über den Rand hinaus abgeschnitten wird */
.shopify-section:nth-child(2) .multicolumn-list__item {
  overflow: visible !important;
}


#auswahl-sektion {scroll-margin-top: 120px;}

/* mysteriöse fußzeile ausblenden */

/* Versteckt den verwaisten Textblock am Ende der Werbeagentur-Seite */
.template-page-agentur-service #MainContent .rich-text:last-of-type .rich-text__blocks {
    display: none !important;
}

/* Falls das zu viel ausblendet (z.B. die Buttons), nutzen wir diesen spezifischen Selektor für den Text */
.template-page-agentur-service #MainContent .rich-text:last-of-type .rte p {
    display: none !important;
}

