/** Shopify CDN: Minification failed

Line 615:16 Expected identifier but found whitespace
Line 615:17 Unexpected "0.05em"

**/
body.template-password {
  background: #f5f5f5;
}

body.template-password .password-header,
body.template-password .password-footer {
  background: transparent !important;
}

body.template-password .banner {
  min-height: calc(100vh - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: #f5f5f5 !important;
}

/* Hintergrundbild/Logo */
body.template-password .banner__media {
  position: absolute !important;
  inset: 0;
  z-index: 1;
  opacity: 0.16;
  pointer-events: none;
}

body.template-password .banner__media img,
body.template-password .banner__media svg,
body.template-password .banner__media media {
  object-fit: contain !important;
  object-position: center !important;
}

/* Content im Vordergrund */
body.template-password .banner__content {
  position: relative !important;
  z-index: 2 !important;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 32px 20px;
}

/* Weiße Box */
body.template-password .banner__box {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 16px;
  max-width: 430px;
  width: 100%;
  padding: 28px 24px !important;
  text-align: center !important;
}

/* Text */
body.template-password .banner__heading,
body.template-password .password__heading,
body.template-password .banner__text,
body.template-password .password__message,
body.template-password p,
body.template-password h1,
body.template-password h2,
body.template-password h3,
body.template-password small,
body.template-password .password-login {
  color: #111 !important;
}

/* Input */
body.template-password input[type="email"],
body.template-password .field__input {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Placeholder */
body.template-password input[type="email"]::placeholder,
body.template-password .field__input::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* Button */
body.template-password button,
body.template-password .button {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Schwarze Overlay-Layer killen */
body.template-password .banner::before,
body.template-password .banner::after {
  display: none !important;
  content: none !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  body.template-password .banner {
    min-height: auto;
    padding: 20px 0 32px;
  }

  body.template-password .banner__media {
    opacity: 0.1;
  }

  body.template-password .banner__box {
    max-width: calc(100% - 24px);
    padding: 22px 18px !important;
    border-radius: 12px;
  }

  body.template-password .banner__content {
    padding: 16px 12px 24px;
  }
}/* PASSWORD PAGE FINAL */

body {
  background: #f3f3f3 !important;
}

/* Header / Footer ruhig und hell */
.password-header,
.password-footer {
  background: transparent !important;
}

/* Hauptbereich */
.banner {
  position: relative !important;
  background: #f3f3f3 !important;
  overflow: hidden !important;
}

/* Bild/Logo als Hintergrund */
.banner__media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: 0.14 !important;
  pointer-events: none !important;
}

.banner__media img,
.banner__media svg,
.banner__media media,
.banner__media .media {
  object-fit: contain !important;
  object-position: center !important;
}

/* Dunkle Overlays killen */
.banner::before,
.banner::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

/* Content nach vorne */
.banner__content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 40px 20px !important;
}

/* Weiße Box für Text + Formular */
.banner__box {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #111 !important;
  max-width: 460px !important;
  width: 100% !important;
  padding: 28px 24px !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
  text-align: center !important;
}

/* Text immer lesbar */
.banner__box *,
.banner__content *,
.password-main *,
main * {
  color: #111 !important;
}

/* Formular */
.field__input,
input[type="email"] {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #111 !important;
  box-shadow: none !important;
}

.field__input::placeholder,
input[type="email"]::placeholder {
  color: rgba(0,0,0,0.5) !important;
}

/* Button / Pfeil */
.button,
button {
  color: #111 !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .banner {
    min-height: auto !important;
  }

  .banner__media {
    opacity: 0.1 !important;
  }

  .banner__content {
    padding: 24px 14px !important;
  }

  .banner__box {
    max-width: 100% !important;
    padding: 22px 18px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.98) !important;
  }
}.banner__box .button,
.banner__box button,
.banner__box .newsletter-form__button {
  color: #fff !important;
}

.banner__box .button svg,
.banner__box button svg,
.banner__box .newsletter-form__button svg {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}button::after {
  content: "GET ACCESS";
  color: white;
}.newsletter-form__button,
button[name="commit"],
button[type="submit"] {
  background: transparent !important;
  color: #111 !important;
  border: 0 !important;
  width: auto !important;
  min-width: auto !important;
  padding: 0 12px !important;
}

.newsletter-form__button svg,
button[name="commit"] svg,
button[type="submit"] svg {
  stroke: #111 !important;
  fill: none !important;
}button[name="commit"],
button[type="submit"] {
  color: transparent !important;
  position: relative;
}

button[name="commit"]::after,
button[type="submit"]::after {
  content: "ENTER";
  color: #111;
  position: absolute;
  left: 0;
  top: 0;
}/* FIX: ENTER Button vertikal ausrichten */

button[type="submit"],
button[name="commit"],
.newsletter-form__button,
.password__button {
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  top: 2px !important; /* ← DAS IST DER FIX */
}

/* Input gleiche Höhe */
input[type="email"],
input[type="password"],
.field__input {
  height: 56px !important;
  line-height: 56px !important;
  box-sizing: border-box !important;
}/* EMAIL ENTER BUTTON – FINAL FIX */

.newsletter-form {
  display: flex !important;
  align-items: center !important;
}

