/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../px/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../px/montserrat-v26-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../px/montserrat-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../px/montserrat-v26-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.widget__header-link {
  position: relative;
  align-self: flex-start;
  text-decoration: none !important;
}

.widget__header-link:hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e30613;
}


.site > .header {
  display: block !important;
}

.header {
  padding: 20px 0px;
}

.main--loginview .header {
  padding: 0 0 20px;
}

input[type="date"],
input[type="password"],
input[type="search"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
select,
label,
.custom-dropdown__select,
.nav--sub__link---active,
body,
.widget__header,
.widget__header > *, h3 .widget__subheader, input[type="number"],
input[type="submit"], .accountform__message, .pager__item, .nav__notification-wrap, .nav--main__link---level-1, .nav--main__link---level-2, .nav--code__link, .nav--checkout__link, .nav--footer__link, .accountform__item--checkbox label span, .loginform__link, table.with-hover th.line-trough, table.with-hover th.green-light,
table.with-hover td.line-trough,
table.with-hover td.green-light, table.with-styling-extended th.line-trough, table.with-styling-extended th.green-light,
table.with-styling-extended td.line-trough,
table.with-styling-extended td.green-light, table.with-styling th.line-trough, table.with-styling th.green-light,
table.with-styling td.line-trough,
table.with-styling td.green-light, table.ec-detail th:last-child,
table.ec-detail td:last-child, table.ec-list th:last-child,
table.ec-list td:last-child, table.inverted th:last-child,
table.inverted td:last-child, .label, .text-tabs__link[aria-selected="true"], .ranking__current_user,
.ranking__current_user td, .pager__amount, .widget--mixed__header-link, .productbar__info, .productlist__info--adhead, .productlist__info--description, .productdetail__vendor, .producttable__head-cell, .producttable__body-cell:last-child, .producttable__vendor, .producttable__product, .payment__line, .accountform__spacing, .order-product__info--vendor, .order-product__info--description {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: 400;
}

h1, h2, .nav--sub__list-item---title, .modal__head,
h4,
.nav--administration__textnode:last-child,
p.strong,
b, strong,
.button,
h3,
.inputfile + label,
.validate-mail__title,
table th .marked a,
table td .marked a,
table th .marked a.white,
table td .marked a.white,
table th,
.productlist__info--vendor {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: 700;
}

label,
.nav--sub__link---active {
  font-weight: bolder;
}

.logo__link {
  background-image: url("../px/logo_broetje.png");
  background-image: url("../px/logo_broetje.png"), linear-gradient(transparent, transparent);
}

.productdetail__vendor,
.productlist__info--vendor {
  color: #323e48;
}

.button--wide, .button--large, .button--small {
  border: 1px solid #e30613;
  color: #FFF;
  background: #e30613;
}

.button--wide:hover, .button--large:hover, .button--small:hover {
  border-color: #e30613;
  background: #e30613;
}

.chosen-container .chosen-results li.highlighted,
.datepicker-panel > ul > li.highlighted:hover,
.ui-slider .ui-slider-range,
.ui-slider .ui-slider-handle,
.noUi-connect,
.noUi-handle {
  background-color: #e30613;
}

.datepicker-top-left,
.datepicker-top-right,
.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
  border-top-color: #323e48;
}

.datepicker-bottom-left,
.datepicker-bottom-right,
.datepicker-top-left::before,
.datepicker-top-right::before {
  border-bottom-color: #323e48;
}

.programme__link---active,
.shippingaddress input[type="radio"]:checked + label,
.shippingaddress input[type="radio"]:checked ~ div {
  border-color: #323e48;
}

.loading__spinner {
  border-top: 5px solid rgba(0, 128, 115, 0.2);
  border-right: 5px solid rgba(0, 128, 115, 0.2);
  border-bottom: 5px solid rgba(0, 128, 115, 0.2);
  border-left: 5px solid #323e48;
}

.button--action {
  background-color: #fff;
  border: 1px solid #C2C2C2;
}

.button--action:hover {
  background-color: #F5F5F5;
}

.custom-style.custom-radio:checked + label::before,
.inputfile + label,
.productlist__info--adhead,
.productlist__item--ad,
.body--ecommerce {
  background: #323e48;
}


::-moz-selection {
	background: #323e48;
}
::selection {
	background: #323e48;
}

[aria-selected="true"].image-tabs__link {
  border-bottom: 1px solid #323e48;
}

