/* EROS69 – Logo im Kopf, in der Handy-Schublade, im Footer und in der Unterschrift auf der Startseite */
.s-logo.s-logo-img { display: inline-flex; align-items: center; line-height: 0; }
.s-logo.s-logo-img img { display: block; height: 46px; width: auto; max-width: none; }
.s-drawer .s-logo.s-logo-img img { height: 30px; }
.s-ft .s-logo.s-logo-img img { height: 40px; }
.n69 .n69-sign img.n69-sign-logo { display: block; height: 52px; width: auto; max-width: 100%; }
@media (max-width: 760px) {
  .s-logo.s-logo-img img { height: 34px; }
  .s-ft .s-logo.s-logo-img img { height: 36px; }
  .n69 .n69-sign img.n69-sign-logo { height: 44px; }
}

/* Handy: Kopfzeile (Burger, Logo, Konto, Wunschliste, Warenkorb) passt immer in eine Zeile */
@media (max-width: 640px) {
  .s-hd-top { column-gap: 10px; }
  .s-icons { gap: 2px; }
  .s-icons a { width: 40px; height: 40px; }
  .s-logo.s-logo-img img { height: 30px; }
}
@media (max-width: 380px) {
  .s-hd-top { padding-left: 12px; padding-right: 12px; column-gap: 8px; }
  .s-burger { width: 38px; height: 38px; }
  .s-icons a { width: 38px; height: 38px; }
  .s-logo.s-logo-img img { height: 26px; }
}

/* Handy/Tablet: links Menue, Logo exakt mittig, rechts Wunschliste + Warenkorb; Konto steckt im Menue. Suche volle Breite. */
@media (max-width: 1000px) {
  .s-hd-top { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-areas: "burger logo icons" "suche suche suche"; align-items: center; column-gap: 8px; row-gap: 10px; }
  .s-burger { grid-area: burger; justify-self: start; }
  .s-logo { grid-area: logo; justify-self: center; }
  .s-icons { grid-area: icons; justify-self: end; margin-left: 0; }
  .s-icons a[href$="/konto"] { display: none; }   /* $= passt auch auf /fr/konto und /it/konto */
  .s-search { grid-area: suche; box-sizing: border-box; width: 100%; max-width: none; justify-self: stretch; margin: 0; }
}
@media (max-width: 640px) { .s-burger { width: 40px; height: 40px; } }
@media (max-width: 380px) { .s-burger { width: 38px; height: 38px; } }

/* «Mein Konto» im Handy-Menue */
.s-drawer-konto { display: flex; align-items: center; gap: 12px; margin: 4px 0 6px; padding: 14px 20px; border-bottom: 1px solid #EFE9E6; font-size: 15px; font-weight: 600; color: #141112; text-decoration: none; }
.s-drawer-konto svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.s-drawer-konto:hover, .s-drawer-konto:focus-visible { color: #D4213D; }
.s-drawer-konto span { margin-left: auto; color: #8A8285; font-weight: 400; }