.newsletter-form__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 120px !important;   /* ← WICHTIG */
  min-width: 120px !important;
  height: 56px !important;

  border: 1px solid #111 !important;
  background: #fff !important;

  position: relative !important;
  margin-left: -1px !important;
}

/* Pfeil weg */
.newsletter-form__button svg {
  display: none !important;
}

/* ENTER Text sauber */
.newsletter-form__button::after {
  content: "ENTER";
  font-size: 14px;
  letter-spacing: 1px;
  color: #111;
}/* === PASSWORD + EMAIL FORM ALIGN FINAL === */

/* Beide Forms gleich behandeln */
.newsletter-form,
.password__form,
form[action="/password"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

/* Input */
input[type="email"],
input[type="password"],
.field__input {
  height: 56px !important;
  border: 1px solid #111 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

/* ENTER Buttons */
.newsletter-form__button,
.password__button,
button[type="submit"],
button[name="commit"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 120px !important;
  min-width: 120px !important;
  height: 56px !important;

  border: 1px solid #111 !important;
  background: #fff !important;

  margin-left: -1px !important;
  position: relative !important;
}

/* Text */
.newsletter-form__button::after,
.password__button::after,
button[type="submit"]::after,
button[name="commit"]::after {
  content: "ENTER";
  color: #111;
  font-size: 14px;
  letter-spacing: 1px;
}

/* Pfeil weg */
.newsletter-form__button svg,
.password__button svg,
button[type="submit"] svg,
button[name="commit"] svg {
  display: none !important;
}/* CLEAN ARROW BUTTONS – EMAIL + PASSWORD */

.newsletter-form,
.password__form,
form[action="/password"] {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
}

/* Input */
.newsletter-form .field__input,
.password__form .field__input,
form[action="/password"] input[type="password"],
form[action="/password"] input[type="email"],
input[type="email"],
input[type="password"] {
  height: 56px !important;
  min-height: 56px !important;
  box-sizing: border-box !important;
  border: 1px solid #111 !important;
  background: #fff !important;
  color: #111 !important;
  padding: 0 16px !important;
  line-height: normal !important;
}

/* Button-Box */
.newsletter-form__button,
.password__button,
button[type="submit"],
button[name="commit"] {
  width: 56px !important;
  min-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 0 0 -1px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #111 !important;
  background: #fff !important;
  color: #111 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
}

/* Shopify-Icons aus */
.newsletter-form__button svg,
.password__button svg,
button[type="submit"] svg,
button[name="commit"] svg {
  display: none !important;
}

/* ENTER/Text aus */
.newsletter-form__button::after,
.password__button::after,
button[type="submit"]::after,
button[name="commit"]::after {
  content: none !important;
}

/* Eigener Pfeil, immer sichtbar */
.newsletter-form__button::before,
.password__button::before,
button[type="submit"]::before,
button[name="commit"]::before {
  content: "→" !important;
  color: #111 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  display: block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
}/* FIX: perfekte Alignment & gleiche Buttons */

/* Wrapper sauber */
.newsletter-form,
.password__form,
form[action="/password"] {
  display: flex !important;
  align-items: center !important;
}

/* Input */
.newsletter-form input,
.password__form input,
form[action="/password"] input {
  height: 56px !important;
  border: 1px solid #111 !important;
  margin: 0 !important;
}

/* Button exakt anschließen */
.newsletter-form__button,
.password__button,
form[action="/password"] button {
  height: 56px !important;
  width: 56px !important;
  margin-left: -1px !important; /* wichtig für saubere Linie */
  border: 1px solid #111 !important;
  background: #fff !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* TEXT (Eingeben) KOMPLETT WEG */
.password__button span,
form[action="/password"] button span,
button[name="commit"] span {
  display: none !important;
}

/* Pfeil IMMER erzwingen */
.newsletter-form__button::before,
.password__button::before,
form[action="/password"] button::before {
  content: "→" !important;
  font-size: 18px !important;
  color: #111 !important;
}

/* ALLES andere killen */
.newsletter-form__button::after,
.password__button::after,
form[action="/password"] button::after {
  content: none !important;
}/* Nur Passwort-Button: Text ausblenden, Pfeil zeigen */
form[action="/password"] button,
.password__button,
button[name="commit"] {
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  position: relative !important;
}

form[action="/password"] button::before,
.password__button::before,
button[name="commit"]::before {
  content: "→" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  color: #111 !important;
  text-indent: 0 !important;
}

form[action="/password"] button span,
.password__button span,
button[name="commit"] span,
form[action="/password"] button svg,
.password__button svg,
button[name="commit"] svg {
  display: none !important;
}/* Passwort-Button: echter Pfeil sichtbar machen */
form[action="/password"] button,
.password__button,
button[name="commit"] {
  position: relative !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

form[action="/password"] button::before,
.password__button::before,
button[name="commit"]::before {
  content: "→" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -45%) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  color: #111 !important;
  text-indent: 0 !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  z-index: 2 !important;
}/* GET ACCESS Button – immer Rahmen */
.password .button,
.password__inner .button,
.password button[type="submit"] {
  border: 1px solid #111 !important;
  background: transparent !important;
  padding: 12px 24px !important;
  transition: none !important;
}/* Hover bleibt gleich (optional identisch) */
.password .button:hover,
.password__inner .button:hover,
.password button[type="submit"]:hover {
  border: 1px solid #111 !important;
}letter-spacing: 0.05em;
border-radius: 2px;