@media (max-width: 669px) {
  .nav--code__link {
    color: #323e48;
  }
}

@media (min-width: 670px) {
	.nav--code__link:hover {
		color: #323e48;
	}
}

.datepicker-panel > ul > li:hover,
.datepicker-panel > ul > li.highlighted,
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: #f4f4f2;
}

hr,
.shippingaddress__edit:before,
.body--bonus,
.is-page-login {
  background: #F7F9F8;
}

body.is-page-login {
  background-image: url("../px/broetje-markenmotiv-leuchtturm-02-1900x1000px.jpg");
  background-position: right center;
}

.login-box .list--bullet {
  list-style: inside disc;
}

.login-box .list--bullet li {
  color: #323e48;
  display: list-item;
}

.login-box .list--bullet li::before {
  content: none;
  display: none;
}

@media (max-width: 979px) {
  .login-box p,
  .login-box .list--bullet li {
    font-size: 1rem;
  }

  .login-box .list--bullet li::before {
    margin: 1px 10px 10px 0;
  }
}

@media (min-width: 980px) {
  .login-box p,
  .login-box .list--bullet li {
    font-size: 1.3rem;
  }

  .login-box .list--bullet li::before {
    margin: 4px 10px 5px 0;
  }
}



.device-number-bild {
  background-image: url('../px/kontoauszuege.png');
  background-size: contain;
}

h2:not(.loud):not(.paging-header__title), .nav--sub__list-item---title:not(.loud):not(.paging-header__title), .modal__head:not(.loud):not(.paging-header__title),
.paging-header,
.producttable__head {
  border-bottom: 2px solid #f4f4f2;
}

.producttable__body,
.payment__cell:not(:last-child) {
  border-bottom: 1px solid #f4f4f2;
}

.nav__link.nav--footer__link:hover,
.nav--footer__link---active, .nav--footer__link:hover {
  color: #f4f4f2;
}

