@charset "UTF-8";
@import url("webfonts/roboto/stylesheet.css");
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

* {
  box-sizing: inherit;
}

a[href] {
  cursor: pointer;
}
a[href]:hover, a[href]:focus, a[href]:active {
  color: #ef7d00;
}
.button a[href]:hover, a[href]:hover.button-huss, .button a[href]:focus, a[href]:focus.button-huss, .button a[href]:active, a[href]:active.button-huss {
  color: rgba(255, 255, 255, 0.75);
}

a {
  color: inherit;
  text-decoration: inherit;
}

body, html {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  margin: 0;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

body.main {
  display: grid;
  padding-top: 4rem;
  overflow-x: hidden;
  min-width: 336px;
}
@media screen and (min-width: 777px) {
  body.main {
    padding-top: 10rem;
  }
}

.heading-orange, .account h2, .content h2 {
  color: #ef7d00;
  text-transform: uppercase;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.125rem;
}
.account h2, .content h2 {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: solid thin rgba(3, 0, 2, 0.22);
}
.account h2:first-child, .content h2:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}

h3 {
  font-size: 1.0625rem;
  font-weight: bold;
}

button {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

:focus {
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

main {
  margin-top: -35px;
  padding-top: 35px;
}

img {
  max-width: 100%;
  object-fit: scale-down;
  height: auto;
  border-radius: 5px;
}

header ul, main ul, footer ul {
  list-style-type: none;
  padding-left: 1.25rem;
}
header ul li.no-marker::before, main ul li.no-marker::before, footer ul li.no-marker::before {
  content: unset;
  display: none;
}
header ul li::before, main ul li::before, footer ul li::before {
  content: "•";
  /*
  content: "\00b7"; // U+00B7 middle dot
  content: "\2022"; // U+2022 bullet
  content: "\2027"; // U+2027 hyphenation point
  content: "\2218"; // U+2218 ring operator
  content: "\2219"; // U+2219 bullet operator
  content: "\22c5"; // U+22C5 dot operator
  content: "\23fa"; // U+23FA black circle for record
  content: "\25cf"; // U+25CF black circle
  content: "\25e6"; // U+25E6 white bullet
  content: "\26ab"; // U+26AB medium circle black
  content: "\2e30"; // U+2E30 ring point
  content: "\2e31"; // U+2E31 word separator middle dot
  content: "\2e33"; // U+2E33 raised dot
  */
  color: #ef7d00;
  font-size: 1.25em;
  display: inline-block;
  margin-left: -1.25rem;
  width: 1.25rem;
  line-height: 1;
  vertical-align: baseline;
}

@media screen and (min-width: 777px) {
  .mobile-only,
  .only-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 776px) {
  .desktop-only,
  .only-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 1025px) {
  .desktop-large-only,
  .only-desktop-large {
    display: none !important;
  }
}

select, input[type=select] {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  border: 1px solid rgba(3, 0, 2, 0.22);
  padding: 0.15rem;
  border-radius: 5px;
}

checkbox, input[type=checkbox] {
  border: 1px solid rgba(3, 0, 2, 0.22);
}

.button-huss-new-style-green {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
  background: limegreen;
  border-radius: 10px; /* Gastkonto erstellen, Weiter-Button*/
}
.button-huss-new-style-green:hover, .button-huss-new-style-green *:hover {
  color: rgba(255, 255, 255, 0.75);
}
.button-huss-new-style-green * {
  display: inline;
}
@media screen and (max-width: 776px) {
  .button-huss-new-style-green {
    width: 100%;
  }
}

button.button-huss-new-style {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
  width: auto;
  background: #ef7d00;
}
button.button-huss-new-style:hover, button.button-huss-new-style *:hover {
  color: rgba(255, 255, 255, 0.75);
}
button.button-huss-new-style * {
  display: inline;
}
@media screen and (max-width: 776px) {
  button.button-huss-new-style {
    width: 100%;
  }
}

.button-huss-new-style-black {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
  background: black;
  border-radius: 10px; /* RMA Seite, Anmelden-Button */
}
.button-huss-new-style-black:hover, .button-huss-new-style-black *:hover {
  color: rgba(255, 255, 255, 0.75);
}
.button-huss-new-style-black * {
  display: inline;
}
@media screen and (max-width: 776px) {
  .button-huss-new-style-black {
    width: 100%;
  }
}

.sc_button_grau {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
  background: rgba(3, 0, 2, 0.4);
}
.sc_button_grau:hover, .sc_button_grau *:hover {
  color: rgba(255, 255, 255, 0.75);
}
.sc_button_grau * {
  display: inline;
}
@media screen and (max-width: 776px) {
  .sc_button_grau {
    width: 100%;
  }
}

.sc_account_button_wrapper,
.sc_content_manager_button_wrapper {
  background: rgb(240, 238, 234);
  padding: 0.5rem;
}
.sc_account_button_wrapper .sc_account_button_wrapper_right,
.sc_account_button_wrapper .sc_content_manager_button_wrapper_right,
.sc_content_manager_button_wrapper .sc_account_button_wrapper_right,
.sc_content_manager_button_wrapper .sc_content_manager_button_wrapper_right {
  background-color: #ef7d00;
}
.sc_account_button_wrapper .sc_account_button_wrapper_right a::before,
.sc_account_button_wrapper .sc_content_manager_button_wrapper_right a::before,
.sc_content_manager_button_wrapper .sc_account_button_wrapper_right a::before,
.sc_content_manager_button_wrapper .sc_content_manager_button_wrapper_right a::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f015";
  color: white;
  padding-right: 0.5rem;
}
@media screen and (max-width: 776px) {
  .sc_account_button_wrapper .sc_content_manager_button_wrapper_left + .sc_content_manager_button_wrapper_center + .sc_content_manager_button_wrapper_right,
  .sc_content_manager_button_wrapper .sc_content_manager_button_wrapper_left + .sc_content_manager_button_wrapper_center + .sc_content_manager_button_wrapper_right {
    width: 100%;
    margin-top: 1rem;
  }
}
.sc_account_button_wrapper .sc_content_manager_button_wrapper_center,
.sc_content_manager_button_wrapper .sc_content_manager_button_wrapper_center {
  background-color: #ef7d00;
}
.sc_account_button_wrapper .sc_account_button_wrapper_left,
.sc_account_button_wrapper .sc_content_manager_button_wrapper_left,
.sc_content_manager_button_wrapper .sc_account_button_wrapper_left,
.sc_content_manager_button_wrapper .sc_content_manager_button_wrapper_left {
  padding: 0;
  background-color: rgba(3, 0, 2, 0.4);
}
.sc_account_button_wrapper .sc_account_button_wrapper_left a::before,
.sc_account_button_wrapper .sc_content_manager_button_wrapper_left a::before,
.sc_content_manager_button_wrapper .sc_account_button_wrapper_left a::before,
.sc_content_manager_button_wrapper .sc_content_manager_button_wrapper_left a::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0a8";
  color: white;
  padding-right: 0.5rem;
}

textarea {
  max-width: 100%;
  border-radius: 5px; /*Einkaufsliste, Kommentarfeld*/
}

textarea, input[type=text],
input[type=password] {
  border: 1px solid rgba(3, 0, 2, 0.22);
}

.highlight {
  color: #ef7d00;
  border-radius: 10px; /* Graue Boxen (Startseite)*/
}

.green {
  color: limegreen;
}

.avail-status-r {
  color: #f5630d;
}

.avail-status-g {
  color: #41a537;
}

.avail-status-y {
  color: #ffdd00;
}

.avail-status-z {
  color: #c6c6c6;
}

.btn {
  border: solid thin rgba(3, 0, 2, 0.22);
  padding: 0.25rem 0.5rem;
  text-align: center;
  color: #ef7d00;
  background: white;
  border-radius: 5px; /* Buttons in der Footer Box (Startseite) */
}
.btn.span, .btn.a {
  display: inline-block;
}

.float_right {
  display: inline-block;
  text-align: right;
}
@media screen and (min-width: 777px) {
  .float_right {
    float: right;
    margin-left: 1rem;
  }
}

.float_left {
  display: inline-block;
}
@media screen and (min-width: 777px) {
  .float_left {
    float: left;
    margin-right: 1rem;
  }
}

@media screen and (max-width: 776px) {
  .inverse-mobile {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
  .inverse-mobile > * {
    flex: 0 1 auto;
  }
}

.centered {
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1600px;
  padding: 0 2rem;
}

.site-column {
  position: relative;
}
@media screen and (max-width: 776px) {
  .site-column {
    display: block;
  }
}
@media screen and (min-width: 777px) {
  .site-column.padded {
    padding: 0 1rem;
  }
  .site-column.left {
    grid-column: 1/2;
  }
  .site-column.center {
    grid-column: 2/4;
  }
  .site-column.second {
    grid-column: 2/3;
  }
  .site-column.leftcenter {
    grid-column: 1/3;
  }
  .site-column.leftright {
    grid-column: 2/5;
  }
  .site-column.leftthird {
    grid-column: 1/4;
  }
  .site-column.centerright {
    grid-column: 3/5;
  }
  .site-column.right {
    grid-column: 4/5;
  }
  .site-column.third {
    grid-column: 3/4;
  }
  .site-column.fullwidth {
    grid-column: 1/5;
  }
}
@media screen and (min-width: 777px) and (max-width: 1025px) {
  .site-column.fullwidth-desktop-small {
    grid-column: 1/5;
  }
}

.breadcrumbs {
  height: 1.75rem;
  overflow: hidden;
  margin: 0.5rem auto;
  height: 100%;
  max-height: 1.5rem;
}

.breadcrumb {
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: left;
  white-space: nowrap;
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
  direction: rtl;
  font-size: 1rem;
}
.breadcrumb + .site-column.fullwidth > .content-wrap > .site-column.left:first-child + .site-column h1:first-child {
  margin-top: 0;
}
.breadcrumb a::after {
  content: "‎";
}

.content-wrap {
  font-size: 1rem;
  width: 100%;
  position: relative;
  padding: 0 1rem;
  margin: 0 auto 0.5rem auto;
}
.content-wrap .content-wrap,
.content-wrap .site-column .content-wrap {
  margin: 0;
  padding: 0;
}
.content-wrap.spaced {
  grid-column-gap: 1rem;
}
@media screen and (min-width: 777px) {
  .content-wrap {
    display: grid;
    max-width: 1600px;
    width: 100%;
    grid-template-columns: minmax(250px, 18%) 1fr 1fr minmax(300px, 22%);
    grid-template-rows: auto;
    margin: 0 auto 1rem auto;
    padding: 1rem 1rem;
  }
}
@media screen and (min-width: 1026px) {
  .content-wrap {
    padding: 1rem 2rem;
  }
}

/*
.footer-content-wrap {
	font-size: 1rem;
	max-width: $content-width;
	width:$desktop-content-span;
	grid-template-columns: 25% 25% 25% 25%;
	grid-template-rows: auto;
	margin: 0 auto;
	padding: 0 0.5rem 0;
	@include desktop-large {
		padding: 0 2rem 1rem;
	}
}
*/
.sectioned {
  border-top: 1px solid rgba(3, 0, 2, 0.22);
}

.center-button {
  display: block;
  cursor: pointer;
  width: auto;
  text-align: center;
  margin: 1rem auto;
}
.center-button a {
  padding: 0.6rem;
  display: inline-block;
  text-align: center;
  border: 1px solid rgba(3, 0, 2, 0.22);
  border-radius: 5px; /* "Weitere Kategorien"-Button unter den Kategorie-Kacheln */
  text-decoration: none;
}
.center-button a::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0a4";
  color: #ef7d00;
  padding-right: 0.5rem;
}

.flex-row {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  text-align: center;
  justify-content: space-evenly;
}
.flex-row > * {
  position: relative;
  flex: 1 1 0px;
  padding: 0.1rem 0.5rem;
}
.flex-row #box_cart {
  display: contents;
}
.flex-row #box_cart > * {
  position: relative;
  flex: 1 1 auto;
  padding: 0.1rem 0.5rem;
}

.flex-column {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  align-self: stretch;
}
.flex-column > * {
  position: relative;
  flex: 0 0 50%;
}

.twocol {
  display: flex;
  flex-direction: column;
}
.twocol > * {
  margin: 0.5rem 0;
}
@media screen and (min-width: 777px) {
  .twocol {
    flex-direction: row;
  }
  .twocol > * {
    flex: 0 0 50%;
  }
  .twocol > *:nth-child(2n+1) {
    margin-right: 0.5rem;
  }
  .twocol > *:nth-child(2n) {
    margin-left: 0.5rem;
  }
}

@media screen and (min-width: 777px) {
  .twocol-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 1rem;
  }
}
.twocol-grid > *:nth-child(2n+1) {
  grid-column: 1/2;
}
.twocol-grid > *:nth-child(2n) {
  grid-column: 2/3;
}

.spread-evenly {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  justify-items: center;
}

.fillimage {
  display: none;
}
@media screen and (min-width: 777px) {
  .fillimage {
    display: block;
    position: absolute;
    width: 50vw;
    max-width: 1000px;
    left: 50vw;
    top: 0;
    height: 100%;
    background-image: url(/images/Unternehmen/Gebaeude-Arena.jpg);
    background-size: 100%;
    background-size: cover;
    background-position: center;
  }
}

@media screen and (min-width: 777px) {
  .fixedheight {
    position: relative;
    min-height: 20rem;
  }
}

.centertext {
  text-align: center;
}

.highlighted {
  background: rgb(240, 238, 234);
  margin-top: 1rem;
}
@media screen and (max-width: 776px) {
  .highlighted {
    padding: 0.5rem 0;
  }
}

@media screen and (min-width: 777px) {
  .highlighted-desktop {
    background: rgb(240, 238, 234);
    border-radius: 10px; /* Footer Box (Startseite)*/
  }
}

.hidden {
  visibility: hidden;
}

.clear_left {
  clear: left;
}

.clear_right {
  clear: right;
}

.clear_both {
  clear: both;
}

h1.subline {
  font-size: 1.25rem;
}
@media screen and (min-width: 320px) {
  h1.subline.language-german {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 360px) {
  h1.subline.language-german {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 375px) {
  h1.subline.language-german {
    font-size: 1.3125rem;
  }
}
@media screen and (min-width: 410px) {
  h1.subline.language-german {
    font-size: 1.4375rem;
  }
}
@media screen and (min-width: 420px) {
  h1.subline.language-german {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 360px) {
  h1.subline.language-english {
    font-size: 1.4375rem;
  }
}
@media screen and (min-width: 375px) {
  h1.subline.language-english {
    font-size: 1.5rem;
  }
}

section.home-header-content {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
section.home-header-content > * {
  flex: 0 1 auto;
}
section.home-header-content .hello, section.home-header-content .imageblock {
  display: none;
}
section.home-header-content .hello-b2b {
  font-size: 1rem;
  padding: 0.5rem;
  margin-top: 0.5rem; /*B2B Startseite, Abstand zum Slider*/
}
section.home-header-content .hello-b2b > .hello-b2b > *:first-child {
  flex: 0 0 130px;
}
@media screen and (min-width: 777px) {
  section.home-header-content {
    padding: 0.5rem 0 1rem;
  }
  section.home-header-content .hello {
    font-size: 1rem;
    display: block;
  }
  section.home-header-content .hello a {
    color: black;
  }
  section.home-header-content .hello-b2b {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
  }
  section.home-header-content .hello-b2b .hello-b2b {
    flex-wrap: nowrap;
  }
  section.home-header-content .hello-b2b .umsatz {
    border: 1px solid rgba(3, 0, 2, 0.22);
    padding: 0 1rem 0;
    border-radius: 10px; /*B2B Pro Account, Umsatzvereinbarung Box*/
  }
  section.home-header-content .hello-b2b .umsatz h3 {
    color: #ef7d00;
  }
  section.home-header-content .hello-b2b .umsatz hr {
    opacity: 0.3;
  }
  section.home-header-content .hello-b2b .umsatz .amount {
    float: right;
    font-size: 1rem;
  }
  section.home-header-content .hello-b2b .umsatz .amount.large {
    font-size: 1.2rem;
  }
  section.home-header-content .hello-b2b > * {
    flex: 1 1 auto;
    padding-left: 0.5rem;
  }
  section.home-header-content .hello-b2b img {
    height: 4.6rem;
  }
  section.home-header-content .hello-b2b h2 {
    margin-top: 0;
  }
  section.home-header-content .hello-b2b p {
    font-size: 1rem;
  }
}
section.home-header-content .imageblock {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  position: relative;
  justify-content: space-between;
}
@media screen and (max-width: 776px) {
  section.home-header-content .imageblock {
    text-align: center;
    display: block;
  }
}
section.home-header-content .imageblock > div {
  flex: 1 1 0px;
  min-width: 0;
  min-height: 100px;
  position: relative;
  align-self: stretch;
  margin: 0.5rem 0;
  overflow: hidden;
}
@media screen and (min-width: 777px) {
  section.home-header-content .imageblock > div:not(:first-child) {
    margin-left: 1%;
  }
}
@media screen and (min-width: 777px) {
  section.home-header-content .imageblock > div > .img {
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
  }
}

.categories_description_details_link {
  font-weight: bold;
}

.main-content.product-listing .main_content_group_header {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 5px; /* Filter Box (Kategorieseite)*/
}

.main-content.category-listing .main_content_group_header_categories,
.main-content.product-listing .main_content_group_header + .description,
.main-content.product-listing .description {
  background: #f0eeea;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 5px; /* Bestimmte Kategorieseiten wie Gebrauchte VT oder Nebelfluid, Beschreibung Box*/
}

.h1-product-listing {
  display: flex;
  align-items: baseline;
}
.h1-product-listing small {
  color: #918f8d;
  font-size: 1rem;
  padding-left: 0.75rem;
}

.footer-news-elements:not(:empty) {
  margin-bottom: 2em !important;
}

.news-wrapper {
  width: 100%;
}
.news-wrapper .grid-sizer {
  width: 100%;
}
@media screen and (min-width: 777px) {
  .news-wrapper .grid-sizer {
    width: calc(50% - 1rem);
  }
}
.news-wrapper .gutter-sizer {
  width: 2rem;
}
.news-wrapper .centertext {
  position: absolute;
  bottom: 0;
  right: 0;
}

.news-item {
  margin-bottom: 1rem;
  border: 1px solid rgba(3, 0, 2, 0.22);
  padding: 1rem;
  border-radius: 5px; /*News-Kacheln (Startseite)*/
}
.news-item .date {
  color: #ef7d00;
}
.footer-news-elements .news-item {
  border: 0;
  border-bottom: 1px solid rgba(3, 0, 2, 0.22);
  padding: 0;
  font-size: 0.9em;
  line-height: 2em;
  margin-bottom: 0;
}
.footer-news-elements .news-item .date {
  width: 3em;
  float: left;
}
.footer-news-elements .news-item .text {
  margin-left: 3em;
}
@media screen and (max-width: 776px) {
  .news-item {
    margin-bottom: 0;
    border-left: none;
    border-right: none;
    padding: 0.2rem;
    width: 100%;
  }
  .news-item h2 {
    display: inline-block;
    font-weight: normal;
    font-size: 1rem;
    margin: 0.5rem auto;
  }
  .news-item .date {
    display: inline-block;
  }
  .news-item .more {
    display: none;
  }
  .home-content-wrapper .news-item {
    overflow: hidden;
  }
  .home-content-wrapper .news-item article {
    margin-right: 10rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 7ex;
    margin-top: 0;
    margin-bottom: 0.75rem;
    line-height: 1.5rem;
    height: 1.5rem;
  }
  .home-content-wrapper .news-item article p {
    display: contents;
  }
  .home-content-wrapper .news-item article img {
    display: none;
  }
  .home-content-wrapper .news-item .more {
    display: block;
    float: right;
    line-height: 1.5rem;
    margin-top: -2.25rem;
  }
}
@media screen and (min-width: 777px) {
  .news-item {
    max-width: 50%;
  }
}

.footer-news-elements .news-item {
  border-radius: 0;
}

.add-to-cart-success {
  margin: -0.5rem;
  max-width: 480px;
  /*
  <div class="buttons">
  <a href="button-huss orange logo">{#text_weiter_einkaufen#}</a>
  <a href="button-huss grey cart">{#text_zum_warenkorb#}</a>
  </div>
  */
}
body > .add-to-cart-success {
  display: none !important;
}
.add-to-cart-success .add-to-cart-success-green {
  background: green;
  color: white;
  line-height: 1.5em;
  padding: 0.5em;
}
.add-to-cart-success .product {
  position: relative;
  min-height: 100px;
  padding: 0.5rem;
}
.add-to-cart-success .add-to-cart-success-product-image {
  float: left;
}
.add-to-cart-success .add-to-cart-success-product-name {
  margin-left: 160px;
  display: block;
}
.add-to-cart-success .buttons {
  clear: both;
  display: flex;
}
.add-to-cart-success .buttons .button-huss {
  flex: 1 1 40%;
}

.button-huss {
  flex: 0 1 auto;
  text-align: center;
  line-height: 1;
  justify-content: center;
  align-items: center;
  display: block;
  font-weight: bold;
  padding: 0.5rem;
  margin: 0.5rem;
  border-radius: 5px;
  border: none;
  color: white;
  cursor: pointer;
}
.button-huss.grey {
  background: rgba(3, 0, 2, 0.4);
}
.button-huss.grey::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f291    ";
  white-space: pre;
}
.button-huss.orange {
  background: #ef7d00;
}
.button-huss.orange.logo::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f015    ";
  white-space: pre;
}
.button-huss:hover, .button-huss:focus, .button-huss:active {
  color: rgba(255, 255, 255, 0.75);
}

#artikeldetails-tab-artikelbeschreibung h2 {
  font-size: 1.25rem;
}
#artikeldetails-tab-artikelbeschreibung h3 {
  font-size: 1.125rem;
}
#artikeldetails-tab-artikelbeschreibung h4, #artikeldetails-tab-artikelbeschreibung h5, #artikeldetails-tab-artikelbeschreibung h6 {
  font-size: 1rem;
}
#artikeldetails-tab-artikelbeschreibung iframe {
  border-radius: 5px; /*Youtube Videos in Artikelbeschreibung (bsp. ELG10GAT9901)*/
}

.ad_products_name {
  font-size: 1.25rem;
}

.ad_write_review_button {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

.ad_products_reviews_element_statistik_heading {
  font-weight: bold;
}

.ad_products_reviews_element_wrapper {
  margin-top: 1rem;
}

.new_products_wrapper.tiles, .new_products_wrapper.list,
.ad_cross_selling_products_wrapper.tiles,
.ad_cross_selling_products_wrapper.list,
.products_wrapper.tiles,
.products_wrapper.list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.new_products_wrapper .slick-next, .new_products_wrapper .slick-prev,
.ad_cross_selling_products_wrapper .slick-next,
.ad_cross_selling_products_wrapper .slick-prev,
.products_wrapper .slick-next,
.products_wrapper .slick-prev {
  top: 25%;
}

.products_wrapper {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  justify-content: left;
}

@media screen and (max-width: 776px) {
  .new_products_wrapper,
  .ad_cross_selling_products_wrapper {
    display: none;
  }
  .new_products_wrapper + a.pointer,
  .ad_cross_selling_products_wrapper + a.pointer {
    margin: 0 auto;
    width: 12rem;
    text-align: center;
    border: solid thin rgba(3, 0, 2, 0.22);
    padding: 0.5rem;
  }
  .new_products_wrapper + a.pointer::before,
  .ad_cross_selling_products_wrapper + a.pointer::before {
    position: static;
    margin-right: 0.5ex;
  }
}
.new_products_wrapper .ad_crossSellingText_manufacturers,
.ad_cross_selling_products_wrapper .ad_crossSellingText_manufacturers {
  text-align: center;
}
.new_products_wrapper .ad_crossSellingText_manufacturers.sidebar,
.ad_cross_selling_products_wrapper .ad_crossSellingText_manufacturers.sidebar {
  margin-top: 0.5rem;
}

@media screen and (max-width: 776px) {
  .products-swiper-container .swiper-slide {
    max-width: 16rem;
  }
}

.main_content_product_list_product_wrapper,
.ad_cross_selling_products_element,
.ad_cross_selling_products_element_last {
  flex-direction: column;
  width: 15.25rem;
  padding: 0.5rem;
  font-size: 1rem;
  position: relative;
  border-right: 1px solid rgba(3, 0, 2, 0.22);
  border-bottom: 1px solid rgba(3, 0, 2, 0.22);
  display: flex;
}
@media screen and (max-width: 776px) {
  .main_content_product_list_product_wrapper,
  .ad_cross_selling_products_element,
  .ad_cross_selling_products_element_last {
    max-width: 50%;
  }
}
.swiper-slide > .main_content_product_list_product_wrapper,
.swiper-slide > .ad_cross_selling_products_element,
.swiper-slide > .ad_cross_selling_products_element_last {
  width: auto;
  max-width: 100%;
  height: 29.9rem;
}
.main_content_product_list_product_wrapper .product_image_lists,
.ad_cross_selling_products_element .product_image_lists,
.ad_cross_selling_products_element_last .product_image_lists {
  flex: 0 0 90px;
  text-align: center;
}
.main_content_product_list_product_wrapper .product_image_lists img.prouktbildInfo,
.ad_cross_selling_products_element .product_image_lists img.prouktbildInfo,
.ad_cross_selling_products_element_last .product_image_lists img.prouktbildInfo {
  margin: 0 auto;
  margin-top: 0.5rem;
}
.main_content_product_list_product_wrapper .product_text_area_lists,
.ad_cross_selling_products_element .product_text_area_lists,
.ad_cross_selling_products_element_last .product_text_area_lists {
  flex: 0 0 5rem;
  height: 5rem;
  margin: 0.5rem 0;
  overflow: hidden;
}
.main_content_product_list_product_wrapper .product_text_area_lists .products-name-short + .products-name-full,
.ad_cross_selling_products_element .product_text_area_lists .products-name-short + .products-name-full,
.ad_cross_selling_products_element_last .product_text_area_lists .products-name-short + .products-name-full {
  display: none;
}
.main_content_product_list_product_wrapper .product_text_area_lists .artno,
.ad_cross_selling_products_element .product_text_area_lists .artno,
.ad_cross_selling_products_element_last .product_text_area_lists .artno {
  display: none;
}
.main_content_product_list_product_wrapper .product_attributes,
.ad_cross_selling_products_element .product_attributes,
.ad_cross_selling_products_element_last .product_attributes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 7.9rem;
  overflow: hidden;
}
.main_content_product_list_product_wrapper .product_attributes .main_content_product_list_product_3_splat_energieLabel,
.ad_cross_selling_products_element .product_attributes .main_content_product_list_product_3_splat_energieLabel,
.ad_cross_selling_products_element_last .product_attributes .main_content_product_list_product_3_splat_energieLabel {
  top: 5.8rem;
  position: absolute;
  background: white;
  width: 100%;
}
.main_content_product_list_product_wrapper .product_attributes > div:first-child,
.ad_cross_selling_products_element .product_attributes > div:first-child,
.ad_cross_selling_products_element_last .product_attributes > div:first-child {
  flex: 1 0 50%;
}
.main_content_product_list_product_wrapper .product_attributes > div:last-child,
.ad_cross_selling_products_element .product_attributes > div:last-child,
.ad_cross_selling_products_element_last .product_attributes > div:last-child {
  flex: 0 1 50%;
  max-width: 50%;
}
.main_content_product_list_product_wrapper .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty, .main_content_product_list_product_wrapper .product_attributes > .artikelverfuegbarkeit_listing.no-bestand,
.ad_cross_selling_products_element .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty,
.ad_cross_selling_products_element .product_attributes > .artikelverfuegbarkeit_listing.no-bestand,
.ad_cross_selling_products_element_last .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty,
.ad_cross_selling_products_element_last .product_attributes > .artikelverfuegbarkeit_listing.no-bestand {
  max-width: 0;
  flex: 0 1 0%;
}
.main_content_product_list_product_wrapper .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty + div:last-child, .main_content_product_list_product_wrapper .product_attributes > .artikelverfuegbarkeit_listing.no-bestand + div:last-child,
.ad_cross_selling_products_element .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty + div:last-child,
.ad_cross_selling_products_element .product_attributes > .artikelverfuegbarkeit_listing.no-bestand + div:last-child,
.ad_cross_selling_products_element_last .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty + div:last-child,
.ad_cross_selling_products_element_last .product_attributes > .artikelverfuegbarkeit_listing.no-bestand + div:last-child {
  flex: 1 0 0%;
  max-width: 100%;
}
.main_content_product_list_product_wrapper .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty .main_content_product_list_product_3_splat_energieLabel, .main_content_product_list_product_wrapper .product_attributes > .artikelverfuegbarkeit_listing.no-bestand .main_content_product_list_product_3_splat_energieLabel,
.ad_cross_selling_products_element .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty .main_content_product_list_product_3_splat_energieLabel,
.ad_cross_selling_products_element .product_attributes > .artikelverfuegbarkeit_listing.no-bestand .main_content_product_list_product_3_splat_energieLabel,
.ad_cross_selling_products_element_last .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty .main_content_product_list_product_3_splat_energieLabel,
.ad_cross_selling_products_element_last .product_attributes > .artikelverfuegbarkeit_listing.no-bestand .main_content_product_list_product_3_splat_energieLabel {
  min-width: 62px;
}
.main_content_product_list_product_wrapper .product_attributes .artikelverfuegbarkeit_listing span.long,
.ad_cross_selling_products_element .product_attributes .artikelverfuegbarkeit_listing span.long,
.ad_cross_selling_products_element_last .product_attributes .artikelverfuegbarkeit_listing span.long {
  display: none;
}
.main_content_product_list_product_wrapper .product_attributes .artikelverfuegbarkeit_listing a + span.long,
.ad_cross_selling_products_element .product_attributes .artikelverfuegbarkeit_listing a + span.long,
.ad_cross_selling_products_element_last .product_attributes .artikelverfuegbarkeit_listing a + span.long {
  display: inline;
}
.main_content_product_list_product_wrapper .product_attributes .artikelverfuegbarkeit_listing a.express,
.ad_cross_selling_products_element .product_attributes .artikelverfuegbarkeit_listing a.express,
.ad_cross_selling_products_element_last .product_attributes .artikelverfuegbarkeit_listing a.express {
  display: none;
}
.main_content_product_list_product_wrapper .product_attributes .preisanrede_liste,
.ad_cross_selling_products_element .product_attributes .preisanrede_liste,
.ad_cross_selling_products_element_last .product_attributes .preisanrede_liste {
  display: none;
}
.main_content_product_list_product_wrapper .product_attributes .artikelverfuegbarkeit_listing,
.main_content_product_list_product_wrapper .product_attributes .mwstangabe_liste,
.ad_cross_selling_products_element .product_attributes .artikelverfuegbarkeit_listing,
.ad_cross_selling_products_element .product_attributes .mwstangabe_liste,
.ad_cross_selling_products_element_last .product_attributes .artikelverfuegbarkeit_listing,
.ad_cross_selling_products_element_last .product_attributes .mwstangabe_liste {
  font-size: 0.75rem;
  position: relative;
}
.main_content_product_list_product_wrapper .product_attributes .preis_auf_anfrage_liste,
.main_content_product_list_product_wrapper .product_attributes .preisangabe_liste,
.ad_cross_selling_products_element .product_attributes .preis_auf_anfrage_liste,
.ad_cross_selling_products_element .product_attributes .preisangabe_liste,
.ad_cross_selling_products_element_last .product_attributes .preis_auf_anfrage_liste,
.ad_cross_selling_products_element_last .product_attributes .preisangabe_liste {
  color: #ef7d00;
  font-size: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 776px) {
  .main_content_product_list_product_wrapper .product_attributes .preis_auf_anfrage_liste,
  .main_content_product_list_product_wrapper .product_attributes .preisangabe_liste,
  .ad_cross_selling_products_element .product_attributes .preis_auf_anfrage_liste,
  .ad_cross_selling_products_element .product_attributes .preisangabe_liste,
  .ad_cross_selling_products_element_last .product_attributes .preis_auf_anfrage_liste,
  .ad_cross_selling_products_element_last .product_attributes .preisangabe_liste {
    font-size: 1.125rem;
  }
}
.main_content_product_list_product_wrapper .product_attributes .grundpreisangabe_liste .preisanrede_liste,
.main_content_product_list_product_wrapper .product_attributes .grundpreisangabe_liste .preisangabe_liste,
.main_content_product_list_product_wrapper .product_attributes .preiszeile_liste.evp .preisanrede_liste,
.main_content_product_list_product_wrapper .product_attributes .preiszeile_liste.evp .preisangabe_liste,
.main_content_product_list_product_wrapper .product_attributes .preiszeile_liste.uvp .preisanrede_liste,
.main_content_product_list_product_wrapper .product_attributes .preiszeile_liste.uvp .preisangabe_liste,
.ad_cross_selling_products_element .product_attributes .grundpreisangabe_liste .preisanrede_liste,
.ad_cross_selling_products_element .product_attributes .grundpreisangabe_liste .preisangabe_liste,
.ad_cross_selling_products_element .product_attributes .preiszeile_liste.evp .preisanrede_liste,
.ad_cross_selling_products_element .product_attributes .preiszeile_liste.evp .preisangabe_liste,
.ad_cross_selling_products_element .product_attributes .preiszeile_liste.uvp .preisanrede_liste,
.ad_cross_selling_products_element .product_attributes .preiszeile_liste.uvp .preisangabe_liste,
.ad_cross_selling_products_element_last .product_attributes .grundpreisangabe_liste .preisanrede_liste,
.ad_cross_selling_products_element_last .product_attributes .grundpreisangabe_liste .preisangabe_liste,
.ad_cross_selling_products_element_last .product_attributes .preiszeile_liste.evp .preisanrede_liste,
.ad_cross_selling_products_element_last .product_attributes .preiszeile_liste.evp .preisangabe_liste,
.ad_cross_selling_products_element_last .product_attributes .preiszeile_liste.uvp .preisanrede_liste,
.ad_cross_selling_products_element_last .product_attributes .preiszeile_liste.uvp .preisangabe_liste {
  display: block;
  font-size: 0.75rem;
}
.main_content_product_list_product_wrapper .product_attributes .grundpreisangabe_liste,
.main_content_product_list_product_wrapper .product_attributes .preiszeile_liste:not(:first-child),
.ad_cross_selling_products_element .product_attributes .grundpreisangabe_liste,
.ad_cross_selling_products_element .product_attributes .preiszeile_liste:not(:first-child),
.ad_cross_selling_products_element_last .product_attributes .grundpreisangabe_liste,
.ad_cross_selling_products_element_last .product_attributes .preiszeile_liste:not(:first-child) {
  font-size: 0.75rem;
}
.main_content_product_list_product_wrapper .product_attributes .versandkostenlink_list_small_unten,
.ad_cross_selling_products_element .product_attributes .versandkostenlink_list_small_unten,
.ad_cross_selling_products_element_last .product_attributes .versandkostenlink_list_small_unten {
  font-size: 0.75rem;
}
.main_content_product_list_product_wrapper .preisblock_liste,
.ad_cross_selling_products_element .preisblock_liste,
.ad_cross_selling_products_element_last .preisblock_liste {
  text-align: right;
}
.main_content_product_list_product_wrapper .products_name_lists,
.ad_cross_selling_products_element .products_name_lists,
.ad_cross_selling_products_element_last .products_name_lists {
  overflow: hidden;
  font-weight: 500;
}
.main_content_product_list_product_wrapper .details,
.ad_cross_selling_products_element .details,
.ad_cross_selling_products_element_last .details {
  position: absolute;
  width: 100%;
  top: 96%;
  z-index: 5;
  background: white;
  border: 1px solid rgba(3, 0, 2, 0.22);
  box-shadow: 0 3px 4px 0 rgba(3, 0, 2, 0.22);
  padding: 1rem;
  left: 0;
  transition: opacity 200ms ease-in-out;
  opacity: 1;
  font-size: 0.75rem;
  z-index: 200;
}
.main_content_product_list_product_wrapper .details:before,
.ad_cross_selling_products_element .details:before,
.ad_cross_selling_products_element_last .details:before {
  transition: opacity 200ms ease-in-out;
  opacity: 1;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px;
  border-color: transparent transparent rgba(3, 0, 2, 0.22) transparent;
  position: absolute;
  top: -10px;
  right: 40px;
  z-index: 4;
}
.main_content_product_list_product_wrapper .details.invisible,
.ad_cross_selling_products_element .details.invisible,
.ad_cross_selling_products_element_last .details.invisible {
  opacity: 0;
  pointer-events: none;
}
.main_content_product_list_product_wrapper .details .versandkostenlink_list_small_unten,
.ad_cross_selling_products_element .details .versandkostenlink_list_small_unten,
.ad_cross_selling_products_element_last .details .versandkostenlink_list_small_unten {
  color: green;
}
.main_content_product_list_product_wrapper .details .ersprnis_uvp_liste,
.ad_cross_selling_products_element .details .ersprnis_uvp_liste,
.ad_cross_selling_products_element_last .details .ersprnis_uvp_liste {
  font-weight: bold;
}
.main_content_product_list_product_wrapper .comment,
.ad_cross_selling_products_element .comment,
.ad_cross_selling_products_element_last .comment {
  flex: 0 0 100%;
  margin-left: auto;
  margin-top: 1rem;
}
.main_content_product_list_product_wrapper .comment .comment-write,
.ad_cross_selling_products_element .comment .comment-write,
.ad_cross_selling_products_element_last .comment .comment-write {
  cursor: pointer;
}
.main_content_product_list_product_wrapper .comment .comment-write span,
.ad_cross_selling_products_element .comment .comment-write span,
.ad_cross_selling_products_element_last .comment .comment-write span {
  padding-right: 1rem;
}
.main_content_product_list_product_wrapper .comment .comment-write::after,
.ad_cross_selling_products_element .comment .comment-write::after,
.ad_cross_selling_products_element_last .comment .comment-write::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f107";
  color: #ef7d00;
}
.main_content_product_list_product_wrapper .comment .comment-textarea.none,
.ad_cross_selling_products_element .comment .comment-textarea.none,
.ad_cross_selling_products_element_last .comment .comment-textarea.none {
  display: none;
}
.main_content_product_list_product_wrapper .comment .comment-textarea textarea,
.ad_cross_selling_products_element .comment .comment-textarea textarea,
.ad_cross_selling_products_element_last .comment .comment-textarea textarea {
  width: 100%;
}

@media screen and (min-width: 777px) {
  .categories_element_wrapper .categories_element,
  .products_wrapper.tiles .main_content_product_list_product_wrapper {
    max-width: 50%;
    width: 50%;
  }
}
@media screen and (min-width: 955px) and (max-width: 1300px) {
  .categories_element_wrapper .categories_element,
  .products_wrapper.tiles .main_content_product_list_product_wrapper {
    max-width: 33%;
    width: 33%;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1580px) {
  .categories_element_wrapper .categories_element,
  .products_wrapper.tiles .main_content_product_list_product_wrapper {
    max-width: 25%;
    width: 25%;
  }
}
@media screen and (min-width: 1580px) {
  .categories_element_wrapper .categories_element,
  .products_wrapper.tiles .main_content_product_list_product_wrapper {
    max-width: 20%;
    width: 20%;
  }
}

@media screen and (max-width: 776px) {
  .categories_element_wrapper .categories_element,
  .products_wrapper .main_content_product_list_product_wrapper {
    max-width: 50%;
    width: 50%;
  }
}
@media screen and (max-width: 350px) {
  .categories_element_wrapper .categories_element,
  .products_wrapper .main_content_product_list_product_wrapper {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 650px) and (max-width: 776px) {
  .categories_element_wrapper .categories_element,
  .products_wrapper .main_content_product_list_product_wrapper {
    max-width: 33%;
    width: 33%;
  }
}

.buy_now_block {
  font-size: 1rem;
  min-height: 6rem;
  display: flex;
  flex-flow: row wrap;
  /*
  .product_buy_button {
  	background: $brand-color;
  	color: white;
  	border: none;
  	width: 100%;
  	display:block;
  	padding: 0.5rem;
  	font-weight: 500;
  	font-size: 1rem;
  	cursor: pointer;
  	&::before{
  		@include fontawesome("\f291");
  		padding-right: 0.5rem;
  	}
  }
  */
}
.buy_now_block.shopping-cart {
  max-width: 10rem;
}
.buy_now_block .label {
  display: none;
}
.buy_now_block .buy_now_amount_control .vpe {
  border-left: solid thin rgba(3, 0, 2, 0.22);
}
.buy_now_block .product_amount_controls .vpe {
  border-right: solid thin rgba(3, 0, 2, 0.22);
}
.buy_now_block .buy_now_amount_control, .buy_now_block .product_amount_controls {
  margin-top: 1rem;
  flex: 1 1 100%;
  min-width: 0;
  height: 2em;
  display: flex;
  vertical-align: middle;
  text-align: center;
  border: solid thin rgba(3, 0, 2, 0.22);
  border-radius: 5px; /*Artikel-Counter Container (Artikeldetailseite)*/
}
.buy_now_block .buy_now_amount_control input.amount, .buy_now_block .product_amount_controls input.amount {
  border-left: solid thin rgba(3, 0, 2, 0.22);
  border-right: solid thin rgba(3, 0, 2, 0.22);
  text-align: center;
  font-weight: bold;
  border-radius: 0;
}
.buy_now_block .buy_now_amount_control > *, .buy_now_block .product_amount_controls > * {
  background: white;
  margin-right: 1px;
  vertical-align: middle;
  text-align: center;
  line-height: 2em;
  flex: 1 1 0%;
  min-width: 0;
}
.buy_now_block .buy_now_amount_control .desc, .buy_now_block .product_amount_controls .desc {
  display: none;
}
.buy_now_block .buy_now_amount_control .control, .buy_now_block .product_amount_controls .control {
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: 0; /* Non-prefixed version, currently supported by Chrome and Opera */
  border: 0;
  line-height: 1;
  width: 2em;
  padding: 0;
  flex: 0 0 2em;
  font-weight: bold;
  color: #ef7d00;
}
.buy_now_block .buy_now_amount_control .control[data-check=true], .buy_now_block .product_amount_controls .control[data-check=true] {
  color: rgba(3, 0, 2, 0.22);
}
.buy_now_block .buy_now_amount_control .plus, .buy_now_block .product_amount_controls .plus { /*Artikel-Counter (Artikeldetailseite) +Button*/
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.buy_now_block .buy_now_amount_control .minus, .buy_now_block .product_amount_controls .minus { /*Artikel-Counter (Artikeldetailseite) -Button*/
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.buy_now_block .buy_now_amount_control input, .buy_now_block .product_amount_controls input {
  border: none;
  outline: none;
  vertical-align: middle;
  font-size: 1em;
  line-height: 1;
  text-align: right;
  vertical-align: baseline;
  min-width: 0;
}
.buy_now_block .buy_now_amount_control .vpe, .buy_now_block .product_amount_controls .vpe {
  padding: 0 0.5ex;
  flex: 0 0 auto;
  vertical-align: baseline;
}
.buy_now_block .buy_now_amount_control .vpe:empty, .buy_now_block .product_amount_controls .vpe:empty {
  display: none;
}
.buy_now_block .product_buy_button,
.buy_now_block .buy_now_button {
  flex: 1 1 100%;
  width: 100%;
  background: #ef7d00;
  color: white;
  display: block;
  height: 2em;
  border: 0;
  outline: 0;
  margin-top: 1rem;
  border-radius: 5px;
  cursor: pointer;
}
.buy_now_block .product_buy_button::before,
.buy_now_block .buy_now_button::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f291";
  padding-right: 0.5rem;
}
.buy_now_block .product_buy_button.out-of-stock,
.buy_now_block .buy_now_button.out-of-stock {
  color: white;
  background: rgba(3, 0, 2, 0.4);
}
.buy_now_block .product_buy_button.out-of-stock::before,
.buy_now_block .buy_now_button.out-of-stock::before {
  content: "\f11a";
  font-weight: normal;
}
.buy_now_block .product_buy_button:hover, .buy_now_block .product_buy_button:focus, .buy_now_block .product_buy_button:active,
.buy_now_block .buy_now_button:hover,
.buy_now_block .buy_now_button:focus,
.buy_now_block .buy_now_button:active {
  color: rgba(255, 255, 255, 0.75);
}
.buy_now_block .add-to-wishlist-button {
  flex: 1 0 11rem;
  min-width: 11rem;
  background: transparent;
  display: block;
  height: 2em;
  border: 0;
  outline: 0;
  margin-top: 1rem;
  display: block;
  line-height: 2em;
  vertical-align: middle;
  cursor: pointer;
}
.buy_now_block .add-to-wishlist-button::before {
  vertical-align: middle;
  font-size: 1.5rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f46d";
  padding-right: 0.5rem;
  color: #ef7d00;
}
.buy_now_block button.delete-button {
  flex: 0 0 10;
  height: 2em;
  border: 0;
  outline: 0;
  margin-top: 1rem;
  background: #fff;
  cursor: pointer;
}
.buy_now_block .delete-button {
  margin-top: 1rem;
  line-height: 2em;
  height: 2em;
  display: block;
  cursor: pointer;
}
.buy_now_block .delete-button:hover {
  color: #ef7d00;
}
.buy_now_block .delete-button::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f1f8";
  padding-right: 0.5rem;
}
.buy_now_block .delete-button input {
  display: none;
}
.buy_now_block .delete-button input + span {
  font-size: 0;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1.5rem;
  display: inline-block;
}
.buy_now_block .delete-button input + span, .buy_now_block .delete-button input + span::before, .buy_now_block .delete-button input + span::after {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1.5rem;
  vertical-align: middle;
  text-align: center;
}
.buy_now_block .delete-button input + span::before, .buy_now_block .delete-button input + span::after {
  position: absolute;
  left: 0;
}
.buy_now_block .delete-button input + span::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0c8";
  font-weight: 400;
}
.buy_now_block .delete-button input[type=hidden] + span::before, .buy_now_block .delete-button input:checked + span::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f00d";
  color: #ef7d00;
  color: red;
  font-size: 1.1875rem;
}
@media (min-width: 874px) {
  .buy_now_block .delete-button {
    margin-left: 1rem; /* Einkaufsliste: Loeschen Button, Abstand zum Buy Now Button*/
  }
}
.main_content_product_list_product_wrapper .buy_now_amount_control .vpe {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; /*Overlay Artikel-Counter, "Set" oder "Rolle" (NUR Suche etc., NICHT Artikeldetail)*/
}

.products_wrapper.list .main_content_product_list_product_wrapper,
.products_wrapper.list .ad_cross_selling_products_element,
.products_wrapper.list .ad_cross_selling_products_element_last {
  max-width: 100%;
  width: 100%;
  flex: 0 0 100%;
  flex-flow: row wrap;
  min-height: calc(108px + 5.5rem);
  border-right: none;
  padding-left: calc(2rem + 150px);
}
.products_wrapper.list .main_content_product_list_product_wrapper .product_image_lists_container,
.products_wrapper.list .ad_cross_selling_products_element .product_image_lists_container,
.products_wrapper.list .ad_cross_selling_products_element_last .product_image_lists_container {
  position: absolute;
  top: 1.5rem;
  left: 0.5rem;
  z-index: 0;
}
.products_wrapper.list .main_content_product_list_product_wrapper .extensionblock_lists_small,
.products_wrapper.list .ad_cross_selling_products_element .extensionblock_lists_small,
.products_wrapper.list .ad_cross_selling_products_element_last .extensionblock_lists_small {
  max-width: 149px;
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
}
.products_wrapper.list .main_content_product_list_product_wrapper .product_text_area_lists,
.products_wrapper.list .ad_cross_selling_products_element .product_text_area_lists,
.products_wrapper.list .ad_cross_selling_products_element_last .product_text_area_lists {
  height: auto;
  flex: 0 0 100%;
}
.products_wrapper.list .main_content_product_list_product_wrapper .product_text_area_lists .artno,
.products_wrapper.list .ad_cross_selling_products_element .product_text_area_lists .artno,
.products_wrapper.list .ad_cross_selling_products_element_last .product_text_area_lists .artno {
  display: block;
  font-size: 0.875rem;
}
.products_wrapper.list .main_content_product_list_product_wrapper .product_text_area_lists > comment-popup,
.products_wrapper.list .ad_cross_selling_products_element .product_text_area_lists > comment-popup,
.products_wrapper.list .ad_cross_selling_products_element_last .product_text_area_lists > comment-popup {
  border-bottom: 1px solid rgba(3, 0, 2, 0.22);
  border-top: 1px solid rgba(3, 0, 2, 0.22);
  display: block;
  font-size: 0.875rem;
}
.products_wrapper.list .main_content_product_list_product_wrapper .rating,
.products_wrapper.list .ad_cross_selling_products_element .rating,
.products_wrapper.list .ad_cross_selling_products_element_last .rating {
  top: 2rem;
  right: auto;
  left: 0.5rem;
  z-index: 1;
}
.products_wrapper.list .main_content_product_list_product_wrapper .product_attributes,
.products_wrapper.list .ad_cross_selling_products_element .product_attributes,
.products_wrapper.list .ad_cross_selling_products_element_last .product_attributes {
  flex: 0 0 100%;
  height: auto;
}
.products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .artikelverfuegbarkeit_listing,
.products_wrapper.list .ad_cross_selling_products_element .product_attributes > .artikelverfuegbarkeit_listing,
.products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .artikelverfuegbarkeit_listing {
  display: block;
  flex: 1 0 0%;
  max-width: 100%;
  position: static;
}
.products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste,
.products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste,
.products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste {
  display: block;
  flex: 1 0 0%;
  max-width: 100%;
  position: static;
}
.wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste,
.wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste,
.wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste {
  display: flex;
  flex-flow: row wrap;
  align-self: flex-end;
  text-align: left;
  /*
  text-align: left;
  .preisangabe_liste {
  	color: black;
  	font-weight: normal;
  }
  .gesamtpreis {
  	float: right;
  	font-weight: bold;
  }
  */
}
.wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste .preiszeile_liste:first-child,
.wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste .preiszeile_liste:first-child,
.wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste .preiszeile_liste:first-child {
  order: -3;
  flex: 0 0 50%;
}
.wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste .preiszeile_liste.uvp,
.wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste .preiszeile_liste.uvp,
.wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste .preiszeile_liste.uvp {
  order: -1;
  flex: 0 0 100%;
}
.wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste .gesamtpreis ~ .preiszeile_liste,
.wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste .gesamtpreis ~ .preiszeile_liste,
.wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste .gesamtpreis ~ .preiszeile_liste {
  flex: 0 0 100%;
}
.wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste .gesamtpreis,
.wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste .gesamtpreis,
.wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste .gesamtpreis {
  order: -2;
  flex: 0 0 50%;
  text-align: right;
  justify-self: flex-end;
  font-size: 1.25rem;
}
.wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste .preisangabe_liste,
.wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste .preisangabe_liste,
.wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste .preisangabe_liste {
  color: black;
  font-weight: normal;
}
.products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty, .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .artikelverfuegbarkeit_listing.no-bestand,
.products_wrapper.list .ad_cross_selling_products_element .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty,
.products_wrapper.list .ad_cross_selling_products_element .product_attributes > .artikelverfuegbarkeit_listing.no-bestand,
.products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty,
.products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .artikelverfuegbarkeit_listing.no-bestand {
  max-width: 0;
  flex: 0 1 0%;
}
.products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty + div:last-child, .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .artikelverfuegbarkeit_listing.no-bestand + div:last-child,
.products_wrapper.list .ad_cross_selling_products_element .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty + div:last-child,
.products_wrapper.list .ad_cross_selling_products_element .product_attributes > .artikelverfuegbarkeit_listing.no-bestand + div:last-child,
.products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .artikelverfuegbarkeit_listing:first-child:empty + div:last-child,
.products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .artikelverfuegbarkeit_listing.no-bestand + div:last-child {
  flex: 1 0 0%;
  max-width: 100%;
}
.products_wrapper.list .main_content_product_list_product_wrapper .product_attributes .main_content_product_list_product_3_splat_energieLabel,
.products_wrapper.list .ad_cross_selling_products_element .product_attributes .main_content_product_list_product_3_splat_energieLabel,
.products_wrapper.list .ad_cross_selling_products_element_last .product_attributes .main_content_product_list_product_3_splat_energieLabel {
  min-width: 62px;
  position: absolute;
  width: auto;
  top: auto;
  bottom: 3rem;
  left: 0.5rem;
  right: auto;
}
.products_wrapper.list .main_content_product_list_product_wrapper .buy_now_block,
.products_wrapper.list .ad_cross_selling_products_element .buy_now_block,
.products_wrapper.list .ad_cross_selling_products_element_last .buy_now_block {
  flex: 0 0 100%;
  min-height: 0;
  max-width: 30rem;
  align-self: flex-end;
  margin-left: auto;
}
@media screen and (min-width: 777px) {
  .products_wrapper.list .main_content_product_list_product_wrapper .product_text_area_lists .products-name-short,
  .products_wrapper.list .ad_cross_selling_products_element .product_text_area_lists .products-name-short,
  .products_wrapper.list .ad_cross_selling_products_element_last .product_text_area_lists .products-name-short {
    display: none;
  }
  .products_wrapper.list .main_content_product_list_product_wrapper .product_text_area_lists .products-name-short + .products-name-full,
  .products_wrapper.list .ad_cross_selling_products_element .product_text_area_lists .products-name-short + .products-name-full,
  .products_wrapper.list .ad_cross_selling_products_element_last .product_text_area_lists .products-name-short + .products-name-full {
    display: inline;
  }
}
@media screen and (max-width: 350px) {
  .products_wrapper.list .main_content_product_list_product_wrapper,
  .products_wrapper.list .ad_cross_selling_products_element,
  .products_wrapper.list .ad_cross_selling_products_element_last {
    padding-left: 140px;
  }
  .products_wrapper.list .main_content_product_list_product_wrapper .product_image_lists_container,
  .products_wrapper.list .main_content_product_list_product_wrapper .extensionblock_lists_small,
  .products_wrapper.list .ad_cross_selling_products_element .product_image_lists_container,
  .products_wrapper.list .ad_cross_selling_products_element .extensionblock_lists_small,
  .products_wrapper.list .ad_cross_selling_products_element_last .product_image_lists_container,
  .products_wrapper.list .ad_cross_selling_products_element_last .extensionblock_lists_small {
    max-width: 120px;
  }
}
@media screen and (min-width: 874px) {
  .products_wrapper.list .main_content_product_list_product_wrapper .buy_now_block > .buy_now_amount_control,
  .products_wrapper.list .ad_cross_selling_products_element .buy_now_block > .buy_now_amount_control,
  .products_wrapper.list .ad_cross_selling_products_element_last .buy_now_block > .buy_now_amount_control {
    flex: 1 1 auto;
    flex: 1 1 0%;
    margin-right: 1rem; /* Artikel-Count, Abstand in der Suche. Nur Desktop-Ansicht*/
  }
  .products_wrapper.list .main_content_product_list_product_wrapper .buy_now_block > .add-to-wishlist-button,
  .products_wrapper.list .main_content_product_list_product_wrapper .buy_now_block > .buy_now_button,
  .products_wrapper.list .ad_cross_selling_products_element .buy_now_block > .add-to-wishlist-button,
  .products_wrapper.list .ad_cross_selling_products_element .buy_now_block > .buy_now_button,
  .products_wrapper.list .ad_cross_selling_products_element_last .buy_now_block > .add-to-wishlist-button,
  .products_wrapper.list .ad_cross_selling_products_element_last .buy_now_block > .buy_now_button {
    flex: 1 1 auto;
    flex: 1 1 0%;
  }
  .products_wrapper.list .main_content_product_list_product_wrapper .buy_now_block .product_buy_button,
  .products_wrapper.list .ad_cross_selling_products_element .buy_now_block .product_buy_button,
  .products_wrapper.list .ad_cross_selling_products_element_last .buy_now_block .product_buy_button {
    flex: 1 1 auto;
    flex: 1 1 0%;
  }
  .products_wrapper.list .main_content_product_list_product_wrapper .buy_now_block > .add-to-wishlist-button,
  .products_wrapper.list .ad_cross_selling_products_element .buy_now_block > .add-to-wishlist-button,
  .products_wrapper.list .ad_cross_selling_products_element_last .buy_now_block > .add-to-wishlist-button {
    padding-left: 1rem;
  }
  .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes .main_content_product_list_product_3_splat_energieLabel,
  .products_wrapper.list .ad_cross_selling_products_element .product_attributes .main_content_product_list_product_3_splat_energieLabel,
  .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes .main_content_product_list_product_3_splat_energieLabel {
    bottom: 1rem;
    left: 167px;
  }
  .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste,
  .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste,
  .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste {
    min-height: 70px;
  }
}
@media screen and (max-width: 490px) {
  .wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes {
    display: block;
  }
  .wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste {
    display: block;
  }
  .wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste > .preiszeile_liste,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste > .preiszeile_liste,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste > .preiszeile_liste {
    text-align: right;
  }
  .wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste > .preiszeile_liste.gesamtpreis > *,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste > .preiszeile_liste.gesamtpreis > *,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste > .preiszeile_liste.gesamtpreis > * {
    font-weight: bold;
  }
  .wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste > .preiszeile_liste .preisanrede_liste,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste > .preiszeile_liste .preisanrede_liste,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste > .preiszeile_liste .preisanrede_liste {
    float: left;
    display: block;
  }
  .wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste > .preiszeile_liste:before, .wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste > .preiszeile_liste:after,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste > .preiszeile_liste:before,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste > .preiszeile_liste:after,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste > .preiszeile_liste:before,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste > .preiszeile_liste:after {
    content: "";
    display: table;
  }
  .wishlist .products_wrapper.list .main_content_product_list_product_wrapper .product_attributes > .preisblock_liste > .preiszeile_liste:after,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element .product_attributes > .preisblock_liste > .preiszeile_liste:after,
  .wishlist .products_wrapper.list .ad_cross_selling_products_element_last .product_attributes > .preisblock_liste > .preiszeile_liste:after {
    clear: both;
  }
  .products_wrapper.list .main_content_product_list_product_wrapper .buy_now_block,
  .products_wrapper.list .ad_cross_selling_products_element .buy_now_block,
  .products_wrapper.list .ad_cross_selling_products_element_last .buy_now_block {
    max-width: 100%;
    margin-left: 0;
  }
}
.ad_cross_selling_products_element_manufacturers,
.ad_cross_selling_products_element_last_manufacturers {
  padding: 0.5rem;
}

.ad_cross_selling_header_band_title,
.topseller_group_header {
  font-weight: bold;
  font-size: 1rem;
  padding: 0.5rem 0;
  margin-top: 1rem;
  border-bottom: 1px solid rgba(3, 0, 2, 0.22);
}

.box_top_categories {
  /*
  @include mobile {
  	margin-bottom: 1rem;
  	margin-top: 3.3rem;
  	position: relative;
  	padding-top: 96%;
  	> h1 {
  		position: absolute;
  		top: -2.7rem;
  		left: 0;
  	}
  	> .box_categories_content {
  		position: absolute;
  		top: 0;
  		left: 0;
  		right: 0;
  		bottom: 0;
  		width: 100%;
  		height: 100%;
  		a.category_preview {
  			max-width: 46%;
  			margin: 8px auto;
  			height: auto;
  		}
  	}
  }
  */
}
.box_top_categories .box_categories_content {
  margin: -8px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.box_top_categories .box_categories_content .category_preview {
  display: block;
  flex: 0 0 235px;
  overflow: hidden;
  text-align: center;
  margin: 8px;
  width: 235px;
  position: relative;
  max-width: 45%;
  border-radius: 5px;
}
@media screen and (min-width: 656px) and (max-width: 776px) {
  .box_top_categories .box_categories_content .category_preview {
    max-width: 30%;
  }
}
@media screen and (max-width: 776px) {
  .box_top_categories .box_categories_content .category_preview:nth-child(7) {
    display: none;
  }
  .box_top_categories .box_categories_content .category_preview:nth-child(8) {
    display: none;
  }
  .box_top_categories .box_categories_content .category_preview:nth-child(9) {
    display: none;
  }
  .box_top_categories .box_categories_content .category_preview:nth-child(10) {
    display: none;
  }
  .box_top_categories .box_categories_content .category_preview:nth-child(11) {
    display: none;
  }
  .box_top_categories .box_categories_content .category_preview:nth-child(12) {
    display: none;
  }
  .box_top_categories .box_categories_content .category_preview:nth-child(13) {
    display: none;
  }
  .box_top_categories .box_categories_content .category_preview:nth-child(14) {
    display: none;
  }
  .box_top_categories .box_categories_content .category_preview:nth-child(15) ~ * {
    display: none;
  }
}
.box_top_categories .box_categories_content .category_preview:nth-child(13) {
  display: none;
}
.box_top_categories .box_categories_content .category_preview:nth-child(14) {
  display: none;
}
.box_top_categories .box_categories_content .category_preview img {
  display: block;
  margin: 0;
}
.box_top_categories .box_categories_content .category_preview span {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 2rem;
  line-height: 2rem;
  vertical-align: middle;
  color: white;
  background: rgba(3, 0, 2, 0.6);
}

.extensionblock_lists_small {
  flex-wrap: nowrap;
  display: flex;
  justify-items: baseline;
  min-height: 2.8rem;
}
.extensionblock_lists_small a {
  display: inline-block;
  width: 2.3rem;
  height: 2.3rem;
}
.extensionblock_lists_small a:not(:last-child) {
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin: 0.5rem 0.25rem 0 0;
  border: 1px solid rgba(3, 0, 2, 0.22);
  flex: 0 0 auto;
  background: white;
}
.extensionblock_lists_small a:last-child {
  color: #ef7d00;
  cursor: pointer;
  text-decoration: underline;
  width: auto;
  font-size: 0.75rem;
  padding-bottom: 0.2rem;
  flex: 1 1 auto;
  text-align: right;
  position: relative;
}
.extensionblock_lists_small a:last-child span {
  position: absolute;
  line-height: 1rem;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
}
.extensionblock_lists_small a img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
@media screen and (max-width: 776px) {
  .extensionblock_lists_small {
    pointer-events: none;
  }
  .extensionblock_lists_small a:last-child {
    display: none;
  }
}

.categories_product_filter_wrapper_title {
  padding-left: 0.25rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 776px) {
  .categories_product_filter_wrapper_title {
    display: none;
  }
}

.categories_product_filter {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
@media screen and (max-width: 776px) {
  .categories_product_filter {
    flex-direction: column;
  }
  .categories_product_filter form select {
    width: 100%;
    display: block;
  }
}
.categories_product_filter > * {
  flex: 1 1 auto;
}
.categories_product_filter .categories_product_filter_cat {
  position: relative;
}
@media screen and (min-width: 777px) {
  .categories_product_filter .categories_product_filter_cat {
    padding: 0 0.25rem;
    margin-bottom: 0.5rem;
  }
}
.categories_product_filter .categories_product_filter_cat form select.product_filter_drop_down_selector_selected {
  color: white;
  background: black;
}
.categories_product_filter .categories_product_filter_cat form select.product_filter_drop_down_selector_selected option.product_filter_drop_down_selector_option {
  background: white;
  color: black;
}
.categories_product_filter .categories_product_filter_cat form select {
  background: white;
  width: 100%;
  display: block;
  margin-bottom: 0.5rem;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px; /* Sortierung Dropdown (Kategorieseite)*/
}
.categories_product_filter .categories_product_filter_cat form select::-ms-expand {
  display: none;
}
.categories_product_filter .categories_product_filter_cat form:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f078";
  color: #000;
  position: absolute;
  top: 2.2rem;
  right: 0.3rem;
  pointer-events: none;
  font-weight: 900;
}
@media screen and (min-width: 777px) {
  .categories_product_filter .categories_product_filter_cat form:after {
    top: 2rem;
    right: 0.9rem;
  }
}
.categories_product_filter .categories_product_filter_cat form.selected:after {
  color: #fff;
}
.categories_product_filter > input, .categories_product_filter > label {
  display: none;
}
@media screen and (max-width: 776px) {
  .categories_product_filter {
    flex-flow: row wrap;
  }
  .categories_product_filter > label {
    font-size: 1rem;
    height: 2.15rem;
    flex: 1 1 10rem;
    display: block;
    max-width: 50%;
    margin-bottom: 0.6rem;
    align-self: flex-end;
    margin-left: 1rem;
    border: solid thin rgba(3, 0, 2, 0.22);
    background: white;
    padding: 0.3rem 0 0.25rem 0.2rem;
    position: relative;
  }
  .categories_product_filter > label::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f078";
    position: absolute;
    top: 0.4rem;
    right: 0.3rem;
  }
  .categories_product_filter > input + label ~ *:not(.display-mode) {
    display: none;
  }
  .categories_product_filter > input:checked + label {
    color: white;
    background: black;
  }
  .categories_product_filter > input:checked + label::after {
    content: "\f077";
  }
  .categories_product_filter > input:checked + label ~ * {
    display: block;
  }
  .categories_product_filter .categories_product_filter_cat:first-child {
    flex: 1 1 40%;
  }
  .categories_product_filter .categories_product_filter_cat select {
    padding: 0.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .categories_product_filter .categories_product_filter_cat {
    flex: 1 1 100%;
  }
}
.categories_product_filter .categories_product_filter_title {
  margin-bottom: 0.5rem;
}
.categories_product_filter .categories_product_layout_button {
  padding: 0.25rem 0.5rem 0.5rem 0;
  cursor: pointer;
  /*
  line-height: 2;
  @include mobile {
  	width: calc(50% - 0.5rem);
  }
  */
  display: inline-block;
}
.categories_product_filter .categories_product_layout_button.list::before {
  padding-right: 0.25rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0c9";
}
@media screen and (max-width: 776px) {
  .categories_product_filter .categories_product_layout_button.tiles {
    text-align: right;
  }
}
.categories_product_filter .categories_product_layout_button.tiles::before {
  padding-right: 0.25rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0c8";
}
.categories_product_filter .categories_product_filter_cat.list .categories_product_layout_button.list {
  color: #ef7d00;
}
.categories_product_filter .categories_product_filter_cat.tiles .categories_product_layout_button.tiles {
  color: #ef7d00;
}

@media (min-width: 1121px) {
  .categories_product_filter.merkmale .categories_product_filter_cat {
    flex: 0 1 20%;
  }
}
@media (min-width: 1001px) and (max-width: 1120px) {
  .categories_product_filter.merkmale .categories_product_filter_cat {
    flex: 0 1 25%;
  }
}
@media (min-width: 751px) and (max-width: 1000px) {
  .categories_product_filter.merkmale .categories_product_filter_cat {
    flex: 0 1 33%;
  }
}
@media (max-width: 750px) {
  .categories_product_filter.merkmale .categories_product_filter_cat {
    flex: 0 1 50%;
  }
}
.categories_product_filter.merkmale .categories_product_filter_cat form:after {
  top: 0.5rem;
  right: 0.75rem;
}
@media screen and (min-width: 777px) {
  .categories_product_filter.merkmale .categories_product_filter_cat form:after {
    top: 0.2rem;
  }
}
@media screen and (max-width: 776px) {
  .categories_product_filter.merkmale .categories_product_filter_cat.listelements {
    display: none;
  }
}
@media screen and (max-width: 776px) {
  .categories_product_filter.merkmale {
    margin-left: 0.25rem;
    margin-right: 0.5rem;
  }
}
.categories_product_filter.merkmale .categories_product_filter_title {
  display: none;
}
.categories_product_filter.merkmale .categories_product_filter_cat.display-mode {
  margin-left: auto;
  text-align: right;
}

.product .ad_product_content_wrapper {
  position: relative;
  min-height: 25rem;
}
.product .attributes {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  left: -0.5rem;
}
.product .attributes .hinweis {
  position: relative;
}
.product .attributes .ad_sterne_agregation {
  position: relative;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.2rem;
}
.product img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.ad_write_review_text {
  margin: 0.5rem 0;
}

.ad_smartnavigator_content,
.ad_merkmale_content,
.ad_statistik_wrapper {
  display: table;
  width: 100%;
}
.ad_smartnavigator_content .ad_smartnavigator_content_element_wrapper,
.ad_smartnavigator_content .ad_merkmale_content_element_wrapper,
.ad_smartnavigator_content .ad_statistik_content_element_wrapper,
.ad_merkmale_content .ad_smartnavigator_content_element_wrapper,
.ad_merkmale_content .ad_merkmale_content_element_wrapper,
.ad_merkmale_content .ad_statistik_content_element_wrapper,
.ad_statistik_wrapper .ad_smartnavigator_content_element_wrapper,
.ad_statistik_wrapper .ad_merkmale_content_element_wrapper,
.ad_statistik_wrapper .ad_statistik_content_element_wrapper {
  display: table-row;
}
.ad_smartnavigator_content .ad_smartnavigator_content_element_wrapper .ad_smartnavigator_content_element_left,
.ad_smartnavigator_content .ad_merkmale_content_element_wrapper .ad_merkmale_content_element_left,
.ad_smartnavigator_content .ad_statistik_content_element_wrapper .ad_statistik_content_element_left,
.ad_merkmale_content .ad_smartnavigator_content_element_wrapper .ad_smartnavigator_content_element_left,
.ad_merkmale_content .ad_merkmale_content_element_wrapper .ad_merkmale_content_element_left,
.ad_merkmale_content .ad_statistik_content_element_wrapper .ad_statistik_content_element_left,
.ad_statistik_wrapper .ad_smartnavigator_content_element_wrapper .ad_smartnavigator_content_element_left,
.ad_statistik_wrapper .ad_merkmale_content_element_wrapper .ad_merkmale_content_element_left,
.ad_statistik_wrapper .ad_statistik_content_element_wrapper .ad_statistik_content_element_left {
  font-weight: bold;
}
.ad_smartnavigator_content .ad_smartnavigator_content_element_wrapper .ad_smartnavigator_content_element_left,
.ad_smartnavigator_content .ad_smartnavigator_content_element_wrapper .ad_smartnavigator_content_element_right,
.ad_smartnavigator_content .ad_merkmale_content_element_wrapper .ad_merkmale_content_element_left,
.ad_smartnavigator_content .ad_merkmale_content_element_wrapper .ad_merkmale_content_element_right,
.ad_smartnavigator_content .ad_statistik_content_element_wrapper .ad_statistik_content_element_left,
.ad_smartnavigator_content .ad_statistik_content_element_wrapper .ad_statistik_content_element_right,
.ad_merkmale_content .ad_smartnavigator_content_element_wrapper .ad_smartnavigator_content_element_left,
.ad_merkmale_content .ad_smartnavigator_content_element_wrapper .ad_smartnavigator_content_element_right,
.ad_merkmale_content .ad_merkmale_content_element_wrapper .ad_merkmale_content_element_left,
.ad_merkmale_content .ad_merkmale_content_element_wrapper .ad_merkmale_content_element_right,
.ad_merkmale_content .ad_statistik_content_element_wrapper .ad_statistik_content_element_left,
.ad_merkmale_content .ad_statistik_content_element_wrapper .ad_statistik_content_element_right,
.ad_statistik_wrapper .ad_smartnavigator_content_element_wrapper .ad_smartnavigator_content_element_left,
.ad_statistik_wrapper .ad_smartnavigator_content_element_wrapper .ad_smartnavigator_content_element_right,
.ad_statistik_wrapper .ad_merkmale_content_element_wrapper .ad_merkmale_content_element_left,
.ad_statistik_wrapper .ad_merkmale_content_element_wrapper .ad_merkmale_content_element_right,
.ad_statistik_wrapper .ad_statistik_content_element_wrapper .ad_statistik_content_element_left,
.ad_statistik_wrapper .ad_statistik_content_element_wrapper .ad_statistik_content_element_right {
  display: table-cell;
  padding: 0.25rem 1rem;
  border-bottom: 1px solid rgba(3, 0, 2, 0.22);
}

.ad_merkmale_content_element_left {
  width: 50%;
}

.ad_product_prominent {
  margin-bottom: 2rem;
}
@media screen and (min-width: 777px) {
  .ad_product_prominent {
    padding: 0 2rem 0 0;
  }
}

.ad_products_zuletzt_gekauft_wrapper {
  font-size: 0.75rem;
  padding: 0 1rem 1rem 4rem;
  position: relative;
  margin-bottom: 0.5rem;
  /*
  @include desktop {
  	top: -4rem;
  	left: 0;
  	position: absolute;
  }
  */
}
.ad_products_zuletzt_gekauft_wrapper a {
  color: #ef7d00;
  text-decoration: underline;
}
@media screen and (min-width: 777px) {
  body.scrolled .ad_products_zuletzt_gekauft_wrapper {
    display: none;
  }
}
.ad_products_zuletzt_gekauft_wrapper::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f129";
  font-size: 2em;
  color: black;
  background: white;
  position: absolute;
  left: 0em;
  display: block;
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  border: solid thin rgba(3, 0, 2, 0.22);
  padding: 0.5rem;
  border-radius: 100%;
  /*
  content: "";
  background:url(/templates/HussShop/images/b2b_pro_account_logo_box.png) center center;
  position: absolute;
  left: 0;
  width: 3rem;
  height: 3rem;
  background-size: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  @include mobile {
  	top: 0;
  }
  */
}
.ad_products_zuletzt_gekauft_wrapper hr {
  color: rgba(3, 0, 2, 0.22);
}
.ad_products_zuletzt_gekauft_wrapper .statistic-table {
  width: 100%;
  border-collapse: collapse;
}
.ad_products_zuletzt_gekauft_wrapper .statistic-table td.buy {
  text-align: right;
}
.ad_products_zuletzt_gekauft_wrapper .statistic-table td {
  border-bottom: solid 0.1rem rgba(3, 0, 2, 0.22);
}

.ad_big_image_container {
  text-align: center;
}

.ad_quickinfo_heading {
  display: none;
}

.ad_verfuegbarkeit_heading {
  display: none;
}

.ad_shipping_link {
  color: #1BBD04;
  font-weight: 500;
}

.ad_quickinfo_container,
.ad_buy_now_container {
  background: rgb(240, 238, 234);
  padding: 1rem 1rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 10px; /* Artikel Box (Artikelseite) */
  width: 100%;
}
header.b2b + main .ad_quickinfo_container,
header.b2b + main .ad_buy_now_container {
  background-color: #fef5eb;
}
.ad_quickinfo_container + .sidebar-spacer,
.ad_buy_now_container + .sidebar-spacer {
  height: 2rem;
}
.ad_quickinfo_container .hidden-link,
.ad_buy_now_container .hidden-link {
  display: none;
}
.scrolled .ad_quickinfo_container,
.scrolled .ad_buy_now_container {
  top: 58px;
  z-index: 10;
  margin-top: 1rem;
}
.scrolled .ad_quickinfo_container + .sidebar-spacer,
.scrolled .ad_buy_now_container + .sidebar-spacer {
  height: 2rem;
}
@media screen and (min-width: 777px) {
  .scrolled .ad_quickinfo_container,
  .scrolled .ad_buy_now_container {
    position: -webkit-sticky;
    position: sticky;
  }
  .scrolled .ad_quickinfo_container .ad_products_extender_right, .scrolled .ad_quickinfo_container .ad_products_extender_right ~ *,
  .scrolled .ad_buy_now_container .ad_products_extender_right,
  .scrolled .ad_buy_now_container .ad_products_extender_right ~ * {
    display: none;
  }
}
.scrolled .ad_quickinfo_container .hidden-link,
.scrolled .ad_buy_now_container .hidden-link {
  display: block;
  float: right;
}
.ad_quickinfo_container .ad_history_bold,
.ad_buy_now_container .ad_history_bold {
  font-size: 1.0625rem;
  font-weight: bold;
}

.ad_product_content_wrapper_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.ad_preis_auf_anfrage {
  font-weight: bold;
  color: #ef7d00;
  font-size: 1.25em;
}
.ad_preis_auf_anfrage div {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: black;
}

.historie_pointer:hover {
  text-decoration: underline;
  cursor: pointer;
}

.ad_preiszeile {
  padding: 0.25rem 0;
  font-size: 0.75rem;
  clear: both;
}
.ad_preiszeile.preis {
  border-bottom: 1px solid rgba(3, 0, 2, 0.22);
}
.ad_preiszeile > * {
  display: inline-block;
}
.ad_preiszeile .ad_preisanrede {
  display: inline-block;
  font-weight: 500;
  font-size: 1rem;
}
.ad_preiszeile .ad_preisangabe {
  font-size: 1.5rem;
  font-weight: 500;
  color: #ef7d00;
  float: right;
  top: -0.5rem;
  position: relative;
}
.ad_preiszeile .ad_preisangabe > span[itemprop=price], .ad_preiszeile .ad_preisangabe > span[itemprop=priceCurrency] {
  display: none;
}
.ad_preiszeile .ad_ersprnis_uvp {
  float: right;
  text-align: right;
}
.ad_preiszeile .ad_mwstangabe {
  float: right;
  font-size: 0.75rem;
}
.ad_preiszeile .ad_versandangabe {
  clear: right;
  float: right;
  font-size: 0.75rem;
}
.ad_preiszeile .ad_grundpreisangabe {
  clear: right;
  float: right;
  font-size: 0.75rem;
}
.ad_preiszeile .product_shoppinglist_button {
  background: rgba(3, 0, 2, 0.4);
  color: white;
  border: none;
  width: 100%;
  display: block;
  padding: 0.5rem;
  font-weight: 500;
  text-align: center;
  font-size: 1rem;
  border-radius: 5px; /* "Auf die Einkaufsliste"-Button */
  cursor: pointer;
}
.ad_preiszeile .product_shoppinglist_button::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f46d";
  padding-right: 0.5rem;
}
.ad_preiszeile .product_shoppinglist_button:hover, .ad_preiszeile .product_shoppinglist_button:focus, .ad_preiszeile .product_shoppinglist_button:active {
  color: rgba(255, 255, 255, 0.75);
}
.ad_preiszeile .info_dropdown {
  position: relative;
  display: inline-block;
}
.ad_preiszeile .info_dropdown .info_dropdown_button {
  font-size: 16px;
  border: none;
  background: none;
}
.ad_preiszeile .info_dropdown .info_dropdown_button img {
  border-radius: 0;
}
.ad_preiszeile .info_dropdown .info_dropdown_content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 300px;
  padding: 5px 0px 5px 15px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  z-index: 1;
}
.ad_preiszeile .info_dropdown:hover .info_dropdown_content {
  display: block;
  margin-left: -7rem;
}
.ad_preiszeile :nth-child(3) {
  margin-top: 13px;
}

.ad_img_preview_container_outer,
.ad_img_preview_container {
  height: 130px;
  margin-top: 1rem;
}
.ad_img_preview_container_outer .li_float,
.ad_img_preview_container .li_float {
  flex: 0 1 auto;
  list-style: none;
  margin: 0 0.5rem;
}
.ad_img_preview_container_outer .li_float img,
.ad_img_preview_container .li_float img {
  min-height: 100px;
  min-width: 100px;
  object-fit: cover;
  margin: 0;
  border: 0;
}
.ad_img_preview_container_outer .imagebox,
.ad_img_preview_container .imagebox {
  border: 1px solid rgba(3, 0, 2, 0.4);
}
.ad_img_preview_container_outer .li_float,
.ad_img_preview_container_outer .imagebox,
.ad_img_preview_container .li_float,
.ad_img_preview_container .imagebox {
  height: 102px;
  width: 102px;
  overflow: hidden;
  position: relative;
  border-radius: 10px; /* Vorschaubilder (Artikelseite) */
}
.ad_img_preview_container_outer .li_float .hinweis,
.ad_img_preview_container_outer .imagebox .hinweis,
.ad_img_preview_container .li_float .hinweis,
.ad_img_preview_container .imagebox .hinweis {
  top: -1px;
  left: -1px;
}
.ad_img_preview_container_outer #ad_prview_images,
.ad_img_preview_container #ad_prview_images {
  display: flex;
  flex-direction: row;
  height: 100px;
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0;
}
.ad_img_preview_container_outer #ad_prview_images .li_float::before,
.ad_img_preview_container #ad_prview_images .li_float::before {
  display: none;
}
.ad_img_preview_container_outer .slick-next, .ad_img_preview_container_outer .slick-prev,
.ad_img_preview_container .slick-next,
.ad_img_preview_container .slick-prev {
  top: 50%;
}

.ad_preiscontainer {
  margin-bottom: 1rem;
}

.ad_products_extender_right {
  margin: 1rem 0;
}
.ad_products_extender_right > div {
  display: inline;
}
.ad_products_extender_right br {
  display: none;
}
.ad_products_extender_right .ad_expresslieferung_heading,
.ad_products_extender_right .ad_socialbookmarking_heading {
  display: none;
}
.ad_products_extender_right #expressCountdown {
  font-weight: 500;
}

.ad_expresslieferung_heading {
  color: #ef7d00;
  font-weight: 500;
  padding-bottom: 1rem;
}
.ad_expresslieferung_heading .ad_mwstangabe {
  font-size: 0.75rem;
  font-weight: normal;
  color: black;
}

.ad_quickinfo_content {
  float: right;
}

.ad_quickinfo_content a.shipping {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 0 0 1rem;
  border: 1px solid rgba(3, 0, 2, 0.22);
  background: white;
}

.ad_tabnavi_aktiv {
  font-weight: bold;
}

.ad_tabnavi::before,
.ad_tabnavi_aktiv::before {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro";
  font-weight: 900;
  padding-right: 0.5rem;
  color: #ef7d00;
}

#tabnavi_artikelbeschreibung::before {
  content: "\f303";
}

#tabnavi_artikeldownloads::before {
  content: "\f019";
}

#tabnavi_artikelbewertung::before {
  content: "\f005";
}

#tabnavi_smartnavigator::before {
  content: "\f0b2";
}

#tabnavi_artikelstatistik::before {
  content: "\f201";
}

.ad_product_content_wrapper {
  position: relative;
}

@media screen and (max-width: 776px) {
  .artikeldetails-tab-labels > label[for],
  .artikeldetails-tab-contents > label[for],
  .sidebar-artikel-statistik > label[for],
  .special-super-override.review,
  .special-super-override.print,
  .special-super-override.question {
    line-height: 3rem;
    vertical-align: middle;
    border-top: thin solid rgba(3, 0, 2, 0.22);
    font-weight: normal;
  }
  .artikeldetails-tab-labels > label[for],
  .artikeldetails-tab-contents > label[for] {
    position: relative;
    font-size: 1rem;
    font-weight: normal;
  }
  .artikeldetails-tab-labels > label[for]::after,
  .artikeldetails-tab-contents > label[for]::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "";
  }
  .artikeldetails-tab-labels > input + label[for]::after,
  .artikeldetails-tab-contents > input + label[for]::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "\f078";
  }
  .artikeldetails-tab-labels > input:checked + label[for]::after,
  .artikeldetails-tab-contents > input:checked + label[for]::after {
    content: "\f077";
  }
}
.sidebar-artikel-statistik > label[for] {
  position: relative;
  font-size: 1rem;
  font-weight: normal;
}
.sidebar-artikel-statistik > label[for]::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
}
.sidebar-artikel-statistik > input + label[for]::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "\f078";
}
.sidebar-artikel-statistik > input:checked + label[for]::after {
  content: "\f077";
}

.artikeldetails-tab-labels > label[for],
.artikeldetails-tab-contents > label[for] {
  position: relative;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: normal;
}
.artikeldetails-tab-labels > label[for]::before,
.artikeldetails-tab-contents > label[for]::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
  padding-right: 0.25rem;
  color: #ef7d00;
  font-size: 1.25em;
  display: inline-block;
  width: 1.25em;
}
.artikeldetails-tab-labels label[for=artikeldetails-tab-switch-artikelbeschreibung]::before,
.artikeldetails-tab-contents label[for=artikeldetails-tab-switch-artikelbeschreibung]::before {
  content: "\f303";
}
.artikeldetails-tab-labels label[for=artikeldetails-tab-switch-downloads]::before,
.artikeldetails-tab-contents label[for=artikeldetails-tab-switch-downloads]::before {
  content: "\f019";
}
.artikeldetails-tab-labels label[for=artikeldetails-tab-switch-smartnavigator]::before,
.artikeldetails-tab-contents label[for=artikeldetails-tab-switch-smartnavigator]::before {
  content: "\f0b2";
}
.artikeldetails-tab-labels label[for=artikeldetails-tab-switch-artikelbewertung]::before,
.artikeldetails-tab-contents label[for=artikeldetails-tab-switch-artikelbewertung]::before {
  content: "\f005";
}
.artikeldetails-tab-labels label[for=artikeldetails-tab-switch-merkmale]::before,
.artikeldetails-tab-contents label[for=artikeldetails-tab-switch-merkmale]::before {
  content: "\f03a";
}

.artikeldetails-tab-labels {
  display: none;
}

.artikeldetails-tab-contents > label {
  display: block;
}
.artikeldetails-tab-contents > input {
  display: none;
}
.artikeldetails-tab-contents > input + label + div {
  display: none;
}
.artikeldetails-tab-contents > input:checked + label {
  font-weight: bold;
}
.artikeldetails-tab-contents > input:checked + label + div {
  display: block;
}

.sidebar-artikel-statistik input {
  display: none;
}

@media screen and (min-width: 777px) {
  .artikeldetails-tab-labels {
    display: block;
    border-top: thin solid rgba(3, 0, 2, 0.22);
    border-bottom: thin solid rgba(3, 0, 2, 0.22);
    line-height: 2rem;
    vertical-align: middle;
  }
  .artikeldetails-tab-labels label[for] {
    margin-right: 2rem;
  }
  .artikeldetails-tab-labels label[for].active {
    font-weight: bold;
  }
  .artikeldetails-tab-contents > label {
    display: none;
  }
}
.ad_products_tabnavi_navi_container {
  display: block;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.ad_products_tabnavi_navi_container > a {
  display: inline-block;
  padding: 0.5rem;
}

.ad_products_tabnavi_content_container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ad_products_tabnavi_content_container li {
  padding-left: 1em;
  text-indent: -0.7em;
}
.ad_products_tabnavi_content_container li::before {
  content: "•";
  font-size: 1.2rem;
  color: #ef7d00;
  padding-right: 0.15rem;
  vertical-align: sub;
}

.ad_downloads_wrapper {
  display: table;
  width: 100%;
}
.ad_downloads_wrapper .ad_downloads_heading {
  display: table-caption;
}
.ad_downloads_wrapper .ad_downloads_heading_element_wrapper {
  display: table-header-group;
  font-weight: bold;
}
.ad_downloads_wrapper .ad_downloads_content_element_wrapper {
  display: table-row-group;
}
.ad_downloads_wrapper .ad_downloads_content_element_wrapper > div > div {
  border-top: solid thin rgba(3, 0, 2, 0.22);
}
.ad_downloads_wrapper .ad_downloads_heading_element_wrapper > div,
.ad_downloads_wrapper .ad_downloads_content_element_wrapper > div {
  display: table-row;
}
.ad_downloads_wrapper .ad_downloads_heading_element_wrapper > div > div,
.ad_downloads_wrapper .ad_downloads_content_element_wrapper > div > div {
  display: table-cell;
  padding: 0.5rem;
}
.ad_downloads_wrapper .ad_downloads_heading_element_wrapper > div .ad_downloads_content_element_name,
.ad_downloads_wrapper .ad_downloads_content_element_wrapper > div .ad_downloads_content_element_name {
  display: none;
}
@media screen and (max-width: 776px) {
  .ad_downloads_wrapper {
    overflow-x: scroll;
    max-width: 100vw;
    display: inherit;
  }
}

.artikeldetails-tab-contents li::before {
  text-align: center;
}

.pwr_rating_container {
  display: inline-block;
}
.pwr_rating_container .pwr_rating_1_sterne_image,
.pwr_rating_container .pwr_rating_5_sterne_image {
  display: none;
}
.pwr_rating_container .pwr_rater {
  display: inline-block;
  min-width: 6rem;
  color: rgba(3, 0, 2, 0.4);
}
.pwr_rating_container .pwr_rater label {
  color: #fc0;
}
.pwr_rating_container .pwr_rater input:checked ~ label {
  color: inherit;
}
.pwr_rating_container .pwr_rater:hover input ~ label {
  color: #fc0;
}
.pwr_rating_container .pwr_rater:hover input ~ label:hover ~ label {
  color: inherit;
}
.pwr_rating_container .pwr_rater input {
  display: none;
}

.pwr_rating_container,
.pwr_text_container,
.pwr_beschreibungs_text .bold {
  font-weight: bold;
}

.tabs .content * {
  overflow-y: visible !important;
}

@media screen and (max-width: 776px) {
  .slider_manufacturer {
    display: none;
  }
}

.image-caption {
  position: absolute;
  bottom: calc(100% - 8.8rem);
  left: 0rem;
  background: rgba(255, 255, 255, 0.75);
  padding: 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.image-caption li {
  list-style: none;
  margin-bottom: 0.5rem;
}
.image-caption li::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f111";
  color: #ef7d00;
  padding-right: 0.5rem;
}
.image-caption li:last-child {
  margin-bottom: 0;
}

#lighterror,
#lightMobile,
#light {
  display: none;
  height: auto;
  width: 50%;
  z-index: 9010;
  position: fixed;
  left: 50%;
  right: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: rgb(240, 238, 234);
  padding: 2rem;
}

.lazyloadimage {
  display: none;
  z-index: 10;
}

.slider {
  height: 21rem;
}
.slider > div {
  position: absolute;
  width: 100%;
}

.tabs {
  display: none;
}

.tabs {
  position: relative;
  display: flex;
  width: 100%;
  clear: both;
  margin-top: 1rem;
  flex-flow: row wrap-reverse;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-end;
}
.tabs::before, .tabs .content, .tabs .swiper-slide {
  min-height: 32rem;
  height: 32rem;
}
.tabs::before {
  display: block;
  content: "";
  flex: 0 0 100%;
}
.tabs:empty {
  display: none;
}
.tabs .tab {
  display: block;
  text-overflow: ellipsis;
  flex: 0 0 auto;
}
.tabs label {
  display: block;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  border-right: solid thin rgba(3, 0, 2, 0.22);
  margin: 0;
  font-weight: normal;
}
.tabs label span.ext {
  display: none;
}
.tabs input[type=radio]:checked ~ label {
  z-index: 2;
}
.tabs input[type=radio]:checked ~ label {
  font-weight: bold;
  color: #ef7d00;
}
.tabs .tab:first-child:last-child input[type=radio]:checked ~ label {
  color: black;
}
.tabs .tab input[type=radio] {
  display: none;
}
.tabs .content {
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  border-top: 1px solid rgba(3, 0, 2, 0.22);
  visibility: hidden;
  scroll-margin-top: 10rem;
}
.tabs input[type=radio]:checked ~ label ~ .content {
  z-index: 1;
  visibility: visible;
}
.tabs .slick-next, .tabs .slick-prev {
  top: 25%;
}

.hinweis {
  position: absolute;
  top: 0.25rem;
  left: 0.5rem;
  padding: 0.2rem;
  font-weight: bold;
  color: #ef7d00;
  border: 1px solid rgba(3, 0, 2, 0.22);
  background: white;
  display: inline-block;
  z-index: 1;
  border-radius: 5px; /* "Topseller"/"New" Label (Artikel)*/
}

.rating {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0.2rem;
}

.person-box,
.ma_team_ma_element,
.ma_team_ma_element_last {
  border: thin solid rgba(3, 0, 2, 0.22);
  display: inline-block;
  background: white;
  margin-right: 1rem;
  margin-bottom: 1rem;
  vertical-align: top;
  border-radius: 10px;
}
.person-box .ad_cross_selling_image,
.person-box .person-image,
.ma_team_ma_element .ad_cross_selling_image,
.ma_team_ma_element .person-image,
.ma_team_ma_element_last .ad_cross_selling_image,
.ma_team_ma_element_last .person-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-origin: content-box;
  background-clip: content-box;
  border-radius: 5px;
  margin: 10px 10px 0 10px;
  padding: 0;
}
.person-box .ad_cross_selling_image > img,
.person-box .person-image > img,
.ma_team_ma_element .ad_cross_selling_image > img,
.ma_team_ma_element .person-image > img,
.ma_team_ma_element_last .ad_cross_selling_image > img,
.ma_team_ma_element_last .person-image > img {
  display: block;
  margin: 0 auto;
}
.person-box .ad_cross_selling_image:hover > img,
.person-box .person-image:hover > img,
.ma_team_ma_element .ad_cross_selling_image:hover > img,
.ma_team_ma_element .person-image:hover > img,
.ma_team_ma_element_last .ad_cross_selling_image:hover > img,
.ma_team_ma_element_last .person-image:hover > img {
  opacity: 0;
}
.person-box .person-info,
.ma_team_ma_element .person-info,
.ma_team_ma_element_last .person-info {
  text-align: center;
  padding: 0.5rem;
  max-width: 169px;
}
.person-box .person-info *,
.ma_team_ma_element .person-info *,
.ma_team_ma_element_last .person-info * {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.person-box .person-info .name,
.ma_team_ma_element .person-info .name,
.ma_team_ma_element_last .person-info .name {
  color: #ef7d00;
  font-weight: bold;
}
.person-box .person-info .position,
.ma_team_ma_element .person-info .position,
.ma_team_ma_element_last .person-info .position {
  font-weight: bold;
  height: 1.5em;
}
.person-box .person-info .email,
.ma_team_ma_element .person-info .email,
.ma_team_ma_element_last .person-info .email {
  height: 1.5em;
}
.person-box .person-info .phone,
.ma_team_ma_element .person-info .phone,
.ma_team_ma_element_last .person-info .phone {
  height: 1.5em;
}
.person-box .ma_team_name,
.ma_team_ma_element .ma_team_name,
.ma_team_ma_element_last .ma_team_name {
  text-align: center;
  padding: 0.5rem;
  color: #ef7d00;
  font-weight: bold;
}
.person-box .ma_team_phone,
.ma_team_ma_element .ma_team_phone,
.ma_team_ma_element_last .ma_team_phone {
  text-align: center;
}
@media screen and (max-width: 1400px) and (min-width: 1025px) {
  .person-box:nth-child(3),
  .ma_team_ma_element:nth-child(3),
  .ma_team_ma_element_last:nth-child(3) {
    display: none;
  }
}

.ma_team_ma_element,
.ma_team_ma_element_last {
  display: inline-flex;
  flex-direction: column;
}

.person-box-container {
  text-align: center;
  padding: 0.5rem;
}
@media screen and (max-width: 776px) {
  .person-box-container {
    padding: 0;
  }
}
.content-15 .person-box-container {
  text-align: left;
}
.person-box-container.float_right {
  float: none;
  width: 100%;
}
@media screen and (min-width: 1026px) {
  .person-box-container {
    text-align: left;
  }
  .person-box-container.float_right {
    float: right;
    width: auto;
  }
}

.ma_team_wrapper {
  display: flex;
  flex-wrap: wrap;
}

.ma_team_header_band_opened,
.ma_team_header_band_closed {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1rem;
}

@media screen and (min-width: 1026px) {
  .pro-reference {
    display: flex;
    flex-direction: row;
  }
  .pro-reference .image {
    flex: 0 1 auto;
    padding: 1rem;
    align-self: center;
  }
  .pro-reference .text {
    flex: 1 0 0%;
  }
}
.pro-reference .quote {
  font-style: italic;
}
.pro-reference .name {
  font-weight: 500;
}

.side_heading {
  font-weight: 500;
  font-size: 1rem;
}

.ui-autocomplete {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0 !important;
}

.black_overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: auto;
  height: auto;
  background: rgba(3, 0, 2, 0.88);
  display: none;
  z-index: 999;
}

.categories_element_wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem -1rem 0;
}
@media screen and (min-width: 1026px) {
  .categories_element_wrapper {
    justify-content: left;
  }
}
@media screen and (max-width: 1025px) {
  .categories_element_wrapper {
    margin: 1rem -0.5rem 0;
  }
}
.categories_element_wrapper .categories_element {
  display: inline-block;
  padding: 1rem;
}
@media screen and (max-width: 1025px) {
  .categories_element_wrapper .categories_element {
    padding: 0.5rem;
  }
  .categories_element_wrapper .categories_element:empty {
    padding: 0;
  }
}
.categories_element_wrapper .categories_element .categories_image_wrapper {
  text-align: center;
}
.categories_element_wrapper .categories_element .categories_element_header {
  text-align: center;
  padding: 0.5rem;
  background: rgba(3, 0, 2, 0.4);
  border: 0.5rem 0 solid transparent;
  background-clip: padding-box;
  color: white;
  border-radius: 5px; /* Kategorie-Labels grau (Kategorie-Seite) */
}
.categories_element_wrapper .categories_element:hover .categories_element_header {
  background-color: #ef7d00;
}
.categories_element_wrapper .categories_element:hover .categories_element_header a, .categories_element_wrapper .categories_element:hover .categories_element_header a:hover {
  color: white;
}
.categories_element_wrapper .categories_element .categorieImageLink {
  margin: 0 auto;
  display: inline-block;
}

*[class*=sc_system_infobox] {
  padding: 0.5rem;
}
*[class*=sc_system_infobox] *[class*=heading] {
  font-weight: bold;
  font-size: 1.1rem;
}

.sc_popup_infobox_green,
.sc_popup_infobox_small_green,
.sc_system_infobox_green,
.sc_system_infobox_small_green {
  padding: 1rem 0;
  clear: both;
}
.sc_popup_infobox_green .sc_popup_infobox_content,
.sc_popup_infobox_green .sc_system_infobox_orange_content,
.sc_popup_infobox_small_green .sc_popup_infobox_content,
.sc_popup_infobox_small_green .sc_system_infobox_orange_content,
.sc_system_infobox_green .sc_popup_infobox_content,
.sc_system_infobox_green .sc_system_infobox_orange_content,
.sc_system_infobox_small_green .sc_popup_infobox_content,
.sc_system_infobox_small_green .sc_system_infobox_orange_content {
  position: relative;
  padding: 1rem;
  padding-right: 3rem;
  border: 1px solid limegreen;
  background: white;
  color: black;
}
.sc_popup_infobox_green .sc_popup_infobox_content::before,
.sc_popup_infobox_green .sc_system_infobox_orange_content::before,
.sc_popup_infobox_small_green .sc_popup_infobox_content::before,
.sc_popup_infobox_small_green .sc_system_infobox_orange_content::before,
.sc_system_infobox_green .sc_popup_infobox_content::before,
.sc_system_infobox_green .sc_system_infobox_orange_content::before,
.sc_system_infobox_small_green .sc_popup_infobox_content::before,
.sc_system_infobox_small_green .sc_system_infobox_orange_content::before {
  color: limegreen;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  font-size: 2rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f058";
}
.sc_popup_infobox_green ol > li,
.sc_popup_infobox_small_green ol > li,
.sc_system_infobox_green ol > li,
.sc_system_infobox_small_green ol > li {
  margin-top: 1rem;
}

.sc_popup_infobox_rot,
.sc_popup_infobox_red,
.sc_popup_infobox_orange,
.sc_popup_infobox_small_rot,
.sc_popup_infobox_small_orange,
.sc_system_infobox_rot,
.sc_system_infobox_red,
.sc_system_infobox_orange,
.sc_system_infobox_small_rot,
.sc_system_infobox_small_orange {
  padding: 1rem 0;
  clear: both;
}
.sc_popup_infobox_rot .sc_popup_infobox_content,
.sc_popup_infobox_rot .sc_system_infobox_orange_content,
.sc_popup_infobox_red .sc_popup_infobox_content,
.sc_popup_infobox_red .sc_system_infobox_orange_content,
.sc_popup_infobox_orange .sc_popup_infobox_content,
.sc_popup_infobox_orange .sc_system_infobox_orange_content,
.sc_popup_infobox_small_rot .sc_popup_infobox_content,
.sc_popup_infobox_small_rot .sc_system_infobox_orange_content,
.sc_popup_infobox_small_orange .sc_popup_infobox_content,
.sc_popup_infobox_small_orange .sc_system_infobox_orange_content,
.sc_system_infobox_rot .sc_popup_infobox_content,
.sc_system_infobox_rot .sc_system_infobox_orange_content,
.sc_system_infobox_red .sc_popup_infobox_content,
.sc_system_infobox_red .sc_system_infobox_orange_content,
.sc_system_infobox_orange .sc_popup_infobox_content,
.sc_system_infobox_orange .sc_system_infobox_orange_content,
.sc_system_infobox_small_rot .sc_popup_infobox_content,
.sc_system_infobox_small_rot .sc_system_infobox_orange_content,
.sc_system_infobox_small_orange .sc_popup_infobox_content,
.sc_system_infobox_small_orange .sc_system_infobox_orange_content {
  position: relative;
  padding: 1rem;
  padding-right: 3rem;
  border: 1px solid red;
  background: white;
  color: black;
  border-radius: 5px; /* Rote Infobox (bsp. Anmeldung fehlgeschlagen) */
}
.sc_popup_infobox_rot .sc_popup_infobox_content::before,
.sc_popup_infobox_rot .sc_system_infobox_orange_content::before,
.sc_popup_infobox_red .sc_popup_infobox_content::before,
.sc_popup_infobox_red .sc_system_infobox_orange_content::before,
.sc_popup_infobox_orange .sc_popup_infobox_content::before,
.sc_popup_infobox_orange .sc_system_infobox_orange_content::before,
.sc_popup_infobox_small_rot .sc_popup_infobox_content::before,
.sc_popup_infobox_small_rot .sc_system_infobox_orange_content::before,
.sc_popup_infobox_small_orange .sc_popup_infobox_content::before,
.sc_popup_infobox_small_orange .sc_system_infobox_orange_content::before,
.sc_system_infobox_rot .sc_popup_infobox_content::before,
.sc_system_infobox_rot .sc_system_infobox_orange_content::before,
.sc_system_infobox_red .sc_popup_infobox_content::before,
.sc_system_infobox_red .sc_system_infobox_orange_content::before,
.sc_system_infobox_orange .sc_popup_infobox_content::before,
.sc_system_infobox_orange .sc_system_infobox_orange_content::before,
.sc_system_infobox_small_rot .sc_popup_infobox_content::before,
.sc_system_infobox_small_rot .sc_system_infobox_orange_content::before,
.sc_system_infobox_small_orange .sc_popup_infobox_content::before,
.sc_system_infobox_small_orange .sc_system_infobox_orange_content::before {
  color: red;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  font-size: 2rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f05a";
}
.sc_popup_infobox_rot ol > li,
.sc_popup_infobox_red ol > li,
.sc_popup_infobox_orange ol > li,
.sc_popup_infobox_small_rot ol > li,
.sc_popup_infobox_small_orange ol > li,
.sc_system_infobox_rot ol > li,
.sc_system_infobox_red ol > li,
.sc_system_infobox_orange ol > li,
.sc_system_infobox_small_rot ol > li,
.sc_system_infobox_small_orange ol > li {
  margin-top: 1rem;
}

.sc_system_infobox_small_orange {
  padding: 1rem 0.5rem; /*Bestellvorgang, Neutralversand Banner einruecken*/
}

.energiLabelPopUpHeader,
.energiLabelPopUpText,
.energieLabelPopUpImage {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.75rem;
}

.energiLabelPopUpHeader {
  font-size: 1rem;
  margin: 0.5rem;
}

.energiLabelPopUpText {
  margin: 0.5rem;
}

.faces {
  display: flex;
  margin-bottom: 1rem;
}
.faces .face-small {
  display: block;
  flex: 1 1 30%;
  position: relative;
  padding: 1.5%;
}
.faces .face-small .image {
  background-color: #ef7d00;
  background-size: cover;
  background-position: center top;
  width: 100%;
  padding-top: 100%;
  border-radius: 5px; /* Ansprechpartner-Bilder, Ansprechpartner-Box */
}
.faces .face-small .name {
  word-break: normal;
  hyphens: none;
  color: #ef7d00;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.5em;
}

.button-bar {
  display: flex;
  flex-flow: row-reverse wrap-reverse;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background: rgb(240, 238, 234);
  padding: 0.25rem;
  border-radius: 10px; /* Button Bar, Ende der Seite ("Zurueck"/"Home") */
  padding: 0.5rem;
  /*
  &>*{
  	flex: 0 1 auto;
  	text-align: center;
  	line-height: 1;
  	vertical-align: middle;
  	display: flex;
  	justify-content: center;
  	align-items: center;

  	background: $brand-color;
  	color: white;
  	font-weight: 500;
  	cursor: pointer;
  	&:hover {
  		color: rgba(255, 255, 255, 0.75);
  	}
  	a, button {
  		padding: 0.75rem 2rem;
  		* {
  			display: inline;
  		}
  	}
  }
  a:hover {
  	color: inherit;
  }
  a.home {
  	background-color: $brand-color;
  	a::before {
  		@include fontawesome("\f015");
  		color: white;
  		padding-right: 0.5rem;
  	}
  }
  */
}
.button-bar.has-100 {
  flex-flow: row wrap;
}
.button-bar > a[href], .button-bar > button {
  cursor: pointer;
}
.button-bar > span {
  cursor: default;
}
.button-bar > a, .button-bar > button, .button-bar > span {
  border: 0;
  flex: 0 0 auto;
  display: block;
  margin: 0.5rem;
  padding: 0.75em 2em;
  font-weight: 500;
  word-wrap: none;
  white-space: nowrap;
  border-radius: 10px; /* Button Bar, Buttons */
}
.button-bar > a::before, .button-bar > button::before, .button-bar > span::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
  padding-right: 0.5rem;
}
.button-bar > a:empty, .button-bar > button:empty, .button-bar > span:empty {
  display: none;
}
.button-bar > a.hide, .button-bar > button.hide, .button-bar > span.hide {
  opacity: 0;
  visibility: hidden;
  cursor: default;
  pointer-events: none;
}
.button-bar > a, .button-bar > button, .button-bar > span {
  color: white;
}
.button-bar > a:hover, .button-bar > a:focus, .button-bar > a:active, .button-bar > button:hover, .button-bar > button:focus, .button-bar > button:active, .button-bar > span:hover, .button-bar > span:focus, .button-bar > span:active {
  color: rgba(255, 255, 255, 0.75);
}
.button-bar > a.grey, .button-bar > button.grey, .button-bar > span.grey {
  background-color: rgba(3, 0, 2, 0.4);
}
.button-bar > a.orange, .button-bar > button.orange, .button-bar > span.orange {
  background-color: #ef7d00;
}
.button-bar > a.green, .button-bar > button.green, .button-bar > span.green {
  background-color: limegreen;
}
.button-bar > a.black, .button-bar > button.black, .button-bar > span.black {
  background-color: black;
}
.button-bar > a.red, .button-bar > button.red, .button-bar > span.red {
  background-color: red;
}

@media screen and (min-width: 777px) {
  .merkmal-mobile {
    display: none;
  }
}
#huss-modal .merkmal-form {
  display: block;
  margin: -0.5rem;
  height: 100%;
}
#huss-modal .merkmal-form .merkmal-header {
  display: none;
}
#huss-modal .merkmal-form .merkmal-body {
  padding: 0 0.5rem;
  padding-bottom: 6rem;
}
#huss-modal .merkmal-form .merkmal-footer {
  padding: 0 0.5rem;
  position: fixed;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  background: rgb(240, 238, 234);
  height: 5rem;
  display: flex;
  justify-content: space-evenly;
  font-size: 1rem;
}
#huss-modal .merkmal-form .merkmal-footer button, #huss-modal .merkmal-form .merkmal-footer a.merkmal-bubble-cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  flex: 0 0 auto;
  width: auto;
  color: black;
  background-color: rgba(3, 0, 2, 0.11);
}
#huss-modal .merkmal-form .merkmal-footer button:hover, #huss-modal .merkmal-form .merkmal-footer button *:hover, #huss-modal .merkmal-form .merkmal-footer a.merkmal-bubble-cancel:hover, #huss-modal .merkmal-form .merkmal-footer a.merkmal-bubble-cancel *:hover {
  color: rgba(255, 255, 255, 0.75);
}
#huss-modal .merkmal-form .merkmal-footer button *, #huss-modal .merkmal-form .merkmal-footer a.merkmal-bubble-cancel * {
  display: inline;
}
@media screen and (max-width: 776px) {
  #huss-modal .merkmal-form .merkmal-footer button, #huss-modal .merkmal-form .merkmal-footer a.merkmal-bubble-cancel {
    width: 100%;
  }
}
#huss-modal .merkmal-form .merkmal-footer button + button, #huss-modal .merkmal-form .merkmal-footer a.merkmal-bubble-cancel + button {
  background-color: #ef7d00;
  color: white;
}
@media screen and (max-width: 776px) {
  #huss-modal .merkmal-form .merkmal-footer button, #huss-modal .merkmal-form .merkmal-footer a.merkmal-bubble-cancel {
    width: auto;
  }
}
#huss-modal .merkmal-form .merkmal-element {
  position: relative;
  margin-top: 1rem;
}
#huss-modal .merkmal-form input.merkmal-toggle {
  display: none;
}
#huss-modal .merkmal-form input.merkmal-toggle:not(:checked) + label + .merkmal-menu {
  display: none;
}
#huss-modal .merkmal-form label.merkmal-toggle-label {
  display: block;
  font-weight: bold;
  padding: 0.25rem 0;
}
#huss-modal .merkmal-form label.merkmal-toggle-label::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f068  ";
  font-weight: normal;
  display: inline-block;
  margin-right: 0.625rem;
}
#huss-modal .merkmal-form input.merkmal-toggle:not(:checked) + label.merkmal-toggle-label::before {
  content: "\f067  ";
}
#huss-modal .merkmal-form .merkmal-bubble:not(.merkmal-bubble-cancel), #huss-modal .merkmal-form .merkmal-bubble-wrapper .merkmal-bubble-cancel:not(.merkmal-bubble-cancel), .merkmal-bubble-wrapper #huss-modal .merkmal-form .merkmal-bubble-cancel:not(.merkmal-bubble-cancel), #huss-modal .merkmal-form .merkmal-bubble-wrapper button:not(.merkmal-bubble-cancel), .merkmal-bubble-wrapper #huss-modal .merkmal-form button:not(.merkmal-bubble-cancel) {
  display: none !important;
}

button.merkmale-mobile.show-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
  background-color: #ef7d00;
}
@media screen and (min-width: 777px) {
  button.merkmale-mobile.show-modal {
    display: none;
  }
}
button.merkmale-mobile.show-modal:hover, button.merkmale-mobile.show-modal *:hover {
  color: rgba(255, 255, 255, 0.75);
}
button.merkmale-mobile.show-modal * {
  display: inline;
}
@media screen and (max-width: 776px) {
  button.merkmale-mobile.show-modal {
    width: 100%;
  }
}

label.layout-order-mobile-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
  background-color: rgba(3, 0, 2, 0.4);
}
label.layout-order-mobile-button:hover, label.layout-order-mobile-button *:hover {
  color: rgba(255, 255, 255, 0.75);
}
label.layout-order-mobile-button * {
  display: inline;
}
@media screen and (max-width: 776px) {
  label.layout-order-mobile-button {
    width: 100%;
  }
}
label.layout-order-mobile-button + input, label.layout-order-mobile-button + input + div {
  display: none;
}
label.layout-order-mobile-button + input:checked + div {
  display: block;
}
@media screen and (min-width: 777px) {
  label.layout-order-mobile-button {
    display: none;
  }
  label.layout-order-mobile-button + input + div {
    display: block;
  }
}

.merkmal-form .merkmal-header, .similar-merkmal-form .merkmal-header, .similar-merkmal-form-mobile .merkmal-header {
  padding-bottom: 0.5rem;
}
.merkmal-form .merkmal-menu, .similar-merkmal-form .merkmal-menu, .similar-merkmal-form-mobile .merkmal-menu {
  display: flex;
  flex-wrap: wrap;
}
.merkmal-form .merkmal-menu > ul, .similar-merkmal-form .merkmal-menu > ul, .similar-merkmal-form-mobile .merkmal-menu > ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  flex: 1 0 0px;
  max-height: 30vh;
  overflow-y: auto;
}
.merkmal-form .merkmal-menu > ul > li, .similar-merkmal-form .merkmal-menu > ul > li, .similar-merkmal-form-mobile .merkmal-menu > ul > li {
  line-height: 1.5rem;
  display: flex;
  align-items: center;
}
.merkmal-form .merkmal-menu > ul > li::before, .similar-merkmal-form .merkmal-menu > ul > li::before, .similar-merkmal-form-mobile .merkmal-menu > ul > li::before {
  display: none;
}
.merkmal-form .merkmal-menu > ul > li input, .merkmal-form .merkmal-menu > ul > li select, .similar-merkmal-form .merkmal-menu > ul > li input, .similar-merkmal-form .merkmal-menu > ul > li select, .similar-merkmal-form-mobile .merkmal-menu > ul > li input, .similar-merkmal-form-mobile .merkmal-menu > ul > li select {
  flex: 0 0 auto;
  margin-right: 0.5rem;
  margin-left: 0;
  padding: 0;
  height: 1rem;
}
.merkmal-form .merkmal-menu > ul > li label, .similar-merkmal-form .merkmal-menu > ul > li label, .similar-merkmal-form-mobile .merkmal-menu > ul > li label {
  padding: 0.25rem 0;
  flex: 1 0 0px;
}
.merkmal-form .merkmal-menu > input, .merkmal-form .merkmal-menu > select, .similar-merkmal-form .merkmal-menu > input, .similar-merkmal-form .merkmal-menu > select, .similar-merkmal-form-mobile .merkmal-menu > input, .similar-merkmal-form-mobile .merkmal-menu > select {
  flex: 1 0 0px;
  min-width: 2ex;
  width: auto;
  border-radius: 0px; /* Merkmal-Dropdowns mit Schiebereglern (Kategorieseite) */
}
.merkmal-form .merkmal-menu > span, .similar-merkmal-form .merkmal-menu > span, .similar-merkmal-form-mobile .merkmal-menu > span {
  padding: 0 0.125rem;
  line-height: 1.5rem;
}
.merkmal-form .merkmal-menu > button + button, .similar-merkmal-form .merkmal-menu > button + button, .similar-merkmal-form-mobile .merkmal-menu > button + button {
  order: -1;
}
.merkmal-form .merkmal-menu > button, .similar-merkmal-form .merkmal-menu > button, .similar-merkmal-form-mobile .merkmal-menu > button {
  justify-content: center;
  align-items: center;
  border: none;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  cursor: pointer;
  background-color: #ef7d00;
}
.merkmal-form .merkmal-menu > button:hover, .merkmal-form .merkmal-menu > button *:hover, .similar-merkmal-form .merkmal-menu > button:hover, .similar-merkmal-form .merkmal-menu > button *:hover, .similar-merkmal-form-mobile .merkmal-menu > button:hover, .similar-merkmal-form-mobile .merkmal-menu > button *:hover {
  color: rgba(255, 255, 255, 0.75);
}
.merkmal-form .merkmal-menu > button *, .similar-merkmal-form .merkmal-menu > button *, .similar-merkmal-form-mobile .merkmal-menu > button * {
  display: inline;
}
.merkmal-form .merkmal-menu .range-slider, .similar-merkmal-form .merkmal-menu .range-slider, .similar-merkmal-form-mobile .merkmal-menu .range-slider {
  height: 3rem;
  flex: 0 0 100%;
  padding: 1rem 2rem;
  width: 100%;
  position: relative;
}
.merkmal-form .merkmal-menu .range-slider .noUi-connect, .similar-merkmal-form .merkmal-menu .range-slider .noUi-connect, .similar-merkmal-form-mobile .merkmal-menu .range-slider .noUi-connect {
  background-color: #ef7d00;
}

.main-content .merkmal-form {
  display: none;
}
@media screen and (min-width: 777px) {
  .main-content .merkmal-form {
    display: block;
  }
}
.main-content .merkmal-form .merkmal-wrapper {
  display: none;
}
.main-content .merkmal-form .merkmal-body {
  display: flex;
  flex-flow: row wrap;
}
.main-content .merkmal-form .merkmal-footer {
  display: none;
  margin-top: 1rem;
  background: white;
  border: solid thin rgba(3, 0, 2, 0.22);
  padding: 0.25rem 0.25rem 0.125rem;
  font-size: 0.875rem;
  font-weight: normal;
  position: relative;
  line-height: 1rem;
  border-radius: 5px; /*Kategiorieseite, Filter aktiv, Filteruebersicht*/
  flex-flow: wrap;
  /*
  overflow-x: hidden;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  &::-webkit-scrollbar {
  	display: none;
  }
  -ms-overflow-style: none;
  scrollbar-width: none;
  &.left::before,
  &.right::after {
  	color: $medium-grey;
  	font-family: "Font Awesome 5 Pro";
  	font-weight: 400;
  	position: absolute;
  }
  &::before {
  	content: "\f053";
  	left: 0;
  	// margin-top: 0.25rem;
  	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
  	// padding: 0.5rem 0.5rem 0.5rem 1rem;
  }
  &::after {
  	content: "\f054";
  	// margin-top: 0.25rem;
  	right: 0;
  	background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
  	// padding: 0.5rem 1rem 0.5rem 0.5rem;
  }
  */
}
.main-content .merkmal-form .merkmal-footer.active {
  display: inline-flex;
}
.main-content .merkmal-form .merkmal-footer .merkmal-bubble, .main-content .merkmal-form .merkmal-footer .merkmal-bubble-wrapper .merkmal-bubble-cancel, .merkmal-bubble-wrapper .main-content .merkmal-form .merkmal-footer .merkmal-bubble-cancel, .main-content .merkmal-form .merkmal-footer .merkmal-bubble-wrapper button, .merkmal-bubble-wrapper .main-content .merkmal-form .merkmal-footer button {
  padding: 0 0.25rem;
  flex: 0 0 auto;
  cursor: pointer;
  margin-right: 2rem;
}
.main-content .merkmal-form .merkmal-footer .merkmal-bubble::after, .main-content .merkmal-form .merkmal-footer .merkmal-bubble-wrapper .merkmal-bubble-cancel::after, .merkmal-bubble-wrapper .main-content .merkmal-form .merkmal-footer .merkmal-bubble-cancel::after, .main-content .merkmal-form .merkmal-footer .merkmal-bubble-wrapper button::after, .merkmal-bubble-wrapper .main-content .merkmal-form .merkmal-footer button::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: " \f00d";
  margin-left: 0.25rem;
}
.main-content .merkmal-form .merkmal-footer button, .main-content .merkmal-form .merkmal-footer a.merkmal-bubble-cancel {
  background: none;
  border: 0 none;
  text-decoration: none;
  margin-right: 0.5rem;
}
.main-content .merkmal-form .merkmal-footer .merkmal-bubble-cancel::after {
  content: none;
}
.main-content .merkmal-form .merkmal-footer .merkmal-bubble + button, .main-content .merkmal-form .merkmal-footer .merkmal-bubble-wrapper .merkmal-bubble-cancel + button, .merkmal-bubble-wrapper .main-content .merkmal-form .merkmal-footer .merkmal-bubble-cancel + button, .main-content .merkmal-form .merkmal-footer .merkmal-bubble-wrapper button + button, .merkmal-bubble-wrapper .main-content .merkmal-form .merkmal-footer button + button {
  display: block;
}
.main-content .merkmal-form .merkmal-footer button:last-child, .main-content .merkmal-form .merkmal-footer button:nth-last-child(2), .main-content .merkmal-form .merkmal-footer a.merkmal-bubble-cancel:first-child {
  display: none;
}
.main-content .merkmal-form .merkmal-body {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: auto;
  grid-auto-flow: dense;
  grid-gap: 0.5rem;
}
.main-content .merkmal-form .merkmal-element {
  background: white;
  border: solid thin rgba(3, 0, 2, 0.22);
  padding: 0;
  font-size: 0.875rem;
  font-weight: normal;
  position: relative;
  border-radius: 5px; /* Filter Dropdown (Kategorieseite)*/
}
.main-content .merkmal-form .merkmal-element.not-usable {
  color: rgba(3, 0, 2, 0.22);
}
.main-content .merkmal-form .merkmal-element.not-usable .merkmal-menu {
  display: none;
}
.main-content .merkmal-form .merkmal-element::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f107";
  position: absolute;
  top: 4px;
  right: 6px;
  pointer-events: none;
}
.main-content .merkmal-form .merkmal-element.active {
  background-color: black;
}
.main-content .merkmal-form .merkmal-element.active::after,
.main-content .merkmal-form .merkmal-element.active label.merkmal-toggle-label {
  color: white;
}
.main-content .merkmal-form input.merkmal-toggle {
  display: none;
}
.main-content .merkmal-form label.merkmal-toggle-label {
  display: block;
  padding: 0.25rem 0.5rem 0.125rem;
  white-space: nowrap;
}
.main-content .merkmal-form label.merkmal-toggle-label > span {
  max-width: 95%;
  display: block;
  overflow-x: hidden;
}
.main-content .merkmal-form input.merkmal-toggle:not(:checked) + label + .merkmal-menu {
  display: none;
}
.main-content .merkmal-form .merkmal-menu {
  position: absolute;
  z-index: 3;
  background: white;
  top: 100%;
  left: -1px;
  right: -1px;
  border: solid thin rgba(3, 0, 2, 0.22);
  border-radius: 5px; /* Filter Dropdown ausgeklappt (Kategorieseite)*/
}
.main-content .merkmal-form .merkmal-menu > ul {
  margin: 0;
}
.main-content .merkmal-form .merkmal-menu > ul > li input {
  margin-left: 0.5rem;
}
.main-content .merkmal-form .merkmal-menu > ul > li label {
  padding-right: 0.25rem;
}

.merkmal-bubble-wrapper {
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  border: 1px solid rgba(3, 0, 2, 0.22);
}
.merkmal-bubble-wrapper.active {
  pointer-events: none;
}
@media screen and (max-width: 776px) {
  .merkmal-bubble-wrapper {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .merkmal-bubble-wrapper::-webkit-scrollbar {
    display: none;
  }
  .merkmal-bubble-wrapper .merkmal-bubble, .merkmal-bubble-wrapper button, .merkmal-bubble-wrapper .merkmal-bubble-cancel {
    flex: 0 0 auto;
  }
  .merkmal-bubble-wrapper.scrollRight:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f054";
    position: absolute;
    right: 2.05rem;
    margin-top: 0.25rem;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
    padding: 0.5rem 0.5rem 0.5rem 1rem;
  }
  .merkmal-bubble-wrapper.scrollLeft:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f053";
    position: absolute;
    margin-top: 0.25rem;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
    padding: 0.5rem 1rem 0.5rem 0.5rem;
  }
}
.merkmal-bubble-wrapper .merkmal-bubble, .merkmal-bubble-wrapper .merkmal-bubble-cancel, .merkmal-bubble-wrapper button {
  margin-left: 0.5rem;
  margin-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 13.3333px;
  cursor: pointer;
  display: block;
}
@media screen and (max-width: 776px) {
  .merkmal-bubble-wrapper .merkmal-bubble, .merkmal-bubble-wrapper .merkmal-bubble-cancel, .merkmal-bubble-wrapper button {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.merkmal-bubble-wrapper .merkmal-bubble::after, .merkmal-bubble-wrapper .merkmal-bubble-cancel::after, .merkmal-bubble-wrapper button::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f00d";
  margin-left: 5px;
}
.merkmal-bubble-wrapper .merkmal-bubble-cancel, .merkmal-bubble-wrapper button {
  cursor: pointer;
  text-decoration: underline;
  background-color: unset;
  border: none;
}
.merkmal-bubble-wrapper .merkmal-bubble-cancel::after, .merkmal-bubble-wrapper button::after {
  display: inline-block;
  text-decoration: none;
}
.merkmal-bubble-wrapper button {
  text-decoration: none;
}
@media screen and (min-width: 777px) {
  .merkmal-bubble-wrapper {
    display: none;
  }
}

.hersteller-dropdown input[type=checkbox].checkbox_toggle {
  display: none;
}
.hersteller-dropdown label {
  cursor: pointer;
}
.hersteller-dropdown ul {
  display: none;
  position: absolute;
  list-style: none;
  background: white;
  margin-top: -1px;
  margin-left: 0px;
  padding: 5px 0px 0px 0px;
  border: 1px solid rgba(3, 0, 2, 0.22);
  z-index: 1000;
  font-size: 13.3333px;
  max-height: 30vh;
  overflow-y: auto;
}
.hersteller-dropdown li:before {
  content: unset;
}
.hersteller-dropdown li > input[type=checkbox] {
  margin: 5px 10px 5px 8px;
}
.hersteller-dropdown li {
  padding-right: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 776px) {
  .hersteller-dropdown li {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.hersteller-dropdown li:hover {
  background-color: #E0E0E6;
}
.hersteller-dropdown input[type=checkbox]:checked ~ ul {
  display: block;
}
.hersteller-dropdown label.hersteller-dropdown-label {
  display: block;
  background: white;
  border: 1px solid rgba(3, 0, 2, 0.22);
  padding: 0.15rem 0.5rem;
  font-size: 13.3333px;
  height: 22.8px;
  hyphens: auto;
}
@media screen and (max-width: 776px) {
  .hersteller-dropdown label.hersteller-dropdown-label {
    font-size: 1rem;
    line-height: 1.5rem;
    height: 34px;
  }
}
.hersteller-dropdown label.hersteller-dropdown-label.selected {
  background-color: black;
  color: white;
}
.hersteller-dropdown label.hersteller-dropdown-label > span {
  display: inline-block;
  width: calc(100% - 20px);
  overflow: hidden;
  height: 100%;
}

.artikeldetails-similar .merkmal-element {
  background: white;
  border: solid thin rgba(3, 0, 2, 0.22);
  padding: 0;
  font-size: 0.875rem;
  font-weight: normal;
  position: relative;
  border-radius: 5px; /* Filter Dropdown (Kategorieseite)*/
}
.artikeldetails-similar input.merkmal-toggle {
  display: none;
}
.artikeldetails-similar label.merkmal-toggle-label {
  display: block;
  padding: 0.25rem 0.5rem 0.125rem;
  white-space: nowrap;
}
.artikeldetails-similar input.merkmal-toggle:not(:checked) + label + .merkmal-menu {
  display: none;
}
.artikeldetails-similar .merkmal-menu {
  position: absolute;
  z-index: 3;
  background: white;
  top: 100%;
  left: -1px;
  right: -1px;
  border: solid thin rgba(3, 0, 2, 0.22);
  border-radius: 5px;
  overflow: hidden;
}
.artikeldetails-similar .merkmal-menu > ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  flex: 1 0 0px;
  max-height: 30vh;
  overflow-y: auto;
}
.artikeldetails-similar .merkmal-menu > ul > li {
  line-height: 1.5rem;
  display: flex;
  align-items: center;
}
.artikeldetails-similar .merkmal-menu > ul > li input {
  flex: 0 0 auto;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  padding: 0;
  height: 1rem;
}
.artikeldetails-similar .merkmal-menu > ul > li label {
  padding: 0.25rem 0;
  flex: 1 0 0px;
}
.artikeldetails-similar label.merkmal-toggle-label > span {
  max-width: 95%;
  display: block;
  overflow-x: hidden;
}
.artikeldetails-similar .merkmal-element::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f107";
  position: absolute;
  top: 4px;
  right: 6px;
  pointer-events: none;
}
.artikeldetails-similar .merkmal-element.active {
  background-color: black;
}
.artikeldetails-similar .merkmal-element.active::after, .artikeldetails-similar .merkmal-element.active label.merkmal-toggle-label {
  color: white;
}
.artikeldetails-similar > .headline {
  border-top: thin solid rgba(3, 0, 2, 0.22);
  line-height: 2.5rem;
  font-weight: bolder;
  padding-left: 0.5rem;
}
.artikeldetails-similar > .headline::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0b0";
  padding-right: 0.5rem;
  color: #ef7d00;
}
.artikeldetails-similar .products-table {
  position: relative;
}
.artikeldetails-similar .products-table div.arrow {
  color: rgba(127, 127, 127, 0.6);
  font-weight: bold;
  font-size: 6rem;
  line-height: 1rem;
  position: absolute;
  top: 50%;
  pointer-events: none;
  transition: opacity 0.5s;
}
.artikeldetails-similar .products-table div.arrow.scrollend {
  opacity: 0;
}
.artikeldetails-similar .products-table div.arrow.scrollend span {
  cursor: unset;
}
.artikeldetails-similar .products-table div.arrow span {
  cursor: pointer;
  pointer-events: all;
}
.artikeldetails-similar .products-table div.arrow.right {
  right: 0;
}
.artikeldetails-similar .products-table div.arrow.right > span::before {
  content: "›";
}
.artikeldetails-similar .products-table div.arrow.left {
  left: 0;
  width: 0%;
}
.artikeldetails-similar .products-table div.arrow.left > span::before {
  content: "‹";
}
.artikeldetails-similar .products-table div.scroll {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 776px) {
  .artikeldetails-similar .products-table div.scroll {
    overflow-x: auto;
  }
}
.artikeldetails-similar .products-table [type=checkbox] {
  display: none;
}
.artikeldetails-similar .products-table table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.artikeldetails-similar .products-table td {
  text-align: center;
  font-size: 80%;
  line-height: 1.35;
  border: thin solid rgba(3, 0, 2, 0.22);
  width: 15rem;
  padding: 0.25rem;
  border-top-width: 0px;
}
@media screen and (max-width: 776px) {
  .artikeldetails-similar .products-table td {
    width: 10rem;
  }
  .artikeldetails-similar .products-table td:nth-of-type(1) {
    border-left: none;
    border-right: none;
  }
}
.artikeldetails-similar .products-table td.thisproduct {
  border-color: #fef5eb;
  border-left-width: 3px;
  border-right-width: 3px;
}
.artikeldetails-similar .products-table td.thisproduct a {
  pointer-events: none;
}
.artikeldetails-similar .products-table td.first-col {
  position: absolute;
  left: -30rem;
}
@media screen and (min-width: 777px) {
  .artikeldetails-similar .products-table td.first-col {
    border-right: none;
  }
  .artikeldetails-similar .products-table td.first-col .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 776px) {
  .artikeldetails-similar .products-table td.first-col {
    left: -5rem;
    width: 5rem;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.artikeldetails-similar .products-table td.bestand {
  text-align: center;
}
.artikeldetails-similar .products-table td.bestand .fa {
  font-size: 10px;
}
.artikeldetails-similar .products-table td.preis {
  color: #ef7d00;
}
.artikeldetails-similar .products-table td.name {
  font-weight: bold;
  font-size: 90%;
  border-top: none;
  padding: 1rem;
}
.artikeldetails-similar .products-table td.name.thisproduct {
  min-height: 100px;
  border-bottom-width: 0px;
  padding-top: 1.5rem;
}
.artikeldetails-similar .products-table td.bild {
  border-bottom: none;
}
.artikeldetails-similar .products-table td.bild .sterne {
  text-align: left;
  margin-left: 0.25rem;
}
.artikeldetails-similar .products-table td.bild .sterne img {
  width: 55px;
  height: 9px;
}
.artikeldetails-similar .products-table td.bild .sterne.hide {
  opacity: 0;
}
.artikeldetails-similar .products-table td.bild.thisproduct {
  border-top-width: 3px;
}
.artikeldetails-similar .products-table td.checkbox label {
  display: block;
  cursor: pointer;
}
.artikeldetails-similar .products-table td.checkbox label::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f14a";
  font-size: 120%;
}
.artikeldetails-similar .products-table td.checkbox.thisproduct {
  border-top-width: 1px;
}
.artikeldetails-similar .products-table td.thisproduct {
  display: none;
  position: absolute;
  left: -15rem;
}
.artikeldetails-similar .products-table td.thisproduct label {
  opacity: 0;
}
@media screen and (max-width: 776px) {
  .artikeldetails-similar .products-table td.thisproduct {
    position: unset;
  }
}
.artikeldetails-similar .products-table td.last-dummy-col {
  width: 100%;
  border: none;
  opacity: 0;
  padding-left: 0rem;
  padding-right: 0rem;
}
.artikeldetails-similar .products-table td.last-dummy-col > .noproducts {
  font-size: 0;
}
.artikeldetails-similar .products-table tr.products_name td.thisproduct + td.last-dummy-col {
  opacity: 1;
}
.artikeldetails-similar .products-table tr.products_name td.thisproduct + td.last-dummy-col > .noproducts {
  font-size: 100%;
}
.artikeldetails-similar .products-table tr.attribute {
  display: none;
}
.artikeldetails-similar .products-table tr:not(.attribute) td.first-col {
  border: none;
}
.artikeldetails-similar .products-table tr.attribute.odd td:not(.first-col) {
  background-color: #f0eeea;
}
.artikeldetails-similar .products-table tr.attribute.odd td:not(.first-col).thisproduct {
  background-color: #fef5eb;
}
@media screen and (max-width: 776px) {
  .artikeldetails-similar .products-table tr.checkbox td.first-col, .artikeldetails-similar .products-table tr.products_price td.first-col, .artikeldetails-similar .products-table tr.bestandsanzeige td.first-col {
    margin-top: -1px;
    border-top: thin solid rgba(3, 0, 2, 0.22);
  }
  .artikeldetails-similar .products-table tr:not(.attribute) + tr.attribute td {
    border-top: thin solid rgba(3, 0, 2, 0.22);
  }
}
.artikeldetails-similar .products-table td.preis {
  color: #ef7d00;
}
.artikeldetails-similar .products-table td.name {
  font-weight: bold;
  font-size: 90%;
  border-top: none;
  padding: 1rem;
}
.artikeldetails-similar .products-table td.name.thisproduct {
  min-height: 100px;
  border-bottom-width: 0px;
  padding-top: 1.5rem;
}
.artikeldetails-similar .products-table td.bild {
  border-bottom: none;
}
.artikeldetails-similar .products-table td.bild .sterne {
  text-align: left;
  margin-left: 0.25rem;
}
.artikeldetails-similar .products-table td.bild .sterne img {
  width: 55px;
  height: 9px;
}
.artikeldetails-similar .products-table td.bild .sterne.hide {
  opacity: 0;
}
.artikeldetails-similar .products-table td.bild.thisproduct {
  border-top-width: 3px;
}
.artikeldetails-similar .products-table td.checkbox label {
  display: block;
  cursor: pointer;
}
.artikeldetails-similar .products-table td.checkbox label::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f14a";
  font-size: 120%;
}
.artikeldetails-similar .products-table td.checkbox.thisproduct {
  border-top-width: 1px;
}
.artikeldetails-similar .products-table td.thisproduct {
  display: none;
  left: -15rem;
}
@media screen and (min-width: 777px) {
  .artikeldetails-similar .products-table td.thisproduct {
    position: absolute;
  }
}
.artikeldetails-similar .products-table td.thisproduct label {
  opacity: 0;
}
.artikeldetails-similar .products-table td.last-dummy-col {
  width: 100%;
  border: none;
  opacity: 0;
  padding-left: 0rem;
  padding-right: 0rem;
}
.artikeldetails-similar .products-table td.last-dummy-col > .noproducts {
  font-size: 0;
}
.artikeldetails-similar .products-table tr.products_name td.thisproduct + td.last-dummy-col {
  opacity: 1;
}
.artikeldetails-similar .products-table tr.products_name td.thisproduct + td.last-dummy-col > .noproducts {
  font-size: 100%;
}
.artikeldetails-similar .products-table tr.attribute {
  display: none;
}
.artikeldetails-similar .products-table tr:not(.attribute) td.first-col {
  border: none;
}
.artikeldetails-similar .products-table tr.attribute.odd td:not(.first-col) {
  background-color: #f0eeea;
}
.artikeldetails-similar .products-table tr.attribute.odd td:not(.first-col).thisproduct {
  background-color: #fef5eb;
}
@media screen and (max-width: 776px) {
  .artikeldetails-similar .products-table tr.checkbox td.first-col, .artikeldetails-similar .products-table tr.products_price td.first-col, .artikeldetails-similar .products-table tr.bestandsanzeige td.first-col {
    margin-top: -1px;
    border-top: thin solid rgba(3, 0, 2, 0.22);
  }
  .artikeldetails-similar .products-table tr:not(.attribute) + tr.attribute td {
    border-top: thin solid rgba(3, 0, 2, 0.22);
  }
}
.artikeldetails-similar .filter-button > label, .artikeldetails-similar .vergleich-button > label, .artikeldetails-similar .cancel-filter > label, .artikeldetails-similar .show-filter > label { /* Artikelvergleich Button */
  width: 93%;
  display: block;
  height: 2em;
  line-height: 2em;
  margin: 1rem 0.5rem 0 0.5rem;
  border-radius: 5px; /* Artikelvergleich Button */
  cursor: pointer;
  text-align: center;
  color: white;
}
.artikeldetails-similar .filter-button > label:hover, .artikeldetails-similar .vergleich-button > label:hover, .artikeldetails-similar .cancel-filter > label:hover, .artikeldetails-similar .show-filter > label:hover {
  color: rgba(255, 255, 255, 0.75);
}
.artikeldetails-similar .filter-button > label {
  background-color: #ef7d00;
}
.artikeldetails-similar .filter-button > label::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0b0";
  padding-right: 0.5rem;
}
@media screen and (max-width: 776px) {
  .artikeldetails-similar .cancel-filter {
    width: 93%;
    margin-left: 0.5rem;
  }
}
.artikeldetails-similar .cancel-filter > a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
  background-color: red;
  color: white;
  border: 0;
  margin: 1rem 0;
}
.artikeldetails-similar .cancel-filter > a:hover, .artikeldetails-similar .cancel-filter > a *:hover {
  color: rgba(255, 255, 255, 0.75);
}
.artikeldetails-similar .cancel-filter > a * {
  display: inline;
}
@media screen and (max-width: 776px) {
  .artikeldetails-similar .cancel-filter > a {
    width: 100%;
  }
}
@media screen and (min-width: 777px) {
  .artikeldetails-similar .cancel-filter > a {
    display: none;
  }
}
.artikeldetails-similar .cancel-filter > label {
  background-color: red;
}
.artikeldetails-similar .cancel-filter > label::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f1f8";
  padding-right: 0.5rem;
}
.artikeldetails-similar .vergleich-button > label {
  background-color: rgba(3, 0, 2, 0.4);
  margin-bottom: 1rem;
}
.artikeldetails-similar .vergleich-button > label span.close {
  display: none;
}
.artikeldetails-similar .vergleich-button > label.mobile {
  background-color: rgba(3, 0, 2, 0.4);
  border: none;
  font-weight: bold;
  height: 2.5rem;
  line-height: 2.5rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 777px) {
  .artikeldetails-similar .vergleich-button > label.mobile {
    display: none;
  }
}
.artikeldetails-similar .vergleich-button > label.mobile .text::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
  padding-right: 0.5rem;
  font-weight: normal;
}
.artikeldetails-similar .vergleich-button > label.mobile .close::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f077";
  padding-right: 0.5rem;
  font-weight: normal;
}
.artikeldetails-similar .show-filter.mobile > label {
  background-color: #ef7d00;
  font-weight: bold;
  border: 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 777px) {
  .artikeldetails-similar .show-filter.mobile > label {
    display: none;
  }
}
.artikeldetails-similar .show-filter.mobile > label::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0b0";
  padding-right: 0.5rem;
}
.artikeldetails-similar #more-filter, .artikeldetails-similar #vergleich-filter, .artikeldetails-similar #vergleich-filter-mobile, .artikeldetails-similar #more-filter-mobile {
  display: none;
}
.artikeldetails-similar .relevant .grid, .artikeldetails-similar .more-filter-mobile .grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-auto-rows: auto;
  grid-auto-flow: dense;
  grid-gap: 0.5rem;
}
.artikeldetails-similar .non-relevant, .artikeldetails-similar .more-filter-mobile {
  display: none;
  position: fixed;
  top: 15%;
  bottom: 15%;
  left: 0.5rem;
  width: 600px;
  max-width: calc(100vw - 1rem);
  max-height: calc(100vh - 2rem);
  background-color: rgb(240, 238, 234);
  overflow-y: scroll;
  z-index: 703;
  padding: 1rem;
  border: thin solid rgba(3, 0, 2, 0.22);
  border-radius: 5px; /*Artikeldetailseite, weitere Filter Popup*/
}
.artikeldetails-similar .non-relevant .header, .artikeldetails-similar .more-filter-mobile .header {
  display: flex;
  justify-content: space-between;
  border-bottom: thin solid rgba(3, 0, 2, 0.22);
  padding-bottom: 0.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.artikeldetails-similar .non-relevant .header .headline, .artikeldetails-similar .more-filter-mobile .header .headline {
  font-size: 120%;
  font-weight: bold;
}
.artikeldetails-similar .non-relevant .header .close::before, .artikeldetails-similar .more-filter-mobile .header .close::before {
  font-family: "Font Awesome 5 Pro";
  font-size: 150%;
  content: "\f00d";
  color: rgba(3, 0, 2, 0.4);
  cursor: pointer;
}
.artikeldetails-similar .non-relevant .grid, .artikeldetails-similar .more-filter-mobile .grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: auto;
  grid-auto-flow: dense;
  grid-gap: 0.5rem;
}
.artikeldetails-similar .non-relevant .footer, .artikeldetails-similar .more-filter-mobile .footer {
  display: flex;
  justify-content: flex-end;
}
.artikeldetails-similar .non-relevant .footer .button, .artikeldetails-similar .more-filter-mobile .footer .button {
  width: 50%;
  background-color: #ef7d00;
  display: block;
  height: 2em;
  line-height: 2em;
  margin-top: 1rem;
  cursor: pointer;
  text-align: center;
  color: white;
  margin: 0 0.5rem 0 18rem;
  border-radius: 5px;
}
.artikeldetails-similar .non-relevant .footer .button:hover, .artikeldetails-similar .more-filter-mobile .footer .button:hover {
  color: rgba(255, 255, 255, 0.75);
}
.artikeldetails-similar .more-filter-mobile {
  width: 95%;
}
.artikeldetails-similar .more-filter-mobile .grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.artikeldetails-similar .more-filter-mobile .footer {
  justify-content: center;
}
.artikeldetails-similar .more-filter-mobile .footer .button {
  width: 75%;
  margin: 0;
}
.artikeldetails-similar #more-filter:checked ~ .non-relevant {
  display: block;
}
.artikeldetails-similar #more-filter-mobile:checked ~ form .more-filter-mobile {
  display: block;
}
.artikeldetails-similar .vergleich-merkmale {
  display: none;
  background-color: white;
  line-height: 2rem;
  text-align: center;
}
.artikeldetails-similar .vergleich-merkmale > div {
  border: thin solid rgb(240, 238, 234);
  font-size: 80%;
}
.artikeldetails-similar #vergleich-filter:checked ~ div div table td.thisproduct {
  display: table-cell;
}
.artikeldetails-similar #vergleich-filter:checked ~ div div table tr.attribute {
  display: table-row;
}
.artikeldetails-similar #vergleich-filter:checked ~ .right {
  padding-left: 30rem;
  position: absolute;
  z-index: 701;
  width: calc(100% - 5rem);
  max-width: 1534px;
  background-color: white;
  border: thin solid rgba(3, 0, 2, 0.22);
  max-height: 80%;
  overflow-y: auto;
  border-radius: 5px; /*Artikeldetailseite, Produkte vergleichen Popup*/
}
@media screen and (max-width: 776px) {
  .artikeldetails-similar #vergleich-filter:checked ~ .right {
    padding-left: 15rem;
  }
}
.artikeldetails-similar #vergleich-filter:checked ~ form .vergleich-button label {
  background-color: rgba(3, 0, 2, 0.4);
}
.artikeldetails-similar #vergleich-filter:checked ~ form .vergleich-button label span.close {
  display: inline;
}
.artikeldetails-similar #vergleich-filter:checked ~ form .vergleich-button label span.text {
  display: none;
}
.artikeldetails-similar #vergleich-filter:checked ~ form .vergleich-button label::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f00d";
  padding-right: 0.5rem;
}
.artikeldetails-similar #vergleich-filter-mobile:checked ~ .right .vergleich-button.mobile label span.close {
  display: inline;
}
.artikeldetails-similar #vergleich-filter-mobile:checked ~ .right .vergleich-button.mobile label span.text {
  display: none;
}
.artikeldetails-similar #vergleich-filter-mobile:checked ~ div div table tr.attribute {
  display: table-row;
}
.artikeldetails-similar #vergleich-filter-mobile:checked ~ div div table td.thisproduct {
  display: table-cell;
}
.artikeldetails-similar form .left {
  width: 15rem;
  background-color: rgb(240, 238, 234);
  position: absolute;
  z-index: 1702;
  border-radius: 10px; /* Artikelvergleich Filter-Box */
}
@media screen and (max-width: 776px) {
  .artikeldetails-similar form .left {
    display: none;
  }
}
.artikeldetails-similar .right {
  padding-left: 15rem;
}
@media screen and (max-width: 776px) {
  .artikeldetails-similar .right {
    padding-left: 5rem;
  }
}
.artikeldetails-similar > .clear {
  clear: both;
  margin-bottom: 2.5rem;
}
.artikeldetails-similar .grid {
  padding: 0.5rem;
}
.artikeldetails-similar #table-similar {
  user-select: none;
  cursor: grab;
}
.artikeldetails-similar #table-similar.active {
  cursor: grabbing;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #site-header {
    position: fixed;
  }
  body {
    margin-top: 176px;
  }
}
#site-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9001;
}
#site-header > * > .header-wrapper {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
@media screen and (min-width: 777px) {
  #site-header > * > .header-wrapper {
    padding: 0 0.5rem;
  }
}
@media screen and (min-width: 1026px) {
  #site-header > * > .header-wrapper {
    padding: 0 2rem;
  }
}
#site-header > * > .header-wrapper > * {
  flex: 1 0 0%;
}
@media screen and (min-width: 777px) {
  #site-header > * > .header-wrapper > .header-logo, #site-header > * > .header-wrapper > .menu-link {
    flex: 1 1 250px;
    min-width: 250px;
    max-width: 288px;
  }
}
#site-header .header-lower {
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.15s ease-in-out;
}
@media screen and (max-width: 776px) {
  #site-header .header-lower {
    display: none;
  }
}
@media screen and (min-width: 777px) {
  #site-header {
    box-shadow: 0 0 4px 0 rgba(3, 0, 2, 0.6);
  }
  body.scrolled #site-header {
    box-shadow: none;
  }
  #site-header .header-lower {
    transform: scaleY(1);
    background: #ef7d00;
    color: white;
    font-weight: 500;
  }
  body.scrolled #site-header .header-lower {
    transform: scaleY(0);
  }
  #site-header .header-lower .site-menu-button {
    padding: 1rem;
  }
  #site-header .header-lower .menu-link {
    border-left: solid thin white;
    border-right: solid thin white;
  }
  #site-header .header-lower .tag-line {
    margin-left: 1rem;
    display: flex;
    justify-content: space-between;
  }
  #site-header .header-lower .tag-line > * {
    vertical-align: middle;
    display: inline-block;
  }
  #site-header .header-lower .tag-line a[href]:hover, #site-header .header-lower .tag-line a[href]:focus, #site-header .header-lower .tag-line a[href]:active {
    color: white;
  }
}
@media screen and (min-width: 777px) and (min-width: 1026px) {
  #site-header .header-lower .tag-line {
    line-height: 1.4rem;
  }
  #site-header .header-lower .tag-line [class]::before {
    display: inline-block;
    font-size: 1.4rem;
    padding: 0.2rem;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "";
    align-self: center;
    line-height: 15px;
    margin-top: -0.3rem;
    vertical-align: middle;
  }
  #site-header .header-lower .tag-line .express::before {
    content: "\f48b";
  }
  #site-header .header-lower .tag-line .b2b::before {
    content: "\f2a0";
  }
  #site-header .header-lower .tag-line .service::before {
    content: "\f54a";
  }
  #site-header .header-lower .tag-line .dropship::before {
    content: "\f49e";
  }
}
#site-header.b2b .header-upper {
  background-color: #fef5eb;
}
#site-header .header-upper {
  background: rgb(240, 238, 234);
}
@media screen and (min-width: 1026px) {
  #site-header .header-upper {
    padding: 0.5rem 0;
  }
}
#site-header .header-upper .header-menu-button {
  flex: 0 0 3.5rem;
}
#site-header .header-upper .header-logo {
  flex: 0 0 89px;
  flex-shrink: 1;
  min-width: 30px;
}
#site-header .header-upper .header-logo .site-menu-button {
  display: none;
}
#site-header .header-upper .header-logo > a {
  display: block;
  margin: 0;
  padding: 0.5rem 0;
  background: url(/templates/HussShop/images/logo_banner_top_klein.png) left center no-repeat;
  background-size: contain;
}
#site-header .header-upper .header-logo > a > img {
  display: block;
  margin: 0;
  padding: 0;
  width: 89px;
  max-height: 40px;
}
#site-header .header-upper .header-right {
  display: flex;
  justify-content: flex-end;
  flex: 1 1;
}
#site-header .header-upper .header-search-title {
  flex: 0 0 0%;
}
#site-header .header-upper .header-search-title > .title {
  display: none;
}
#site-header .header-upper .header-search-title > .foio {
  display: none;
  position: absolute;
}
#site-header .header-upper .header-search-title > .foio.visible {
  display: block;
  top: 3.5rem;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0;
  background: whitesmoke;
  border-bottom: solid thin gainsboro;
  z-index: 1;
}
@media screen and (min-width: 777px) {
  #site-header .header-upper .header-search-title > .foio.visible {
    padding: 0.625rem 0.5rem;
  }
}
#site-header .header-upper .header-b2b-logo {
  align-self: center;
}
#site-header .header-upper .header-b2b-logo > a {
  display: block;
}
#site-header .header-upper .header-b2b-logo > a > img {
  height: 30px;
  display: block;
}
#site-header .header-upper .header-info {
  flex: 0 0 10.5rem; /* 3 * wrapper below */
}
#site-header .header-upper .header-info-buttons {
  display: flex;
  justify-content: space-between;
  flex: 0 0 100%;
  position: relative;
  min-height: 19px;
}
#site-header .header-upper .header-info-button-wrapper {
  flex: 0 0 3rem;
}
#site-header .header-upper .header-info-button {
  display: block;
  text-align: center;
  position: relative;
  cursor: pointer;
}
#site-header .header-upper .header-info-button ~ * {
  display: none;
}
#site-header .header-upper .header-info-button > * {
  display: none;
}
#site-header .header-upper .header-info-button.hover + div {
  position: absolute;
  display: block;
  min-width: 16rem;
  z-index: 9002;
  right: 0;
  background: white;
  border: solid thin rgba(3, 0, 2, 0.22);
  border-radius: 5px; /* Anmelden-Popup*/
}
#site-header .header-upper .header-info-button::before {
  display: block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
  font-size: 1.7rem;
  padding: 0.25rem;
}
#site-header .header-upper .header-info-button.search::before {
  content: "\f002";
}
#site-header .header-upper .header-info-button.account::before {
  content: "\f007";
}
#site-header .header-upper .header-info-button.oss:hover {
  display: block;
}
#site-header .header-upper .header-info-button.oss::before {
  content: "\f7a2";
}
#site-header .header-upper .header-info-button.oss > span.ossmini {
  display: block;
  position: absolute;
  top: 0rem;
  left: -1.5rem;
  right: 0;
  pointer-events: none;
}
#site-header .header-upper .header-info-button.oss > span.ossmini > span {
  display: inline-block;
  color: darkorange;
  margin-top: 1.5rem;
}
#site-header .header-upper .header-info-button.oss > span.ossmini > span::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f49a";
  font-size: 1rem;
}
#site-header .header-upper .header-info-button.cart::before {
  content: "\f291";
}
#site-header .header-upper .header-info-button.cart > span.anzahl {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
#site-header .header-upper .header-info-button.cart > span.anzahl > span {
  display: inline-block;
  background: darkorange;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  line-height: 1em;
  padding: 0.375em;
  margin-top: 1.25rem;
  margin-right: 1.75rem;
  min-width: 1.5rem;
}
#site-header .header-upper .header-info-button.lang {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#site-header .header-upper .header-info-button.lang img {
  margin: 7px;
}
#site-header .header-upper .header-info-button.lang img.grayscale {
  filter: grayscale(1);
  opacity: 0.7;
  transition: 0.3s;
}
#site-header .header-upper .header-info-button.lang img.grayscale:hover {
  filter: unset;
  opacity: 1;
}
#site-header .header-upper .header-info-button.active + div {
  position: absolute;
  display: block;
  background: aqua;
  min-width: 20rem;
  min-height: 10rem;
  z-index: 3;
  right: 0;
}
@media screen and (max-width: 776px) {
  #site-header .header-upper {
    box-shadow: 0 0 4px 0 rgba(3, 0, 2, 0.6);
  }
  #site-header .header-upper .header-logo > a > img {
    opacity: 0;
  }
  #site-header .header-upper .header-b2b-logo > a,
  #site-header .header-upper .header-info-button {
    padding: 0.8125rem 0.5rem;
  }
  #site-header .header-upper .header-b2b-logo > a.cart > span.anzahl,
  #site-header .header-upper .header-info-button.cart > span.anzahl {
    top: 0.5rem;
  }
  #site-header .header-upper .header-b2b-logo > a.oss > span.ossmini,
  #site-header .header-upper .header-info-button.oss > span.ossmini {
    top: 0.5rem;
  }
  #site-header .header-upper .header-logo > a > img {
    opacity: 0;
  }
}
@media screen and (max-width: 350px) {
  #site-header .header-upper .header-b2b-logo {
    display: none;
  }
}
@media screen and (min-width: 777px) {
  #site-header .header-upper .header-menu-button {
    display: none;
  }
  #site-header .header-upper .header-logo {
    /* flex: 0 0 188px; /* 180px + 0.5rem */
    flex: 1 1 250px;
    min-width: 0;
    max-width: 288px;
    width: 100%;
  }
  body:not(.scrolled) #site-header .header-upper .header-logo > a {
    background: none;
  }
  #site-header .header-upper .header-logo > a > img {
    width: 180px;
    max-height: 88px;
  }
  body.scrolled #site-header .header-upper .header-logo > a > img {
    opacity: 0;
    width: 89px;
    max-height: 40px;
  }
  #site-header .header-upper .header-right {
    min-width: 0;
    width: 100%;
    flex: 5 1 250px;
    margin-left: 1rem;
  }
  #site-header .header-upper .header-search-title {
    display: flex;
    flex: 1 0 0%;
    flex-flow: row wrap;
    align-content: space-between;
  }
  #site-header .header-upper .header-search-title > .title {
    display: block;
    flex: 0 0 100%;
    font-weight: bold;
    font-size: 1.125rem;
  }
  #site-header .header-upper .header-search-title > .foio {
    display: block;
    position: static;
  }
  #site-header .header-upper .header-search-title input {
    width: 100%;
  }
  #site-header .header-upper .header-search-title button.suchbox_button {
    position: absolute;
  }
  #site-header .header-upper .header-b2b-logo {
    padding: 0 0 0 2rem;
  }
  #site-header .header-upper .header-b2b-logo > a > img {
    height: 4.5rem;
  }
  #site-header .header-upper .header-info {
    display: flex;
    flex-flow: row wrap;
    flex: 0 0 20rem;
  }
  #site-header .header-upper .header-info-account,
  #site-header .header-upper .header-info-language {
    flex: 0 0 auto;
  }
  #site-header .header-upper .header-info-language, #site-header .header-upper .top-nav-admin {
    margin-left: 1rem;
    min-width: 6.25rem;
    position: relative;
  }
  #site-header .header-upper .header-info-language div.selector, #site-header .header-upper .top-nav-admin div.selector {
    display: none;
  }
  #site-header .header-upper .header-info-language:hover div.selector, #site-header .header-upper .top-nav-admin:hover div.selector {
    z-index: 9004;
    display: block;
    position: absolute;
    top: -9px;
    left: -9px;
    padding: 6px 8px;
    border: solid thin rgba(3, 0, 2, 0.22);
    border-radius: 5px;
    background: white;
  }
  #site-header .header-upper .header-info-language:hover div.selector > a, #site-header .header-upper .top-nav-admin:hover div.selector > a {
    display: block;
    padding: 2px 0;
  }
  #site-header .header-upper .header-info-language > a:last-child, #site-header .header-upper .top-nav-admin > a:last-child {
    display: none;
  }
  #site-header .header-upper .header-info-account {
    font-size: 0.75rem;
  }
  #site-header .header-upper .header-info-account.user-customer-id {
    margin-left: 1rem;
  }
  #site-header .header-upper .header-info-button-wrapper {
    flex: 0 0 auto;
    margin-left: 1rem;
  }
  #site-header .header-upper .header-info-button > * {
    display: block;
    text-transform: uppercase;
  }
  body.scrolled #site-header .header-upper {
    box-shadow: 0 0 4px 0 rgba(3, 0, 2, 0.6);
  }
  body.scrolled #site-header .header-upper .header-logo > a,
  body.scrolled #site-header .header-upper .header-logo > .site-menu-button {
    display: inline-block;
    vertical-align: middle;
  }
  body.scrolled #site-header .header-upper .site-menu-button {
    margin-left: 1rem;
  }
  body.scrolled #site-header .header-upper .header-search-title > .title,
  body.scrolled #site-header .header-upper .header-info-buttons.desktop-only {
    display: none;
  }
  body.scrolled #site-header .header-upper .header-search-title,
  body.scrolled #site-header .header-upper .header-info {
    align-content: center;
    align-self: center;
  }
  body.scrolled #site-header .header-upper .header-search-title > .foio {
    align-self: center;
  }
  body.scrolled #site-header .header-upper .header-b2b-logo > a > img {
    height: 3.25rem;
  }
}

@media screen and (min-width: 777px) {
  body.scrolled {
    padding-top: 48px;
  }
}
form#quick_find {
  display: block;
  width: 100%;
  border: 1px solid rgba(3, 0, 2, 0.22);
  text-align: left;
}
form#quick_find .input_suchbox_header {
  width: calc(100% - 35px);
  position: relative;
  height: 34px;
  border: none;
  padding: 10px;
}
form#quick_find .input_suchbox_header::placeholder {
  opacity: 0.4;
}
form#quick_find .suchbox_header {
  position: relative;
}
form#quick_find .suchbox_button {
  width: 34px;
  line-height: 34px;
  padding: 0;
  height: 34px;
  background: #ef7d00;
  color: black;
  font-size: 1.5rem;
  color: white;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
}
@media screen and (max-width: 776px) {
  form#quick_find .suchbox_button {
    top: 0;
    right: 0;
    background: rgb(240, 238, 234);
    color: black;
    font-size: 1rem;
  }
}

.header-menu-button,
.site-menu-button {
  align-items: center;
  cursor: pointer;
}
.header-menu-button span,
.site-menu-button span {
  text-transform: uppercase;
  flex: 1 0 auto;
}
.header-menu-button span::before,
.site-menu-button span::before {
  content: "☰";
  padding-right: 0.5rem;
  vertical-align: baseline;
}

.header-menu-button {
  font-size: 2rem;
  text-align: center;
}

.language {
  flex: 0 1 auto;
  text-align: left;
  display: inline;
  vertical-align: top;
  padding: 0 0 1em 0;
}
.language a {
  display: block;
  width: 5.5em;
}
.language a ~ a {
  display: none;
}
.language.hover a, .language:hover a {
  display: block;
}
.language.hover a:first-child, .language:hover a:first-child {
  display: none;
}

.mobile-language {
  display: flex;
}
.mobile-language a {
  display: block;
  height: 1em;
  padding-left: 2rem;
  position: relative;
  margin-left: 1.5rem;
}
.mobile-language img {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 777px) {
  .mobile-language {
    display: none;
  }
}

.user-controls.account a {
  padding: 0;
}

.box-login {
  display: block;
  border-bottom: solid thin rgba(3, 0, 2, 0.22);
}

.box-logged-non-flyout {
  margin-top: 1rem;
}

#box_cart .warenkorb_extended,
.box-logged-in-flyout {
  display: none;
  position: absolute;
  background: white;
  z-index: 10;
  width: 16rem;
  padding: 11px 0.5rem 0.5rem;
  text-align: left;
  border: solid thin rgba(3, 0, 2, 0.4);
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
}

.oss_extended {
  display: none;
  position: absolute;
  background: white;
  z-index: 10;
  padding: 11px 0.5rem 0.5rem;
  text-align: left;
  border: solid thin rgba(3, 0, 2, 0.4);
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
  min-width: 13rem !important;
}
.oss_extended select {
  margin: 0.5rem 0;
}

.box-login .loginBox_text {
  margin-top: 0.3rem;
}
.box-login .loginBox_inputfeld input {
  margin-bottom: 0rem;
}
.box-login .loginBoxInputfeld {
  width: 100%;
  border-radius: 5px; /* Anmelden-Popup, Eingabefelder*/
  padding: 0.25rem;
  margin: 0.1rem 0;
}
.box-login form > div > .loginBox_text {
  margin-top: 1.3rem; /* Login Box, Registrieren*/
  float: left;
  width: 50%;
}
.box-login form > div > button {
  margin-top: 0.5rem;
  float: left;
  width: 50%;
}

.box-login .flyout_icon {
  float: left;
}
.box-login .flyout_text {
  line-height: 22px;
  font-size: 17px;
  margin-left: 33px;
  margin-bottom: 11px;
  color: rgba(3, 0, 2, 0.4);
}
.box-login .flyout_text a {
  color: black;
}

a.user-controls.account.hover + .box-login,
a.user-controls.account.hover + .box-logged-in-flyout,
.box-login:active, .box-logged-in-flyout:active,
.box-login:focus, .box-logged-in-flyout:focus,
.box-login:hover, .box-logged-in-flyout:hover {
  display: block;
}

a.user-controls.cart {
  display: block;
}
a.user-controls.cart span.anzahl {
  position: absolute;
  top: 1rem;
  left: 1ex;
  background: #ef7d00;
  display: block;
  width: 3ex;
  height: 3ex;
  line-height: 3ex;
  font-size: 0.75rem;
  color: white;
  border-radius: 1rem;
}
@media screen and (min-width: 777px) {
  a.user-controls.cart span.anzahl {
    top: 0.25rem;
    left: calc(50% - 3ex);
  }
}

@media screen and (max-width: 776px) {
  #box_cart a.user-controls.cart {
    flex-grow: 0;
  }
  #box_cart a.user-controls.cart span.anzahl {
    left: 0;
  }
}
#box_cart .warenkorb_extended:active,
#box_cart .warenkorb_extended:focus,
#box_cart .warenkorb_extended.hover,
#box_cart a.user-controls.cart.hover + .warenkorb_extended {
  display: block;
}

/*
#box_cart {
    display:none;
}
#languageBoxFlyout {
    display: none;
    font-size: 0.9rem;
    a>img {
        float:right;
        margin: 0.2rem;
    }
    background: $brand-background;
    background: white;
    border: 1px solid $light-grey;
    color: black;

    position: absolute;

    bottom: -1.5rem;
    padding: 0.5rem 1.5rem;

    z-index: 101;
}
*/
#box_cart #new_in_cart {
  display: none;
}
#box_cart .warenkorb_extended {
  width: 18rem;
}
#box_cart .warenkorb_extended .warenkorb_card_quantity {
  float: left;
  width: 3rem;
  clear: left;
  padding: 0.25rem;
}
#box_cart .warenkorb_extended .warenkorb_card_content_element {
  margin-left: 3rem;
  padding: 0.25rem 0.25rem 0.9rem;
}
#box_cart .warenkorb_extended .warenkorb_summe_wrapper {
  text-align: right;
  clear: left;
  border-bottom: solid thin rgba(3, 0, 2, 0.22);
  padding: 0rem 0.25rem 0.9rem;
}
#box_cart .warenkorb_extended .warenkorb_summe_wrapper .bolder {
  font-weight: bolder;
}
#box_cart .warenkorb_extended .warenkorb_summe_wrapper .orange {
  color: #ef7d00;
}
#box_cart .warenkorb_extended .warenkorb_button_wrapper {
  margin-top: 0.9rem;
}
#box_cart .warenkorb_extended .warenkorb_button_set_wrapper {
  margin-bottom: 0.9rem;
  padding-bottom: 0.9rem;
  border-bottom: solid thin rgba(3, 0, 2, 0.22);
}
#box_cart .warenkorb_extended .button-zum-warenkorb, #box_cart .warenkorb_extended .button-zur-kasse {
  display: block;
  background: #ef7d00;
  color: white;
  text-align: center;
  margin: 0.25rem 0;
  padding: 0.5rem;
  position: relative;
  border-radius: 5px;
}
#box_cart .warenkorb_extended .button-zum-warenkorb .button_zum_warenkorb_text::before, #box_cart .warenkorb_extended .button-zur-kasse .button_zum_warenkorb_text::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f291";
  display: inline-block;
  margin-right: 0.25rem;
}
#box_cart .warenkorb_extended .button-zum-warenkorb .button_zur_kasse_text::before, #box_cart .warenkorb_extended .button-zur-kasse .button_zur_kasse_text::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f290";
  margin-right: 0.25rem;
  display: inline-block;
}
#box_cart .warenkorb_extended .button-zur-kasse {
  background-color: limegreen;
}

ul.ui-autocomplete.fl-autocomplete.fl-use-two-columns-layout.fl-has-two-columns {
  max-width: 90vw;
}

body > div.fl-mobile-smart-suggest {
  z-index: 10000;
}

#oss_banner {
  background-color: #ef7d00;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
}
#oss_banner .oss_banner_desc {
  font-size: 0.75rem;
  margin-right: 1rem;
}
#oss_banner .oss_banner_close {
  margin-left: 10px;
  padding: 5px 10px 3px 10px;
  font-weight: bold;
  cursor: pointer;
}
#oss_banner .oss_banner_button {
  padding: 3px 10px 3px 10px;
  color: #ef7d00;
  background: #f0eeea;
  font-weight: bold;
  border: none;
  cursor: pointer;
}

nav.main {
  padding: 1rem;
  background: white;
}
nav.main a {
  display: block;
}
nav.main ul {
  list-style: none;
  border-top: solid thin rgba(3, 0, 2, 0.22);
}
nav.main li {
  border-bottom: solid thin rgba(3, 0, 2, 0.11);
  line-height: 1.5625em;
  color: black;
  font-weight: normal;
}
nav.main li:last-child {
  border-bottom: 0;
}
nav.main li.parent, nav.main li.current, nav.main li.current::before {
  font-weight: bold;
  color: #ef7d00;
}
nav.main > ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
nav.main > ul > li {
  line-height: 2rem;
  padding-left: 2rem;
  position: relative;
}
nav.main > ul > li::before {
  content: "X";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f111";
  color: #ef7d00;
  font-weight: normal;
  margin-left: 0;
  width: 1rem;
  width: 16px;
  line-height: 2rem;
  line-height: 32px;
  position: absolute;
  left: 0;
}
nav.main > ul > li:hover::before {
  font-weight: bold;
}
nav.main > ul > li.parent::before {
  font-weight: bold;
}
nav.main > ul > li > ul {
  padding-left: 0;
}
nav.main > ul > li > ul li::before {
  content: inherit;
  content: unset;
}
nav.main > ul.sub {
  border-top: 2px dotted #ef7d00;
  border-bottom: solid thin rgba(3, 0, 2, 0.11);
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}
nav.main li.cat-products-new::before {
  font-weight: 900;
  content: "\f06d";
}
nav.main li.cat-specials::before {
  font-weight: 900;
  content: "\f295";
}
nav.main li.cat-10000::before {
  font-weight: 900;
  content: "\f079";
}
nav.main li.cat-20000::before {
  font-weight: 900;
  content: "\f02b";
}

nav.categories {
  box-shadow: 0 0 6px 0 rgba(3, 0, 2, 0.4);
  padding: 0 0 60px 0;
  font-size: 1rem;
  background: white;
  margin: 0 auto;
  z-index: 8001;
  overflow: auto;
  display: none;
  transform: scaleY(1);
  transform-origin: 0 0;
  transition: transform 0.2s ease-in-out, height 0.2s ease-in-out;
}
nav.categories::after {
  display: none;
  content: "";
  opacity: 0.035;
  height: 4rem;
  position: absolute;
  z-index: -1;
  background: url(/templates/HussShop/images/logo_banner_top.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 40%;
  background-size: contain;
  bottom: 0.5rem;
  width: 100%;
  pointer-events: none;
}
@media screen and (min-width: 777px) {
  nav.categories {
    width: 100%;
    padding: 0 0 1rem;
    position: relative;
    min-height: -moz-fit-content;
    min-height: fit-content;
    margin-bottom: 1rem;
    display: block;
    height: auto;
  }
  nav.categories.overlay {
    position: absolute;
    height: auto;
    max-height: unset;
    width: 100%;
    margin: 0 auto;
    height: auto;
  }
  nav.categories.overlay.hidden {
    transform: scaleY(0);
  }
}
@media screen and (max-width: 776px) {
  nav.categories {
    transform: scaleX(0);
    display: block;
    position: absolute;
    margin: auto;
    padding: 0;
    top: 56px;
    overflow-y: auto;
  }
  nav.categories.mobile {
    visibility: visible;
    transform: scaleX(1);
  }
}
nav.categories .box_wrapper {
  background: white;
  position: relative;
}
nav.categories .box_wrapper a {
  padding: 0 1rem;
}
nav.categories .box_wrapper a::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0a4";
  color: #ef7d00;
  padding-right: 1rem;
  font-size: 1.1rem;
}
nav.categories .box_wrapper select {
  width: calc(100% - 2rem);
  height: auto;
  border: 1px solid rgba(3, 0, 2, 0.22);
  padding: 0.6rem;
  margin: 1rem;
  display: block;
  color: rgba(3, 0, 2, 0.6);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
nav.categories .box_wrapper select::-ms-expand {
  display: none;
}
nav.categories .box_wrapper form#manufacturers {
  position: relative;
}
nav.categories .box_wrapper form#manufacturers::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f078";
  position: absolute;
  top: 0.75rem;
  right: 1.5rem;
  color: rgba(3, 0, 2, 0.6);
  pointer-events: none;
}
nav.categories .box_wrapper form#manufacturers + img {
  display: block;
  margin: 0 auto;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("slick/ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: inherit;
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: inherit;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.5;
}

/*
.slick-slider {
	pointer-events: none;

}
.slick-list {
	// overflow hack, ref. https://stackoverflow.com/a/39554003/1930535
	margin-bottom: -250px !important;
	padding-bottom: 250px !important;
	position:relative;
	max-width:100%;
	height:100%;
}
.slick-track {
	height: 100%;
	z-index: 1;
	pointer-events: all;
	& * {
		z-index: inherit;
		overflow: visible;
	}
}
*/
.slick-next, .slick-prev {
  top: 50%;
  pointer-events: all;
  height: 3.5rem;
  width: 2rem;
  text-align: center;
  z-index: 1001;
}
.slick-next::before, .slick-prev::before {
  color: rgba(3, 0, 2, 0.6);
  font-weight: bold;
  font-size: 3.5rem;
  position: relative;
  line-height: 1rem;
}

.slick-next {
  right: 0;
  text-align: right;
}
@media screen and (min-width: 1026px) {
  .slick-next {
    right: -1.5rem;
  }
}
.inset .slick-next {
  right: 0;
}
.slick-next::before {
  content: "›";
}

.slick-prev {
  left: 0;
  text-align: left;
}
@media screen and (min-width: 1026px) {
  .slick-prev {
    left: -1.5rem;
  }
}
.inset .slick-prev {
  left: 0;
}
.slick-prev::before {
  content: "‹";
}

.ad_products_image_container .slick-next, .ad_products_image_container .slick-prev {
  width: 2rem;
}
.ad_products_image_container .slick-prev {
  left: 0;
}
.ad_products_image_container .slick-next {
  right: 0;
}
.ad_products_image_container .slick-list {
  margin-left: 2rem;
  margin-right: 2rem;
}

/*
.slider_content {
	// background:$dark-grey;
	position: relative;
	.slider {
		margin: 0 auto;
		position: relative;
	}
	li {
		min-width:0;
	}
	&.inset {
		.slick-next {
			right: 1rem;
			top: calc(50% - 1rem);
		}
		.slick-prev {
			left: 1rem;
			top: calc(50% - 1rem);
		}
		@include desktop-small{
			.slick-next,
			.slick-prev {
				top: 25%;
			}
		}
	}
}
*/
#banner-slider {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: auto;
}
#banner-slider.b2b {
  bottom: 1rem;
}
@media screen and (max-width: 1025px) {
  #banner-slider {
    height: 550px;
    margin-bottom: -250px;
  }
}
@media screen and (max-width: 459px) {
  #banner-slider {
    height: 450px;
    margin-bottom: -250px;
  }
}
#banner-slider .slick-slide {
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out;
  overflow: visible;
}
#banner-slider .slick-slide.slick-current {
  opacity: 1;
}
#banner-slider img {
  height: 100%;
  width: auto;
}

#banner-slider-spacer {
  position: relative;
  width: 100%;
  height: 400px;
  pointer-events: none;
  z-index: -1;
}
@media screen and (max-width: 1025px) {
  #banner-slider-spacer {
    height: 320px;
  }
}
@media screen and (max-width: 459px) {
  #banner-slider-spacer {
    height: 220px;
  }
}

.bx-wrapper {
  max-width: 100% !important;
  box-shadow: none !important;
  margin-bottom: 1.5rem !important;
}

.bx-viewport {
  overflow-y: visible !important;
}

/*
.sliderManufacturer {
	width: 100%;
}
*/
.brands ul.letter-list {
  list-style: none;
  margin-bottom: -2rem;
}
.brands ul.letter-list:before, .brands ul.letter-list:after {
  content: "";
  display: table;
}
.brands ul.letter-list:after {
  clear: both;
}
.brands ul.letter-list li {
  display: block;
  float: left;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  margin: 0 1ex 1em;
  cursor: pointer;
  text-align: center;
  border-radius: 0.75em;
  border: solid thin rgba(3, 0, 2, 0.4);
  vertical-align: middle;
}
.brands ul.letter-list li::before {
  content: "";
  display: none;
}
.brands ul.letter-list li:last-child {
  border: 0;
  width: 3em;
}
.brands ul.letter-list li.current {
  background: #ef7d00;
  color: white;
}
.brands ul.letter-list:last-child {
  margin-bottom: 0;
}
.brands .brand-letter {
  margin-top: 4rem;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
.brands .brand-letter.hidden {
  display: none;
}
.brands .brand-letter::before {
  content: attr(data-letter);
  display: block;
  width: 100%;
  flex: 1 1 100%;
  min-width: 0;
  border-bottom: solid thin #ef7d00;
  font-weight: bold;
}
.brands .brand-letter .brand {
  display: block;
  position: relative;
  min-width: 170px;
  max-width: 250px;
  width: 200px;
  flex: 1 1 170px;
  padding-bottom: 3rem;
  border-bottom: solid thin rgba(3, 0, 2, 0.22);
  margin-top: 1.2rem;
}
.brands .brand-letter .brand:empty {
  border-bottom: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.brands .brand-letter .brand a > img {
  display: block;
  margin: 0 auto;
  max-width: 50%;
}
.brands .brand-letter .brand span.name {
  display: block;
  text-align: center;
}
.brands .brand-letter .brand .review-rating {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 1.2rem;
  left: 0;
  right: 0;
  width: 100%;
}

/*

// BRANDS

.categories_element_manufacturer_anchor_element,
.categories_element_manufacturer_anchor_element_aktiv {
    display: inline-block;
    padding: 0;
    min-width: 1.5rem;
    min-height: 1.5rem;
    line-height: 1.6;
    border: 1px solid rgba(3, 0, 2, 0.4);
    text-align: center;
    font-size: 1rem;
    border-radius: 50%;
}
.categories_element_manufacturer_anchor_element_aktiv {
    background: $brand-color;
    color: white;
}
.categories_element_manufacturer_anchor_container {
    margin: 2rem 0 1rem;
    padding: 0 1rem;
    text-align: right;
    // display: flex;
    // flex-wrap: wrap;
    // align-content: flex-end;
    a {
        display: inline-block;
        margin: 0.1rem;
    }
}

.mood_image {
    width: 100%;
    max-width: 100%;
    max-width: fit-content;
    height: auto;
    // @TODO: decide not zoom/cover?
    object-fit: cover;
    @include mobile {
        width: 100vw;
        max-width: 100vw;
        margin: auto -1rem;
    }
}

.brands_container {
    display: flex;
    margin-bottom: 3rem;
    flex-wrap: wrap;
    justify-content: space-between;
    @include mobile {
        justify-content: space-around;
    }
    .categories_element {
        display: inline-block;
        border: 1px solid $medium-grey;
        margin: 0 0.2rem 1rem;
        font-size: 1rem;
        text-transform: uppercase;
        // padding: 1rem;
        @include mobile {
            width: 50%;
        }
    }
    .categories_image_wrapper {
        padding: 0.5rem;
    }
    .categories_element_header {
        padding: 0.3rem 0.5rem;
        background: $brand-color;
        color: white;
        margin: -1px;
        a:hover {
            color: white;
        }
    }
    .categories_manufacturer_element_content {
        padding: 1rem;
    }
    .categories_manufacturer_element_revies {
        text-align: center;
        &>*{
            display: inline;
        }
    }
    .categories_element_manufacturer_group_heading {
        display: block;
        width: 100%;
        margin: 1rem 0.2rem;
        border-bottom: 2px solid orange;
        font-size: 1.5rem;
    }
}


.main_content_group_header {
    // background: rgb(254, 245, 235);
    background: $brand-background;
    padding: 1rem;
    margin-bottom: 1rem;
}
.main_content_group_header_categories {
    margin-bottom: 1rem;
}

.brand_separator {
    height:1.2px;
    width:100%;
    background: $light-grey;
    position:relative;
    margin: 3rem 0;
    z-index: -2;
    &::after {
        z-index: -1;
        content:"";
        width:80px;
        height:80px;
        display:block;
        margin: 0 auto;
        transform:translateY(-50%);
        background:url(images/huss_h.jpg) white;
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center;
    }
}
*/
footer {
  margin-top: 2rem;
  /*
  @media screen and (min-width: 864px) {
  	> div.panel {
  		&.highlighted-desktop {
  			height: 48rem;
  		}
  	}
  }
  */
}
footer > div.panel {
  max-width: 1536px;
  margin: 0 auto;
}
footer > div.panel > section {
  padding: 0 1rem;
}
footer > div.panel > section input {
  display: none;
}
footer > div.panel > section input + h5 {
  margin: 0;
  font-size: 1rem;
  position: relative;
}
footer > div.panel > section input + h5 label {
  display: block;
}
footer > div.panel > section.footer-siegel input:checked + h5 ~ .internetsiegel_container_box {
  display: flex;
  justify-content: space-evenly;
}
footer > div.panel > section.footer-siegel input:checked + h5 ~ .internetsiegel_container_box .internetsiegel_container_column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer > div.panel > section.footer-social a.social {
  font-size: 3rem;
  margin-right: 0.25rem;
}
footer > div.panel > section.footer-social a.social:last-child {
  margin-right: 0;
}
footer > div.panel > section.footer-social a.social:hover, footer > div.panel > section.footer-social a.social:focus {
  color: initial;
}
footer > div.panel > section ul.sicher-einkaufen {
  padding-left: 1.75rem;
}
footer > div.panel > section ul.sicher-einkaufen > li {
  line-height: 1rem;
  margin-bottom: 0.5rem;
}
footer > div.panel > section ul.sicher-einkaufen > li:not(.no-marker)::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f058";
  width: 1.75rem;
  margin-left: -1.75rem;
  display: inline-block;
}
footer > div.panel > section ul.sicher-einkaufen > li > a {
  display: inline;
  color: #ef7d00;
}
footer > div.panel > section ul.sicher-einkaufen > li span:first-child {
  font-weight: bold;
  color: #ef7d00;
}
footer > div.panel > section ul.sicher-einkaufen > li span:first-child + span:last-child,
footer > div.panel > section ul.sicher-einkaufen > li span:first-child + span + span {
  color: black;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: block;
}
footer .news-item {
  max-width: 100%;
}
footer h5 + ul {
  margin-top: 0;
}
footer ul.content {
  margin-top: 0;
}
footer ul.no-content {
  margin-bottom: 0;
}
@media screen and (max-width: 776px) {
  footer > div.panel:first-child > section:first-child {
    border-top: solid thin #ef7d00;
  }
  footer > div.panel > section {
    border-bottom: solid thin #ef7d00;
  }
  footer > div.panel > section input + h5 {
    margin-right: 1rem;
    line-height: 3rem;
    font-weight: normal;
  }
  footer > div.panel > section input + h5 label::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f078";
    position: absolute;
    top: 0;
    right: -1.5rem;
  }
  footer > div.panel > section > input:checked + h5 {
    font-weight: bold;
  }
  footer > div.panel > section > input:checked + h5 label::after {
    content: "\f077";
  }
  footer > div.panel > section > input + h5 ~ * {
    display: none;
  }
  footer > div.panel > section > input:checked + h5 ~ * {
    display: block;
  }
  footer > div.panel > section > input:checked + h5 ~ *:last-child {
    margin-bottom: 1rem;
  }
  footer ul > li {
    line-height: 2rem;
  }
}
@media screen and (min-width: 1026px) {
  footer > div.panel section.footer-secure {
    margin-bottom: 200px;
  }
}
@media screen and (min-width: 777px) {
  footer > div.panel {
    display: flex;
    flex-flow: column wrap;
    height: 40rem;
  }
  footer > div.panel.white {
    height: 34rem;
  }
  footer > div.panel.highlighted-desktop {
    height: 36rem;
  }
  footer > div.panel section.footer-payment img,
  footer > div.panel section.footer-shipping img {
    max-width: 45%;
  }
  footer > div.panel section.footer-brands,
  footer > div.panel section.footer-siegel {
    margin-bottom: 200px;
  }
  footer > div.panel > section {
    width: 25%;
  }
  footer > div.panel > section input + h5 {
    font-weight: bold;
    color: #ef7d00;
    margin: 1rem 0;
    border-bottom: solid thin #ef7d00;
    line-height: 1rem;
  }
  footer ul {
    padding-left: 0;
  }
  footer ul > li {
    line-height: 1.5rem;
  }
  footer ul > li:not(.no-marker)::before {
    display: none;
    content: unset;
  }
  footer ul > li.no-marker {
    margin-top: 0.5rem;
  }
}
@media screen and (min-width: 777px) and (max-width: 1025px) {
  footer > div.panel.white {
    height: 48rem;
  }
  footer > div.panel.highlighted-desktop {
    height: 59rem;
  }
  footer > div.panel > section {
    width: 33%;
  }
}
@media screen and (min-width: 1400px) {
  footer > div.panel.white {
    height: 34rem;
  }
}
footer .footer_wrapper_small {
  text-align: center;
  opacity: 0.8;
  font-size: 1rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 776px) {
  footer .footer_wrapper_small {
    padding: 0 1rem;
  }
}

.sc_content_header:first-child {
  margin-top: 0;
}

.sc_account_element_heading, .sc_account_content_text_container.workshop h3 {
  font-weight: bold;
  font-size: 1.125rem;
  color: #ef7d00;
  margin-top: 1rem;
}
.sc_account_element_heading:first-child, .sc_account_content_text_container.workshop h3:first-child {
  margin-top: 0;
}

.main-content.account .swiper-container {
  margin-top: 0.5rem;
}

.main-content.account > .sc_account_content_wrapper > div.sc_account_statsitiken_box_half_left {
  margin-top: 2rem;
}
.main-content.account > .sc_account_content_wrapper > div.sc_account_statsitiken_box_half_right {
  margin-top: 2rem;
}

.main-content.account.rueck .sc_account_element_heading, .main-content.account.rueck .sc_account_content_text_container.workshop h3, .sc_account_content_text_container.workshop .main-content.account.rueck h3 {
  margin-bottom: 1rem;
}
.main-content.account.rueck .sc_account_content_text_container {
  margin-bottom: 1rem;
}
.main-content.account.rueck table tr:not(:first-child) {
  height: 5rem;
  border: 0.1rem solid #666666;
}

.sc_account_content_text_container .wl_pu_inputfeld_new_list {
  border-radius: 5px; /*Meine Einkaufslisten, Listensuche*/
  padding: 0.25rem 1.5rem;
}

.panels-b2b {
  text-align: center;
}
.panels-b2b:not(.swiper-wrapper) {
  margin-top: 0.5rem;
  margin-left: -0.5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.panels-b2b:not(.swiper-wrapper) > div {
  flex: 1 0 21rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  align-content: stretch;
  margin-bottom: 0.5rem;
}
.panels-b2b:not(.swiper-wrapper) > div > a {
  flex: 1 1 6rem;
  height: 100%;
}
.panels-b2b.swiper-wrapper > div:first-child > a {
  margin-left: 0;
}
.panels-b2b > div > a {
  min-height: 180px;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: rgb(240, 238, 234);
  padding: 1rem 0.5rem;
  border-radius: 5px; /*Mein Konto, graue Kacheln (Statistik etc.)*/
  font-size: 1rem;
  display: flex !important;
  flex-direction: column;
  justify-items: center;
}
header.b2b + main .panels-b2b > div > a {
  background-color: #fef5eb;
  border-radius: 5px;
}
.panels-b2b > div > a > * {
  flex: 1 1 auto;
}
.panels-b2b > div > a > img {
  margin: 0 auto;
}
.panels-b2b > div > a > img + span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
}
.panels-b2b > div > a > hr {
  flex: 0 1 auto;
}
.panels-b2b > div > a > .amount {
  flex: 0 1 auto;
  height: 2.5em;
  line-height: 1.25em;
}
.panels-b2b hr {
  border: 0.5px solid #ef7d00;
  width: 100%;
}
.panels-b2b .amount {
  color: #ef7d00;
}

.sc_account_content_wrapper.hibg {
  background: rgb(240, 238, 234);
  margin-bottom: 1rem;
  padding: 1.5rem;
  border-radius: 5px;
}
.sc_account_content_wrapper.hibg.order {
  padding: 1.5rem;
  border-radius: 10px; /* Account -> Bestellung -> Bestelldetails -> Graue Box */
}
.sc_account_content_wrapper.margin-top {
  margin-top: 1rem;
}
@media screen and (min-width: 777px) and (max-width: 1025px) {
  .sc_account_content_wrapper .mobile-y-scroll {
    max-width: 100%;
    overflow-y: auto;
  }
}
@media screen and (max-width: 776px) {
  .sc_account_content_wrapper .mobile-y-scroll {
    max-width: 100%;
    overflow-y: auto;
  }
}

.sc_account_content_text_container.flex {
  display: flex;
  flex-flow: row wrap;
}

.sc_account_link_element {
  flex: 1 0 16rem;
  display: block;
  width: fit-content;
  border: solid thin #ef7d00;
  margin: 0.5rem;
  border-radius: 5px; /* Konto verwalten Seite, Einstellungen Buttons*/
  padding: 0.5rem;
  line-height: 22px;
  background: white;
}
.sc_create_account_content_element_gewerbeanmeldung .sc_account_link_element {
  margin: 0.5rem 0;
}
.sc_account_link_element.not-link {
  border: 0;
  padding: 0;
}
.sc_account_link_element:empty {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  visibility: hidden;
}
.sc_account_link_element .sc_account_icon *,
.sc_account_link_element .sc_account_link * {
  vertical-align: middle;
}
.sc_account_link_element .sc_account_icon {
  display: inline;
}
.sc_account_link_element .sc_account_link {
  display: inline;
}

.sc_account_content_text_container.umsatz div {
  margin-top: 1rem;
}
.sc_account_content_text_container.umsatz span {
  width: 15rem;
  display: inline-block;
}
.sc_account_content_text_container.umsatz span:first-child {
  font-weight: bold;
}
.sc_account_content_text_container.umsatz span.big-orange {
  font-size: 1.125rem;
  color: #ef7d00;
}

/*

.sc_content_header_wrapper {
	padding: 0 0rem;
	& ~ .panel-b2b {
		display: flex;
		flex-flow: row wrap;
		outline: solid thin lime;
		.sub-panel {
			display: flex;
			flex: 1 0 (3 * (7.125rem + 2 * 0.25rem));


			> a {
				display: block;
				margin: 0.25rem;
				margin-bottom: 2rem;
				font-size: 0.875rem;
				background: $brand-background;
				width: 7.125rem;
				text-align: center;
				height: 11rem;
				position: relative;

				margin-left: 1rem;

				>div {
					display: flex;
					flex-direction: column;
					width: 100%;
					height: 100%;
					position: absolute;
					padding: 0.25rem;
					align-items: center;
					&>*{
						flex: 1 1 auto;
					}
					img {
						margin-bottom: 0.5rem;
						object-fit: scale-down;
						width: auto;
					}
					div {
						width:100%;
						height: 1.5rem;
					}
					div:not(:first-of-type) {
						padding-top: 1rem;
						border-top: 1px solid $light-grey;
						color: $brand-color;
					}
				}
			}
		}
	}
}
.sc_account_content_wrapper {
	margin: 0 1rem;
	padding: 1.5rem;
	// border: 1px solid $light-grey;
	font-size: 0.875rem;
}
.sc_account_content_wrapper {
	background: $brand-background;
}

.sc_account_element_heading {
	color: $brand-color;
	border-bottom: dotted 1px $light-grey;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	font-weight: bold;
	text-transform: uppercase;
}

.sc_account_icon,
.sc_account_link {
	display: inline-block;
}
.sc_account_icon {
	width: 2rem;
}
.sc_account_link {
	width: 14rem;
	line-height: 1.8;
	vertical-align: top;
	span {
		line-height: 1;
		display:inline;
		font-weight: bold;
		color: $brand-color;
	}
}
.sc_account_content_text_container {
	// white-space: nowrap;
}
.sc_account_link_element {
	white-space: nowrap;
	display: inline-block;
}


*/
.sc_account_content_wrapper.order {
  background: rgb(240, 238, 234);
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 10px; /* Account, Meine Shopbestellungen Box */
}
.sc_account_content_wrapper.order .sc_account_orders_overview_heading {
  text-transform: uppercase;
  color: #ef7d00;
  font-weight: bold;
  margin-bottom: 1rem;
  border-bottom: solid thin rgba(3, 0, 2, 0.22);
}
@media screen and (max-width: 340px) {
  .sc_account_content_wrapper.order {
    font-size: 0.9375rem;
  }
}
.sc_account_content_wrapper.order .sc_account_orders_overview_element_detail_heading {
  width: 13ex;
  float: left;
  font-weight: bold;
  clear: left;
}
.sc_account_content_wrapper.order .sc_account_orders_overview_element_detail_text > img {
  max-width: 6rem;
  cursor: pointer;
  margin-left: 1rem;
}
.sc_account_content_wrapper.order .sc_account_order_history_block:before, .sc_account_content_wrapper.order .sc_account_order_history_block:after {
  content: "";
  display: table;
}
.sc_account_content_wrapper.order .sc_account_order_history_block:after {
  clear: both;
}
.sc_account_content_wrapper.order .sc_account_order_history_block .date {
  width: 11ex;
  float: left;
  clear: left;
}
.sc_account_content_wrapper.order .sc_account_order_history_block .status {
  margin-left: 12ex;
}
.sc_account_content_wrapper.order .sc_account_orders_overview_element_container_left {
  margin-bottom: 1rem;
}
.sc_account_content_wrapper.order .sc_account_orders_overview_element_container_left > div {
  clear: left;
}
.sc_account_content_wrapper.order .sc_account_orders_overview_element_container_left:before, .sc_account_content_wrapper.order .sc_account_orders_overview_element_container_left:after {
  content: "";
  display: table;
}
.sc_account_content_wrapper.order .sc_account_orders_overview_element_container_left:after {
  clear: both;
}
.sc_account_content_wrapper.order .sc_checkout_confirmation_content_wrapper {
  padding: 0;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: solid thin rgba(3, 0, 2, 0.22);
  border-radius: 0;
}
.sc_account_content_wrapper.order .sc_checkout_confirmation_shipping_address {
  margin-top: 1rem;
}
@media screen and (min-width: 1026px) {
  .sc_account_content_wrapper.order .sc_checkout_confirmation_shipping_address {
    margin-top: 0;
  }
}
.sc_account_content_wrapper.order .sc_checkout_confirmation_billing_address,
.sc_account_content_wrapper.order .sc_checkout_confirmation_shipping_address {
  padding: 0;
}
@media screen and (min-width: 1026px) {
  .sc_account_content_wrapper.order .sc_checkout_confirmation_billing_address,
  .sc_account_content_wrapper.order .sc_checkout_confirmation_shipping_address {
    border-top: 0;
  }
}

@media screen and (min-width: 777px) {
  .sc_account_statsitiken_box_half_left,
  .sc_account_statsitiken_box_half_right {
    width: 50%;
    float: left;
  }
  .sc_account_statsitiken_box_half_left {
    clear: left;
  }
}
.address-boxes {
  display: flex;
  margin-top: 1rem;
  margin-right: -1rem;
  flex-flow: row wrap;
}

.address-box {
  position: relative;
  float: left;
  flex: 1 1 300px;
  max-width: 350px;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 5px; /* Adressbuch Boxen*/
  background: rgb(240, 238, 234);
}
.address-box .buttons {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: #ef7d00;
  display: block;
}
.address-box .buttons a {
  margin-left: 1rem;
}
.address-box::first-line {
  font-weight: bold;
}
.address-box:empty {
  background: none;
  width: 0;
  height: 0;
  padding: 0;
  margin-bottom: 0;
}

.sc_account_oreder_details_content_text > strong {
  font-weight: bold;
  display: inline-block;
  width: 10rem;
}

.sc_account_content_text_container.workshop img + h3, .sc_account_content_text_container.workshop img + br + h3 {
  border-top: 0;
  padding-top: 0;
}

.workshop.details {
  display: table;
}
.workshop.details .row {
  display: table-row;
}
.workshop.details .term, .workshop.details .data {
  display: table-cell;
  padding-top: 0.5rem;
}
.workshop.details .term {
  min-width: 260px;
}
@media screen and (max-width: 459px) {
  .workshop.details .row, .workshop.details .term, .workshop.details .data {
    display: block;
  }
  .workshop.details .data {
    margin-left: 2rem;
    padding-top: 0;
  }
}

.main-content.content.workshop .sc_account_content_wrapper + .sc_account_content_wrapper {
  margin-top: 1rem;
}

.main-content.account.rueck2 .hidden {
  display: none;
}
.main-content.account.rueck2 .text-right {
  text-align: right;
}
.main-content.account.rueck2 table:not(.rueck) {
  border: 0 none;
  width: 100%;
  border-spacing: 0px;
}
.main-content.account.rueck2 table:not(.rueck) td,
.main-content.account.rueck2 table:not(.rueck) th {
  padding: 5px;
}
.main-content.account.rueck2 table:not(.rueck) thead {
  background-color: #666666;
  color: #ffffff;
}
.main-content.account.rueck2 table:not(.rueck) tbody {
  background-color: #F0EDE7;
}
.main-content.account.rueck2 table:not(.rueck) tbody tr {
  border: 0.1rem solid #666666;
}
.main-content.account.rueck2 table + table {
  margin-top: 2em;
}
.main-content.account.rueck2 table > caption {
  text-align: left;
}
.main-content.account.rueck2 table.rueckx td {
  outline: solid thin lime;
}
.main-content.account.rueck2 table.rueck {
  display: block;
  margin-bottom: 2rem;
}
.main-content.account.rueck2 table.rueck td {
  outline: 0 none;
}
.main-content.account.rueck2 table.rueck caption,
.main-content.account.rueck2 table.rueck tbody,
.main-content.account.rueck2 table.rueck tfoot,
.main-content.account.rueck2 table.rueck tr,
.main-content.account.rueck2 table.rueck td,
.main-content.account.rueck2 table.rueck th {
  display: block;
}
.main-content.account.rueck2 table.rueck thead {
  display: none;
}
.main-content.account.rueck2 table.rueck[data-sortable] thead {
  pointer-events: all;
  margin: 0 0 1rem;
  display: block;
  position: relative;
  width: 10rem;
  width: 16rem;
  height: auto;
  border: 1px solid rgba(3, 0, 2, 0.22);
  padding: 0.6rem;
  display: block;
  color: rgba(3, 0, 2, 0.6);
  border: solid thin #ccc;
  border-radius: 5px;
}
.main-content.account.rueck2 table.rueck[data-sortable] thead::before {
  content: var(--lang-sortieren, "Sortieren");
}
.main-content.account.rueck2 table.rueck[data-sortable] thead::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f078";
  position: absolute;
  top: 0.75rem;
  right: 0.5rem;
  color: rgba(3, 0, 2, 0.6);
  pointer-events: none;
}
.main-content.account.rueck2 table.rueck[data-sortable] thead tr {
  display: none;
  justify-content: space-between;
}
.main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) {
  border-radius: 5px 5px 0 0;
}
.main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) tr {
  border-radius: 0 0 5px 5px;
  outline: solid thin #ccc;
  background: white;
  z-index: 1;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
}
.main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) th, .main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) td {
  display: block;
  padding: 0.5rem;
  position: relative;
}
.main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) th:hover, .main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) td:hover {
  background-color: #ccc;
}
.main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) th[data-nosort], .main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) td[data-nosort] {
  display: none;
}
.main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) th[data-sorted], .main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) td[data-sorted] {
  background: #ccc-old;
}
.main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) th::after, .main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus) td::after {
  top: 0.5rem;
  right: 0.5rem;
  position: absolute;
}
.main-content.account.rueck2 table.rueck[data-sortable] thead:is(:hover, :active, :focus)::after {
  content: "\f077";
}
.main-content.account.rueck2 table.rueck tbody {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}
.main-content.account.rueck2 table.rueck tbody tr {
  display: block;
  position: relative;
  min-height: 54px;
  padding: 0.5rem;
  padding-left: calc(75px + 1rem);
  border-radius: 5px;
  grid-template: "title title" auto "belnum belnum" auto/120px auto;
  position: relative;
  min-height: 100px;
  background-color: #f0eeea;
}
.main-content.account.rueck2 table.rueck tbody tr::before {
  content: " ";
  background-color: transparent;
  pointer-events: none;
  color: var(--stock-dot-color, transparent);
  background-color: var(--stock-dot-color, transparent);
  position: absolute;
  display: block;
  top: 4px;
  right: 4px;
  width: 0.5rem;
  height: 0.5rem;
  aspect-ratio: 1;
  border-radius: 100%;
  display: none;
}
.main-content.account.rueck2 table.rueck tbody td.image {
  position: absolute;
  left: 0.5rem;
  display: block;
  width: 75px;
  padding: 0;
  aspect-ratio: 149/108;
}
.main-content.account.rueck2 table.rueck tbody td.image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}
.main-content.account.rueck2 table.rueck tbody td:not(.image) {
  flex: 1 0 0%;
}
.main-content.account.rueck2 table.rueck tbody td:not(.image)::before {
  display: inline-block;
  width: 120px;
  text-align: left;
  white-space: pre;
  font-weight: bold;
}
.main-content.account.rueck2 table.rueck tbody td.title {
  grid-area: title;
  order: -1;
}
.main-content.account.rueck2 table.rueck tbody th:first-child,
.main-content.account.rueck2 table.rueck tbody td:first-child {
  text-transform: uppercase;
  color: #ef7d00;
  font-weight: bold;
  margin-bottom: 1rem;
  border-bottom: solid thin rgba(3, 0, 2, 0.22);
  margin-left: calc(-75px - 0.5rem);
}
.main-content.account.rueck2 table.rueck tbody th:first-child::before,
.main-content.account.rueck2 table.rueck tbody td:first-child::before {
  width: auto;
}
.main-content.account.rueck2 table.rueck tbody td:nth-child(1)::before {
  content: var(--col-1-text);
}
.main-content.account.rueck2 table.rueck tbody td:nth-child(2)::before {
  content: var(--col-2-text);
}
.main-content.account.rueck2 table.rueck tbody td:nth-child(3)::before {
  content: var(--col-3-text);
}
.main-content.account.rueck2 table.rueck tbody td:nth-child(4)::before {
  content: var(--col-4-text);
}
.main-content.account.rueck2 table.rueck tbody td:nth-child(5)::before {
  content: var(--col-5-text);
}
.main-content.account.rueck2 table.rueck tbody td:nth-child(6)::before {
  content: var(--col-6-text);
}
.main-content.account.rueck2 table.rueck tbody td:nth-child(7)::before {
  content: var(--col-7-text);
}
.main-content.account.rueck2 table.rueck tbody td:nth-child(8)::before {
  content: var(--col-8-text);
}
.main-content.account.rueck2 table.rueck tbody td:nth-child(9)::before {
  content: var(--col-9-text);
}
.main-content.account.rueck2 table.rueck tbody td.belnum {
  grid-area: belnum;
}
.main-content.account.rueck2 table.rueck tbody td.belnum::before {
  content: var(--lang-belnum, "Belegnummer: ");
}
.main-content.account.rueck2 table.rueck tbody td.abnum {
  grid-area: abnum;
}
.main-content.account.rueck2 table.rueck tbody td.abnum::before {
  content: var(--lang-abnum, "AB: ");
}
.main-content.account.rueck2 table.rueck tbody td.abdat {
  grid-area: abdat;
}
.main-content.account.rueck2 table.rueck tbody td.abdat::before {
  content: var(--lang-abdat, "vom: ");
}
.main-content.account.rueck2 table.rueck tbody td.menge {
  grid-area: menge;
}
.main-content.account.rueck2 table.rueck tbody td.menge::before {
  content: var(--lang-menge, "Menge: ");
}
.main-content.account.rueck2 table.rueck tbody td.lnummer {
  grid-area: lnummer;
}
.main-content.account.rueck2 table.rueck tbody td.lnummer::before {
  content: var(--lang-lnummer, "Artikelnummer: ");
}
.main-content.account.rueck2 table.rueck tbody td.beldat {
  grid-area: beldat;
}
.main-content.account.rueck2 table.rueck tbody td.beldat::before {
  content: var(--lang-beldat, "Datum: ");
}
.main-content.account.rueck2 table.rueck tbody td.f_status {
  grid-area: f_status;
}
.main-content.account.rueck2 table.rueck tbody td.f_status::before {
  content: var(--lang-f_status, "Status: ");
}
.main-content.account.rueck2 table.rueck tbody td.lmenge {
  grid-area: lmenge;
}
.main-content.account.rueck2 table.rueck tbody td.lmenge::before {
  content: var(--lang-lmenge, "Menge: ");
}
.main-content.account.rueck2 table.rueck tbody td.leistung {
  grid-area: leistung;
}
.main-content.account.rueck2 table.rueck tbody td.leistung::before {
  content: var(--lang-leistung, "Referenz: ");
}
.main-content.account.rueck2 table.rueck tbody td.f_projekt {
  grid-area: f_projekt;
}
.main-content.account.rueck2 table.rueck tbody td.f_projekt::before {
  content: var(--lang-f_projekt, "Projekt: ");
}
.main-content.account.rueck2 table.rueck tbody td.f_projekt:empty,
.main-content.account.rueck2 table.rueck tbody td.leistung:empty {
  display: none;
}

.beleg-overview .search-form-wrapper {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  margin: 3rem 0;
  padding-bottom: 1rem;
}
@media screen and (max-width: 776px) {
  .beleg-overview .search-form-wrapper {
    margin-top: 0;
    margin-bottom: 1rem;
  }
}
.beleg-overview .search-form-wrapper .sc_account_element_heading, .beleg-overview .search-form-wrapper .sc_account_content_text_container.workshop h3, .sc_account_content_text_container.workshop .beleg-overview .search-form-wrapper h3 {
  flex: 0 0 100%;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  font-size: 1rem;
}
.beleg-overview .simple-inline-form {
  border-radius: 5px;
  width: 100%;
}
.beleg-overview .simple-inline-form label, .beleg-overview .simple-inline-form button,
.beleg-overview .simple-inline-form input:not([type=hidden]) {
  display: block;
  width: 100%;
  border-radius: 5px;
}
.beleg-overview .simple-inline-form input[type=text] {
  padding: 0.75rem 0.5rem;
}
@media screen and (min-width: 480px) {
  .beleg-overview .simple-inline-form {
    flex: 1 1 450px;
    display: flex;
    align-items: baseline;
    border: 1px solid rgba(3, 0, 2, 0.22);
    margin-top: 0.5rem;
  }
  .beleg-overview .simple-inline-form label, .beleg-overview .simple-inline-form button,
  .beleg-overview .simple-inline-form input:not([type=hidden]) {
    padding: 0.75rem 0.5rem;
    flex: 0 0 auto;
    width: auto;
  }
  .beleg-overview .simple-inline-form input[type=text] {
    flex: 1 0 0%;
    outline: 0 none;
    border: 0 none;
  }
  .beleg-overview .simple-inline-form button {
    margin-block: 0;
    border-radius: 0 4px 4px 0;
    width: auto;
  }
  .beleg-overview .simple-inline-form + .sc_account_element_heading, .beleg-overview .sc_account_content_text_container.workshop .simple-inline-form + h3, .sc_account_content_text_container.workshop .beleg-overview .simple-inline-form + h3 {
    display: none;
  }
}
.beleg-overview .red {
  color: #ef7d00;
}
.beleg-overview div.vorgaenge {
  margin: 1rem 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
}
.beleg-overview div.vorgaenge .vorgang {
  border: solid thin #ccc;
  border-radius: 5px;
  background-color: #f0eeea;
  padding: 1rem;
  display: grid;
  grid-area: "abnum" "shopnum";
  grid-template: "abnum shopnum" auto "referenz referenz" auto "projekt projekt" auto "belege belege" auto "positionen positionen" auto/120px calc(100% - 120px);
}
.beleg-overview div.vorgaenge .vorgang .abnum {
  grid-area: abnum;
}
.beleg-overview div.vorgaenge .vorgang .shopnum {
  grid-area: shopnum;
  text-align: right;
}
.beleg-overview div.vorgaenge .vorgang .referenz {
  grid-area: referenz;
}
.beleg-overview div.vorgaenge .vorgang .projekt {
  grid-area: projekt;
}
.beleg-overview div.vorgaenge .positionen {
  grid-area: positionen;
  max-width: 100%;
}
.beleg-overview div.vorgaenge .positionen caption {
  margin: 1rem 0 0 auto;
  font-weight: bold;
  text-align: left;
}
.beleg-overview div.vorgaenge .positionen td {
  height: 1em;
}
.beleg-overview div.vorgaenge .belege {
  grid-area: belege;
  margin: 1rem -0.5rem -0.5rem;
  border-spacing: 0.5rem 0;
}
.beleg-overview div.vorgaenge .belege th {
  text-align: left;
}
.beleg-overview div.vorgaenge .belege .price {
  text-align: right;
}
.beleg-overview div.vorgaenge a.pdf {
  color: #ef7d00;
}
.beleg-overview .select {
  pointer-events: all;
  float: right;
  margin: 0;
  display: block;
  position: relative;
  width: 10rem;
  width: 16rem;
  height: auto;
  border: 1px solid rgba(3, 0, 2, 0.22);
  padding: 0.6rem;
  display: block;
  color: rgba(3, 0, 2, 0.6);
  margin-bottom: 0;
  border: solid thin #ccc;
  border-radius: 0 0 5px 5px;
}
.beleg-overview .select:not(.single)::before {
  content: var(--current-value, "zeige...");
}
.beleg-overview .select:not(.single)::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f078";
  position: absolute;
  top: 0.75rem;
  right: 0.5rem;
  color: rgba(3, 0, 2, 0.6);
  pointer-events: none;
}
.beleg-overview .select ul {
  display: none;
  justify-content: space-between;
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}
.beleg-overview .select li {
  padding: 0;
}
.beleg-overview .select li a {
  padding: 0.5rem;
}
.beleg-overview .select:not(.single):is(:hover, :active, :focus) {
  border-radius: 0;
}
.beleg-overview .select:not(.single):is(:hover, :active, :focus) ul {
  border-radius: 0 0 5px 5px;
  outline: solid thin #ccc;
  background: white;
  z-index: 1;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
}
.beleg-overview .select:not(.single):is(:hover, :active, :focus):not(.single)::after {
  content: "\f077";
}
.beleg-overview .select:not(.single):is(:hover, :active, :focus) li {
  display: block;
  position: relative;
}
.beleg-overview .select:not(.single):is(:hover, :active, :focus) li::before {
  display: none;
}
.beleg-overview .select:not(.single):is(:hover, :active, :focus) li:hover {
  background-color: #ccc;
}
.beleg-overview .select:not(.single):is(:hover, :active, :focus) li.active {
  background: #fef5eb;
}
.beleg-overview .select:not(.single):is(:hover, :active, :focus) li a {
  display: block;
}

#flOuterContainer #flFilterContainer {
  background: rgb(240, 238, 234);
  padding: 1rem;
  font-size: 0;
  border-radius: 5px; /*Suche, Filter Box*/
}
#flOuterContainer #flMainFilters {
  display: flex;
  flex-wrap: wrap;
}
#flOuterContainer .flFilterSelectorHeading {
  font-weight: bold;
  padding: 0 0 0.5rem 0;
}
#flOuterContainer .flFilterBoxFilters {
  height: 6rem;
}
#flOuterContainer .flFilterBoxFiltersSlider,
#flOuterContainer .flFilterBoxFiltersVerfuegbarkeit {
  height: 4rem;
}
#flOuterContainer .flFilterBoxFilters,
#flOuterContainer .flFilterBoxFiltersSlider,
#flOuterContainer .flFilterBoxFiltersVerfuegbarkeit {
  background: white;
  overflow: auto;
  border: 1px solid rgba(3, 0, 2, 0.22);
  position: relative;
  border-radius: 5px; /*Suche, Filter Box, Kategoriebox*/
}
#flOuterContainer .flFilterBoxFiltersSlider {
  padding: 0 2rem;
}
#flOuterContainer .flFilterBox {
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.5rem;
  min-height: 120px;
  width: 50%;
  flex: 1 1 50%;
  min-width: 250px;
}
#flOuterContainer .flFilterName {
  font-weight: bold;
  display: block;
}
#flOuterContainer .flImageFilterFloat {
  float: left;
  list-style: none;
  padding: 0.5rem;
}
#flOuterContainer .flChosenFilter {
  list-style: none;
}
#flOuterContainer .flChosenFilter .flFilterName {
  display: inline-block;
  padding-right: 0.5rem;
}
#flOuterContainer .flChosenFilter img {
  margin-left: 0.5rem;
}
#flOuterContainer .flChosenFilter:last-child {
  margin-top: 1rem;
}
#flOuterContainer .flChosenFilters,
#flOuterContainer .flFilterBoxFilters, #flOuterContainer .flFilters {
  list-style: none;
  margin: 0;
  padding: 0;
}
#flOuterContainer .flChosenFilters li.flFilter, #flOuterContainer .flChosenFilters li.flChosenFilter,
#flOuterContainer .flFilterBoxFilters li.flFilter,
#flOuterContainer .flFilterBoxFilters li.flChosenFilter, #flOuterContainer .flFilters li.flFilter, #flOuterContainer .flFilters li.flChosenFilter {
  padding: 0.25rem 0.5rem;
}
#flOuterContainer .flChosenFilters li::before,
#flOuterContainer .flFilterBoxFilters li::before, #flOuterContainer .flFilters li::before {
  content: "";
  display: none;
}

#flSearchHeader {
  width: 100%;
}
#flSearchHeader #flPoweredBy {
  text-align: right;
}

#flFilterWrapper {
  margin-bottom: 1rem;
}

#flPaginator {
  background: rgb(240, 238, 234);
  padding: 1rem;
  clear: both;
  position: relative;
  height: 5rem;
}
#flPaginator > * {
  display: inline-block;
  margin: 0 0.5rem;
}
#flPaginator .flPaginatorSortierungTitle {
  float: left;
}
#flPaginator .flPaginatorSortierungElement {
  top: 2.5rem;
  left: 1rem;
  position: absolute;
}
#flPaginator .flPaginatorAnzahlTitle {
  float: right;
}
#flPaginator .flPaginatorAnzahlElement {
  top: 2.5rem;
  right: 1rem;
  position: absolute;
}

#flFilterContainer + div.main_content_group_header.findologic {
  background: rgb(240, 238, 234);
  padding: 0 1.25rem;
  margin: -1rem 0 -0.5rem;
}
#flFilterContainer + div.main_content_group_header.findologic .categories_product_filter_cat.display-mode {
  margin: 0;
}
#flFilterContainer + div.main_content_group_header.findologic .categories_product_filter_title {
  display: inline-block;
}

x.paginator_wrapper {
  clear: both;
  position: relative;
  background: rgb(240, 238, 234);
  padding: 1rem;
  margin-top: 1rem;
}
x.paginator_wrapper .flPaginatorSortierungTitleBottom {
  float: left;
}
x.paginator_wrapper .flPaginatorSortierungElementBottom {
  position: absolute;
  top: 2.5rem;
  left: 1rem;
}
x.paginator_wrapper .flPaginatorSortierungElementBottom > * {
  border: 1px solid rgba(3, 0, 2, 0.22);
  border-radius: 50%;
  width: 1.25rem;
  position: relative;
  display: inline-block;
  height: 1.25rem;
  text-align: center;
  cursor: pointer;
}
x.paginator_wrapper .flPaginatorSortierungElementBottom > .flPageCurrent {
  color: white;
  background: #ef7d00;
  cursor: auto;
}
x.paginator_wrapper .flPaginatorAnzahlTitleBottom {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
@media screen and (max-width: 459px) {
  x.paginator_wrapper .flPaginatorAnzahlTitleBottom {
    top: 2rem;
  }
}
x.paginator_wrapper .flPaginatorAnzahlElementBottom {
  top: 2.5rem;
  right: 1rem;
  position: absolute;
}
@media screen and (max-width: 459px) {
  x.paginator_wrapper .flPaginatorAnzahlElementBottom {
    top: 3.5rem;
  }
}
x.paginator_wrapper .paginator_element_current,
x.paginator_wrapper .paginator_element {
  display: inline-block;
  padding: 0.5rem;
  background: white;
  border: solid thin rgba(3, 0, 2, 0.4);
  margin: 0 0.125rem;
}
x.paginator_wrapper .listelements_container {
  text-align: right;
}
x.paginator_wrapper .listelements_container form {
  display: inline-block;
  padding: 1rem 0 0 1rem;
}
x.paginator_wrapper .listelements_container_description {
  padding-bottom: 0.5rem;
  display: inline-block;
}
x.paginator_wrapper .listelements_container {
  display: none;
}
@media screen and (min-width: 777px) {
  x.paginator_wrapper .listelements_container,
  x.paginator_wrapper .paginator_container {
    width: 49.5%;
    display: inline-block;
  }
}
@media screen and (max-width: 776px) {
  x.paginator_wrapper .paginator_container {
    font-size: 0;
  }
  x.paginator_wrapper .paginator_container .paginator_element,
  x.paginator_wrapper .paginator_container .paginator_element_current {
    font-size: 1rem;
  }
}

.manufacturer_linklist_header {
  margin-top: 1rem;
  font-weight: bold;
}

.manufacturer_linklist_container {
  display: flex;
  border-bottom: solid thin rgba(3, 0, 2, 0.22);
}
.manufacturer_linklist_container .manufacturer_linklist_container_content {
  flex: 0 0 50%;
}

.paginator_wrapper {
  background: rgb(240, 238, 234);
  padding: 1rem;
  margin-top: 1rem;
  clear: both;
  border-radius: 10px; /* Suche Navigation Footer */
}
.paginator_wrapper .clear_both {
  clear: none;
}
.paginator_wrapper .flPaginatorSortierungElementBottom {
  float: left;
  clear: left;
  font-size: 0;
  width: 100%;
}
.paginator_wrapper .flPaginatorSortierungElementBottom a, .paginator_wrapper .flPaginatorSortierungElementBottom span {
  display: inline-block;
  font-size: 1rem;
  border: solid thin rgba(3, 0, 2, 0.22);
  background: white;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  text-align: center;
  word-wrap: none;
  margin: 2px;
  border-radius: 5px; /* Buttons Suche Navigation Footer */
}
.paginator_wrapper .flPaginatorSortierungElementBottom a b, .paginator_wrapper .flPaginatorSortierungElementBottom span b {
  font-weight: normal;
}
.paginator_wrapper .flPaginatorSortierungElementBottom a.flPageCurrent, .paginator_wrapper .flPaginatorSortierungElementBottom span.flPageCurrent {
  font-weight: bold;
}
.paginator_wrapper .flPaginatorSortierungElementBottom .showall-pages {
  float: right;
  padding: 0 4px;
}
@media screen and (max-width: 459px) {
  .paginator_wrapper .flPaginatorSortierungElementBottom a.showall-pages {
    display: none;
  }
}
.paginator_wrapper .flPaginatorSortierungTitleBottom {
  display: none;
  float: left;
}
.paginator_wrapper .flPaginatorAnzahlTitleBottom {
  display: none;
  float: right;
}
.paginator_wrapper .flPaginatorAnzahlElementBottom {
  display: none;
  float: right;
}
.paginator_wrapper .clear_both:last-child {
  clear: both;
}
@media screen and (max-width: 459px) {
  .paginator_wrapper .flPaginatorSortierungTitleBottom {
    display: none;
  }
}
@media screen and (min-width: 1190px) {
  .paginator_wrapper .flPaginatorSortierungElementBottom {
    width: calc(50% + 60px);
  }
  .paginator_wrapper .showall-pages {
    width: 120px;
  }
  .paginator_wrapper .flPaginatorAnzahlTitleBottom,
  .paginator_wrapper .flPaginatorAnzahlElementBottom {
    display: block;
  }
  .paginator_wrapper .flPaginatorAnzahlElementBottom {
    clear: right;
  }
}

.ui-autocomplete ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-autocomplete ul li::before {
  content: "";
  display: none;
}

.sidebar-basic {
  font-size: 0.875rem;
  padding: 0 1rem 1rem;
  border: 1px solid rgba(3, 0, 2, 0.22);
  margin-bottom: 2rem;
  border-radius: 10px; /* Rechte UNTERE Box Artikelseite */
  /*
  .sidebar-spacer ~ & {
  	border: 0;
  	padding-left: 0;
  	padding-right: 0;
  }
  */
}
@media screen and (max-width: 776px) {
  .sidebar-basic {
    display: contents;
  }
}
.sidebar-basic h3 {
  color: black;
  text-transform: none;
}
.sidebar-basic .sidebar-section {
  display: block;
  flex: 1 1 auto;
}
@media screen and (min-width: 777px) {
  .sidebar-basic .sidebar-section {
    display: contents;
  }
}
.sidebar-basic hr {
  border: none;
  border-bottom: 1px solid rgba(3, 0, 2, 0.22);
}
@media screen and (max-width: 776px) {
  .sidebar-basic > hr {
    display: none;
  }
}
.sidebar-basic img {
  margin: 0 auto;
  display: block;
}
.sidebar-basic .phone {
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.5rem;
}
.sidebar-basic .phone::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f2a0";
  position: absolute;
  left: 0;
  color: #ef7d00;
  font-size: 1.25em;
}
.sidebar-basic .email {
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.5rem;
}
.sidebar-basic .email::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f1fa";
  position: absolute;
  left: 0;
  color: #ef7d00;
  font-size: 1.25em;
}
.sidebar-basic .opening-hours {
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.5rem;
}
.sidebar-basic .opening-hours::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f017";
  position: absolute;
  font-weight: normal;
  left: 0;
  color: #ef7d00;
  font-size: 1.25em;
}
.sidebar-basic .company-links {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: space-between;
  margin: 0;
}
.sidebar-basic .company-links li {
  flex: 0 0 44%;
  margin: 0.5rem 0;
}
.sidebar-basic .company-links li::before {
  content: inherit;
  content: unset;
}
.sidebar-basic .company-links li:nth-child(2n) {
  text-align: right;
}
.sidebar-basic .company-links li a {
  display: block;
  padding: 0.25rem 0.5rem;
  border: solid thin rgba(3, 0, 2, 0.22);
  width: auto;
  text-align: center;
  font-weight: bold;
  color: #ef7d00;
  text-decoration: none;
  border-radius: 5px; /* Buttons Ansprechpartner-Box */
}
.sidebar-basic .checklist {
  padding: 0 1.5rem;
}
.sidebar-basic .checklist li {
  line-height: 2.5;
}
.sidebar-basic .checklist li::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f058";
}
.sidebar-basic .ad_image_sidebar {
  width: 100%;
  height: auto;
  border: 1px solid rgba(3, 0, 2, 0.22);
}
.sidebar-basic .brand-box-small {
  width: 30%;
  padding: 1.5%;
  position: relative;
  display: inline-block;
  word-break: break-all;
  hyphens: auto;
  vertical-align: top;
}
.sidebar-basic .brand-box-small .image {
  width: 100%;
  height: auto;
}
.sidebar-basic .brand-box-small .name {
  font-size: 0.75rem;
}
.sidebar-basic .brand-box-small .amount {
  font-weight: 600;
}
.sidebar-basic .pointer {
  display: block;
  position: relative;
  padding-left: 1.5rem;
  line-height: 1.5rem;
  margin-top: 1rem;
}
.sidebar-basic .pointer::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0a4";
  position: absolute;
  left: 0;
  color: #ef7d00;
}
.sidebar-basic .special-super-override {
  font-size: 1rem;
}
.sidebar-basic .special-super-override::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f000";
  color: #ef7d00;
  display: inline-block;
  width: 1.25em;
  padding-right: 0.25rem;
  font-size: 1.25em;
}
.sidebar-basic .special-super-override.review {
  position: relative;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.sidebar-basic .special-super-override.review::before {
  content: "\f15b";
}
.sidebar-basic .special-super-override.review a {
  display: block;
  position: absolute;
  top: 0.75rem;
  right: 0;
  bottom: 0.75rem;
  padding: 0.25rem 0.5rem;
  border: solid thin rgba(3, 0, 2, 0.22);
  line-height: 1.5rem;
}
@media screen and (min-width: 777px) {
  .sidebar-basic .special-super-override.review a {
    line-height: 1rem;
    top: 0;
    bottom: 0;
  }
}
.sidebar-basic .special-super-override.review a::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f019";
  display: inline-block;
  padding-right: 0.5rem;
  color: #ef7d00;
}
.sidebar-basic .special-super-override.print::before {
  content: "\f02f";
}
.sidebar-basic .special-super-override.print a::after {
  content: "Drucken";
  display: inline;
}
.sidebar-basic .special-super-override.question::before {
  content: "\f128";
}
.sidebar-basic .special-super-override.question a::after {
  content: "Frage zu diesem Artikel";
  display: inline;
}
.sidebar-basic .special-super-override.lang-english.print a::after {
  content: "Print";
}
.sidebar-basic .special-super-override.lang-english.question a::after {
  content: "Question about the product";
}
.sidebar-basic .special-super-override img {
  display: none;
}
.sidebar-basic .benefits {
  padding-top: 0.5rem;
}
.sidebar-basic .benefits ul {
  list-style: none;
  font-size: 1rem;
  font-weight: bold;
  color: #ef7d00;
}
.sidebar-basic .benefits ul li {
  margin-bottom: 1em;
  padding-left: 1rem;
  position: relative;
  vertical-align: top;
}
.sidebar-basic .benefits ul li::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f058";
  text-align: left;
  margin-left: -2rem;
  width: 1.5rem;
  margin-right: 0.5rem;
  /*
  position: absolute;
  left: -2.5rem;
  top: 0.5rem;
  vertical-align: bottom;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1rem;
  text-align: center;
  display: inline-block;
  // left:0;
  */
  vertical-align: top;
}
.sidebar-basic .benefits ul small, .sidebar-basic .benefits ul span {
  font-weight: normal;
  font-size: 0.875rem;
}
.sidebar-basic .benefits ul span {
  display: block;
  font-size: 0.875rem;
  color: black;
}
.sidebar-basic .sidebar-section-benefits ~ .benefits {
  border-bottom: solid thin rgba(3, 0, 2, 0.22);
}
.sidebar-basic .sidebar-section-benefits ~ .benefits > a {
  float: right;
  max-width: 6rem;
}
.sidebar-basic .siegel span {
  display: inline-block;
  max-width: 48%;
  vertical-align: top;
}
.sidebar-basic .payment-methods, .sidebar-basic .shipping-methods {
  display: flex;
  flex-flow: row wrap;
}
.sidebar-basic .payment-methods > a, .sidebar-basic .shipping-methods > a {
  display: block;
  min-width: 0;
  flex: 0 0 30%;
  height: 4rem;
  line-height: 4rem;
}
.sidebar-basic .payment-methods > a img, .sidebar-basic .shipping-methods > a img {
  vertical-align: middle;
  display: inline;
}
.sidebar-basic .payment-methods.small > a, .sidebar-basic .shipping-methods.small > a {
  flex: 0 0 24%;
  height: 3rem;
  line-height: 2rem;
}
.sidebar-basic .zahlungsmethoden_wrapper_sidebar {
  vertical-align: middle;
  max-width: 33%;
  flex: 1 1 33%;
  min-width: 0;
  padding: 0.5rem;
}
.sidebar-basic .zahlungsmethoden_wrapper_sidebar img {
  max-width: 100%;
}
.sidebar-basic .ad_cross_selling_products_wrapper {
  display: flex;
  flex-flow: row wrap;
}
.sidebar-basic .ad_cross_selling_products_element_manufacturers,
.sidebar-basic .ad_cross_selling_products_element_last_manufacturers {
  flex: 0 0 33%;
}
.sidebar-basic .ad_cross_selling_products_element_manufacturers .ad_cross_selling_image,
.sidebar-basic .ad_cross_selling_products_element_last_manufacturers .ad_cross_selling_image {
  height: auto;
  border: solid thin rgba(3, 0, 2, 0.4);
}
.sidebar-basic .sidebar-artikel-statistik .header {
  display: block;
  font-size: 1rem;
}
.sidebar-basic .sidebar-artikel-statistik .header::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f201";
  padding-right: 0.25rem;
  color: #ef7d00;
  font-size: 1.25em;
  display: inline-block;
  width: 1.25em;
}
.sidebar-basic .sidebar-artikel-statistik .heading h3 {
  font-size: 0.9rem;
}
.sidebar-basic .sidebar-artikel-statistik input ~ .heading,
.sidebar-basic .sidebar-artikel-statistik input ~ .content {
  display: none;
}
.sidebar-basic .sidebar-artikel-statistik input:checked ~ .heading {
  display: block;
}
.sidebar-basic .sidebar-artikel-statistik input:checked ~ .content {
  display: table;
}
.sidebar-basic .sidebar-artikel-statistik .content {
  display: table;
  width: 100%;
}
.sidebar-basic .sidebar-artikel-statistik .content .ad_statistik_content_element_wrapper {
  display: table-row;
}
.sidebar-basic .sidebar-artikel-statistik .content .ad_statistik_content_element_left,
.sidebar-basic .sidebar-artikel-statistik .content .ad_statistik_content_element_right {
  display: table-cell;
  border-bottom: solid thin rgba(3, 0, 2, 0.4);
  padding: 0.2rem 0;
}
.sidebar-basic .sidebar-artikel-statistik .content .ad_statistik_content_element_right {
  text-align: right;
}
.sidebar-basic div.box_wrapper_left[itemprop=offers][itemscope][itemtype="http://schema.org/AggregateOffer"] {
  position: relative;
}
.sidebar-basic div.box_wrapper_left[itemprop=offers][itemscope][itemtype="http://schema.org/AggregateOffer"] img {
  display: block;
  margin-bottom: 1rem;
}
.sidebar-basic div.box_wrapper_left[itemprop=offers][itemscope][itemtype="http://schema.org/AggregateOffer"] img.group_image + img.products_sterne_liste {
  margin-top: -180px;
  margin-bottom: 180px;
}
.sidebar-basic div.box_wrapper_left[itemprop=offers][itemscope][itemtype="http://schema.org/AggregateOffer"] img.products_sterne_liste {
  margin-left: 0;
}
.sidebar-basic div.box_wrapper_left[itemprop=offers][itemscope][itemtype="http://schema.org/AggregateOffer"] div {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.sidebar-basic div.box_wrapper_left[itemprop=offers][itemscope][itemtype="http://schema.org/AggregateOffer"] div.display-contents {
  padding: 0;
  border: 0;
  margin: 0;
  display: contents;
}
@media screen and (max-width: 776px) {
  .sidebar-basic div.box_wrapper_left[itemprop=offers][itemscope][itemtype="http://schema.org/AggregateOffer"] div {
    border-top: solid thin rgba(3, 0, 2, 0.22);
  }
}

@media screen and (max-width: 776px) {
  .sidebar-section-optimieren,
  .sidebar-section-zahlen-fakten,
  .sidebar-section-ansprechpartner {
    border-bottom: solid thin rgba(3, 0, 2, 0.22);
  }
}
.sc_logoff_content_wrapper h2 {
  margin-top: 3rem;
}

.sc_logoff_button_container {
  display: flex;
}
.sc_logoff_button_container a {
  display: block;
}

@media screen and (min-width: 1026px) {
  .sc-logoff-social-container {
    display: flex;
  }
  .sc-logoff-social-container .sc_logoff_social_links,
  .sc-logoff-social-container .sc_logoff_social_button_band {
    max-width: 50%;
    align-self: flex-end;
    margin-right: 3rem;
  }
}
.sc_logoff_social_button_element {
  display: inline-block;
  color: rgba(3, 0, 2, 0.6);
}

.sc_logoff_print_order_button_wrapper {
  float: right;
}

.sc-wrap-buttons:before, .sc-wrap-buttons:after {
  content: "";
  display: table;
}
.sc-wrap-buttons:after {
  clear: both;
}

.sc-home-button,
.sc-next-button,
.sc-back-button {
  width: 12rem;
  text-align: center;
  padding: 0.75rem 2rem;
  cursor: pointer;
  display: block;
  margin: 1rem 0;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border: none;
  outline: none;
}
.sc-home-button:hover,
.sc-next-button:hover,
.sc-back-button:hover {
  color: rgba(255, 255, 255, 0.75);
}

.sc-back-button {
  background: rgba(3, 0, 2, 0.4);
  float: left;
}

.sc-home-button,
.sc-next-button {
  background-color: limegreen;
  float: right;
}

.sc-home-button {
  background-color: #ef7d00;
}
.sc-home-button::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f015";
  margin-right: 1ex;
}

form#checkout_confirmation .sc-wrap-buttons .sc-next-button {
  width: 18rem;
}
form#checkout_confirmation .sc-wrap-buttons .sc-next-button::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f555";
  padding-left: 1ex;
}

.sc_checkout_fortschritts_wrapper {
  display: flex;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 776px) {
  .sc_checkout_fortschritts_wrapper {
    margin: 0 -0.5rem;
    border-bottom: 1px solid rgba(3, 0, 2, 0.22);
  }
}
.sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element {
  flex: 1 1 auto;
  position: relative;
  padding: 1rem;
  text-align: center;
}
.sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element .sc_checkout_fortschritts_image {
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: block;
  object-fit: scale-down;
  margin: 0 auto;
}
.sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element .sc_checkout_fortschritts_image[src*=grau] {
  background: rgba(3, 0, 2, 0.22);
  color: white;
}
.sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element .sc_checkout_fortschritts_image[src*=orange] {
  background: #ef7d00;
  color: rgba(3, 0, 2, 0.4);
}
.sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element .sc_checkout_fortschritts_element_text_orange,
.sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element .sc_checkout_fortschritts_element_text_grau {
  padding: 0.5rem 0;
}
.sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element_counter_orange,
.sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element_counter_grau {
  display: none;
}

.sc_account_button_wrapper,
.sc_content_manager_button_wrapper,
.sc_shoping_cart_buttonset_top,
.sc_shoping_cart_buttonset_bottom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.sc_account_button_wrapper > *,
.sc_content_manager_button_wrapper > *,
.sc_shoping_cart_buttonset_top > *,
.sc_shoping_cart_buttonset_bottom > * {
  flex: 0 1 auto;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ef7d00;
  color: white;
  font-weight: 500;
  cursor: pointer;
}
.sc_account_button_wrapper > *:hover,
.sc_content_manager_button_wrapper > *:hover,
.sc_shoping_cart_buttonset_top > *:hover,
.sc_shoping_cart_buttonset_bottom > *:hover {
  color: rgba(255, 255, 255, 0.75);
}
.sc_account_button_wrapper > * a, .sc_account_button_wrapper > * button,
.sc_content_manager_button_wrapper > * a,
.sc_content_manager_button_wrapper > * button,
.sc_shoping_cart_buttonset_top > * a,
.sc_shoping_cart_buttonset_top > * button,
.sc_shoping_cart_buttonset_bottom > * a,
.sc_shoping_cart_buttonset_bottom > * button {
  padding: 0.75rem 2rem;
}
.sc_account_button_wrapper > * a *, .sc_account_button_wrapper > * button *,
.sc_content_manager_button_wrapper > * a *,
.sc_content_manager_button_wrapper > * button *,
.sc_shoping_cart_buttonset_top > * a *,
.sc_shoping_cart_buttonset_top > * button *,
.sc_shoping_cart_buttonset_bottom > * a *,
.sc_shoping_cart_buttonset_bottom > * button * {
  display: inline;
}
.sc_account_button_wrapper a:hover,
.sc_content_manager_button_wrapper a:hover,
.sc_shoping_cart_buttonset_top a:hover,
.sc_shoping_cart_buttonset_bottom a:hover {
  color: inherit;
}

@media screen and (max-width: 776px) {
  .sc_shoping_cart_buttonset_top {
    display: none;
  }
}

.sc_shoping_cart_button_wrapper_right {
  background-color: limegreen;
}
@media screen and (max-width: 776px) {
  .sc_shoping_cart_button_wrapper_right {
    width: 100%;
    margin-top: 1rem;
  }
}

.sc_shoping_cart_button_wrapper_right a::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0a9";
  color: white;
  padding-right: 0.5rem;
}

.sc_shoping_cart_button_wrapper_center {
  background-color: rgba(3, 0, 2, 0.4);
}
.sc_shoping_cart_button_wrapper_center button::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f021";
  color: white;
  padding-right: 0.5rem;
}

.sc_shoping_cart_button_wrapper_left {
  padding: 0;
}
.sc_shoping_cart_button_wrapper_left .sc_button_shopping_cart_zur_startseite::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f015";
  color: white;
  padding-right: 0.5rem;
}

.sc_button_shopping_cart_refresh {
  margin: -0.5rem;
  padding: 0.5rem;
  cursor: pointer;
  border: none;
  background: transparent;
  color: white;
}

.sc_button_zur_startseite_text {
  display: inline-block;
  padding: 0.5rem;
  background: #ef7d00;
  color: white;
}
.sc_button_zur_startseite_text::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f015";
  color: white;
  padding-right: 0.5rem;
}

.sc_shopping_cart_products_listing_header_wrapper {
  display: flex;
  border-top: 1px solid rgba(3, 0, 2, 0.4);
  border-bottom: 1px solid rgba(3, 0, 2, 0.4);
  font-weight: bold;
  color: #ef7d00;
  padding: 0.5rem;
  width: 100%;
}
.sc_shopping_cart_products_listing_header_wrapper > *:first-child {
  flex: 1 0 166px;
  flex: 1 0 calc(150px + 1rem);
}
.sc_shopping_cart_products_listing_header_wrapper > *:last-child {
  text-align: right;
  padding-right: 0.5rem;
}
.sc_shopping_cart_products_listing_header_wrapper > * {
  flex: 0 0 25%;
  flex: 0 0 calc((100% - 150px - 1rem) / 4);
}
@media screen and (max-width: 490px) {
  .sc_shopping_cart_products_listing_header_wrapper {
    display: none;
  }
}

.sc_shopping_cart_products_listing_sho_frachtfreigrenze_wrapper {
  font-weight: bold;
  color: #17479e;
  margin-top: 1rem;
}

@media screen and (min-width: 777px) {
  .disabled .sc_shopping_cart_products_listing_header_wrapper {
    display: table-header-group;
  }
}
@media screen and (max-width: 776px) {
  .disabled .sc_shopping_cart_products_listing_header_wrapper {
    display: none;
  }
}
.disabled .sc_shopping_cart_products_listing_header_wrapper > * {
  display: table-cell;
  padding: 0.5rem 1rem;
  border-top: 1px solid rgba(3, 0, 2, 0.4);
  border-bottom: 1px solid rgba(3, 0, 2, 0.4);
  font-weight: bold;
  color: #ef7d00;
}

@media screen and (min-width: 777px) {
  .disabled .sc_shopping_cart_products_listing_product_wrapper {
    display: table-row;
  }
  .disabled .sc_shopping_cart_products_listing_product_wrapper > * {
    border-bottom: 1px solid rgba(3, 0, 2, 0.22);
    display: table-cell;
    vertical-align: top;
  }
}
@media screen and (max-width: 776px) {
  .disabled .sc_shopping_cart_products_listing_product_wrapper {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(3, 0, 2, 0.22);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}

.sc_shopping_cart_products_listing_product_qty input {
  border: none;
}

.sc_shopping_cart_products_listing_product_qty_wrapper,
.sc_shopping_cart_products_listing_product_image_wrapper,
.sc_shopping_cart_products_listing_product_description_wrapper,
.sc_shopping_cart_products_listing_product_einzelpreis,
.sc_shopping_cart_products_listing_product_gesamtpreis,
.sc_shopping_cart_products_listing_product_delete {
  display: inline-block;
  height: auto;
  position: relative;
}
@media screen and (min-width: 777px) {
  .sc_shopping_cart_products_listing_product_qty_wrapper,
  .sc_shopping_cart_products_listing_product_image_wrapper,
  .sc_shopping_cart_products_listing_product_description_wrapper,
  .sc_shopping_cart_products_listing_product_einzelpreis,
  .sc_shopping_cart_products_listing_product_gesamtpreis,
  .sc_shopping_cart_products_listing_product_delete {
    padding: 1rem;
    display: table-cell;
    max-width: 10rem;
  }
}

.sc_shopping_cart_products_listing_header_art_loeschen,
.sc_shopping_cart_products_listing_product_delete {
  text-align: right;
}

.prouktbildInfo {
  min-width: 4rem;
  padding-top: 0;
}

@media screen and (max-width: 776px) {
  .sc_shopping_cart_products_listing_product_image_wrapper {
    flex: 1 1 20%;
  }
  .sc_shopping_cart_products_listing_product_description_wrapper {
    flex: 1 1 60%;
  }
  .sc_shopping_cart_products_listing_product_description_wrapper .sc_shopping_cart_products_listing_product_description {
    font-size: 1rem;
  }
  .sc_shopping_cart_products_listing_product_qty_wrapper {
    flex: 1 1 20%;
    text-align: right;
  }
  .prouktbildInfo {
    width: auto;
    height: auto;
    object-fit: scale-down;
  }
  .button-remove-item {
    display: inline-block;
    margin: 0 0 1rem;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
  }
  .button-remove-item::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f2ed";
    color: #ef7d00;
    font-size: 1.2rem;
  }
  .sc_shopping_cart_products_listing_product_qty input {
    padding: 1rem;
    font-size: 1rem;
    border: 1px solid rgba(3, 0, 2, 0.22);
  }
  .sc_shopping_cart_products_listing_product_einzelpreis {
    flex: 1 1 50%;
    padding-left: 20%;
  }
  .sc_shopping_cart_products_listing_product_gesamtpreis {
    flex: 1 1 50%;
    text-align: right;
    font-size: 1rem;
  }
  .price-text {
    color: #ef7d00;
    font-weight: 500;
  }
}
.sc_shopping_cart_products_listing_product_bestandsanzeige,
.sc_shopping_cart_products_listing_product_number {
  margin: 1rem 0;
  position: relative;
}

.sc_shopping_cart_products_listing_product_wishlist {
  margin: 1rem 0;
  border: 0;
}
.sc_shopping_cart_products_listing_product_wishlist > div {
  position: relative;
}
@media screen and (min-width: 777px) {
  .sc_shopping_cart_products_listing_product_wishlist > div {
    padding: 8rem 0 0 0;
  }
}
.sc_shopping_cart_products_listing_product_wishlist > div > a {
  text-align: right;
}
@media screen and (min-width: 777px) {
  .sc_shopping_cart_products_listing_product_wishlist > div > a {
    display: block;
    position: absolute;
    bottom: 2rem;
    right: 0;
    width: 13rem;
  }
}
.sc_shopping_cart_products_listing_product_wishlist .fas {
  color: #ef7d00;
}

.sc_shopping_cart_products_listing_total_wrapper {
  /*
  position: relative;
  width: 100%;
  height: 5rem;
  .sc_shopping_cart_products_listing_total_inner {
  	width: 100%;
  	@include clearfix;
  	.b2b-anfordern {
  		float: left;
  	}
  	.sc_shopping_cart_products_listing_total {
  		max-width: 50%;
  		font-weight: bold;
  		color: $brand-color;
  		margin: 0.5rem 0;
  		font-size: 1rem;
  		position: relative;
  	}
  	.sc_shopping_cart_products_listing_shipping_info {
  		color: limegreen;
  	}
  }
  */
}
.sc_shopping_cart_products_listing_total_wrapper .b2b-anfordern {
  display: block;
  float: left;
  text-align: left;
}
.sc_shopping_cart_products_listing_total_wrapper .b2b-anfordern .button {
  background: rgb(240, 238, 234);
  padding: 0.5rem;
  margin: 0.5rem;
  margin-left: 0;
  border-radius: 10px; /* Warenkorb, als Einkaufsliste speichern Button */
}
.sc_shopping_cart_products_listing_total_wrapper .b2b-anfordern .add-to-wishlist-button:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0a4";
  color: #fff;
  padding-right: 0.5rem;
}
.sc_shopping_cart_products_listing_total_wrapper .sc_shopping_cart_products_listing_total_inner {
  display: block;
  text-align: right;
}
.sc_shopping_cart_products_listing_total_wrapper .sc_shopping_cart_products_listing_total_inner:before, .sc_shopping_cart_products_listing_total_wrapper .sc_shopping_cart_products_listing_total_inner:after {
  content: "";
  display: table;
}
.sc_shopping_cart_products_listing_total_wrapper .sc_shopping_cart_products_listing_total_inner:after {
  clear: both;
}
.sc_shopping_cart_products_listing_total_wrapper .sc_shopping_cart_products_listing_total_inner .sc_shopping_cart_products_listing_total {
  color: #ef7d00;
  font-size: 1.5rem;
  font-weight: bold;
}
.sc_shopping_cart_products_listing_total_wrapper .sc_shopping_cart_products_listing_total_inner .warenkorb_hinweis_frachtfrei {
  font-weight: bold;
  color: limegreen;
}
.sc_shopping_cart_products_listing_total_wrapper .sc_shopping_cart_cashback_berechnung_wrapper {
  border-top: 1px solid rgba(3, 0, 2, 0.22);
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  display: block;
  clear: both;
  text-align: right;
}
.sc_shopping_cart_products_listing_total_wrapper .sc_shopping_cart_cashback_berechnung_wrapper .sc_shopping_cart_cashback_berechnung_anrechnungsfaehig {
  color: #ef7d00;
  font-weight: bold;
}
.sc_shopping_cart_products_listing_total_wrapper .sc_shoping_cart_buttonset_bottom {
  border-top: 1px solid rgba(3, 0, 2, 0.22);
  padding-top: 0.5rem;
}

.sc_shopping_cart_products_listing_product_qty_warning {
  color: red;
}

.icons-wrap {
  position: absolute;
  right: -50px;
  bottom: 1.5rem;
}
.icons-wrap > .express {
  border-radius: 50%;
  border: solid thin rgba(3, 0, 2, 0.22);
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}

.ad_crossselling_checkout {
  margin-top: 2rem;
}

.sc_login_wrapper {
  display: flex;
  flex-wrap: wrap;
}
.sc_login_wrapper .sc_login_content_wrapper {
  display: inline-block;
  flex: 1 1 50%;
  padding: 1rem;
}
.sc_login_wrapper .sc_login_element_heading {
  font-weight: bold;
  margin-bottom: 1rem;
}
@media screen and (max-width: 776px) {
  .sc_login_wrapper .sc_login_element_heading {
    font-size: 1rem;
    border-bottom: 1px solid rgba(3, 0, 2, 0.22);
    padding-bottom: 0.5rem;
  }
}
@media screen and (max-width: 776px) {
  .sc_login_wrapper .sc_login_content_wrapper {
    flex: 0 0 100%;
  }
}
.sc_login_wrapper .loginBox_text {
  font-size: 0.75rem;
  margin: 0 0.5rem 0.5rem;
}
@media screen and (max-width: 776px) {
  .sc_login_wrapper .loginBoxInputfeld {
    width: 100%;
  }
}
.sc_login_wrapper input {
  padding: 0.75rem;
  border: 1px solid rgba(3, 0, 2, 0.22);
  margin-bottom: 0.75rem;
  width: 80%;
  border-radius: 5px; /* Login Seite Eingabefelder */
}
.sc_login_wrapper .sc_login_button_wrapper button,
.sc_login_wrapper .sc_login_text_wrapper {
  background: #ef7d00;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
}
.sc_login_wrapper .sc_login_button_wrapper button:hover, .sc_login_wrapper .sc_login_button_wrapper button *:hover,
.sc_login_wrapper .sc_login_text_wrapper:hover,
.sc_login_wrapper .sc_login_text_wrapper *:hover {
  color: rgba(255, 255, 255, 0.75);
}
.sc_login_wrapper .sc_login_button_wrapper button *,
.sc_login_wrapper .sc_login_text_wrapper * {
  display: inline;
}
@media screen and (max-width: 776px) {
  .sc_login_wrapper .sc_login_button_wrapper button,
  .sc_login_wrapper .sc_login_text_wrapper {
    width: 100%;
  }
}

.sc_checkout_payment_element_heading,
.sc_checkout_shipping_element_heading {
  font-weight: bold;
  font-size: 1rem;
  margin: 1rem 0;
}

.sc_checkout_payment_element_heading {
  margin-top: 0; /*Bestellvorgang, Rechnungsadresse Box, Header*/
}

.sc_checkout_payment_content_wrapper .sc_checkout_payment_address_button,
.sc_checkout_payment_content_wrapper .sc_checkout_shipping_address_button,
.sc_checkout_shipping_content_wrapper .sc_checkout_payment_address_button,
.sc_checkout_shipping_content_wrapper .sc_checkout_shipping_address_button {
  background: rgba(3, 0, 2, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
}
.sc_checkout_payment_content_wrapper .sc_checkout_payment_address_button:hover, .sc_checkout_payment_content_wrapper .sc_checkout_payment_address_button *:hover,
.sc_checkout_payment_content_wrapper .sc_checkout_shipping_address_button:hover,
.sc_checkout_payment_content_wrapper .sc_checkout_shipping_address_button *:hover,
.sc_checkout_shipping_content_wrapper .sc_checkout_payment_address_button:hover,
.sc_checkout_shipping_content_wrapper .sc_checkout_payment_address_button *:hover,
.sc_checkout_shipping_content_wrapper .sc_checkout_shipping_address_button:hover,
.sc_checkout_shipping_content_wrapper .sc_checkout_shipping_address_button *:hover {
  color: rgba(255, 255, 255, 0.75);
}
.sc_checkout_payment_content_wrapper .sc_checkout_payment_address_button *,
.sc_checkout_payment_content_wrapper .sc_checkout_shipping_address_button *,
.sc_checkout_shipping_content_wrapper .sc_checkout_payment_address_button *,
.sc_checkout_shipping_content_wrapper .sc_checkout_shipping_address_button * {
  display: inline;
}
@media screen and (max-width: 776px) {
  .sc_checkout_payment_content_wrapper .sc_checkout_payment_address_button,
  .sc_checkout_payment_content_wrapper .sc_checkout_shipping_address_button,
  .sc_checkout_shipping_content_wrapper .sc_checkout_payment_address_button,
  .sc_checkout_shipping_content_wrapper .sc_checkout_shipping_address_button {
    width: 100%;
  }
}

.sc_paymentblock_method_wrapper,
.sc_shipingblock_method_wrapper,
.sc_checkout_shipping_neutralversand_inner_wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0.5rem; /*Bestellvorgang, Versandart Preise einruecken*/
}
.sc_paymentblock_method_wrapper .sc_paymentblock_select,
.sc_shipingblock_method_wrapper .sc_paymentblock_select,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_paymentblock_select {
  flex: 1 0 10rem;
}
.sc_paymentblock_method_wrapper .sc_paymentblock_name,
.sc_shipingblock_method_wrapper .sc_paymentblock_name,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_paymentblock_name {
  font-weight: bold;
}
.sc_paymentblock_method_wrapper .sc_shippingblock_name,
.sc_paymentblock_method_wrapper .sc_checkout_shipping_neutralversand_title_text,
.sc_shipingblock_method_wrapper .sc_shippingblock_name,
.sc_shipingblock_method_wrapper .sc_checkout_shipping_neutralversand_title_text,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_shippingblock_name,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_checkout_shipping_neutralversand_title_text {
  flex: 3 1 50%;
}
.sc_paymentblock_method_wrapper .sc_paymentblock_description,
.sc_paymentblock_method_wrapper .sc_shippingblock_description,
.sc_shipingblock_method_wrapper .sc_paymentblock_description,
.sc_shipingblock_method_wrapper .sc_shippingblock_description,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_paymentblock_description,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_shippingblock_description {
  flex: 3 1 30%;
  min-width: 0;
}
.sc_paymentblock_method_wrapper .sc_paymentblock_image,
.sc_paymentblock_method_wrapper .sc_shippingblock_price,
.sc_paymentblock_method_wrapper .sc_checkout_shipping_neutralversand_price,
.sc_shipingblock_method_wrapper .sc_paymentblock_image,
.sc_shipingblock_method_wrapper .sc_shippingblock_price,
.sc_shipingblock_method_wrapper .sc_checkout_shipping_neutralversand_price,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_paymentblock_image,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_shippingblock_price,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_checkout_shipping_neutralversand_price {
  flex: 0 0 5rem;
  text-align: right;
}
.sc_paymentblock_method_wrapper .sc_checkout_shipping_neutralversand_price,
.sc_paymentblock_method_wrapper .sc_shippingblock_price,
.sc_shipingblock_method_wrapper .sc_checkout_shipping_neutralversand_price,
.sc_shipingblock_method_wrapper .sc_shippingblock_price,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_checkout_shipping_neutralversand_price,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_shippingblock_price {
  color: #ef7d00;
  font-weight: bold;
}
.sc_paymentblock_method_wrapper .sc_shippingblock_dpd_express_hint,
.sc_shipingblock_method_wrapper .sc_shippingblock_dpd_express_hint,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_shippingblock_dpd_express_hint {
  color: limegreen;
  font-weight: 500;
}
.sc_paymentblock_method_wrapper .sc_checkout_shipping_neutralversand_checkbox,
.sc_paymentblock_method_wrapper .sc_shippingblock_select,
.sc_shipingblock_method_wrapper .sc_checkout_shipping_neutralversand_checkbox,
.sc_shipingblock_method_wrapper .sc_shippingblock_select,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_checkout_shipping_neutralversand_checkbox,
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_shippingblock_select {
  flex: 1 1 10%;
  display: block;
  font-weight: bold;
}
.sc_paymentblock_method_wrapper .sc_checkout_shipping_neutralversand_checkbox input[type=radio],
.sc_paymentblock_method_wrapper .sc_shippingblock_select input[type=radio],
.sc_shipingblock_method_wrapper .sc_checkout_shipping_neutralversand_checkbox input[type=radio],
.sc_shipingblock_method_wrapper .sc_shippingblock_select input[type=radio],
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_checkout_shipping_neutralversand_checkbox input[type=radio],
.sc_checkout_shipping_neutralversand_inner_wrapper .sc_shippingblock_select input[type=radio] {
  border-radius: 10%;
}
.sc_checkout_shipping_neutralversand_inner_wrapper {
  border-top-right-radius: 10px; /*Checkout, Teillieferung Box, oben*/
  border-top-left-radius: 10px;
}

.sc_checkout_shipping_neutralversand_description {
  padding-left: 1.6rem; /*Checkout, Teillieferung Box, unten, Text buendig machen*/
  padding-right: 5rem;
  padding-bottom: 0.5rem;
}
.sc_checkout_shipping_neutralversand_description ul {
  margin-top: 0;
}

.sc_checkout_shipping_type_wrapper,
.sc_checkout_shipping_neutralversand_wrapper {
  border-bottom: 1px solid rgba(3, 0, 2, 0.22);
  padding-bottom: 1rem; /*Bestellvorgang, Versand Box, Abstand zur 2. Linie*/
}
#checkout_address .sc_checkout_shipping_type_wrapper.no-border-bottom, .sc_checkout_shipping_type_wrapper:last-child,
#checkout_address .sc_checkout_shipping_neutralversand_wrapper.no-border-bottom,
.sc_checkout_shipping_neutralversand_wrapper:last-child {
  border-bottom: 0;
}

.sc_checkout_payment_content_wrapper_textboxes .sc_checkout_payment_element_heading {
  font-weight: bold;
  font-size: 1rem;
  margin: 1rem 0;
}
.sc_checkout_payment_content_wrapper_textboxes textarea {
  display: block;
  width: 100%;
  border-radius: 5px; /*Bestellvorgang, Anmerkungen zur Bestellung*/
}
@media screen and (min-width: 777px) {
  .sc_checkout_payment_content_wrapper_textboxes > div {
    display: flex;
    flex-flow: row wrap;
  }
  .sc_checkout_payment_content_wrapper_textboxes > div > div {
    flex: 0 1 50%;
    padding: 0;
  }
  .sc_checkout_payment_content_wrapper_textboxes > div > div:nth-child(2n) {
    padding-left: 1rem;
  }
  .sc_checkout_payment_content_wrapper_textboxes > div > div:nth-child(2n+1) {
    padding-right: 1rem;
  }
  .sc_checkout_payment_content_wrapper_textboxes > div textarea.sc_checkout_payment_fernabsatzbox {
    height: 36px;
  }
  .sc_checkout_payment_content_wrapper_textboxes > div textarea.sc_checkout_payment_commentsbox {
    height: 69px;
  }
  .sc_checkout_payment_content_wrapper_textboxes > div a.button-huss {
    width: auto;
    margin: 0;
    border: 0;
    padding: 10px;
    border-radius: 5px; /*Bestellvorgang, AGB Button*/
  }
}

.sc_checkout_payment_haendlerhinweis_heading {
  margin: 1rem 0;
  font-weight: bold;
  font-size: 1rem;
}

.sc_checkout_confirmation_content_wrapper,
.sc_checkout_confirmation_button_wrapper_buy_now {
  padding: 0 1rem;
}

.sc_checkout_confirmation_content_wrapper {
  display: table;
  width: 100%;
  background: rgb(240, 238, 234);
  border-radius: 10px; /*Bestellvorgang, letzter Schritt, graue Box*/
  padding: 1rem;
}
.sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_element_heading {
  display: table-header-group;
}
.sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_heading_shipping_address,
.sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_heading_billing_address {
  display: table-cell;
  padding: 0.5rem 0;
  font-weight: bold;
}
.sc_checkout_confirmation_content_wrapper .sc_checkout_method_wrapper,
.sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_shipping_address,
.sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_billing_address {
  display: table-cell;
  display: block;
}
@media screen and (max-width: 1025px) {
  .sc_checkout_confirmation_content_wrapper .sc_checkout_method_wrapper,
  .sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_shipping_address,
  .sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_billing_address {
    display: block;
  }
}
.sc_checkout_confirmation_content_wrapper .sc_checkout_method_wrapper {
  margin-bottom: 0.5rem; /*Bestellvorgang, letzter Schritt, graue Box, Abstand*/
}
.sc_checkout_confirmation_content_wrapper :nth-child(3) {
  border-top: 0; /*Bestellvorgang, letzter Schritt, graue Box, obere Linie entfernen*/
}
@media screen and (min-width: 1026px) {
  .sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_billing_address {
    float: left;
    padding-top: 0.5rem;
    margin-right: 5rem;
  }
}
.sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_button_aendern {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
  background: rgba(3, 0, 2, 0.4);
}
.sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_button_aendern:hover, .sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_button_aendern *:hover {
  color: rgba(255, 255, 255, 0.75);
}
.sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_button_aendern * {
  display: inline;
}
@media screen and (max-width: 776px) {
  .sc_checkout_confirmation_content_wrapper .sc_checkout_confirmation_button_aendern {
    width: 100%;
  }
}
.sc_checkout_confirmation_content_wrapper .sc_checkout_row {
  display: table-row;
}
.sc_checkout_confirmation_content_wrapper .sc_checkout_row .sc_checkout_confirmation_element_heading {
  display: block;
  padding: 0.5rem 0;
  font-weight: bold;
}

.button_checkout_confiramation_buy_now {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
  background-color: limegreen;
}
.button_checkout_confiramation_buy_now:hover, .button_checkout_confiramation_buy_now *:hover {
  color: rgba(255, 255, 255, 0.75);
}
.button_checkout_confiramation_buy_now * {
  display: inline;
}
@media screen and (max-width: 776px) {
  .button_checkout_confiramation_buy_now {
    width: 100%;
  }
}

/*
.sc_create_account_content_wrapper {
	padding: 0 1rem;

	input[type=text],
	input[type=password],
	select {
		// display: inline-block;
		@include mobile {
			width: 100%;
		}
		@include desktop {
			min-width: 250px;
		}
		position: relative;
	}
}
*/
.sc_account_content_wrapper .sc_create_account_element_heading,
.sc_popup_content_wrapper .sc_create_account_element_heading,
.sc_checkout_shipping_content_wrapper .sc_create_account_element_heading,
.sc_create_account_content_wrapper .sc_create_account_element_heading {
  font-size: 1rem;
  margin-top: 1rem;
  clear: left;
  color: #ef7d00;
}
.sc_account_content_wrapper .sc_create_account_element_heading:not(:first-of-type)::before,
.sc_popup_content_wrapper .sc_create_account_element_heading:not(:first-of-type)::before,
.sc_checkout_shipping_content_wrapper .sc_create_account_element_heading:not(:first-of-type)::before,
.sc_create_account_content_wrapper .sc_create_account_element_heading:not(:first-of-type)::before {
  content: "";
  display: block;
  clear: both;
  border-top: solid thin rgba(3, 0, 2, 0.22);
  padding-bottom: 1rem;
  margin-top: 1rem;
}
.sc_account_content_wrapper .radiofieldRegistration,
.sc_popup_content_wrapper .radiofieldRegistration,
.sc_checkout_shipping_content_wrapper .radiofieldRegistration,
.sc_create_account_content_wrapper .radiofieldRegistration {
  margin-right: 0.5rem;
}
.sc_account_content_wrapper .sc_formularfeld_element_file_upload,
.sc_account_content_wrapper .sc_formularfeld_element,
.sc_account_content_wrapper .sc_formularfeld_description,
.sc_popup_content_wrapper .sc_formularfeld_element_file_upload,
.sc_popup_content_wrapper .sc_formularfeld_element,
.sc_popup_content_wrapper .sc_formularfeld_description,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element_file_upload,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_description,
.sc_create_account_content_wrapper .sc_formularfeld_element_file_upload,
.sc_create_account_content_wrapper .sc_formularfeld_element,
.sc_create_account_content_wrapper .sc_formularfeld_description {
  margin-top: 0.5rem;
}
.sc_account_content_wrapper .sc_popup_formularfeld_description,
.sc_account_content_wrapper .sc_formularfeld_description,
.sc_popup_content_wrapper .sc_popup_formularfeld_description,
.sc_popup_content_wrapper .sc_formularfeld_description,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_description,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_description,
.sc_create_account_content_wrapper .sc_popup_formularfeld_description,
.sc_create_account_content_wrapper .sc_formularfeld_description {
  font-size: 0.875rem;
  display: block;
  float: left;
  clear: left;
  text-align: right;
  padding-right: 1rem;
  padding-top: 0.25rem;
  width: 200px;
}
.sc_account_content_wrapper .sc_popup_formularfeld_description.formularhinweis,
.sc_account_content_wrapper .sc_formularfeld_description.formularhinweis,
.sc_popup_content_wrapper .sc_popup_formularfeld_description.formularhinweis,
.sc_popup_content_wrapper .sc_formularfeld_description.formularhinweis,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_description.formularhinweis,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_description.formularhinweis,
.sc_create_account_content_wrapper .sc_popup_formularfeld_description.formularhinweis,
.sc_create_account_content_wrapper .sc_formularfeld_description.formularhinweis {
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 459px) {
  .sc_account_content_wrapper .sc_popup_formularfeld_description,
  .sc_account_content_wrapper .sc_formularfeld_description,
  .sc_popup_content_wrapper .sc_popup_formularfeld_description,
  .sc_popup_content_wrapper .sc_formularfeld_description,
  .sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_description,
  .sc_checkout_shipping_content_wrapper .sc_formularfeld_description,
  .sc_create_account_content_wrapper .sc_popup_formularfeld_description,
  .sc_create_account_content_wrapper .sc_formularfeld_description {
    width: 100%;
    text-align: left;
  }
}
.sc_account_content_wrapper .sc_popup_formularfeld_element,
.sc_account_content_wrapper .sc_formularfeld_element,
.sc_popup_content_wrapper .sc_popup_formularfeld_element,
.sc_popup_content_wrapper .sc_formularfeld_element,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element,
.sc_create_account_content_wrapper .sc_formularfeld_element {
  min-height: 1.5rem;
  display: block;
  float: left;
  width: calc(100% - 200px);
  position: relative;
}
@media screen and (max-width: 459px) {
  .sc_account_content_wrapper .sc_popup_formularfeld_element,
  .sc_account_content_wrapper .sc_formularfeld_element,
  .sc_popup_content_wrapper .sc_popup_formularfeld_element,
  .sc_popup_content_wrapper .sc_formularfeld_element,
  .sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element,
  .sc_checkout_shipping_content_wrapper .sc_formularfeld_element,
  .sc_create_account_content_wrapper .sc_popup_formularfeld_element,
  .sc_create_account_content_wrapper .sc_formularfeld_element {
    width: 100%;
    margin-top: 0;
  }
}
.sc_account_content_wrapper .sc_popup_formularfeld_element > input,
.sc_account_content_wrapper .sc_formularfeld_element > input,
.sc_popup_content_wrapper .sc_popup_formularfeld_element > input,
.sc_popup_content_wrapper .sc_formularfeld_element > input,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element > input,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element > input,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element > input,
.sc_create_account_content_wrapper .sc_formularfeld_element > input {
  display: inline-block;
  position: absolute;
}
.sc_account_content_wrapper .sc_popup_formularfeld_element .inputRequirement,
.sc_account_content_wrapper .sc_formularfeld_element .inputRequirement,
.sc_popup_content_wrapper .sc_popup_formularfeld_element .inputRequirement,
.sc_popup_content_wrapper .sc_formularfeld_element .inputRequirement,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element .inputRequirement,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element .inputRequirement,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element .inputRequirement,
.sc_create_account_content_wrapper .sc_formularfeld_element .inputRequirement {
  color: red;
  width: 1rem;
  line-height: 1.5rem;
  vertical-align: middle;
  background: transparent;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  border: solid thin transparent;
  height: 100%;
  border-left: 0;
}
.sc_account_content_wrapper .sc_popup_formularfeld_element select + .inputRequirement,
.sc_account_content_wrapper .sc_formularfeld_element select + .inputRequirement,
.sc_popup_content_wrapper .sc_popup_formularfeld_element select + .inputRequirement,
.sc_popup_content_wrapper .sc_formularfeld_element select + .inputRequirement,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element select + .inputRequirement,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element select + .inputRequirement,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element select + .inputRequirement,
.sc_create_account_content_wrapper .sc_formularfeld_element select + .inputRequirement {
  right: 1rem;
  border-right: 0;
}
.sc_account_content_wrapper .sc_popup_formularfeld_element .inputfeldPopup,
.sc_account_content_wrapper .sc_popup_formularfeld_element .inputfeldRegistrierung,
.sc_account_content_wrapper .sc_formularfeld_element .inputfeldPopup,
.sc_account_content_wrapper .sc_formularfeld_element .inputfeldRegistrierung,
.sc_popup_content_wrapper .sc_popup_formularfeld_element .inputfeldPopup,
.sc_popup_content_wrapper .sc_popup_formularfeld_element .inputfeldRegistrierung,
.sc_popup_content_wrapper .sc_formularfeld_element .inputfeldPopup,
.sc_popup_content_wrapper .sc_formularfeld_element .inputfeldRegistrierung,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element .inputfeldPopup,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element .inputfeldRegistrierung,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element .inputfeldPopup,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element .inputfeldRegistrierung,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element .inputfeldPopup,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element .inputfeldRegistrierung,
.sc_create_account_content_wrapper .sc_formularfeld_element .inputfeldPopup,
.sc_create_account_content_wrapper .sc_formularfeld_element .inputfeldRegistrierung {
  width: 100%;
  display: block;
}
.sc_account_content_wrapper .sc_popup_formularfeld_element input, .sc_account_content_wrapper .sc_popup_formularfeld_element select,
.sc_account_content_wrapper .sc_formularfeld_element input,
.sc_account_content_wrapper .sc_formularfeld_element select,
.sc_popup_content_wrapper .sc_popup_formularfeld_element input,
.sc_popup_content_wrapper .sc_popup_formularfeld_element select,
.sc_popup_content_wrapper .sc_formularfeld_element input,
.sc_popup_content_wrapper .sc_formularfeld_element select,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element input,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element select,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element input,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element select,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element input,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element select,
.sc_create_account_content_wrapper .sc_formularfeld_element input,
.sc_create_account_content_wrapper .sc_formularfeld_element select {
  height: 1.5rem;
  width: 100%;
  border-radius: 5px; /*Bestellvorgang, Adresse aendern, Eingabefelder*/
}
.sc_account_content_wrapper .sc_popup_formularfeld_element select,
.sc_account_content_wrapper .sc_formularfeld_element select,
.sc_popup_content_wrapper .sc_popup_formularfeld_element select,
.sc_popup_content_wrapper .sc_formularfeld_element select,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element select,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element select,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element select,
.sc_create_account_content_wrapper .sc_formularfeld_element select {
  height: 1.5rem;
}
.sc_account_content_wrapper .sc_popup_formularfeld_element textarea,
.sc_account_content_wrapper .sc_formularfeld_element textarea,
.sc_popup_content_wrapper .sc_popup_formularfeld_element textarea,
.sc_popup_content_wrapper .sc_formularfeld_element textarea,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element textarea,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element textarea,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element textarea,
.sc_create_account_content_wrapper .sc_formularfeld_element textarea {
  width: 100%;
}
.sc_account_content_wrapper .sc_popup_formularfeld_element label,
.sc_account_content_wrapper .sc_formularfeld_element label,
.sc_popup_content_wrapper .sc_popup_formularfeld_element label,
.sc_popup_content_wrapper .sc_formularfeld_element label,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element label,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element label,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element label,
.sc_create_account_content_wrapper .sc_formularfeld_element label {
  width: 100%;
  display: block;
  line-height: 1.5rem;
}
.sc_account_content_wrapper .sc_popup_formularfeld_element label input,
.sc_account_content_wrapper .sc_formularfeld_element label input,
.sc_popup_content_wrapper .sc_popup_formularfeld_element label input,
.sc_popup_content_wrapper .sc_formularfeld_element label input,
.sc_checkout_shipping_content_wrapper .sc_popup_formularfeld_element label input,
.sc_checkout_shipping_content_wrapper .sc_formularfeld_element label input,
.sc_create_account_content_wrapper .sc_popup_formularfeld_element label input,
.sc_create_account_content_wrapper .sc_formularfeld_element label input {
  width: auto;
  height: auto;
}
.sc_account_content_wrapper .sc_create_account_element_heading,
.sc_popup_content_wrapper .sc_create_account_element_heading,
.sc_checkout_shipping_content_wrapper .sc_create_account_element_heading,
.sc_create_account_content_wrapper .sc_create_account_element_heading {
  padding-top: 1rem;
  font-weight: bold;
  border-top: 0;
}
.sc_account_content_wrapper .sc_create_account_button_wrapper,
.sc_popup_content_wrapper .sc_create_account_button_wrapper,
.sc_checkout_shipping_content_wrapper .sc_create_account_button_wrapper,
.sc_create_account_content_wrapper .sc_create_account_button_wrapper {
  clear: left;
  padding-top: 1rem;
  float: right;
}
@media screen and (max-width: 776px) {
  .sc_account_content_wrapper .sc_create_account_button_wrapper,
  .sc_popup_content_wrapper .sc_create_account_button_wrapper,
  .sc_checkout_shipping_content_wrapper .sc_create_account_button_wrapper,
  .sc_create_account_content_wrapper .sc_create_account_button_wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 777px) {
  .sc_account_content_wrapper .sc_create_account_button_wrapper button,
  .sc_popup_content_wrapper .sc_create_account_button_wrapper button,
  .sc_checkout_shipping_content_wrapper .sc_create_account_button_wrapper button,
  .sc_create_account_content_wrapper .sc_create_account_button_wrapper button {
    width: auto;
  }
}
.sc_account_content_wrapper .float_left, .sc_account_content_wrapper .float-right,
.sc_popup_content_wrapper .float_left,
.sc_popup_content_wrapper .float-right,
.sc_checkout_shipping_content_wrapper .float_left,
.sc_checkout_shipping_content_wrapper .float-right,
.sc_create_account_content_wrapper .float_left,
.sc_create_account_content_wrapper .float-right {
  font-size: 1rem;
}

.wishlist .sc_account_content_text_container .float_left:first-child {
  padding: 0.25rem 0; /*Meine Einkaufslisten, "Einkaufslisten Name", mittig machen neben Eingabefeld*/
}

.sc_checkout_payment_agb_check_wrapper {
  background: rgb(240, 238, 234);
  padding: 0.5rem;
  position: relative;
}
.sc_checkout_payment_agb_check_wrapper label {
  position: absolute;
  width: 2rem;
  margin-top: 0.5rem; /*Bestellvorgang, Akzeptieren Box, dass alles mittig ist*/
}
.sc_checkout_payment_agb_check_wrapper label input {
  display: none;
}
.sc_checkout_payment_agb_check_wrapper label input + span::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0c8";
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 2rem;
  font-weight: 400;
}
.sc_checkout_payment_agb_check_wrapper label input:checked + span::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f14a";
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 2rem;
  color: #ef7d00;
  font-weight: 400;
}
.sc_checkout_payment_agb_check_wrapper .float_left {
  float: none;
  display: block;
  margin: 0.5rem 0 0.5rem 2rem; /*Bestellvorgang, Akzeptieren Box, dass alles mittig ist*/
}

.sc_account_content_wrapper .sc_checkout_confirmation_products_block .mainright,
.sc_account_content_wrapper .sc_checkout_confirmation_total_block .mainright,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_products_block .mainright,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_total_block .mainright {
  padding: 0 0.5rem 0.25rem 0.5rem;
}
.sc_account_content_wrapper .sc_checkout_confirmation_products_block .main,
.sc_account_content_wrapper .sc_checkout_confirmation_total_block .main,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_products_block .main,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_total_block .main {
  padding: 0 0 1rem;
}
@media screen and (min-width: 777px) {
  .sc_account_content_wrapper .sc_checkout_confirmation_button_aendern,
  .sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_button_aendern {
    display: inline-block;
  }
}
.sc_account_content_wrapper .sc_checkout_shipping_address_button_text,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_shipping_address_button_text {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0.75rem 2rem;
  width: 12rem;
  background-color: rgba(3, 0, 2, 0.4);
}
.sc_account_content_wrapper .sc_checkout_shipping_address_button_text:hover, .sc_account_content_wrapper .sc_checkout_shipping_address_button_text *:hover,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_shipping_address_button_text:hover,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_shipping_address_button_text *:hover {
  color: rgba(255, 255, 255, 0.75);
}
.sc_account_content_wrapper .sc_checkout_shipping_address_button_text *,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_shipping_address_button_text * {
  display: inline;
}
@media screen and (max-width: 776px) {
  .sc_account_content_wrapper .sc_checkout_shipping_address_button_text,
  .sc_checkout_confirmation_products_block_wrapper .sc_checkout_shipping_address_button_text {
    width: 100%;
  }
}
.sc_account_content_wrapper .sc_checkout_confirmation_products_block .table-products,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_products_block .table-products {
  display: flex;
  flex-flow: column nowrap;
}
.sc_account_content_wrapper .sc_checkout_confirmation_products_block .table-products .row,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_products_block .table-products .row {
  flex: 1 1 auto;
  border-bottom: solid thin rgba(3, 0, 2, 0.22);
  padding: 0.5rem 0;
}
.sc_account_content_wrapper .sc_checkout_confirmation_products_block .table-products .row .quantity,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_products_block .table-products .row .quantity {
  float: left;
  text-align: right;
}
.sc_account_content_wrapper .sc_checkout_confirmation_products_block .table-products .row .name,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_products_block .table-products .row .name {
  margin-left: 3rem;
}
.sc_account_content_wrapper .sc_checkout_confirmation_products_block .table-products .row .price,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_products_block .table-products .row .price {
  display: block;
  clear: left;
  text-align: right;
}
.sc_account_content_wrapper .sc_checkout_confirmation_products_block .table-products .row .image,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_products_block .table-products .row .image {
  max-width: 6rem;
  float: left;
  display: block;
  margin-right: 1rem;
}
.sc_account_content_wrapper .sc_checkout_confirmation_products_block .table-products .row .image img,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_products_block .table-products .row .image img {
  max-width: 6rem;
}
.sc_account_content_wrapper .sc_checkout_confirmation_total_block,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_total_block {
  margin: 1.5rem 0; /*Bestellvorgang, letzter Schritt, Summen*/
}
.sc_account_content_wrapper .sc_checkout_confirmation_total_block td.mainright,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_total_block td.mainright {
  width: 8rem;
  vertical-align: bottom;
}
.sc_account_content_wrapper .sc_checkout_confirmation_total_block td.main, .sc_account_content_wrapper .sc_checkout_confirmation_total_block td.mainright,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_total_block td.main,
.sc_checkout_confirmation_products_block_wrapper .sc_checkout_confirmation_total_block td.mainright {
  padding: 4px 0 0.5rem 0;
}

.sc_checkout_payment_comments_wrapper .sc_checkout_payment_inputfeldOrderReferenz {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  border-radius: 5px; /*Bestellvorgang, Referenz Textfeld*/
}

@media screen and (max-width: 776px) {
  .shopping-cart h1.sc_content_header {
    display: none;
  }
  .sc_checkout_fortschritts_wrapper {
    width: 100%;
  }
  .sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element {
    display: none;
    flex: 0 0 33%;
    padding: 1rem 0;
  }
  .sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element.prev {
    display: block;
  }
  .sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element.prev:not(:empty)::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f104";
    position: absolute;
    right: 0;
    font-size: 24px;
    line-height: 24px;
    top: 40px;
    vertical-align: top;
    color: rgba(3, 0, 2, 0.22);
  }
  .sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element.current {
    display: block;
  }
  .sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element .sc_checkout_fortschritts_element_text_grau,
  .sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element .sc_checkout_fortschritts_element_text_orange {
    font-size: 14px;
  }
  .sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element.next {
    display: block;
  }
  .sc_checkout_fortschritts_wrapper .sc_checkout_fortschritts_element.next:not(:empty)::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    left: 0;
    font-size: 24px;
    line-height: 24px;
    top: 40px;
    vertical-align: top;
    color: rgba(3, 0, 2, 0.22);
  }
  .sc_checkout_shipping_neutralversand_inner_wrapper .sc_checkout_shipping_neutralversand_checkbox {
    padding-left: 3rem;
    position: relative;
  }
  .sc_checkout_shipping_neutralversand_inner_wrapper .sc_checkout_shipping_neutralversand_checkbox input {
    display: none;
  }
  .sc_checkout_shipping_neutralversand_inner_wrapper .sc_checkout_shipping_neutralversand_checkbox input + span::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f0c8";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    font-weight: 400;
    font-size: 2rem;
  }
  .sc_checkout_shipping_neutralversand_inner_wrapper .sc_checkout_shipping_neutralversand_checkbox input:checked + span::before {
    font-size: 2rem;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f14a";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    color: #ef7d00;
    font-weight: 400;
  }
  .sc_checkout_shipping_neutralversand_inner_wrapper .sc_checkout_shipping_neutralversand_checkbox input:disabled + span::after, .sc_checkout_shipping_neutralversand_inner_wrapper .sc_checkout_shipping_neutralversand_checkbox input:disabled + span::before {
    color: rgba(3, 0, 2, 0.4);
  }
  .sc_checkout_shipping_neutralversand_description ul {
    margin-top: 0;
    padding-left: 0;
  }
  .sc_shoping_cart_buttonset_bottom .sc_shoping_cart_button_wrapper_left,
  .sc_shoping_cart_buttonset_bottom .sc_shoping_cart_button_wrapper_center {
    flex: 0 1 48%;
  }
  .sc_shoping_cart_buttonset_bottom .sc_shoping_cart_button_wrapper_left a,
  .sc_shoping_cart_buttonset_bottom .sc_shoping_cart_button_wrapper_center a {
    padding: 0.5rem 0.5rem;
  }
  .sc_shoping_cart_buttonset_bottom .sc_shoping_cart_button_wrapper_right {
    flex: 1 1 100%;
    padding: 0;
  }
  .sc_shoping_cart_buttonset_bottom .sc_shoping_cart_button_wrapper_right a {
    padding: 0.5rem 0.5rem;
    width: 100%;
  }
}
@media screen and (max-width: 776px) {
  .sc_shopping_cart_products_listing_product_wrapper .sc_shopping_cart_products_listing_product_image_wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .sc_shopping_cart_products_listing_product_wrapper .sc_shopping_cart_products_listing_product_image_wrapper .hinweis {
    position: static;
    font-size: 10px;
  }
  .sc_shopping_cart_products_listing_product_wrapper .sc_shopping_cart_products_listing_product_bestandsanzeige,
  .sc_shopping_cart_products_listing_product_wrapper .sc_shopping_cart_products_listing_product_number {
    font-size: 0.75rem;
  }
  .sc_shopping_cart_products_listing_product_wrapper .sc_shopping_cart_products_listing_product_einzelpreis {
    flex: 1 1 60%;
  }
  .sc_shopping_cart_products_listing_product_wrapper .sc_shopping_cart_products_listing_product_gesamtpreis {
    flex: 1 1 30%;
  }
  .sc_shopping_cart_products_listing_product_wrapper .sc_shopping_cart_products_listing_product_wishlist {
    flex: 1 1 100%;
    min-width: 0;
    padding-left: 20%;
    position: static;
    margin: 0.5rem 0 0 0;
  }
  .sc_shopping_cart_products_listing_product_wrapper .sc_shopping_cart_products_listing_product_wishlist a {
    position: static;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
  }
  .sc_shopping_cart_products_listing_product_wrapper .icons-wrap {
    top: inherit;
    right: auto;
    bottom: 16px;
    left: -64px;
    transform: none;
  }
}
@media screen and (max-width: 1025px) {
  .sc_checkout_shipping_type_wrapper table input {
    font-size: 2em;
  }
  .sc_paymentblock_method_wrapper,
  .sc_shipingblock_method_wrapper {
    display: flex;
    flex-flow: row wrap;
  }
  .sc_paymentblock_method_wrapper .sc_paymentblock_select,
  .sc_paymentblock_method_wrapper .sc_shippingblock_select,
  .sc_shipingblock_method_wrapper .sc_paymentblock_select,
  .sc_shipingblock_method_wrapper .sc_shippingblock_select {
    width: 100%;
    flex: 1 1 auto;
    padding-left: 3rem;
    position: relative;
  }
  .sc_paymentblock_method_wrapper .sc_paymentblock_select input,
  .sc_paymentblock_method_wrapper .sc_shippingblock_select input,
  .sc_shipingblock_method_wrapper .sc_paymentblock_select input,
  .sc_shipingblock_method_wrapper .sc_shippingblock_select input {
    display: none;
  }
  .sc_paymentblock_method_wrapper .sc_paymentblock_select input + span,
  .sc_paymentblock_method_wrapper .sc_shippingblock_select input + span,
  .sc_shipingblock_method_wrapper .sc_paymentblock_select input + span,
  .sc_shipingblock_method_wrapper .sc_shippingblock_select input + span {
    font-size: 0;
  }
  .sc_paymentblock_method_wrapper .sc_paymentblock_select input + span::before, .sc_paymentblock_method_wrapper .sc_paymentblock_select input + span::after,
  .sc_paymentblock_method_wrapper .sc_shippingblock_select input + span::before,
  .sc_paymentblock_method_wrapper .sc_shippingblock_select input + span::after,
  .sc_shipingblock_method_wrapper .sc_paymentblock_select input + span::before,
  .sc_shipingblock_method_wrapper .sc_paymentblock_select input + span::after,
  .sc_shipingblock_method_wrapper .sc_shippingblock_select input + span::before,
  .sc_shipingblock_method_wrapper .sc_shippingblock_select input + span::after {
    vertical-align: top;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    line-height: 2rem;
    font-size: 2rem;
  }
  .sc_paymentblock_method_wrapper .sc_paymentblock_select input + span::after,
  .sc_paymentblock_method_wrapper .sc_shippingblock_select input + span::after,
  .sc_shipingblock_method_wrapper .sc_paymentblock_select input + span::after,
  .sc_shipingblock_method_wrapper .sc_shippingblock_select input + span::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f0c8";
    font-weight: 400;
  }
  .sc_paymentblock_method_wrapper .sc_paymentblock_select input[type=hidden] + span::before, .sc_paymentblock_method_wrapper .sc_paymentblock_select input:checked + span::before,
  .sc_paymentblock_method_wrapper .sc_shippingblock_select input[type=hidden] + span::before,
  .sc_paymentblock_method_wrapper .sc_shippingblock_select input:checked + span::before,
  .sc_shipingblock_method_wrapper .sc_paymentblock_select input[type=hidden] + span::before,
  .sc_shipingblock_method_wrapper .sc_paymentblock_select input:checked + span::before,
  .sc_shipingblock_method_wrapper .sc_shippingblock_select input[type=hidden] + span::before,
  .sc_shipingblock_method_wrapper .sc_shippingblock_select input:checked + span::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f0c8";
    color: #ef7d00;
    font-size: 1.1875rem;
  }
  .sc_paymentblock_method_wrapper .sc_paymentblock_description,
  .sc_paymentblock_method_wrapper .sc_shippingblock_description,
  .sc_shipingblock_method_wrapper .sc_paymentblock_description,
  .sc_shipingblock_method_wrapper .sc_shippingblock_description {
    padding-left: 3rem;
  }
  .sc-wrap-buttons .sc-back-button, .sc-wrap-buttons .sc-next-button {
    max-width: 48%;
  }
  form#checkout_confirmation .sc-wrap-buttons .sc-back-button, form#checkout_confirmation .sc-wrap-buttons .sc-next-button {
    padding: 0.5rem 1.5rem;
  }
  form#checkout_confirmation .sc-wrap-buttons .sc-back-button {
    max-width: 29%;
  }
  form#checkout_confirmation .sc-wrap-buttons .sc-next-button {
    max-width: 69%;
    width: auto;
  }
  .sc_checkout_payment_agb_check_wrapper .float_left {
    margin-left: 3rem;
  }
  .sc_checkout_payment_agb_check_wrapper label {
    width: 2rem;
  }
  .sc_checkout_payment_agb_check_wrapper label input {
    display: none;
  }
  .sc_checkout_payment_agb_check_wrapper label input + span {
    font-size: 0;
  }
  .sc_checkout_payment_agb_check_wrapper label input + span::before, .sc_checkout_payment_agb_check_wrapper label input + span::after {
    vertical-align: top;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    line-height: 2rem;
    font-size: 2rem;
  }
  .sc_checkout_payment_agb_check_wrapper label input + span::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f0c8";
    font-weight: 400;
  }
  .sc_checkout_payment_agb_check_wrapper label input[type=hidden] + span::before, .sc_checkout_payment_agb_check_wrapper label input:checked + span::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f14a";
    color: #ef7d00;
    font-weight: 400;
  }
}
/*
.sc_checkout_confirmation_shipping_address {
	position: relative;
	padding: 0.5rem 0;
	border-bottom: solid thin $light-grey;
	> a {
		position: absolute;
		top: 0;
		right: 0;
		max-width: 29%;
	}
}
*/
.sc_checkout_confirmation_billing_address {
  padding: 0 0 0.5rem 0;
}

.sc_checkout_method_wrapper,
.sc_checkout_confirmation_shipping_address {
  position: relative;
  padding: 0.5rem 0;
  border-top: solid thin rgba(3, 0, 2, 0.22);
}
.sc_checkout_method_wrapper .sc_checkout_confirmation_shipping_method,
.sc_checkout_confirmation_shipping_address .sc_checkout_confirmation_shipping_method {
  max-width: 69%;
}
.sc_checkout_method_wrapper .sc_checkout_confirmation_shipping_method img,
.sc_checkout_confirmation_shipping_address .sc_checkout_confirmation_shipping_method img {
  max-height: 38px;
}
.sc_checkout_method_wrapper .sc_checkout_confirmation_button_aendern,
.sc_checkout_confirmation_shipping_address .sc_checkout_confirmation_button_aendern {
  padding: 0.5rem 1.5rem;
  max-width: 29%;
  position: absolute;
  bottom: 0;
  right: 0;
}

/*
.sc_checkout_payment_adress_band {
	padding-bottom: 0.5rem;
	border-bottom: solid thin $light-grey;
}
*/
textarea#agb {
  margin-bottom: 1rem;
}

/*
.sc_checkout_payment_fernabsatz_wrapper {
	padding-bottom: 1rem;
}
*/
ul.address-list {
  padding-left: 3rem;
  list-style: none;
}
ul.address-list li {
  margin-top: 1rem;
}
ul.address-list li::before {
  display: none;
  content: unset;
}
ul.address-list label {
  position: relative;
  font-weight: bold;
  cursor: pointer;
}
ul.address-list label input {
  display: none;
}
ul.address-list label input + span {
  position: absolute;
  left: -3rem;
  top: 0;
  font-size: 0;
}
ul.address-list label input + span::before, ul.address-list label input + span::after {
  vertical-align: top;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  line-height: 2rem;
  font-size: 2rem;
}
ul.address-list label input + span::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0c8";
  font-weight: 400;
}
ul.address-list label input[type=hidden] + span::before, ul.address-list label input:checked + span::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0c8";
  color: #ef7d00;
  font-size: 1.1875rem;
}
@media screen and (min-width: 1026px) {
  ul.address-list {
    padding-left: 2rem;
  }
  ul.address-list label input {
    display: inherit;
    position: absolute;
    top: 0;
    left: -2rem;
  }
  ul.address-list label input + span {
    display: none;
  }
}

/* width/max-width-note:
no difference as it is min(width,max-width)
only difference is with flex: flex-basis auto looks at width!
*/
/*
.shopping-cart {
	display: block;
	.row {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		.left {
			// minimum required width: 71.25px + 0.5rem;
			min-width: 88px;
			max-width: 120px;
			width: 15%;
			// 360px base -> 33%, 25%=120px -> 600px;
			flex: 1 0 0;
		}
		.remove-single-item {
			&::before {
				font-size: 1.5em;
				@include fontawesome("\f2ed");
				font-weight: normal;
			}
			border: 0;
			padding: 0;
			background: transparent;
			color: $brand-color;
		}
	}
}
*/
.sc_shopping_cart_products_listing_total_wrapper {
  border-radius: 5px; /* Warenkorb, Warenwert-Footer */
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  margin-top: 1rem;
  background: rgb(240, 238, 234);
}
@media screen and (max-width: 776px) {
  .sc_shopping_cart_products_listing_total_wrapper {
    margin: 0 -0.5rem;
  }
}

.sc_checkout_shipping_content_wrapper,
.sc_checkout_payment_content_wrapper {
  background: rgb(240, 238, 234);
  padding: 1rem;
  border-radius: 10px; /*Bestellvorgang, Adresse & Versand, graue Box*/
}
@media screen and (max-width: 776px) {
  .sc_checkout_shipping_content_wrapper,
  .sc_checkout_payment_content_wrapper {
    margin: 0 -0.5rem;
  }
}

.sc_checkout_payment_content_wrapper.payments {
  margin-top: 1rem;
}

.main-content.shopping-cart .sc_shopping_cart_content_wrapper .shopping-cart {
  padding: 0;
  width: 100%;
}

.paypalexpress a {
  float: right;
}
.paypalexpress div {
  clear: right;
}

.paypalexpress.first {
  padding-top: 1rem;
}

.sc_account_element_heading:first-child > h2:first-child, .sc_account_content_text_container.workshop h3:first-child > h2:first-child {
  margin-top: 0;
}

.sc_account_element_heading, .sc_account_content_text_container.workshop h3,
.sc_account_statsitiken_box_half_heading,
.sc_create_account_element_heading,
.sc_checkout_shipping_element_heading,
.sc_checkout_payment_element_heading,
.sc_checkout_payment_fernabsatz_wrapper,
.sc_checkout_payment_haendlerhinweis_heading,
.sc_checkout_confirmation_heading_billing_address,
.sc_checkout_confirmation_heading_shipping_address,
.sc_checkout_confirmation_element_heading {
  color: #ef7d00;
  text-transform: uppercase;
  font-weight: bold;
  border-top: solid thin rgba(3, 0, 2, 0.22);
  padding-top: 2rem;
}
.sc_account_element_heading:first-child, .sc_account_content_text_container.workshop h3:first-child,
.sc_account_statsitiken_box_half_heading:first-child,
.sc_create_account_element_heading:first-child,
.sc_checkout_shipping_element_heading:first-child,
.sc_checkout_payment_element_heading:first-child,
.sc_checkout_payment_fernabsatz_wrapper:first-child,
.sc_checkout_payment_haendlerhinweis_heading:first-child,
.sc_checkout_confirmation_heading_billing_address:first-child,
.sc_checkout_confirmation_heading_shipping_address:first-child,
.sc_checkout_confirmation_element_heading:first-child {
  border-top: none;
  padding-top: 0;
}
.sc_account_element_heading .float_right, .sc_account_content_text_container.workshop h3 .float_right,
.sc_account_statsitiken_box_half_heading .float_right,
.sc_create_account_element_heading .float_right,
.sc_checkout_shipping_element_heading .float_right,
.sc_checkout_payment_element_heading .float_right,
.sc_checkout_payment_fernabsatz_wrapper .float_right,
.sc_checkout_payment_haendlerhinweis_heading .float_right,
.sc_checkout_confirmation_heading_billing_address .float_right,
.sc_checkout_confirmation_heading_shipping_address .float_right,
.sc_checkout_confirmation_element_heading .float_right {
  text-transform: none;
  font-weight: normal;
  font-size: 1rem;
  color: black;
}
.sc_account_element_heading .float_right::before, .sc_account_content_text_container.workshop h3 .float_right::before,
.sc_account_statsitiken_box_half_heading .float_right::before,
.sc_create_account_element_heading .float_right::before,
.sc_checkout_shipping_element_heading .float_right::before,
.sc_checkout_payment_element_heading .float_right::before,
.sc_checkout_payment_fernabsatz_wrapper .float_right::before,
.sc_checkout_payment_haendlerhinweis_heading .float_right::before,
.sc_checkout_confirmation_heading_billing_address .float_right::before,
.sc_checkout_confirmation_heading_shipping_address .float_right::before,
.sc_checkout_confirmation_element_heading .float_right::before {
  content: "*";
  color: red;
  position: absolute;
}

.sc_shopping_cart_empty {
  font-size: 1.5rem;
  color: red;
  padding: 0.5rem;
}

.sc_shopping_cart_products_listing_total_wrapper .b2b-anfordern .button {
  background: rgba(3, 0, 2, 0.4);
  color: white;
}

#versandOptionenBlock #teillieferungBlock.active {
  background: white;
}
#versandOptionenBlock #teillieferungBlock.active + div {
  background: white;
  border-bottom-right-radius: 10px; /*Checkout, Teillieferung Box, unten*/
  border-bottom-left-radius: 10px;
}

.sc_checkout_shipping_adress_band {
  padding-left: 0.7rem; /*Checkout, Lieferadresse einruecken*/
}

label.sc_checkout_shipping_neutralversand_checkbox {
  color: limegreen;
}

.sc_shopping_cart_products_listing_sho_mindermengen_wrapper {
  color: red;
  margin-top: 1rem;
  font-weight: bold;
}

form#cart_quantity {
  width: 100%;
  display: block;
}

@media screen and (max-width: 776px) {
  .wishlist-popup-edit-all-lists-button {
    position: relative;
    top: 2.5rem;
  }
  .wishlist-popup-edit-all-lists-button + .heading-orange, .account .wishlist-popup-edit-all-lists-button + h2, .content .wishlist-popup-edit-all-lists-button + h2 {
    position: relative;
    top: -2.5rem;
  }
}

.sc_shopping_cart_oss input[type=button] {
  padding: 3px 10px 3px 10px;
  background-color: #ef7d00;
  color: #f0eeea;
  font-weight: bold;
  border: none;
  cursor: pointer;
  border-radius: 5px; /*Warenkorb, Lieferland aendern Button*/
}

.sc_paymentblock_method_wrapper {
  padding-right: 0;
}
.sc_paymentblock_method_wrapper .sc_paymentblock_button {
  display: block;
  background: white;
  width: 100%;
  border: 1px solid #555;
  border-radius: 4px;
  font-weight: bold;
  text-align: left;
  padding: 0.5rem;
  cursor: pointer;
}
.sc_paymentblock_method_wrapper .sc_paymentblock_button:hover {
  filter: brightness(0.95);
}
.sc_paymentblock_method_wrapper .sc_paymentblock_button small {
  font-weight: normal;
}
.sc_paymentblock_method_wrapper .sc_paymentblock_button img {
  float: right;
  margin-left: 0.5rem;
}
.sc_paymentblock_method_wrapper .ratepay-container {
  display: block;
  position: relative;
}
.sc_paymentblock_method_wrapper .ratepay-container button {
  padding-bottom: 2rem;
}
.sc_paymentblock_method_wrapper .ratepay-container button + label.geburtsdatum {
  display: block;
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  font-weight: bold;
}
.sc_paymentblock_method_wrapper .ratepay-container button + label.geburtsdatum input {
  border: 1px solid #ef7d00;
  outline: 0 none;
  font-size: 1rem;
}
@media screen and (min-width: 777px) {
  .sc_paymentblock_method_wrapper {
    width: 50%;
    padding-right: 19px;
  }
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper {
  width: 100%;
  padding-right: 0;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container {
  background: white;
  padding: 8px;
  border: solid thin black;
  border-radius: 8px;
  grid-template: "num-label issuer" 24px "num-input num-input" minmax(16px, auto) "exp-label cvv-label" minmax(16px, auto) "exp-input cvv-input" minmax(16px, auto) "chn-label chn-label" minmax(16px, auto) "chn-input chn-input" minmax(16px, auto) "btn-submit btn-submit" minmax(16px, auto)/1fr 1fr;
  gap: 0 0.5rem;
  display: grid;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container .card-logos {
  display: flex;
  justify-content: flex-end;
  grid-area: issuer;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container .card-logos img {
  margin-top: 0.5rem;
  flex: 0 0 auto;
  max-height: 20px;
  display: none;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container .card-logos.card-type-visa img.card-logo-visa {
  display: block;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container .card-logos.card-type-master-card img.card-logo-master-card {
  display: block;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container label[for=card-number] {
  grid-area: num-label;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container #card-number {
  grid-area: num-input;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container label[for=expiration-date] {
  grid-area: exp-label;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container #expiration-date {
  grid-area: exp-input;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container label[for=cvv] {
  grid-area: cvv-label;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container #cvv {
  grid-area: cvv-input;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container label[for=card-holder-name] {
  grid-area: chn-label;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container #card-holder-name {
  grid-area: chn-input;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container button {
  grid-area: btn-submit;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container label {
  font-size: 14px;
  font-family: inherit;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container .card-field {
  height: 1.5rem;
  border-bottom: solid thin #ef7d00;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container input {
  border: 0 none;
  outline: 0 none;
  border-bottom: solid thin #ef7d00;
  font-family: OCR-A, OCRA, monospace;
  background-color: transparent;
  font-size: 16px;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container iframe {
  height: 1.5rem;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .card-container button {
  margin-top: 0.5rem;
  background-color: #ef7d00;
  color: white;
  cursor: pointer;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .payment-paypal-multicol {
  display: flex;
  flex-flow: column nowrap;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .payment-paypal-multicol .paypal-container {
  flex: 1 0 0px;
  padding-right: 1px;
  padding-bottom: 10px;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .payment-paypal-multicol .paypal-or-card {
  flex: 0 0 auto;
  padding: 0 8px;
  display: none;
}
.sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .payment-paypal-multicol .card-container {
  flex: 1 0 auto;
}
@media screen and (min-width: 500px) {
  .sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .payment-paypal-multicol {
    flex-grow: 1;
    flex-flow: row nowrap;
  }
  .sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .payment-paypal-multicol .paypal-container {
    padding-bottom: 0;
  }
  .sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .payment-paypal-multicol .paypal-or-card {
    display: block;
  }
  .sc_paymentblock_method_wrapper.sc_checkout_payment_paypal_wrapper .payment-paypal-multicol .card-container {
    flex: 1 0 0px;
  }
}

#cookiemodal {
  display: none;
}
#cookiemodal.show {
  display: block;
}

.cookie-modal .iframe {
  border-radius: 5px;
}
@media screen and (min-width: 777px) {
  .cookie-modal {
    width: 40vw !important;
    height: 30vh !important;
  }
}
@media screen and (max-width: 776px) {
  .cookie-modal {
    height: 85vw !important;
  }
}

.cookie-header {
  background-color: #000;
  color: white;
  font-size: 18px;
  padding: 0.5rem 1rem;
}
.cookie-header img {
  width: 1.7rem;
  margin-right: 1rem;
  margin-bottom: -0.4rem;
}

.cookie-body {
  padding: 1rem;
}
.cookie-body form#cookieform {
  display: none;
}
.cookie-body > div {
  text-align: center;
}
.cookie-body > div a {
  color: #ef7d00;
  border: #ef7d00;
  text-align: justify;
  cursor: pointer;
  margin-top: 1rem;
}
.cookie-body .buttons {
  display: flex;
  justify-content: space-evenly;
}
.cookie-body .buttons button {
  width: 100%;
  color: #fff;
  background-color: #ef7d00;
  border: 0;
  height: 2em;
  outline: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 5px;
  cursor: pointer;
}
.cookie-body .buttons #cookie_all_accept {
  background-color: limegreen;
}
.cookie-body .buttons #cookie_save {
  background-color: #fff;
  color: #000;
  border: 1px solid grey;
}
.cookie-body #cookie_edit {
  cursor: pointer;
}
.cookie-body .cookie-group {
  border-bottom: 1px solid grey;
  margin-top: 1rem;
  padding: 0.5rem;
}
.cookie-body .cookie-group > div.link {
  text-align: center;
  padding-top: 1rem;
}
.cookie-body .cookie-group > div.link a {
  color: #ef7d00;
  border: #ef7d00;
  text-align: justify;
  cursor: pointer;
  margin-top: 1rem;
}
.cookie-body .cookie-group .more-info {
  display: none;
  padding-top: 1rem;
}
.cookie-body .cookie-group .more-info > table {
  width: 100%;
}
.cookie-body .cookie-group .more-info > table .switch {
  position: relative;
  right: 0;
}
.cookie-body .cookie-group .more-info > table tr th {
  text-transform: uppercase;
  text-align: left;
}
.cookie-body .cookie-group .more-info > table tr td {
  text-align: center;
}
.cookie-body .cookie-group .more-info > table tr td.border {
  border-bottom: 1px solid grey;
  padding-top: 1rem;
}
@media screen and (max-width: 776px) {
  .cookie-body .cookie-group .more-info > table tr {
    display: flex;
    flex-flow: row wrap;
  }
  .cookie-body .cookie-group .more-info > table tr td {
    text-align: left;
  }
  .cookie-body .cookie-group .more-info > table tr td.border {
    border: 0;
  }
  .cookie-body .cookie-group .more-info > table tr.border {
    border-bottom: 1px solid grey;
  }
}
.cookie-body .cookie-group .sc_system_infobox_orange {
  display: none;
}
.cookie-body .link-list {
  margin-top: 2rem;
}
.cookie-body .link-list a, .cookie-body .link-list span {
  color: grey;
}
.cookie-body .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cookie-body .slider-switch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.cookie-body .slider-switch:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.cookie-body input:checked + .slider-switch {
  background-color: limegreen;
}
.cookie-body input:focus + .slider-switch {
  box-shadow: 0 0 1px limegreen;
}
.cookie-body input:checked + .slider-switch:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.cookie-body .slider-switch.round {
  border-radius: 34px;
}
.cookie-body .slider-switch.round:before {
  border-radius: 50%;
}
.cookie-body .switch {
  position: absolute;
  display: inline-block;
  width: 31px;
  height: 17px;
  right: 1.5rem;
}
.cookie-body .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

@supports (-webkit-overflow-scrolling: touch) {
  body {
    cursor: pointer;
  }
}
* {
  flex-shrink: 1;
}

a[href^="tel:"], a[href^="mailto:"] {
  text-decoration: inherit;
  color: inherit;
}

a[href^="tel:"] {
  cursor: auto;
}
@media screen and (max-width: 776px) {
  a[href^="tel:"] {
    cursor: pointer;
  }
}
@media screen and (min-width: 777px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

.display-none {
  display: none;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-must {
  float: right;
  color: black;
  font-size: 0.875rem;
  text-transform: none;
  font-weight: normal;
}
.text-must .asterisk {
  color: red;
}
@media screen and (max-width: 459px) {
  .text-must {
    margin-top: 1rem;
    float: none;
  }
}

.sc_popup_title {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 10px;
}

.sc_popup_button_wrapper {
  display: flex;
  justify-content: flex-end; /* Fragen zum Produkt Popup, "Absenden"-Button nach rechts ausrichten*/
}

.sc_popup_content_wrapper {
  background-color: #F0EDE7;
  border: 1px solid #F0EDE7;
  padding: 10px;
  border-radius: 5px; /* Fragen zum Produkt Popup, Graue Box*/
}
.sc_popup_content_wrapper .sc_popup_formularfeld_description {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  padding-top: 2px;
  width: 130px;
}
.sc_popup_content_wrapper .sc_popup_formularfeld_element {
  float: left;
  margin-top: 10px;
  width: 360px;
  line-height: 15px;
  max-width: 100%;
}
.sc_popup_content_wrapper .textareaPopup {
  background-color: #FFFFFF;
  border: 1px solid #BEBEBE;
  color: #000000;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 13px;
  height: 100px;
  width: 357px;
  resize: none;
}
.sc_popup_content_wrapper .inputfeldPopup {
  background-color: #FFFFFF;
  border: 1px solid #BEBEBE;
  color: #000000;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 13px;
  height: 18px;
  width: 357px;
}

button {
  font: inherit;
}

.fa-orange::before {
  color: #ef7d00;
}

.fa-background::before {
  color: rgb(240, 238, 234);
}

.fa-light-grey::before {
  color: rgba(3, 0, 2, 0.22);
}

.fa-dark-grey::before {
  color: rgba(3, 0, 2, 0.6);
}

.fa-medium-grey::before {
  color: rgba(3, 0, 2, 0.4);
}

hr.footer-with-logo {
  width: 100%;
  max-width: 1600px;
  color: rgba(3, 0, 2, 0.22);
  height: 0;
  border-style: solid;
  border-width: 1px 0 0 0;
  margin: 60px auto;
  position: relative;
  overflow: visible;
}
hr.footer-with-logo::before {
  content: "";
  text-align: center;
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  bottom: -40px;
  background: url("images/Huss_Symbol_klein.png") 50% 50% no-repeat;
}

.aspect-1280x400 {
  position: relative;
  padding-top: 31.25%;
  height: 0;
}
.aspect-1280x400 > *:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fullwidth-overlay {
  position: absolute;
  /* @include mobile { */
  /* } */
  overscroll-behavior: contain;
  width: 100%;
  top: -9600px;
  z-index: 9000;
}
.fullwidth-overlay > .home-header > .home-header-menu {
  position: relative;
  top: 9600px;
  padding-top: 3rem;
  margin-left: 0;
  background: white;
}
@media screen and (min-width: 777px) {
  .fullwidth-overlay > .home-header > .home-header-menu {
    padding-top: 160px;
    overflow-y: auto;
  }
  .scrolled .fullwidth-overlay > .home-header > .home-header-menu {
    padding-top: 3rem;
  }
}
.fullwidth-overlay .home-header-content {
  pointer-events: none;
}

.slick-slider {
  pointer-events: none;
}
.slick-slider:not(.home-header-slider):not(.home-brands-slider) .slick-list {
  margin-bottom: -250px;
  padding-bottom: 250px;
}
.slick-slider .slick-track {
  pointer-events: all;
}

.sc_shopping_cart_products_listing_product_qty.product_amount_controls {
  float: none;
}

.home-header-menu {
  display: none;
}

.main-sidebar, .main-content {
  display: contents;
}

.main-content {
  min-width: 0;
}
.main-content > h1:first-child, .main-content .h1-product-listing h1:first-child {
  margin-top: 0;
}
.main-content > img.mood_image {
  width: 100%;
  object-fit: contain;
  height: auto;
}
.main-content > .header {
  background: rgb(240, 238, 234);
  padding: 1rem;
}
@media screen and (max-width: 776px) {
  .main-content {
    padding: 0 1rem;
  }
}

.main-footer {
  flex: 0 0 auto;
  min-width: 0;
  display: contents;
}
@media screen and (min-width: 777px) {
  .main-footer {
    display: block;
  }
}
.main-footer .tabs:first-child {
  z-index: 3;
}

.home-header-slider {
  max-width: 100%;
  width: 100%;
  min-width: 0;
  border-radius: 5px;
}
.home-header-slider.swiper-container a, .home-header-slider.swiper-container img {
  display: block;
  border-radius: 0; /*Slider fixen*/
}

.home-header {
  z-index: 2;
}

@media screen and (max-width: 776px) {
  .home-header,
  .home-content-wrapper,
  .main-content-wrapper {
    display: flex;
    flex-flow: column nowrap;
  }
  .home-header,
  .breadcrumbs,
  .home-content-wrapper,
  .main-content-wrapper {
    padding: 0 0.5rem;
  }
  .main-content {
    padding: 0;
  }
  .home-content-wrapper {
    display: flex;
    flex-flow: column nowrap;
  }
  .home-content-wrapper > * {
    flex: 1 1 auto;
    margin-bottom: 1rem;
    width: 100%;
    min-width: 0;
  }
  .home-content-wrapper .highlight {
    background: rgb(240, 238, 234);
    color: inherit;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding: 0 0.5rem 1rem;
    width: auto;
  }
  .home-content-wrapper .highlight .person-box {
    max-width: 50%;
  }
}
@media screen and (max-width: 776px) and (max-width: 565px) {
  .home-content-wrapper .highlight .person-box:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 776px) and (max-width: 376px) {
  .home-content-wrapper .highlight .person-box {
    min-width: 160px;
    max-width: 160px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 776px) and (max-width: 376px) {
  .home-content-wrapper .half .person-box .person-info {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .home-content-wrapper .half .person-box .person-info .position,
  .home-content-wrapper .half .person-box .person-info .egal {
    display: none;
  }
}
@media screen and (max-width: 776px) {
  .flex-order-mobile--10 {
    -ms-flex-order: -10;
    order: -10;
  }
  .flex-order-mobile--9 {
    -ms-flex-order: -9;
    order: -9;
  }
  .flex-order-mobile--8 {
    -ms-flex-order: -8;
    order: -8;
  }
  .flex-order-mobile--7 {
    -ms-flex-order: -7;
    order: -7;
  }
  .flex-order-mobile--6 {
    -ms-flex-order: -6;
    order: -6;
  }
  .flex-order-mobile--5 {
    -ms-flex-order: -5;
    order: -5;
  }
  .flex-order-mobile--4 {
    -ms-flex-order: -4;
    order: -4;
  }
  .flex-order-mobile--3 {
    -ms-flex-order: -3;
    order: -3;
  }
  .flex-order-mobile--2 {
    -ms-flex-order: -2;
    order: -2;
  }
  .flex-order-mobile--1 {
    -ms-flex-order: -1;
    order: -1;
  }
  .flex-order-mobile-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .flex-order-mobile-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-order-mobile-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-order-mobile-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .flex-order-mobile-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .flex-order-mobile-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .flex-order-mobile-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .flex-order-mobile-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .flex-order-mobile-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .flex-order-mobile-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .mobile-display-content {
    display: content;
  }
}
.do-jquery-slick.home-brands-slider .slide {
  padding: 3rem 3rem;
}

@media screen and (min-width: 777px) {
  .home-header,
  .home-content-wrapper,
  .main-content-wrapper {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }
  .breadcrumbs,
  .home-header,
  .home-content-wrapper,
  .main-content-wrapper {
    max-width: 1600px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 777px) and (min-width: 777px) {
  .breadcrumbs,
  .home-header,
  .home-content-wrapper,
  .main-content-wrapper {
    padding: 0 0.5rem;
  }
}
@media screen and (min-width: 777px) and (min-width: 1026px) {
  .breadcrumbs,
  .home-header,
  .home-content-wrapper,
  .main-content-wrapper {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 777px) {
  .breadcrumbs > form,
  .home-header > form,
  .home-content-wrapper > form,
  .main-content-wrapper > form {
    flex: 1 1 auto;
  }
  .breadcrumbs > div,
  .home-header > div,
  .home-content-wrapper > div,
  .main-content-wrapper > div {
    min-width: 0;
    width: 100%;
  }
  .breadcrumbs.full-width,
  .home-header.full-width,
  .home-content-wrapper.full-width,
  .main-content-wrapper.full-width {
    max-width: initial;
    padding: 0;
  }
  .product-wrapper {
    display: flex;
    flex-flow: row wrap;
  }
  .product-wrapper > .product-sidebar {
    flex: 3 1 250px;
    min-width: 250px;
    max-width: 400px;
  }
  .product-wrapper > .product-content {
    flex: 4 1 400px;
    min-width: 0;
  }
  .product-wrapper > .product-fullwidth {
    flex: 1 1 100%;
    min-width: 0;
  }
  .breadcrumbs {
    margin: 1rem auto;
  }
  .home-header-menu, .main-sidebar {
    display: block;
    flex: 1 1 250px;
    min-width: 250px;
    max-width: 288px;
    border-bottom-right-radius: 10px; /* Kategorie-Menue */
    border-bottom-left-radius: 10px;
  }
  .home-header-content, .main-content {
    display: block;
    flex: 5 1 250px;
    margin-left: 1rem;
    margin-right: 1rem;
    min-width: 0;
  }
}
@media screen and (min-width: 777px) and (min-width: 777px) {
  .home-header-content, .main-content {
    margin-right: 0;
  }
}
@media screen and (min-width: 777px) and (max-width: 776px) {
  .home-header-content, .main-content {
    padding: 0;
  }
}
@media screen and (min-width: 777px) {
  section.home-content-wrapper .highlight {
    color: inherit;
  }
  section.home-content-wrapper > div {
    padding: 1rem 0;
    position: relative;
  }
  section.home-content-wrapper > div.line::after {
    content: "";
    position: absolute;
    top: -0.5em;
    width: 96vw;
    left: calc(50% - 48vw);
    height: 1px;
    background: rgba(3, 0, 2, 0.22);
  }
  section.home-content-wrapper .highlight {
    padding-left: 1.5rem; /*Christof & Thilo Box Startseite, Text*/
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    margin: 1rem -0.5rem;
    min-height: 375px;
    width: 100%;
    color: black;
    background: rgb(240, 238, 234);
  }
}
@media screen and (min-width: 777px) and (max-width: 776px) {
  section.home-content-wrapper .highlight {
    padding: 0.5rem 0;
    padding: 0.5rem;
    margin: 1rem auto;
  }
}
@media screen and (min-width: 777px) {
  section.home-content-wrapper .highlight h1:first-child {
    margin-top: 0;
  }
  section.home-content-wrapper .split {
    max-width: 100%;
    padding: 1rem 0; /*Padding des rechten Bildes (Fragen/Wuensche/Anregungen Box) wiederherstellen. Muss NACH ".highlight" geladen werden!*/
    display: flex;
  }
  section.home-content-wrapper .split .half {
    padding-left: 1rem;
    padding-right: 1rem;
    flex: 1 1 10%;
    min-width: 0;
  }
  section.home-content-wrapper .split .half .swiper-container {
    margin: -1rem;
    pointer-events: none;
    border-radius: 0 10px 10px 0; /* Fragen, Wuensche, Anregungen - Box, Bild auf der rechten Seite */
  }
  section.home-content-wrapper .split .half .swiper-container.home-lower-slider {
    height: calc(100% + 2rem);
  }
  section.home-content-wrapper .split .half .swiper-container.home-lower-slider a {
    height: 100%;
  }
  section.home-content-wrapper .split .half .swiper-container .swiper-slide {
    pointer-events: none;
  }
  section.home-content-wrapper .split .half .swiper-container .swiper-slide img {
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0; /* Fragen, Wuensche, Anregungen - Box, Bild auf der rechten Seite */
  }
  section.home-content-wrapper .split .half .swiper-container .swiper-slide a {
    display: block;
  }
  section.home-content-wrapper .news-item article > p ~ p ~ p {
    display: none;
  }
  section.home-content-wrapper .news-item article + .more {
    display: block;
  }
  .news-item article + .more {
    display: none;
  }
  hr.hairline {
    height: 0;
    border: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: rgba(3, 0, 2, 0.22);
  }
  hr.hairline.overwide {
    border: 0;
    height: 0;
    overflow: hidden;
  }
  hr.hairline.overwide::before {
    margin: 0 -60rem;
    border-top: solid thin lime;
    content: "";
  }
  .top-nav-admin .admin-box {
    display: none;
    position: absolute;
    z-index: 10;
    background: white;
    font-size: 1rem;
  }
  .top-nav-admin .admin-box .sc_button_grau {
    margin: 0.5rem 0 0 0;
  }
  .top-nav-admin a.admin-link:hover + .admin-box,
  .top-nav-admin a.admin-link.hover + .admin-box,
  .top-nav-admin .admin-box:hover,
  .top-nav-admin .admin-box.visible {
    display: block;
  }
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  background-image: none;
}
.swiper-container .swiper-button-prev::before,
.swiper-container .swiper-button-next::before {
  color: rgba(127, 127, 127, 0.6);
  font-weight: bold;
  font-size: 6rem;
  line-height: 1rem;
  vertical-align: middle;
}
.swiper-container .swiper-button-prev::before {
  content: "‹";
}
.swiper-container .swiper-button-next::before {
  content: "›";
}

.stuff .tab .content {
  overflow: hidden;
}

div.after-collapsible {
  height: 0;
  display: block;
  width: 100%;
  font-size: 0;
  border-bottom: solid thin #ef7d00;
}

input.collapsible {
  display: none;
  /*
  &:checked + label ~ * {
  	display: block;
  }
  */
}
input.collapsible + label[for] {
  border-top: solid thin #ef7d00;
  display: block;
  width: 100%;
  position: relative;
  font-size: 1rem;
  font-weight: normal;
  line-height: 2rem;
}
input.collapsible + label[for]::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f078";
}
input.collapsible:checked + label[for] {
  border-bottom: 0;
  font-weight: bold;
  margin-bottom: 1rem;
}
input.collapsible:checked + label[for]::after {
  content: "\f077";
}
input.collapsible:not(:checked) + label ~ * {
  display: none;
}

input.read-more {
  display: none;
}
input.read-more ~ * label.read-more, input.read-more ~ * label.read-less, input.read-more ~ label.read-less {
  font-weight: bold;
  color: #ef7d00;
  display: inline;
  text-decoration: none;
  cursor: pointer;
  padding: 0.0625rem 0.25rem;
  position: relative;
  top: 0.5rem;
  left: 0.5rem;
  border-radius: 5px; /* Kategorieseite, Weiterlesen-Button */
}
input.read-more + * ~ * {
  display: none;
}
input.read-more + * label.read-less, input.read-more ~ label.read-less {
  display: none;
}
input.read-more:checked + * label.read-less, input.read-more:checked ~ label.read-less {
  display: unset;
}
input.read-more:checked + * label.read-more {
  display: none;
}
@media screen and (min-width: 777px) {
  input.read-more.mobile + * ~ * {
    display: block;
  }
  input.read-more.mobile + * label.read-more, input.read-more.mobile + * label.read-less, input.read-more.mobile ~ label.read-less {
    display: none;
  }
}
input.read-more:checked + * ~ * {
  display: block;
}

.more a, a.read-more, label.read-more, label.read-less {
  display: inline-block;
  border: solid thin rgba(3, 0, 2, 0.22);
  background: white;
  color: #ef7d00;
  padding: 0 0.5ex;
  border-radius: 5px;
}

div[itemtype="http://data-vocabulary.org/Person"] {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* Mitarbeiter Seite */
.ma_team_header_band_closed {
  background-color: #B2ADA6;
  margin: 0px 0px 15px 0px;
  padding: 5px 5px 5px 10px;
  color: #fff;
  font-size: 14px;
}

.ma_team_header_band_opened {
  background-color: #EF7D00;
  margin: 0px 0px 15px 0px;
  padding: 5px 5px 5px 10px;
  color: #fff;
  font-size: 14px;
}

.ma_team_header_band_title {
  float: left;
  color: #fff;
  text-transform: uppercase;
}

.ma_team_header_band_auf_zu {
  float: right;
  margin-right: 10px;
}

.ma_team_button_auf_zu {
  margin-top: 4px;
}

.ma_team_ma_element {
  margin: 0px 23px 23px 0px;
  background-color: #F0EDE7;
  float: left;
  width: 151px;
  height: 302px;
  padding: 10px;
}

.ma_team_ma_element_last {
  margin: 0px 0px 23px 0px;
  background-color: #F0EDE7;
  float: left;
  width: 151px;
  height: 302px;
  padding: 10px;
}

.ma_team_name {
  margin-top: 5px;
  font-weight: bolder;
}

.ma_team_phone {
  margin-top: 10px;
}

.ma_teamleitung {
  font-weight: normal;
}

.back-to-top {
  position: fixed;
  z-index: 20000;
  bottom: 1rem;
  left: 1rem;
  display: none;
  font-size: 0;
  background: rgb(240, 238, 234);
  color: #ef7d00;
  border: solid thin rgba(3, 0, 2, 0.22);
  padding: 0.5rem;
}
.scrolled .back-to-top {
  display: block;
}
@media screen and (max-width: 776px) {
  .back-to-top {
    padding: 1rem;
  }
}
.back-to-top::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f077";
  font-size: 1rem;
}

#huss-modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: 32700;
  background: rgba(0, 0, 0, 0.6);
  font-size: 0;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  pointer-events: all;
}
#huss-modal > div {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  transition: opacity 0.5s ease-in-out;
}
#huss-modal > div > span {
  display: block;
  background: #ef7d00;
  height: 3rem;
  line-height: 3rem;
  flex: 0 0 3rem;
  margin-right: 3rem;
  padding: 0 0.5rem;
  color: white;
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  border-top-left-radius: 5px;
  /*
  &:empty {
  	//	background: transparent;
  	// background: red;
  }
  */
}
#huss-modal > div > span:empty + Button {
  border-top-left-radius: 5px;
}
#huss-modal > div > button {
  position: absolute;
  top: 0;
  right: 0;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  font-size: 2.25rem;
  vertical-align: middle;
  text-align: center;
  background: #ef7d00;
  color: white;
  border: none;
  padding: 0;
  border-top-right-radius: 5px;
  cursor: pointer;
}
#huss-modal > div > div.body {
  font-size: 1rem;
  overflow: auto;
  padding: 0.5rem;
  position: relative;
  border-top-left-radius: 5px;
}
#huss-modal > div > div {
  display: none;
  background: white;
  flex: 1 1 auto;
  border: 0;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#huss-modal > div > div.iframe {
  flex-flow: column nowrap;
}
#huss-modal > div > div.iframe > iframe {
  flex: 1 0 auto;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 0;
  margin: 0;
}
#huss-modal > div::after {
  content: attr(data-debug);
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: green;
  color: yellow;
  font-size: 1rem;
}

@media screen and (max-width: 776px) {
  #huss-modal > div > div {
    width: 100%;
  }
}
@media screen and (min-width: 777px) {
  #huss-modal {
    bottom: -100vh;
    right: -100vw;
    transform: translate(-25%, -25%);
  }
  #huss-modal > div {
    position: fixed;
    top: 50%;
    left: 50%;
    height: auto;
    max-width: 100vw;
    max-height: 75vh;
    transform: translate(-50%, -50%);
  }
  #huss-modal > div > span:empty {
    background: transparent;
  }
  body.huss-modal-iframe:not(.huss-modal-mini) #huss-modal > div {
    width: 75vw;
    height: 75vh;
  }
}
body.huss-modal-mini #huss-modal,
body.huss-modal-desktop #huss-modal {
  bottom: -100vh;
  right: -100vw;
  transform: translate(-25%, -25%);
}
body.huss-modal-mini #huss-modal > div,
body.huss-modal-desktop #huss-modal > div {
  position: fixed;
  top: 50%;
  left: 50%;
  height: auto;
  max-width: 95vw;
  max-height: 95vh;
  transform: translate(-50%, -50%);
}
body.huss-modal-mini #huss-modal > div > span:empty,
body.huss-modal-desktop #huss-modal > div > span:empty {
  background: transparent;
}
body.huss-modal-waiting #huss-modal > div {
  opacity: 0;
}

/*

#huss-modal {
	// width: 200%;
	// height: 200%;
	width: 200vw;
	height: 200vh;
	bottom: -100vh;
	right: -100vw;
	transform: translate(-25%, -25%);
	> div {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 75vw;
		width: auto;
		height: auto;
		overscroll-behavior: contain;
		// padding-top: $title-height;

		> span {
			// position: absolute;
			display: block;
			// top: 0;
			// left: 0;
			width: 100%;
			// height: $title-height;
			font-size: $title-height / 2;
			line-height: $title-height;
			min-height: $title-height;
			padding: 0 (1rem + $title-height) 0 1rem;
		}
		> button {
			position: absolute;
			top: 0;
			right: 0;
			// transform: translate(0, -100%);
			height: $title-height;
			line-height: $title-height;
			width:  $title-height;
			z-index: 32703;
			font-size: ($title-height * 3 / 4);
			vertical-align: middle;
			text-align: center;
			// background: transparent;
			background: $brand-color;
			color: white;
			border: none;
			padding: 0;
		}
		> div {
			width:  auto;
			height: auto;
			max-width:  100%;
			max-height: 100%;
			border: none;
			background: white;
			padding: 1rem;
			display: none;
			font-size: 1rem;
			min-width: 100%;
			-webkit-overflow-scrolling: touch;
			overflow-y: auto;
			@include desktop-large {
				overflow-y: auto;
			}
			max-height: 75vh;
		}
		> iframe {
			max-width: 100%;
			min-width: 100%;
			max-height: 100%;
			max-height: 75vh;
			border: none;
			background: white;
			padding: 0rem 0rem 0rem;
			display: none;
		}
	}
	@include desktop-large {

	}
}
*/
body.huss-modal-visible {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
@media screen and (min-width: 1026px) {
  body.huss-modal-visible {
    padding-right: 17px;
  }
}
body.huss-modal-visible #huss-modal {
  display: block;
  opacity: 1;
}

body.huss-modal-iframe #huss-modal > div > div.iframe {
  display: flex;
}

body.huss-modal-dialog #huss-modal > div > div.body {
  display: block;
}

dialog.js-alert {
  z-index: 32761;
  border-width: thin;
  border-color: rgba(3, 0, 2, 0.22);
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 5px;
}
dialog.js-alert, dialog.js-alert + .backdrop {
  display: none;
}
dialog.js-alert[open], dialog.js-alert[open] + .backdrop {
  display: block;
}
dialog.js-alert::backdrop, dialog.js-alert[open] + .backdrop {
  z-index: 32760;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
dialog.js-alert menu {
  padding-left: 0;
}
dialog.js-alert menu, dialog.js-alert menu button {
  margin-bottom: 0;
}
dialog.js-alert menu > button.button-huss-new-style {
  margin-left: auto;
}

body.popup {
  margin: 0.5rem;
}

body.popup.video {
  margin: 0;
  padding: 0;
  background: #ef7d00;
}

body.popup.wishlist input.collapsible + label[for] {
  border-top: none;
  border-bottom: solid thin #ef7d00;
  display: block;
}

.content.content-1.popup {
  margin-top: 0;
}
.content.content-1.popup h1 {
  display: none;
}
.content.content-1.popup div.choice,
.content.content-1.popup dl.versandkosten {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.content.content-1.b2x .b2b, .content.content-1.b2x .b2c, .content.content-1.b2x .b2x, .content.content-1:not(.b2c):not(.b2b) .b2b, .content.content-1:not(.b2c):not(.b2b) .b2c, .content.content-1:not(.b2c):not(.b2b) .b2x {
  display: none;
}
.content.content-1 table.versandkosten {
  display: none;
  width: 520px;
}
.content.content-1 table.versandkosten td {
  text-align: center;
}
.content.content-1 table.versandkosten tr {
  height: 18px;
}
.content.content-1 table.versandkosten thead tr {
  height: 34px;
}
.content.content-1 table.versandkosten thead tr th {
  font-weight: bold;
}
.content.content-1 table.versandkosten thead tr th:nth-child(2) {
  color: #ef7d00;
}
.content.content-1 table.versandkosten td:nth-child(1), .content.content-1 table.versandkosten th:nth-child(1) {
  width: 168px;
}
.content.content-1 table.versandkosten td:nth-child(2), .content.content-1 table.versandkosten th:nth-child(2) {
  width: 121px;
}
.content.content-1 table.versandkosten td:nth-child(3), .content.content-1 table.versandkosten th:nth-child(3) {
  width: 179px;
}
.content.content-1 table.versandkosten td:nth-child(4), .content.content-1 table.versandkosten th:nth-child(4) {
  width: 179px;
}
.content.content-1 table.versandkosten td:nth-child(5), .content.content-1 table.versandkosten th:nth-child(5) {
  width: 179px;
}
.content.content-1 h2, .content.content-1 .h2, .content.content-1 h3, .content.content-1 .h3 {
  color: #ef7d00;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: solid thin rgba(3, 0, 2, 0.22);
}
.content.content-1 .h2 {
  margin-top: 0;
  border-top: 0;
}
.content.content-1 .h4 {
  color: black;
  text-transform: none;
  font-weight: bold;
  font-size: 1rem;
  border-top: 0;
  padding-top: 0;
}
.content.content-1.b2c div.choice,
.content.content-1.b2c dl.versandkosten, .content.content-1.b2b div.choice,
.content.content-1.b2b dl.versandkosten {
  background: rgb(240, 238, 234);
  padding: 0.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.content.content-1.b2c div.choice .h2,
.content.content-1.b2c dl.versandkosten .h2, .content.content-1.b2b div.choice .h2,
.content.content-1.b2b dl.versandkosten .h2 {
  padding-left: 0;
  padding-right: 0;
}
.content.content-1.b2c div.choice .h2:first-child,
.content.content-1.b2c dl.versandkosten .h2:first-child, .content.content-1.b2b div.choice .h2:first-child,
.content.content-1.b2b dl.versandkosten .h2:first-child {
  padding-top: 0;
}
.content.content-1.b2c.nochoice div.choice .h2:first-child,
.content.content-1.b2c.nochoice div.choice form.buttons, .content.content-1.b2b.nochoice div.choice .h2:first-child,
.content.content-1.b2b.nochoice div.choice form.buttons {
  display: none;
}
.content.content-1.b2c div.choice, .content.content-1.b2b div.choice {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; /* Liefer- und Versandkosten Auswahl-Box, Header */
}
.content.content-1.b2c div.choice form.buttons, .content.content-1.b2b div.choice form.buttons {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 0;
}
.content.content-1.b2c div.choice form.buttons input, .content.content-1.b2b div.choice form.buttons input {
  display: none;
}
.content.content-1.b2c div.choice form.buttons label, .content.content-1.b2b div.choice form.buttons label {
  display: block;
  flex: 1 1 0;
  border: solid thin rgba(3, 0, 2, 0.22);
  background: white;
  padding: 0.5rem;
  margin-right: 1rem;
  border-radius: 5px; /* Haendler-Button (Liefer- und Versandkosten)*/
}
.content.content-1.b2c div.choice form.buttons label:last-child, .content.content-1.b2b div.choice form.buttons label:last-child {
  margin-right: 0;
}
.content.content-1.b2c div.choice form.buttons input:checked + label, .content.content-1.b2b div.choice form.buttons input:checked + label {
  background: #ef7d00;
  color: white;
  font-weight: bold;
  border-radius: 5px; /* Haendler-Button, gedrueckt (Liefer- und Versandkosten)*/
}
.content.content-1.b2c div.choice select, .content.content-1.b2b div.choice select {
  width: 100%;
  font-size: 1rem;
}
.content.content-1.b2c dl.versandkosten, .content.content-1.b2b dl.versandkosten {
  display: flex;
  flex-flow: row wrap;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; /* Liefer- und Versandkosten Auswahl-Box, Footer */
}
.content.content-1.b2c dl.versandkosten:empty, .content.content-1.b2b dl.versandkosten:empty {
  display: none;
}
.content.content-1.b2c dl.versandkosten dt, .content.content-1.b2c dl.versandkosten dd, .content.content-1.b2b dl.versandkosten dt, .content.content-1.b2b dl.versandkosten dd {
  font-weight: bold;
  margin-bottom: 1rem;
}
.content.content-1.b2c dl.versandkosten dt, .content.content-1.b2b dl.versandkosten dt {
  flex: 1 1 50%;
}
.content.content-1.b2c dl.versandkosten dd, .content.content-1.b2b dl.versandkosten dd {
  flex: 0 0 auto;
  text-align: right;
  margin-left: 0;
}
.content.content-1.b2c .unk, .content.content-1.b2c .b2b {
  display: none;
}
.content.content-1.b2b .unk, .content.content-1.b2b .b2c {
  display: none;
}

.content.content-10 dl dt {
  font-weight: bold;
  margin-top: 1em;
}
.content.content-10 dl dd {
  margin-left: 0;
}

.content.content-11 .huss-history-milestones dd::before {
  content: "○";
  color: #ef7d00;
  font-size: 1em;
  display: inline-block;
  width: 1.25rem;
  margin-left: -1.25rem;
  line-height: 1;
  font-weight: bold;
  /*
              vertical-align: middle;
  */
  vertical-align: baseline;
}
.content.content-11 .huss-history-milestones dt {
  font-weight: bold;
}
.content.content-11 .huss-history-milestones dt::before {
  content: "●";
  /*
              content: "\00b7"; // U+00B7 middle dot
              content: "\2022"; // U+2022 bullet
              content: "\2027"; // U+2027 hyphenation point
              content: "\2218"; // U+2218 ring operator
              content: "\2219"; // U+2219 bullet operator
              content: "\22c5"; // U+22C5 dot operator
              content: "\23fa"; // U+23FA black circle for record
              content: "\25cf"; // U+25CF black circle
              content: "\25e6"; // U+25E6 white bullet
              content: "\26ab"; // U+26AB medium circle black
              content: "\2e30"; // U+2E30 ring point
              content: "\2e31"; // U+2E31 word separator middle dot
              content: "\2e33"; // U+2E33 raised dot
  */
  color: #ef7d00;
  font-size: 1.25em;
  display: inline-block;
  width: 1rem;
  /*
              margin-left: -1rem;
              line-height: 1;
              vertical-align: middle;
  */
  vertical-align: baseline;
}

.content.content-12 hr {
  clear: both;
  color: rgba(3, 0, 2, 0.22);
  height: 1px;
  margin: 2rem 0;
}
.content.content-12 img[align=left] {
  margin: 0 0.5em 0.5em 0;
}
.content.content-12 img {
  display: block;
}
.content.content-12 ol {
  clear: both;
}
.content.content-12 .bold {
  font-weight: bold;
}

.content.content-72 h2 {
  border-top: solid thin rgba(3, 0, 2, 0.22);
  padding-top: 1rem;
}
.content.content-72 h2:first-child {
  border-top: 0;
  padding-top: 0;
}
.content.content-72 .date {
  display: inline-block;
  width: 10ex;
}
.content.content-72 .link {
  margin-bottom: 1rem;
}
.content.content-72 .link::before {
  display: inline-block;
  content: " ";
  background: url(/images/icons/pdf.png) no-repeat center center;
  width: 16px;
  height: 17px;
  margin-right: 1ex;
}

.content.content-600 div.sc_vorteile_element_wrapper:before, .content.content-600 div.sc_vorteile_element_wrapper:after {
  content: "";
  display: table;
}
.content.content-600 div.sc_vorteile_element_wrapper:after {
  clear: both;
}
.content.content-600 div.sc_vorteile_element_wrapper img.sc_vorteile_element_icon {
  float: left;
  margin-bottom: 2rem;
  max-width: 80px;
}
.content.content-600 div.sc_vorteile_element_wrapper div.sc_vorteile_element_text_wrapper {
  margin-bottom: 2rem;
  margin-left: 100px;
}
.content.content-600 div.sc_vorteile_element_wrapper div.sc_vorteile_element_text_wrapper h3.sc_vorteile_element_text_title {
  margin-top: 0;
}
.content.content-600 div.sc_vorteile_element_wrapper div.sc_vorteile_element_text_wrapper div.sc_vorteile_element_text_text em {
  font-style: normal;
  text-transform: uppercase;
}

.content.content-600-alt .sc_account_content_text_container {
  display: flex;
  flex-flow: row wrap;
  margin: -1rem;
}
.content.content-600-alt .sc_vorteile_element_wrapper {
  flex: 1 1 40%;
  padding: 0 1rem 1rem 3rem;
  border: solid thin #ef7d00;
  margin: 1rem;
  position: relative;
}
.content.content-600-alt .sc_vorteile_element_wrapper.empty {
  font-size: 0;
  border: 0;
}
.content.content-600-alt .sc_vorteile_element_icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.content.content-1000 .in-action-for-you-image-gallery {
  display: flex;
  margin: -10px;
  flex-flow: row wrap;
}
.content.content-1000 .in-action-for-you-image-gallery a {
  max-width: 50%;
  padding: 10px;
  display: block;
}

.ad_products_reviews_element_wrapper {
  border-bottom: solid thin rgba(3, 0, 2, 0.22);
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.ad_products_reviews_element_wrapper:before, .ad_products_reviews_element_wrapper:after {
  content: "";
  display: table;
}
.ad_products_reviews_element_wrapper:after {
  clear: both;
}

.ad_products_reviews_element_text {
  margin-right: 10ex;
}

.ad_products_reviews_element_datum {
  float: right;
}

.sc_content_manager_content_wrapper a {
  color: #ef7d00;
  text-decoration: none;
}
.sc_content_manager_content_wrapper a:hover {
  text-decoration: underline;
}
.sc_content_manager_content_wrapper a.button {
  background: #ef7d00;
  color: white;
  display: inline-block;
  margin: 0.25rem;
  padding: 0.75em 2em;
  font-weight: 500;
  word-wrap: none;
  white-space: nowrap;
}
.sc_content_manager_content_wrapper a.button::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
  padding-right: 0.5rem;
}
.sc_content_manager_content_wrapper a.button:hover, .sc_content_manager_content_wrapper a.button:focus, .sc_content_manager_content_wrapper a.button:active {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
}
.sc_content_manager_content_wrapper a.button.grey {
  background-color: rgba(3, 0, 2, 0.4);
}
.sc_content_manager_content_wrapper a.button.orange {
  background-color: #ef7d00;
}
.sc_content_manager_content_wrapper a.button.green {
  background-color: limegreen;
}
.sc_content_manager_content_wrapper a.button.black {
  background-color: black;
}
.sc_content_manager_content_wrapper a.button.red {
  background-color: red;
}
.sc_content_manager_content_wrapper a[href^="tel:"], .sc_content_manager_content_wrapper a[href^="mailto:"] {
  color: inherit;
  text-decoration: inherit;
}
.sc_content_manager_content_wrapper figure {
  margin: 1rem auto;
  width: auto;
  position: relative;
}
.sc_content_manager_content_wrapper figure img {
  display: block;
  margin: 0 auto;
}
.sc_content_manager_content_wrapper figure figcaption {
  display: none;
}
.sc_content_manager_content_wrapper figure:hover figcaption {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  font-weight: bold;
  background: rgba(3, 0, 2, 0.4);
  padding: 1rem;
  text-transform: uppercase;
  color: white;
}
.sc_content_manager_content_wrapper hr {
  max-width: 100%;
}

.content.content-300 .sc_content_manager_content_wrapper figure {
  margin-bottom: 2rem;
  text-align: center;
}
.content.content-300 .sc_content_manager_content_wrapper figure figcaption {
  display: block;
}
.content.content-300 .sc_content_manager_content_wrapper figure:hover figcaption {
  position: static;
  transform: none;
  font-size: unset;
  font-weight: unset;
  background: none;
  padding: inherit;
  color: unset;
  text-transform: none;
}

@media screen and (min-width: 777px) {
  .main-sidebar {
    order: -1;
  }
}
@media screen and (max-width: 776px) {
  .main-sidebar:not(.brands):not(.category-listing):not(.product-listing):not(.product-details):not(.shopping-cart) {
    display: none;
  }
  .findologic.main-sidebar > .sidebar-basic {
    display: none;
  }
  .brands.main-sidebar > .sidebar-basic {
    display: none;
  }
  .category-listing.main-sidebar > .sidebar-basic > .sidebar-section-ansprechpartner {
    order: -3;
  }
  .category-listing.main-sidebar > .sidebar-basic > .sidebar-section-optimieren {
    display: none;
  }
  .category-listing.main-sidebar > .sidebar-basic > .sidebar-section-anzeige {
    order: -2;
  }
  .category-listing.main-sidebar > .sidebar-basic > .sidebar-section-cross-selling {
    order: -4;
  }
  .category-listing.main-content > h1.categorie_listing,
  .category-listing.main-content > img.mood_image,
  .category-listing.main-content > .categories_element_wrapper {
    order: -5;
  }
  .category-listing.main-content > .main_content_group_header_categories {
    order: -4;
  }
  .category-listing.main-footer > .tabs {
    order: -3;
  }
  .category-listing.main-footer #ad_cross_selling_header_band_productsLastVisited,
  .category-listing.main-footer #ad_cross_selling_products_wrapper_productsLastVisited {
    order: -2;
  }
  .product-listing.main-sidebar > .sidebar-basic > .sidebar-section-ansprechpartner {
    order: -3;
  }
  .product-listing.main-sidebar > .sidebar-basic > .sidebar-section-zahlen-fakten {
    order: -3;
  }
  .product-listing.main-sidebar > .sidebar-basic > .sidebar-section-anzeige {
    order: -2;
  }
  .product-listing.main-sidebar > .sidebar-basic > .sidebar-section-cross-selling {
    order: -4;
  }
  .product-listing.main-content > h1,
  .product-listing.main-content > .h1-product-listing,
  .product-listing.main-content > img.mood_image,
  .product-listing.main-content > .main_content_group_header,
  .product-listing.main-content > .products_wrapper,
  .product-listing.main-content > .paginator_wrapper,
  .product-listing.main-content > .error_no_products_found_in_category {
    order: -5;
  }
  .product-listing.main-content > .description {
    order: -4;
  }
  form#cart_quantity {
    display: contents;
  }
  .product-wrapper {
    display: flex;
    flex-flow: column nowrap;
    display: contents;
  }
  .product-wrapper .sidebar-section-cross-selling-manufacturer {
    order: -13;
  }
  .product-wrapper .product-content {
    display: contents;
  }
  .product-wrapper .product-sidebar,
  .product-wrapper .ad_product_content_wrapper.product-sidebar,
  .product-wrapper .ad_product_content_wrapper_inner {
    display: contents;
  }
  .product-wrapper .sidebar-section-payment-methods,
  .product-wrapper .sidebar-spacer {
    display: none;
  }
  .product-wrapper .ad_products_tabnavi_navi_container,
  .product-wrapper .ad_products_tabnavi_content_container {
    order: -34;
  }
  .product-wrapper .artikel-details-tab-labels {
    display: block;
    order: -34;
  }
  .product-wrapper .artikeldetails-similar,
  .product-wrapper .artikeldetails-tab-contents,
  .product-wrapper .special-super-override.review,
  .product-wrapper .special-super-override.question,
  .product-wrapper .special-super-override.print,
  .product-wrapper .sidebar-artikel-statistik {
    order: -34;
  }
  .product-wrapper .ad_products_zuletzt_gekauft_wrapper,
  .product-wrapper .ad_products_name_wrapper,
  .product-wrapper .product-content > .ad_product_content_wrapper,
  .product-wrapper .ad_quickinfo_container {
    order: -35;
  }
  .product-wrapper .sidebar-section-ansprechpartner,
  .product-wrapper .sidebar-section-optimieren,
  .product-wrapper .ad_cross_selling_products_wrapper {
    order: -14;
  }
  .product-wrapper #ad_cross_selling_header_band_productsLastVisited,
  .product-wrapper #ad_cross_selling_products_wrapper_productsLastVisited {
    order: 3;
  }
  .main-footer.product-details .tabs {
    order: -15;
  }
  .account.main-sidebar > .sidebar-basic {
    display: none;
  }
  .shopping-cart.main-sidebar > .sidebar-basic > * {
    display: none;
  }
  .shopping-cart.main-sidebar > .sidebar-basic .sidebar-section-ansprechpartner {
    display: block;
    order: 3;
  }
}
.home-brands-slider .slide {
  width: 11rem;
}
.home-brands-slider .slide a {
  display: block;
  padding: 3rem;
  text-align: center;
}

@media screen and (min-width: 777px) {
  .error-page.error-404-product {
    background: linear-gradient(to bottom, transparent 240px, white 100%), url(/images/404-product.jpg) top right/50% no-repeat;
    background-size: 300px;
    padding-right: 300px;
  }
}
@media screen and (min-width: 1026px) {
  .error-page.error-404-product {
    background: linear-gradient(to bottom, transparent 480px, white 100%), url(/images/404-product.jpg) top right no-repeat;
    min-height: 620px;
    padding-right: 600px;
  }
  .error-page.error-404-product h1 {
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 940px) {
  .main-content.shopping-cart .paypalexpress {
    float: right;
    width: 170px;
  }
}

/*
body {
  padding: 1em 1em 0;
  .fa {
    font-size: 3em;
    width: 2em;
    height: 1.5em;
    text-align: center;
  }
}
*/
.social-hover {
  display: none;
}

.sc_logoff_social_button_band .fa-instagram:hover .social-hover {
  width: 50px;
}

.sc_logoff_social_button_band .fa-tiktok:hover .social-hover {
  margin-left: -49px;
}

.fa-brand-color.fa-500px,
.fa-brand-color-hover:hover.fa-500px {
  color: #0099e5;
}
.fa-brand-color.fa-adn,
.fa-brand-color-hover:hover.fa-adn {
  color: #4A484C;
}
.fa-brand-color.fa-amazon,
.fa-brand-color-hover:hover.fa-amazon {
  color: #ff9900;
}
.fa-brand-color.fa-android,
.fa-brand-color-hover:hover.fa-android {
  color: #a4c639;
}
.fa-brand-color.fa-angellist,
.fa-brand-color-hover:hover.fa-angellist {
  color: #000;
}
.fa-brand-color.fa-apple,
.fa-brand-color-hover:hover.fa-apple {
  color: #979797;
}
.fa-brand-color.fa-behance,
.fa-brand-color-hover:hover.fa-behance {
  color: #1769ff;
}
.fa-brand-color.fa-behance-square,
.fa-brand-color-hover:hover.fa-behance-square {
  color: #1769ff;
}
.fa-brand-color.fa-bitbucket,
.fa-brand-color-hover:hover.fa-bitbucket {
  color: #205081;
}
.fa-brand-color.fa-bitbucket-square,
.fa-brand-color-hover:hover.fa-bitbucket-square {
  color: #205081;
}
.fa-brand-color.fa-bitcoin,
.fa-brand-color-hover:hover.fa-bitcoin {
  color: #ee9209;
}
.fa-brand-color.fa-black-tie,
.fa-brand-color-hover:hover.fa-black-tie {
  color: #222;
}
.fa-brand-color.fa-btc,
.fa-brand-color-hover:hover.fa-btc {
  color: #ee9209;
}
.fa-brand-color.fa-buysellads,
.fa-brand-color-hover:hover.fa-buysellads {
  color: #c90100;
}
.fa-brand-color.fa-cc-amex,
.fa-brand-color-hover:hover.fa-cc-amex {
  color: #007bc1;
}
.fa-brand-color.fa-cc-diners-club,
.fa-brand-color-hover:hover.fa-cc-diners-club {
  color: #004A97;
}
.fa-brand-color.fa-cc-discover,
.fa-brand-color-hover:hover.fa-cc-discover {
  color: #f68121;
}
.fa-brand-color.fa-cc-jcb,
.fa-brand-color-hover:hover.fa-cc-jcb {
  color: #003A8F;
}
.fa-brand-color.fa-cc-mastercard,
.fa-brand-color-hover:hover.fa-cc-mastercard {
  color: #0a3a82;
}
.fa-brand-color.fa-cc-paypal,
.fa-brand-color-hover:hover.fa-cc-paypal {
  color: #253b80;
}
.fa-brand-color.fa-cc-stripe,
.fa-brand-color-hover:hover.fa-cc-stripe {
  color: #00afe1;
}
.fa-brand-color.fa-cc-visa,
.fa-brand-color-hover:hover.fa-cc-visa {
  color: #0157a2;
}
.fa-brand-color.fa-chrome,
.fa-brand-color-hover:hover.fa-chrome {
  color: #4587F3;
}
.fa-brand-color.fa-codepen,
.fa-brand-color-hover:hover.fa-codepen {
  color: #000;
}
.fa-brand-color.fa-connectdevelop,
.fa-brand-color-hover:hover.fa-connectdevelop {
  color: #391448;
}
.fa-brand-color.fa-contao,
.fa-brand-color-hover:hover.fa-contao {
  color: #eb8623;
}
.fa-brand-color.fa-creative-commons,
.fa-brand-color-hover:hover.fa-creative-commons {
  color: #231f20;
}
.fa-brand-color.fa-css3,
.fa-brand-color-hover:hover.fa-css3 {
  color: #1680C0;
}
.fa-brand-color.fa-dashcube,
.fa-brand-color-hover:hover.fa-dashcube {
  color: #7f7f7f;
}
.fa-brand-color.fa-delicious,
.fa-brand-color-hover:hover.fa-delicious {
  color: #3399ff;
}
.fa-brand-color.fa-deviantart,
.fa-brand-color-hover:hover.fa-deviantart {
  color: #4e6252;
}
.fa-brand-color.fa-digg,
.fa-brand-color-hover:hover.fa-digg {
  color: #000;
}
.fa-brand-color.fa-dribbble,
.fa-brand-color-hover:hover.fa-dribbble {
  color: #444444;
}
.fa-brand-color.fa-dropbox,
.fa-brand-color-hover:hover.fa-dropbox {
  color: #007ee5;
}
.fa-brand-color.fa-drupal,
.fa-brand-color-hover:hover.fa-drupal {
  color: #0077c0;
}
.fa-brand-color.fa-empire,
.fa-brand-color-hover:hover.fa-empire {
  color: #000;
}
.fa-brand-color.fa-expeditedssl,
.fa-brand-color-hover:hover.fa-expeditedssl {
  color: #343433;
}
.fa-brand-color.fa-facebook,
.fa-brand-color-hover:hover.fa-facebook {
  color: #3b5998;
}
.fa-brand-color.fa-facebook-official,
.fa-brand-color-hover:hover.fa-facebook-official {
  color: #3b5998;
}
.fa-brand-color.fa-facebook-square,
.fa-brand-color-hover:hover.fa-facebook-square {
  color: #3b5998;
}
.fa-brand-color.fa-firefox,
.fa-brand-color-hover:hover.fa-firefox {
  color: #e66000;
}
.fa-brand-color.fa-flickr,
.fa-brand-color-hover:hover.fa-flickr {
  color: #ff0084;
}
.fa-brand-color.fa-fonticons,
.fa-brand-color-hover:hover.fa-fonticons {
  color: #1C1E29;
}
.fa-brand-color.fa-forumbee,
.fa-brand-color-hover:hover.fa-forumbee {
  color: #83ad13;
}
.fa-brand-color.fa-foursquare,
.fa-brand-color-hover:hover.fa-foursquare {
  color: #0072b1;
}
.fa-brand-color.fa-ge,
.fa-brand-color-hover:hover.fa-ge {
  color: #000;
}
.fa-brand-color.fa-get-pocket,
.fa-brand-color-hover:hover.fa-get-pocket {
  color: #d3505a;
}
.fa-brand-color.fa-gg,
.fa-brand-color-hover:hover.fa-gg {
  color: #000;
}
.fa-brand-color.fa-gg-circle,
.fa-brand-color-hover:hover.fa-gg-circle {
  color: #000;
}
.fa-brand-color.fa-git,
.fa-brand-color-hover:hover.fa-git {
  color: #333;
}
.fa-brand-color.fa-git-square,
.fa-brand-color-hover:hover.fa-git-square {
  color: #333;
}
.fa-brand-color.fa-github,
.fa-brand-color-hover:hover.fa-github {
  color: #333;
}
.fa-brand-color.fa-github-alt,
.fa-brand-color-hover:hover.fa-github-alt {
  color: #333;
}
.fa-brand-color.fa-github-square,
.fa-brand-color-hover:hover.fa-github-square {
  color: #333;
}
.fa-brand-color.fa-gittip,
.fa-brand-color-hover:hover.fa-gittip {
  color: #663300;
}
.fa-brand-color.fa-google,
.fa-brand-color-hover:hover.fa-google {
  color: #4285f4;
}
.fa-brand-color.fa-google-plus,
.fa-brand-color-hover:hover.fa-google-plus {
  color: #dd4b39;
}
.fa-brand-color.fa-google-plus-square,
.fa-brand-color-hover:hover.fa-google-plus-square {
  color: #dd4b39;
}
.fa-brand-color.fa-google-wallet,
.fa-brand-color-hover:hover.fa-google-wallet {
  color: #4285f4;
}
.fa-brand-color.fa-hacker-news,
.fa-brand-color-hover:hover.fa-hacker-news {
  color: #ff6600;
}
.fa-brand-color.fa-houzz,
.fa-brand-color-hover:hover.fa-houzz {
  color: #7ac142;
}
.fa-brand-color.fa-html5,
.fa-brand-color-hover:hover.fa-html5 {
  color: #e34f26;
}
.fa-brand-color.fa-instagram,
.fa-brand-color-hover:hover.fa-instagram {
  color: rgba(0, 0, 0, 0);
  transition: color 0.05s ease;
}
.fa-brand-color.fa-instagram .social-hover,
.fa-brand-color-hover:hover.fa-instagram .social-hover {
  display: inline-block;
  position: absolute;
  width: 49px;
  margin-left: -45px;
  margin-top: 1px;
}
.fa-brand-color.fa-internet-explorer,
.fa-brand-color-hover:hover.fa-internet-explorer {
  color: #1EBBEE;
}
.fa-brand-color.fa-ioxhost,
.fa-brand-color-hover:hover.fa-ioxhost {
  color: #faa729;
}
.fa-brand-color.fa-joomla,
.fa-brand-color-hover:hover.fa-joomla {
  color: #142849;
}
.fa-brand-color.fa-jsfiddle,
.fa-brand-color-hover:hover.fa-jsfiddle {
  color: #4679BD;
}
.fa-brand-color.fa-lastfm,
.fa-brand-color-hover:hover.fa-lastfm {
  color: #c3000d;
}
.fa-brand-color.fa-lastfm-square,
.fa-brand-color-hover:hover.fa-lastfm-square {
  color: #c3000d;
}
.fa-brand-color.fa-leanpub,
.fa-brand-color-hover:hover.fa-leanpub {
  color: #0c0c0c;
}
.fa-brand-color.fa-linkedin,
.fa-brand-color-hover:hover.fa-linkedin {
  color: #0976b4;
}
.fa-brand-color.fa-linkedin-square,
.fa-brand-color-hover:hover.fa-linkedin-square {
  color: #0976b4;
}
.fa-brand-color.fa-linux,
.fa-brand-color-hover:hover.fa-linux {
  color: #333333;
}
.fa-brand-color.fa-maxcdn,
.fa-brand-color-hover:hover.fa-maxcdn {
  color: #FF6600;
}
.fa-brand-color.fa-meanpath,
.fa-brand-color-hover:hover.fa-meanpath {
  color: #538ed7;
}
.fa-brand-color.fa-medium,
.fa-brand-color-hover:hover.fa-medium {
  color: #000;
}
.fa-brand-color.fa-odnoklassniki,
.fa-brand-color-hover:hover.fa-odnoklassniki {
  color: #ed812b;
}
.fa-brand-color.fa-odnoklassniki-square,
.fa-brand-color-hover:hover.fa-odnoklassniki-square {
  color: #ed812b;
}
.fa-brand-color.fa-opencart,
.fa-brand-color-hover:hover.fa-opencart {
  color: #2AC2EF;
}
.fa-brand-color.fa-openid,
.fa-brand-color-hover:hover.fa-openid {
  color: #F78C40;
}
.fa-brand-color.fa-opera,
.fa-brand-color-hover:hover.fa-opera {
  color: #cc0f16;
}
.fa-brand-color.fa-optin-monster,
.fa-brand-color-hover:hover.fa-optin-monster {
  color: #83c11f;
}
.fa-brand-color.fa-pagelines,
.fa-brand-color-hover:hover.fa-pagelines {
  color: #000;
}
.fa-brand-color.fa-paypal,
.fa-brand-color-hover:hover.fa-paypal {
  color: #253b80;
}
.fa-brand-color.fa-pied-piper,
.fa-brand-color-hover:hover.fa-pied-piper {
  color: #2f9f46;
}
.fa-brand-color.fa-pied-piper-alt,
.fa-brand-color-hover:hover.fa-pied-piper-alt {
  color: #2f9f46;
}
.fa-brand-color.fa-pied-piper-square,
.fa-brand-color-hover:hover.fa-pied-piper-square {
  color: #2f9f46;
}
.fa-brand-color.fa-pinterest,
.fa-brand-color-hover:hover.fa-pinterest {
  color: #cc2127;
}
.fa-brand-color.fa-pinterest-p,
.fa-brand-color-hover:hover.fa-pinterest-p {
  color: #cc2127;
}
.fa-brand-color.fa-pinterest-square,
.fa-brand-color-hover:hover.fa-pinterest-square {
  color: #cc2127;
}
.fa-brand-color.fa-qq,
.fa-brand-color-hover:hover.fa-qq {
  color: #000;
}
.fa-brand-color.fa-ra,
.fa-brand-color-hover:hover.fa-ra {
  color: #000;
}
.fa-brand-color.fa-rss,
.fa-brand-color-hover:hover.fa-rss {
  color: #f26522;
}
.fa-brand-color.fa-rss-square,
.fa-brand-color-hover:hover.fa-rss-square {
  color: #f26522;
}
.fa-brand-color.fa-rebel,
.fa-brand-color-hover:hover.fa-rebel {
  color: #000;
}
.fa-brand-color.fa-reddit,
.fa-brand-color-hover:hover.fa-reddit {
  color: #ff4500;
}
.fa-brand-color.fa-reddit-square,
.fa-brand-color-hover:hover.fa-reddit-square {
  color: #ff4500;
}
.fa-brand-color.fa-renren,
.fa-brand-color-hover:hover.fa-renren {
  color: #005EAC;
}
.fa-brand-color.fa-safari,
.fa-brand-color-hover:hover.fa-safari {
  color: #1B88CA;
}
.fa-brand-color.fa-sellsy,
.fa-brand-color-hover:hover.fa-sellsy {
  color: #1f78b9;
}
.fa-brand-color.fa-share-alt,
.fa-brand-color-hover:hover.fa-share-alt {
  color: #01bf01;
}
.fa-brand-color.fa-share-alt-square,
.fa-brand-color-hover:hover.fa-share-alt-square {
  color: #01bf01;
}
.fa-brand-color.fa-shirtsinbulk,
.fa-brand-color-hover:hover.fa-shirtsinbulk {
  color: #dd3a26;
}
.fa-brand-color.fa-simplybuilt,
.fa-brand-color-hover:hover.fa-simplybuilt {
  color: #000;
}
.fa-brand-color.fa-skyatlas,
.fa-brand-color-hover:hover.fa-skyatlas {
  color: #00adbb;
}
.fa-brand-color.fa-skype,
.fa-brand-color-hover:hover.fa-skype {
  color: #00aff0;
}
.fa-brand-color.fa-slack,
.fa-brand-color-hover:hover.fa-slack {
  color: #0f7965;
}
.fa-brand-color.fa-slideshare,
.fa-brand-color-hover:hover.fa-slideshare {
  color: #e98325;
}
.fa-brand-color.fa-soundcloud,
.fa-brand-color-hover:hover.fa-soundcloud {
  color: #f80;
}
.fa-brand-color.fa-spotify,
.fa-brand-color-hover:hover.fa-spotify {
  color: #7ab800;
}
.fa-brand-color.fa-stack-exchange,
.fa-brand-color-hover:hover.fa-stack-exchange {
  color: #000;
}
.fa-brand-color.fa-stack-overflow,
.fa-brand-color-hover:hover.fa-stack-overflow {
  color: #fe7a15;
}
.fa-brand-color.fa-steam,
.fa-brand-color-hover:hover.fa-steam {
  color: #0B0B0B;
}
.fa-brand-color.fa-steam-square,
.fa-brand-color-hover:hover.fa-steam-square {
  color: #0B0B0B;
}
.fa-brand-color.fa-stumbleupon,
.fa-brand-color-hover:hover.fa-stumbleupon {
  color: #eb4924;
}
.fa-brand-color.fa-stumbleupon-circle,
.fa-brand-color-hover:hover.fa-stumbleupon-circle {
  color: #eb4924;
}
.fa-brand-color.fa-tencent-weibo,
.fa-brand-color-hover:hover.fa-tencent-weibo {
  color: #74AF2C;
}
.fa-brand-color.fa-tiktok,
.fa-brand-color-hover:hover.fa-tiktok {
  color: rgba(0, 0, 0, 0);
  transition: color 0.05s ease;
}
.fa-brand-color.fa-tiktok .social-hover,
.fa-brand-color-hover:hover.fa-tiktok .social-hover {
  display: inline-block;
  position: absolute;
  width: 52px;
  margin-left: -48px;
  margin-top: -2px;
}
.fa-brand-color.fa-trello,
.fa-brand-color-hover:hover.fa-trello {
  color: #256a92;
}
.fa-brand-color.fa-tripadvisor,
.fa-brand-color-hover:hover.fa-tripadvisor {
  color: #589442;
}
.fa-brand-color.fa-tumblr,
.fa-brand-color-hover:hover.fa-tumblr {
  color: #35465c;
}
.fa-brand-color.fa-tumblr-square,
.fa-brand-color-hover:hover.fa-tumblr-square {
  color: #35465c;
}
.fa-brand-color.fa-twitch,
.fa-brand-color-hover:hover.fa-twitch {
  color: #6441a5;
}
.fa-brand-color.fa-twitter,
.fa-brand-color-hover:hover.fa-twitter {
  color: #55acee;
}
.fa-brand-color.fa-twitter-square,
.fa-brand-color-hover:hover.fa-twitter-square {
  color: #55acee;
}
.fa-brand-color.fa-viacoin,
.fa-brand-color-hover:hover.fa-viacoin {
  color: #333;
}
.fa-brand-color.fa-vimeo,
.fa-brand-color-hover:hover.fa-vimeo {
  color: #1ab7ea;
}
.fa-brand-color.fa-vimeo-square,
.fa-brand-color-hover:hover.fa-vimeo-square {
  color: #1ab7ea;
}
.fa-brand-color.fa-vine,
.fa-brand-color-hover:hover.fa-vine {
  color: #00b488;
}
.fa-brand-color.fa-vk,
.fa-brand-color-hover:hover.fa-vk {
  color: #45668e;
}
.fa-brand-color.fa-wechat,
.fa-brand-color-hover:hover.fa-wechat {
  color: #93d034;
}
.fa-brand-color.fa-weibo,
.fa-brand-color-hover:hover.fa-weibo {
  color: #E71D34;
}
.fa-brand-color.fa-weixin,
.fa-brand-color-hover:hover.fa-weixin {
  color: #93d034;
}
.fa-brand-color.fa-wikipedia-w,
.fa-brand-color-hover:hover.fa-wikipedia-w {
  color: #000;
}
.fa-brand-color.fa-windows,
.fa-brand-color-hover:hover.fa-windows {
  color: #00bcf2;
}
.fa-brand-color.fa-wordpress,
.fa-brand-color-hover:hover.fa-wordpress {
  color: #21759b;
}
.fa-brand-color.fa-xing,
.fa-brand-color-hover:hover.fa-xing {
  color: #026466;
}
.fa-brand-color.fa-xing-square,
.fa-brand-color-hover:hover.fa-xing-square {
  color: #026466;
}
.fa-brand-color.fa-y-combinator,
.fa-brand-color-hover:hover.fa-y-combinator {
  color: #F0652F;
}
.fa-brand-color.fa-yc,
.fa-brand-color-hover:hover.fa-yc {
  color: #F0652F;
}
.fa-brand-color.fa-yahoo,
.fa-brand-color-hover:hover.fa-yahoo {
  color: #400191;
}
.fa-brand-color.fa-yelp,
.fa-brand-color-hover:hover.fa-yelp {
  color: #af0606;
}
.fa-brand-color.fa-youtube,
.fa-brand-color-hover:hover.fa-youtube {
  color: #e52d27;
}
.fa-brand-color.fa-youtube-play,
.fa-brand-color-hover:hover.fa-youtube-play {
  color: #e52d27;
}
.fa-brand-color.fa-youtube-square,
.fa-brand-color-hover:hover.fa-youtube-square {
  color: #e52d27;
}

body.print {
  font-size: 12pt;
}
body.print .product {
  display: flex;
  flex-flow: row wrap;
}
body.print .product-image {
  flex: 0 0 40%;
  text-align: left;
  vertical-align: top;
}
body.print .dl {
  display: flex;
  flex-flow: row wrap;
}
body.print .dl .dt {
  flex: 1 1 52%;
  display: inline-block;
}
body.print .dl .dd {
  flex: 0 0 20ex;
  display: inline-block;
  text-align: right;
}
body.print .dl .dd:first-child,
body.print .dl .dd + .dd {
  flex: 0 0 100%;
}
body.print .dl span {
  display: block;
}
body.print .energy-model-avail .dt {
  align-self: flex-end;
}
body.print .prices {
  margin-bottom: 1rem;
}
body.print .price {
  font-weight: bold;
  border-bottom: solid thin black;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
body.print .price .dt {
  font-size: 1em;
}
body.print .price .dd {
  font-size: 1.5em;
  flex: 0 0 12ex;
}
body.print .product-gallery {
  flex: 1 0 auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body.print .info {
  flex: 1 1 55%;
}
body.print .sterne {
  display: flex;
}
body.print .sterne i.fas.fa-star {
  margin: 0.25ex;
}
body.print .sterne i.fas.fa-star.active::before {
  color: #ffc700;
}
body.print .sterne i.fas.fa-star.inactive::before {
  color: #b1aca6;
}
body.print .print-button {
  font-size: 16px;
  display: block;
  border: solid thin rgba(3, 0, 2, 0.22);
  background: white;
  position: absolute;
  top: -0.75rem;
  right: 0;
  padding: 0.5rem;
  z-index: 1;
  border-radius: 5px;
}
@media screen and (min-width: 777px) {
  body.print .print-button {
    top: 1rem;
  }
}
body.print .print-button i::before {
  color: #ef7d00;
}
body.print h1, body.print h2 {
  font-size: 12pt;
}
body.print.print-10pt {
  font-size: 10pt;
}
@media screen {
  body.print {
    max-width: 600px;
    margin: 1rem auto;
    position: relative;
  }
}
@media screen and (min-width: 796px) {
  body.print {
    padding: 96px;
    max-width: 796px;
    width: 796px;
  }
}
@media screen and (max-width: 776px) {
  body.print main {
    width: 600px;
    position: absolute;
    top: 4px;
    left: 4px;
    transform: scale(0.4) translate(-75%, -75%);
  }
}
@media screen and (max-width: 776px) and (min-width: 315px) {
  body.print main {
    transform: scale(0.5) translate(-50%, -50%);
  }
}
@media screen and (max-width: 776px) and (min-width: 475px) {
  body.print main {
    transform: scale(0.75) translate(-16.6%, -16.6%);
  }
}
@media print {
  body.print .print-button {
    display: none;
  }
}

@page {
  size: A4;
}
body code {
  display: block;
  color: #c7254e;
  border: solid thin #c7254e;
  background-color: #f9f2f4;
}

body code, body kbd, body samp {
  white-space: pre-line;
  font-family: monospace, monospace;
  font-size: 1rem;
}

/*# sourceMappingURL=stylesheet.css.map */