/* SVGs do not accept # as color code and must be encoded
https://stackoverflow.com/questions/55074106/css-background-url-svg-fill-color-not-working-not-base64-when-compiling-from-s */
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar:horizontal {
  height: 12px;
}
::-webkit-scrollbar-track {
  background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
  background-color: #000000;
  border-radius: 20px;
  border: 3px solid #FFFFFF;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
body.is-mwg-url-ending.is-boxed-login, .is-mwg-url-ending.is-boxed-login.articles-filter, .is-mwg-url-ending.is-boxed-login.articles-actions, body.is-boxed-login, .is-boxed-login.articles-filter, .is-boxed-login.articles-actions {
  background-color: #C38A62;
  background: -moz-linear-gradient(45deg, #C38A62 0%, #ECBB92 100%);
  background: -webkit-linear-gradient(45deg, #C38A62 0%, #ECBB92 100%);
  background: linear-gradient(45deg, #C38A62 0%, #ECBB92 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#C38A62", endColorstr="#ECBB92",GradientType=1 );
}

body.is-boxed-login, .is-boxed-login.articles-actions, .is-boxed-login.articles-filter {
  background: #f2a100;
  background: -moz-linear-gradient(45deg, #f2a100 0%, #f1b300 100%);
  background: -webkit-linear-gradient(45deg, #f2a100 0%, #f1b300 100%);
  background: linear-gradient(45deg, #f2a100 0%, #f1b300 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f2a100", endColorstr="#f1b300",GradientType=1 );
}

.button {
  border-radius: 60px;
}
body.is-mwg-url-ending .button {
  border-radius: 5px;
}

body, .articles-filter, .articles-actions {
  background: #F4EFEC;
}
body.is-mwg-url-ending, .is-mwg-url-ending.articles-filter, .is-mwg-url-ending.articles-actions {
  background: #F4EFEC;
}
::-moz-selection, ::selection {
  color: #FFFFFF;
  background-color: #000000;
}
body.is-mwg-url-ending ::-moz-selection, body.is-mwg-url-ending ::selection {
  background-color: #000000;
}

.article__additional, .form__element--just-text, .form__element--radio, .form__message, .form__txt, .form__element--radio label, label, input[type=number], input[type=password], input[type=text], input[type=email], input[type=tel], input[type=url], textarea, .cookie_content, .cookie-consent, #cookieRequestArea__heading, #cookieRequestArea__paragraph, .cookie-consent__heading, .cookie-consent__paragraph, #cookieRequestArea__link, .cookie-consent__link, .panel__text b, .panel__text, .nav--sub__link---active, .nav--sub__link:not(.nav--sub__link---active), table th, table td, .message-header, .message-title, .list, p:not(.light):not(.cookie-consent__paragraph), h1, h2, h3, h4, .content-overlay__title, .content-overlay__subtitle, .article-summary--list, .article-summary--checkout, .is-boxed-login .form__element--just-text, .button--light-icon .icon, .button--light-icon {
  color: #000000;
}
body.is-mwg-url-ending .article__additional, body.is-mwg-url-ending .form__element--just-text, body.is-mwg-url-ending .form__element--radio, body.is-mwg-url-ending .form__message, body.is-mwg-url-ending .form__txt, body.is-mwg-url-ending label, body.is-mwg-url-ending input[type=number], body.is-mwg-url-ending input[type=password], body.is-mwg-url-ending input[type=text], body.is-mwg-url-ending input[type=email], body.is-mwg-url-ending input[type=tel], body.is-mwg-url-ending input[type=url], body.is-mwg-url-ending textarea, body.is-mwg-url-ending .cookie_content, body.is-mwg-url-ending .cookie-consent, body.is-mwg-url-ending #cookieRequestArea__heading, body.is-mwg-url-ending #cookieRequestArea__paragraph, body.is-mwg-url-ending .cookie-consent__heading, body.is-mwg-url-ending .cookie-consent__paragraph, body.is-mwg-url-ending #cookieRequestArea__link, body.is-mwg-url-ending .cookie-consent__link, body.is-mwg-url-ending .panel__text b, .panel__text body.is-mwg-url-ending b, body.is-mwg-url-ending .panel__text, body.is-mwg-url-ending .nav--sub__link---active, body.is-mwg-url-ending .nav--sub__link:not(.nav--sub__link---active), body.is-mwg-url-ending table th, table body.is-mwg-url-ending th, body.is-mwg-url-ending table td, table body.is-mwg-url-ending td, body.is-mwg-url-ending .message-header, body.is-mwg-url-ending .message-title, body.is-mwg-url-ending .list, body.is-mwg-url-ending p:not(.light):not(.cookie-consent__paragraph), body.is-mwg-url-ending h1, body.is-mwg-url-ending h2, body.is-mwg-url-ending h3, body.is-mwg-url-ending h4, body.is-mwg-url-ending .content-overlay__title, body.is-mwg-url-ending .content-overlay__subtitle, body.is-mwg-url-ending .article-summary--list, body.is-mwg-url-ending .article-summary--checkout, body.is-mwg-url-ending .button--light-icon .icon, .button--light-icon body.is-mwg-url-ending .icon, body.is-mwg-url-ending .button--light-icon {
  color: #000000;
}

.alert--info {
  background: #000000;
  color: #FFFFFF;
}
body.is-mwg-url-ending .alert--info {
  background: #000000;
  color: #FFFFFF;
}

.button {
  background: #FFFFFF;
  color: #000000;
  border-color: #000000;
}
body.is-mwg-url-ending .button {
  border-color: #000000;
  background: #FFFFFF;
  color: #000000;
}
.button:hover {
  border-color: #000000;
  background: #000000;
  color: #FFFFFF;
}
body.is-mwg-url-ending .button:hover {
  border-color: #000000;
  background: #000000;
  color: #FFFFFF;
}

.button--light, .button-close {
  background: #646941;
  border-color: #646941;
  color: #FFFFFF;
}
.button--light:hover, .button-close:hover {
  border-color: #000000;
  color: #646941;
}

.articles-filter__button {
  background: #000000;
  color: #FFFFFF;
}
body.is-mwg-url-ending .articles-filter__button {
  background: #000000;
  color: #FFFFFF;
}
.articles-filter__button:hover {
  color: #FFFFFF;
}
body.is-mwg-url-ending .articles-filter__button:hover {
  color: #FFFFFF;
}

.button--light-icon {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #000000;
}
body.is-mwg-url-ending .button--light-icon {
  border-color: #FFFFFF;
  background: #FFFFFF;
  color: #000000;
}

.icon--magnifier {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='%23000000' fill-rule='evenodd' d='M8.4460895,0 C3.78144344,0 0,3.78144344 0,8.4460895 C0,13.1107157 3.78144344,16.892179 8.4460895,16.892179 C10.4203878,16.892179 12.2364957,16.2148026 13.6746164,15.0797476 L17.303752,18.7088832 C17.6917753,19.0969065 18.3209592,19.0969065 18.7089825,18.7088832 C19.0970058,18.3208599 19.0970058,17.6916759 18.7089825,17.3036526 L15.0798469,13.674517 C16.2148026,12.2363964 16.892179,10.4202884 16.892179,8.4460895 C16.892179,3.78144344 13.1107157,0 8.4460895,0 Z M1.98731518,8.4460895 C1.98731518,4.87900781 4.87900781,1.98731518 8.4460895,1.98731518 C12.0132209,1.98731518 14.9048638,4.87900781 14.9048638,8.4460895 C14.9048638,12.0132209 12.0132209,14.9048638 8.4460895,14.9048638 C4.87900781,14.9048638 1.98731518,12.0132209 1.98731518,8.4460895 Z'/%3E%3C/svg%3E");
}
body.is-mwg-url-ending .icon--magnifier {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='%23000000' fill-rule='evenodd' d='M249.19471,22.2037249 C249.987986,21.4104518 250.384616,20.457936 250.384616,19.3461541 C250.384616,18.2343654 249.989487,17.2833547 249.19922,16.4930882 C248.408954,15.7028149 247.457943,15.3076918 246.346155,15.3076918 C245.23437,15.3076918 244.283358,15.7028149 243.49309,16.4930882 C242.702821,17.2833547 242.307692,18.2343654 242.307692,19.3461541 C242.307692,20.457936 242.702821,21.4089488 243.49309,22.1992173 C244.283358,22.9894859 245.23437,23.3846144 246.346155,23.3846144 C247.457943,23.3846144 248.407453,22.9909888 249.19471,22.2037249 Z M255,26.8461534 C255,27.158655 254.885819,27.4290853 254.657458,27.6574518 C254.429089,27.8858184 254.15866,28 253.846157,28 C253.521633,28 253.251204,27.8858184 253.034857,27.6574518 L249.94291,24.5745184 C248.867184,25.319715 247.668279,25.6923075 246.346155,25.6923075 C245.486775,25.6923075 244.664968,25.5255419 243.88071,25.1920067 C243.096451,24.8584714 242.420376,24.4077548 241.852464,23.8398427 C241.284553,23.2719312 240.833836,22.5958563 240.500301,21.8115977 C240.166765,21.027339 240,20.2055322 240,19.3461541 C240,18.4867761 240.166765,17.6649692 240.500301,16.8807065 C240.833836,16.0964506 241.284553,15.4203716 241.852464,14.8524629 C242.420376,14.2845474 243.096451,13.8338348 243.88071,13.5002982 C244.664968,13.1667616 245.486775,13 246.346155,13 C247.205532,13 248.027339,13.1667616 248.811602,13.5002982 C249.595858,13.8338348 250.271937,14.2845474 250.839845,14.8524629 C251.407754,15.4203716 251.858473,16.0964506 252.19201,16.8807065 C252.525547,17.6649692 252.692308,18.4867761 252.692308,19.3461541 C252.692308,20.6682726 252.31972,21.867181 251.574522,22.9429076 L254.66647,26.0348553 C254.888828,26.2572124 255,26.5276426 255,26.8461534 Z' transform='translate(-240 -13)'/%3E%3C/svg%3E");
}
button:hover .icon--magnifier {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M8.4460895,0 C3.78144344,0 0,3.78144344 0,8.4460895 C0,13.1107157 3.78144344,16.892179 8.4460895,16.892179 C10.4203878,16.892179 12.2364957,16.2148026 13.6746164,15.0797476 L17.303752,18.7088832 C17.6917753,19.0969065 18.3209592,19.0969065 18.7089825,18.7088832 C19.0970058,18.3208599 19.0970058,17.6916759 18.7089825,17.3036526 L15.0798469,13.674517 C16.2148026,12.2363964 16.892179,10.4202884 16.892179,8.4460895 C16.892179,3.78144344 13.1107157,0 8.4460895,0 Z M1.98731518,8.4460895 C1.98731518,4.87900781 4.87900781,1.98731518 8.4460895,1.98731518 C12.0132209,1.98731518 14.9048638,4.87900781 14.9048638,8.4460895 C14.9048638,12.0132209 12.0132209,14.9048638 8.4460895,14.9048638 C4.87900781,14.9048638 1.98731518,12.0132209 1.98731518,8.4460895 Z'/%3E%3C/svg%3E");
}
.icon--shopping-cart-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' fill-rule='evenodd' d='M5.5,17 C6.32843,17 7,17.6716 7,18.5 C7,19.3284 6.32843,20 5.5,20 C4.67157,20 4,19.3284 4,18.5 C4,17.6716 4.67157,17 5.5,17 Z M15.5,17 C16.3284,17 17,17.6716 17,18.5 C17,19.3284 16.3284,20 15.5,20 C14.6716,20 14,19.3284 14,18.5 C14,17.6716 14.6716,17 15.5,17 Z M1.13776,0 C2.71168,0 4.018,1.21634 4.13014,2.78626 L4.1454,3 L17.8018,3 C19.0496,3 19.9927,4.13009 19.7695,5.35777 L18.1332,14.3578 C17.9603,15.3088 17.132,16 16.1654,16 L4.93112,16 C3.88184,16 3.01096,15.1891 2.9362,14.1425 L2.13522,2.92875 C2.09784,2.40545 1.6624,2 1.13776,2 L1,2 C0.44772,2 0,1.55228 0,1 C0,0.44772 0.44772,0 1,0 L1.13776,0 Z M17.8018,5 L4.28826,5 L4.93112,14 L16.1654,14 L17.8018,5 Z'%3E%3C/path%3E%3C/svg%3E");
}
body.is-mwg-url-ending .icon--shopping-cart-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' fill-rule='evenodd' d='M5.5,17 C6.32843,17 7,17.6716 7,18.5 C7,19.3284 6.32843,20 5.5,20 C4.67157,20 4,19.3284 4,18.5 C4,17.6716 4.67157,17 5.5,17 Z M15.5,17 C16.3284,17 17,17.6716 17,18.5 C17,19.3284 16.3284,20 15.5,20 C14.6716,20 14,19.3284 14,18.5 C14,17.6716 14.6716,17 15.5,17 Z M1.13776,0 C2.71168,0 4.018,1.21634 4.13014,2.78626 L4.1454,3 L17.8018,3 C19.0496,3 19.9927,4.13009 19.7695,5.35777 L18.1332,14.3578 C17.9603,15.3088 17.132,16 16.1654,16 L4.93112,16 C3.88184,16 3.01096,15.1891 2.9362,14.1425 L2.13522,2.92875 C2.09784,2.40545 1.6624,2 1.13776,2 L1,2 C0.44772,2 0,1.55228 0,1 C0,0.44772 0.44772,0 1,0 L1.13776,0 Z M17.8018,5 L4.28826,5 L4.93112,14 L16.1654,14 L17.8018,5 Z'%3E%3C/path%3E%3C/svg%3E");
}
button:hover .icon--shopping-cart-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M5.5,17 C6.32843,17 7,17.6716 7,18.5 C7,19.3284 6.32843,20 5.5,20 C4.67157,20 4,19.3284 4,18.5 C4,17.6716 4.67157,17 5.5,17 Z M15.5,17 C16.3284,17 17,17.6716 17,18.5 C17,19.3284 16.3284,20 15.5,20 C14.6716,20 14,19.3284 14,18.5 C14,17.6716 14.6716,17 15.5,17 Z M1.13776,0 C2.71168,0 4.018,1.21634 4.13014,2.78626 L4.1454,3 L17.8018,3 C19.0496,3 19.9927,4.13009 19.7695,5.35777 L18.1332,14.3578 C17.9603,15.3088 17.132,16 16.1654,16 L4.93112,16 C3.88184,16 3.01096,15.1891 2.9362,14.1425 L2.13522,2.92875 C2.09784,2.40545 1.6624,2 1.13776,2 L1,2 C0.44772,2 0,1.55228 0,1 C0,0.44772 0.44772,0 1,0 L1.13776,0 Z M17.8018,5 L4.28826,5 L4.93112,14 L16.1654,14 L17.8018,5 Z'%3E%3C/path%3E%3C/svg%3E");
}
.icon--cross {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M7.50006875,8.94035702 L13.2613848,14.7017749 C13.6590997,15.0994898 14.3039988,15.0994898 14.7017138,14.7017749 C15.0994287,14.3039581 15.0994287,13.6591608 14.7017138,13.261344 L8.94039776,7.50002801 L14.7017138,1.73866105 C15.0994287,1.34092573 15.0994287,0.696057173 14.7017138,0.298321857 C14.3039988,-0.0994236443 13.6590997,-0.0994236443 13.2613848,0.298321857 L7.50006875,6.059699 L1.73864068,0.298301487 C1.34090536,-0.0994338291 0.696036804,-0.0994338291 0.298301487,0.298301487 C-0.0994338291,0.696046988 -0.0994338291,1.34090536 0.298301487,1.73865087 L6.05963789,7.50002801 L0.298301487,13.2614459 C-0.0994338291,13.6591608 -0.0994338291,14.3039581 0.298301487,14.7017749 C0.696036804,15.0994898 1.34090536,15.0994898 1.73864068,14.7017749 L7.50006875,8.94035702 Z'/%3E%3C/svg%3E");
}
body.is-mwg-url-ending .icon--cross {
  background-image: url("data:image/svg+xml,%3Csvg height='28' viewBox='0 0 28 28' width='28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m389 941c7.731986 0 14 6.268014 14 14s-6.268014 14-14 14-14-6.268014-14-14 6.268014-14 14-14zm2.832627 8.338946-2.832627 2.832627-2.832627-2.832627c-.777497-.777497-2.043179-.776849-2.824227.0042-.786494.786494-.782929 2.045498-.0042 2.824227l2.832627 2.832627-2.832627 2.832627c-.777497.777497-.776849 2.043179.0042 2.824227.786494.786494 2.045498.782929 2.824227.0042l2.832627-2.832627 2.832627 2.832627c.777497.777497 2.043179.776849 2.824227-.0042.786494-.786494.782929-2.045498.0042-2.824227l-2.832627-2.832627 2.832627-2.832627c.777497-.777497.776849-2.043179-.0042-2.824227-.786494-.786494-2.045498-.782929-2.824227-.0042z' fill='%23FFFFFF' fill-rule='evenodd' transform='translate(-375 -941)'/%3E%3C/svg%3E");
}

.is-boxed-login .panel .button:not(.button--light) {
  color: #FFFFFF;
  background-color: #000000;
}
.is-boxed-login .panel .button--light:hover {
  color: #FFFFFF;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #000000 #FFFFFF;
}

.header__wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.is-boxed-login .header__wrap {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.is-boxed-login .header__col:last-child {
  display: none;
}

@media (min-width: 701px) {
  .is-login-captcha .header__text-link, .is-boxed-login .header__text-link {
    background: #FFFFFF;
    color: #f1b300;
  }
}
