/** Shopify CDN: Minification failed

Line 15:0 Unexpected "}"

**/
/* Logo-Link (BYTEN) unverändert schwarz */
.header__heading-link,
.header__heading-link:hover,
.header__heading-link:focus {
  color: #000 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

}
/* === BYTEN: Zahlungslogos – einheitlich grau-weiß, klar & clean === */
.footer .list-payment svg,
.footer .list-payment img,
.footer__payment svg,
.footer__payment .icon,
.footer .payment-icons svg,
.footer .payment-icons img,
.byten-footer__payments svg,
.byten-footer__payments img {
  filter: grayscale(1) brightness(0.85) contrast(0.9) !important;
  opacity: 0.8 !important;
  transition: all 0.25s ease-in-out;
}

/* Hover – etwas heller, aber ohne Farbe */
.footer .list-payment svg:hover,
.footer .list-payment img:hover,
.footer__payment svg:hover,
.footer__payment .icon:hover,
.footer .payment-icons svg:hover,
.footer .payment-icons img:hover,
.byten-footer__payments svg:hover,
.byten-footer__payments img:hover {
  filter: grayscale(1) brightness(1) contrast(1) !important;
  opacity: 1 !important;
}

/* Responsive */
@media (max-width: 900px){
  .footer .footer-block--newsletter form { width:100%; align-items:flex-start; }
  .footer .footer-block--newsletter input[type="email"]{ width:100%; }
  .footer .footer-block--newsletter button{ width:100%; }
}
/* ====== BYTEN Newsletter – final & clean ====== */

/* Ãœberschrift kleiner */
.footer .footer-block--newsletter .footer-block__heading{
  font-size: 14px;        /* kleiner als vorher */
  line-height: 1.2;
  letter-spacing: 0;
  margin: 6px 0 10px;
  text-transform: uppercase;
  color: #fff;            /* bleibt auf Schwarz gut lesbar */
}

/* Zeile + exakter Abstand */
.footer .footer-block--newsletter .newsletter-form{
  display: flex;
  align-items: center;
  gap: 7px;               /* gewünschter Abstand */
}

/* Wrapper & Feldbreite */
.footer .footer-block--newsletter .newsletter-form .field{
  width: 270px;           /* Input 30px kürzer */
  max-width: 270px;
  display: flex;
  align-items: center;
}

/* Input – immer sichtbarer Text/Placeholder (auch bei Autofill) */
.footer .footer-block--newsletter .newsletter-form .field__input,
.footer .footer-block--newsletter .newsletter-form input[type="email"]{
  width: 270px;
  height: 28px;
  line-height: 28px;
  box-sizing: border-box;
  padding: 0 10px;
  background: #fff;
  color: #000;                          /* Text schwarz */
  caret-color: #000;
  border: 1px solid #000;
  font-size: 15px;
  -webkit-text-fill-color: #000;        /* iOS/Chrome */
}

/* Placeholder in allen Engines sichtbar */
.footer .footer-block--newsletter .newsletter-form .field__input::placeholder,
.footer .footer-block--newsletter .newsletter-form input[type="email"]::placeholder{
  color: #555;
  opacity: 1;
}

/* Chrome/ Safari Autofill (gelber Hintergrund) neutralisieren */
.footer .footer-block--newsletter .newsletter-form .field__input:-webkit-autofill,
.footer .footer-block--newsletter .newsletter-form input[type="email"]:-webkit-autofill{
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 0 0px 1000px #fff inset !important;
  background-clip: content-box !important;
}

/* Label ausblenden (kein „Doppeltext“ über dem Placeholder) */
.footer .footer-block--newsletter .newsletter-form .field__label{ display:none; }

/* Button – bündig, immer weiß */
.footer .footer-block--newsletter .newsletter-form .newsletter-form__button{
  width: 85px;
  height: 28px;
  line-height: 28px;
  box-sizing: border-box;
  display: flex; align-items: center; justify-content: center;
  background: #fff; color: #000; border: 1px solid #000;
  font-weight: 600; cursor: pointer;
}
.footer .footer-block--newsletter .newsletter-form .newsletter-form__button:hover{
  background:#f2f2f2;
}
.footer .footer-block--newsletter .newsletter-form .newsletter-form__button svg{
  width:14px; height:14px; fill: currentColor;
}