.productbar__numbers {
  border-top: 1px solid #f4f4f2;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name,
.chosen-container .chosen-results li.no-results,
.chosen-container-single .chosen-default,
.chosen-container-multi .chosen-choices li.search-field input[type="text"],
.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover,
.nav--meta--offcanvas .nav--meta__link,
.nav--administration__list-item,
.nav--checkout__link---active, .nav--checkout__link:hover,
.nav---expanded .overlay--page:before,
input[type="date"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="url"]:disabled,
textarea:disabled,
select:disabled,
.text-tabs__link,
.pager__item,
.programme__line,
.widget__timestamp,
.producttable__head-cell,
.producttable__vendor,
.shippingaddress label,
.detailview__timestamp,
.personal-data-note {
  color: #000;
}

.personal-data-note {
  display: block;
  margin: 0;
  padding: 1em 0;
}

.accountform__info-icon,
table.with-hover th, table.with-styling-extended th, table.with-styling th, table.no-border th,
.nav--footer,
.nav--meta--canvas {
  background: #323e48;
}

.nav--checkout__link {
  background: #e30613;
}

.nav--meta--canvas {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.shop_footer_note,
table.with-hover th,
table.with-styling-extended th,
table.with-styling th,
table.no-border th {
  color:  #FFF;
}

.order-product__info--vendor,
.stock-label {
  color: #76777b;
  text-transform: none;
}

.inputfile:focus + label,
.inputfile + label:hover,
.button--wide:hover, .button--large:hover, .button--small:hover {
  background: #e30613;
}

@media (min-width: 670px) {
	.nav--code__link {
		color: #323e48;
  	}
}

.mfp-iframe-scaler iframe {
	background: #323e48;
}

.highlight > *,
.highlight,
.nav--checkout__link---active, .nav--checkout__link:hover {
  color: #323e48;
  background: #FFFFFF;
}

.chosen-container-single .chosen-single,
.chosen-container .chosen-results,
.chosen-container-multi .chosen-choices li.search-choice,
mark,
.nav--main--canvas .nav--main__link,
.nav--main__list-item---level-1:last-child a,
.nav--main--offcanvas .nav--main__link,
.nav--main--offcanvas .nav--main__link---active,
.nav--administration__link:hover,
.nav--sub__link,
input[type="number"],
input[type="date"],
input[type="password"],
input[type="search"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
select,
input[type="submit"],
label,
.loginform__link:hover,
.custom-dropdown__select,
table th,
table td,
[aria-selected="true"].text-tabs__link,
.benefits__item,
.list--bullet li,
.button--minimal:hover,
.button--action,
.widget__link,
.productbar__info--description,
.productlist__link:not(.button),
.producttable__body-cell, .producttable__footer-cell,
.producttable__product,
.summary__email {
	color: #000;
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover,
a:not(.chosen-single):not(.nav__link):not(.text-tabs__link):not(.button):not(.pager__link):not(.productlist__link):not(.productbar__link):not(.producttable__product):not(.summary__email):not(.widget__link):not(.programme__link),
.nav--main--offcanvas .nav--main__link:hover,
.nav--administration__link,
.nav--sub__link---active, .nav--sub__link:hover,
.loginform__link,
.ranking__current_user,
.ranking__current_user td,
.button--minimal,
.loading__wrap {
  color: #000;
}

.nav--main--canvas .nav--main__link---active, .nav--main--canvas .nav--main__link:hover {
  border-bottom: 2px solid #e30613;
  color:  #000;
}

h2, .nav--sub__list-item---title, .modal__head, h4, .nav--checkout__link, .label, .text-tabs__link, .programme__line, .button--wide, .button--large, .button--minimal, .productbar__info--vendor, .productdetail__vendor, .producttable__vendor {
  text-transform: none;
}

h1,
h3,
p,
h2:not(.loud):not(.friendly), .nav--sub__list-item---title:not(.loud):not(.friendly), .modal__head:not(.loud):not(.friendly),
h4:not(.loud):not(.friendly),
h3 .widget__subheader {
  color: #000;
}

.sliderValue,
#amount {
  color: #2e2f2f !important;
}

.chosen-container-single .chosen-single div b::after {
  border-color: #2e2f2f transparent transparent transparent;
}

.inputfile:focus + label {
  outline: 1px dotted #2e2f2f;
}

.inputfile + label {
  color: #FFFFFF;
  border: 1px solid transparent;
}

@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
	.custom-dropdown::after {
		border-color: #2e2f2f transparent transparent transparent;
  }
}

button.mfp-close,
.nav--administration__trigger span,
.accountform__item--datepicker-wrap button[type="button"]:before,
.controls__search button[type="submit"]:before, .accountform__item--search button[type="submit"]:before,
.custom-style:checked + label::before,
.trigger__icon,
.benefits__item:before,
.pager__icon,
.warning--error:after, .warning--success:after, .warning--info:after,
.warning--hint:before,
.modal__close,
.programme__link---active:after,
.button--action---like:before, .button--action---cart:before, .button--action---wishlist:before,
.productlist__save, .productdetail__save,
.shippingaddress input[type="radio"]:checked + label:after,
.validate-mail:before {
  background-image: url("../px/icons.png");
  background-image: url("../px/icons.svg"), linear-gradient(transparent, transparent);
}

.button--action---like:before {
  background-position: -221px -21px;
}

@media (min-width: 670px) {
	.nav--code__link:before {
	    background-image: url("../px/icons.png");
	    background-image: url("../px/icons.svg"), linear-gradient(transparent, transparent);
  }
}

/*@media (min-width:  980px) {
  .logo {
    width: 135px;
  }
}*/

table th .marked a,
table td .marked a,
table th .marked a.white,
table td .marked a.white {
  display: block;
  width: 100%;
  background: #323e48;
  text-align: center;
  padding: 6px 10px;
  margin: 0;
}



.site > .header,
.header {
  display: block
}

.main--loginview .header {
  padding: 0 0 20px;
}

#cookieRequestArea, .cookie-consent {
  background: rgba(0,0,0,.7);
}

#cookieRequestArea .cookie_request_header, #cookieRequestArea__heading, #cookieRequestArea .cookie_request_text, .cookie-consent .cookie_request_header, .cookie-consent__heading, .cookie-consent .cookie_request_text {
  color: #000 !important;
}

#cookieRequestArea #cookieOkBtn, #cookieRequestArea__button, .cookie-consent #cookieOkBtn, .cookie-consent__button {
  color: #FFF;
  background: #e30613;
  text-decoration: none;
}

#cookieRequestArea #cookieOkBtn:hover, #cookieRequestArea__button:hover, .cookie-consent #cookieOkBtn:hover, .cookie-consent__button:hover {
  background: #e30613;
  text-decoration: none;
}

.productlist__save.productlist__save--wish {
  display: none;
}

.button.productlist__list_disabled {
  color: #ec6500;
}