/*YOUR CUSTOM STYLES*/


/* language switcher in the header (shown only when the shop offers more than one language) */
.login-register > li.lang-switch {
  position: relative;
}
.login-register > li.lang-switch > a .material-symbols-outlined {
  margin-right: 4px;
}
.login-register > li.lang-switch .lang-switch-list {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  min-width: 190px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  text-align: left;
}
.login-register > li.lang-switch:hover .lang-switch-list,
.login-register > li.lang-switch:focus-within .lang-switch-list {
  display: block;
}
.login-register > li.lang-switch .lang-switch-list > li > a {
  display: block;
  padding: 7px 14px;
  color: #333;
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: none;
}
.login-register > li.lang-switch .lang-switch-list > li > a:hover,
.login-register > li.lang-switch .lang-switch-list > li.active > a {
  background: #f2f2f2;
}
.login-register > li.lang-switch .lang-switch-list > li.active > a {
  font-weight: bold;
}
.login-register > li.lang-switch .lang-switch-code {
  display: inline-block;
  width: 28px;
  color: #999;
  font-size: 11px;
}


#cookiePopup {
  background: white;
  width: 90%;
  max-width: 500px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  box-shadow: 0px 0px 15px #cccccc;
  padding: 5px 10px;
  z-index: 100000000000;
  display: none;
}
  #cookiePopup p {
  text-align: left;
  font-size: 15px;
  color: #4e4e4e;
}



#notificationWindow {
  z-index: 10000000000;
  display: none;
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 30%;
  border-radius: 10px;
  border: 1px solid #CCC;
  background-color: white;
}

.notificationDone {
  padding: 20px;
  background-color: green;
  color: white;
  border-radius: 10px;
}


.notificationError {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 20px;
  background-color: red;
  color: white;
  border-radius: 10px;
}





@media all and (max-width: 992px) {

  #notificationWindow {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 40%;
    bottom: inherit;
    left: 50%;
    width: 90%;
  }

}


/* ---- layout tightening (2026-09-25), measured in headless Chrome ---- */

/* company name in place of a missing logo */
.logo-text { display: inline-block; font-size: 26px; font-weight: 600; line-height: 70px; color: #333; }
.logo-text--footer { color: #fff; line-height: 1.3; margin-bottom: 12px; }

/* 992-1199px: the seven menu entries in the 7/12 column fell onto a second row */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .flexnav > li > a { padding: 0 9px; font-size: 13px; }
  .login-register > li > a { padding: 0 9px; }
}

/* phones: the search field had no edge at all on the white search bar */
@media (max-width: 992px) {
  .search-area-white input { border-bottom: 1px solid #ddd; }
}