/* Mobile: untereinander */
@media (max-width: 900px){
  .footer .footer-block--newsletter .newsletter-form{
    flex-direction: column; align-items: flex-start; gap: 8px;
  }
  .footer .footer-block--newsletter .newsletter-form .field,
  .footer .footer-block--newsletter .newsletter-form .field__input,
  .footer .footer-block--newsletter .newsletter-form .newsletter-form__button{
    width: 100%; max-width: none;
  }
}
/* === BYTEN Newsletter: Ausrichtung & echter 7px-Abstand === */

/* 1) Der Container: exakt 7px Zwischenraum */
.footer .footer-block--newsletter .newsletter-form{
  display: flex;
  align-items: center;
  gap: 7px;                 /* echter Abstand zwischen Feld & Button */
}

/* 2) Standard-Margins der Dawn-Field-Wrapper entfernen */
.footer .footer-block--newsletter .newsletter-form .field{
  margin: 0;                /* sonst wirkt der Abstand größer */
}

/* 3) Button von absolut auf normal umstellen + bündig ausrichten */
.footer .footer-block--newsletter .newsletter-form .newsletter-form__button{
  position: static;         /* statt absolute */
  inset: auto;              /* Sicherheit */
  transform: none;          /* Sicherheit */
  margin: 0;                /* kein zusätzlicher Außenabstand */
  height: 28px;             /* gleiche Höhe wie Input */
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;  /* sauber zentrierte Pfeil-Ikone */
  padding: 0;
  box-sizing: border-box;
  vertical-align: middle;
}

/* 4) Input wirklich gleich hoch halten (kein internes Offset) */
.footer .footer-block--newsletter .newsletter-form .field__input,
.footer .footer-block--newsletter .newsletter-form input[type="email"]{
  height: 28px;
  line-height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  vertical-align: middle;
}
/* === BYTEN HEADER NAVIGATION – FINAL CLEAN VERSION === */
.header__menu-item,
.header__menu-item:link,
.header__menu-item:visited {
  font-family: 'NeueHelveticaGeorgian', Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;       /* Light */
  font-size: 14px !important;        /* etwas kleiner */
  letter-spacing: 0.02em !important;
  color: #000 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: none !important;
  background: none !important;
}

/* Hover-Zustand: leicht transparent, kein Unterstrich */
.header__menu-item:hover,
.header__menu-item:focus,
.header__menu-item::after,
.header__menu-item:hover::after {
  text-decoration: none !important;
  border: none !important;
  background: none !important;
  opacity: 0.7 !important;
}

/* Entfernt alle Shopify-Unterstreichungen */
.header__menu-item::after {
  display: none !important;
  content: none !important;
}

/* Entfernt evtl. Restanimation beim Hover */
.header__active-menu-item::after {
  display: none !important;
  content: none !important;
}

/* Dropdown-Pfeile sicher ausblenden */
.header__menu-item .icon-caret {
  display: none !important;
}
@media (min-width: 990px) {
  .header__wrapper { position: relative; }

  /* Menü exakt zentrieren */
  .header__inline-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
    translate: 0 -50%;
    white-space: nowrap; /* verhindert Zeilenumbruch */
  }

  .header__heading,
  .header__icons {
    position: relative;
    z-index: 2;
  }
}

/* (Optional) Hover-Unterstreichung aus */
.header__menu-item::after,
.header__menu-item:hover::after,
.header__active-menu-item::after {
  content: none !important;
  display: none !important;
}
/* === BYTEN: Zahlungslogos neutral grau === */
.footer .list-payment svg,
.footer .list-payment img,
.footer__payment svg,
.footer__payment img,
.footer .payment-icons svg,
.footer .payment-icons img {
filter: grayscale(100%) brightness(0.9) contrast(1.2) !important;
  opacity: 0.8 !important;
  transition: all 0.25s ease-in-out !important;
}

/* Hover: leicht heller, aber ohne Farbe */
.footer .list-payment svg:hover,
.footer .list-payment img:hover,
.footer__payment svg:hover,
.footer__payment img:hover,
.footer .payment-icons svg:hover,
.footer .payment-icons img:hover {
filter: grayscale(100%) brightness(1) contrast(1.3) !important;
  opacity: 1 !important;
}