/* This file can be used for custom styling */

:root {
  --wka-blue: #12283F;
  --wka-black: #000000;
  --wka-blue-rgb: 18, 40, 63;
  --wka-red: #D41C2C;
  --wka-red-rgb: 212, 28, 44;
  --container-size-max: 1320px;
  --container-padding: 32px;
}
:root:has(.shop_table.gastro_edvin) {
  --wka-blue: #688F68;
  --wka-blue-rgb: 104, 143, 104;
}
.container {
  width: 100%;
  padding: 0 var(--container-padding);
  max-width: var(--container-size-max);
}
@media (max-width: 991px) {
  :root {
    --container-padding: 24px;
  }
}



/* Fonts */
@font-face {
  font-family: "Noah";
  font-weight: 300;
  src: local("Noah Light"),
       url("resources/fonts/Noah/noah-light.otf") format("opentype");
}
@font-face {
  font-family: "Noah";
  font-weight: 400;
  src: local("Noah Regular"),
  url("resources/fonts/Noah/noah-regular.otf") format("opentype");
}
@font-face {
  font-family: "Noah";
  font-weight: 400;
  font-style: italic;
  src: local("Noah Regular Italic"),
  url("resources/fonts/Noah/noah-regularitalic.otf") format("opentype");
}
@font-face {
  font-family: "Noah";
  font-weight: 700;
  src: local("Noah Bold"),
  url("resources/fonts/Noah/noah-bold.otf") format("opentype");
}
@font-face {
  font-family: "Noah";
  font-weight: 700;
  font-style: italic;
  src: local("Noah Bold Italic"),
  url("resources/fonts/Noah/noah-bolditalic.otf") format("opentype");
}


/* Schriften / Grössen */
h1.content,
h2.content,
h4.content,
.heading-2,
.heading-1,
.hauptnav_slidemenu ul.sf-menu > li > a,
.hauptnav_slidemenu ul.sf-megamenu > li > a,
#form_suchsortierung_simple select,
.artikel_box,
.artikel_box a.content:link,
.artikel_box a.content:visited,
div.artikel_box_preis,
.product_detail h1.heading-2 + div > h3.content,
div.bp ul li a,
div.bp ul li a:link,
div.bp ul li a:visited,
div.tbl_ger,
div.tbl_ung,
div.tbl_titel,
div.wk_config label.control-label,
.art_details .art_name a,
.art_details .art_name .zusatz > :first-child,
.btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle),
.btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle),
.wk_layer_sub_footer a {
  text-transform: uppercase;
}
div.kundeadresse h4.content,
h4.content {
  font-weight: 700;
  font-size: 15px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #B8BFC6;
}
div.kundeadresse h4.content,
div.kunde_zusatzdaten h4.content {
  margin-top: 30px;  
}
.btn.btn-sm,
.btn.btn-xs {
  font-weight: 400 !important;
}
.product_detail h1.heading-2 {
  font-size: 42px;
}
.waehrung {
  font-size: 60%;
}
h3.content {
  margin-bottom: 10px;
}
h5.content {
  margin-top: 0;
}
h5.content del,
.product_detail .aktionspreis_darstellungs_element,
del.aktionspreis_darstellungs_element > *,
div.artikel_box_preis del {
  font-size: 16px;
  color: var(--wka-black);
  font-weight: 400;
  text-decoration: none;
}
div.artikel_box_preis del,
.product_detail .aktionspreis_darstellungs_element {
  display: block;
  text-decoration: line-through;
}
.bi,
[class^="bi-"],
[class*=" bi-"] {
  line-height: 1;
}
@media (max-width: 991px) {
  .product_detail h1.heading-2 {
    font-size: 32px;
  }
  div.artikel_box_preis del,
  h5.content del {
    display: block;
  }
}


/* Allgemein */
section[class*="col-"] > .content_td {
  overflow: visible;
}
.js_variant,
.login_direkt_box {
  margin: 25px auto 0;
  padding: 30px;
  box-shadow: 0 6px 20px 0 rgba(0,0,0,.15);
  border-radius: 12px;
}
.login_box,
div.kundenaccount_box,
div.kundeadresse,
div.kunde_zusatzdaten,
.product_detail .product_info {
  box-shadow: none;
  padding: 0;
}
.login_box,
.product_detail .product_info,
div.kundenaccount_box,
.login_direkt_box {
  margin: 40px 0;
}
.row:has(> section) {
  display: flex;
  gap: 40px;
  margin: 0;
}
.row:has(> section):before,
.row:has(> section):after {
  display: none;
}
.row > section,
.row > section + div {
  flex: 1 1 auto;
  padding: 0;
  left: auto;
  right: auto;
}
.row > section {
  order: 2;
}
.row > section + div {
  order: 1;
}
@media (max-width: 991px) {
  .row:has(> section) {
    flex-wrap: wrap;
  }
  .row > section {
    order: 1;
  }
  .login_box,
  .product_detail .product_info,
  .login_direkt_box {
    margin: 25px 0;
  }
}


/* Hauptnavigation */
.hauptnavigation_middle.order_first,
.hauptnavigation_right {
  flex-basis: auto;
}
.hauptnavigation_bottom {
  flex-basis: auto;
  order: 2;
  margin-left: auto;
}
.hauptnavigation_right {
  order: 3;
}
#hauptnavigation {
  order: 2;
}
.hauptnav_slidemenu ul.sf-menu > li > a,
.hauptnav_slidemenu ul.sf-megamenu > li > a {
  margin-right: 30px;
  padding: 0;
}
.hauptnav_slidemenu .sf-arrows > li > .sf-with-ul:after {
  display: none;
}
.header_subnav {
  border: 0;
  line-height: 26px;
}
.header_subnav .row > [class*="col-"] {
  display: flex;
  justify-content: center;
}
.header_subnav a {
  margin: 0 5px 0 0;
}
.header_subnav a:last-child {
  margin: 0 0 0 5px;
}
header.hauptnav_td div.header_subnav div.ibox .ibox_top > span {
  color: #FFFFFF;
}
#shoplogo_xs {
  height: 40px;
}
#shoplogo {
 width: 225px;
}
.hauptnav_td {
  box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
}
header.hauptnav_td .ibox.contact_container {
  padding: 5px 0;
}
.hauptnav_td .ibox.contact_container .ibox_top,
.hauptnav_td .ibox.contact_container {
  float: none;
}
.hauptnav_td div.ibox select {
  padding: 3px;
  border: 0;
}
.hauptnav_td div.ibox.language_container {
  margin-top: 4px;
}
div.top_stern [class*="bi-"]:before {
  vertical-align: middle;
}
span.wk_info_box {
  right: 0;
  transform: translate(50%, -25%);
  border: 0;
  line-height: 22px;
  width: 20px;
  height: 20px;
  font-size: 13px;
  font-weight: 400;
}
.navbar-brand > img {
  padding-left: var(--container-padding);
}
header.hauptnav_td .navbar-toggle.dl-trigger {
  padding-right: var(--container-padding);
}
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse, .container>.navbar-header {
  margin-left: calc(-1 * var(--container-padding));
  margin-right: calc(-1 * var(--container-padding));
}
.navbar-header-flex {
  min-height: 60px;
}
.navbar-header span.wk_info_box {
  width: 18px;
  height: 18px;
  right: 0;
  font-size: 10px;
}
header.hauptnav_td .dl-menuwrapper > ul {
  top: 60px;
}


/* Sprachwahl */
.ibox.language_container .dropdown-sprache {
  display: flex;
  align-items: center;
  position: relative;
  background-color: transparent;
  border: 0;
  font-size: 15px;
  padding: 2px 5px 0 0;
}
.ibox.language_container .dropdown-sprache .bi:before {
  margin-left: 4px;
  font-size: 14px;
  vertical-align: unset;
}
.ibox.language_container .dropdown-sprache + .dropdown-menu {
  padding: 16px 20px 14px;
  border: 0;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  left: -20px;
  min-width: 120px;
  
  > li {
    font-size: 15px;
    
    > a {
      color: var(--wka-blue);
      display: inline-block;
      padding: 0;
      border-bottom: 2px solid transparent;
      
      &:hover {
        background: transparent;
        border-color: var(--wka-red);
      }
    }
    
    + li {
      margin-top: 10px;
    }
  }
}


/* Quicksearch */
.hauptnav_td #search-navbar-input + span > button,
.hauptnav_td #quicksearch_suchstring + span > button,
.hauptnav_td #search-navbar-input,
.hauptnav_td #quicksearch_suchstring {
  height: 34px;
  padding: 0 10px;
}
.autocomplete-suggestions.search-navbar-input {
  left: 15px !important;
  max-width: calc(100% - 30px) !important; 
}


/* Startseite */

 
/* Artikelliste */
div.aktion_corner img,
div.promo_corner img {
  max-width: 75px;
}
div.aktion_corner .prozentsatz {
  height: 75px;
  width: 75px;
  background: #D41C2C;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  border-radius: 50px;
}
h1.content:has(+ .kat_actions) {
  max-width: 60%;
}
h1.content + .kat_actions {
  max-width: 40%;
  margin: -30px 0 0 auto;
  transform: translate(0, -45px);
}
.kat_actions {
  box-shadow: none;
  padding: 0;
  margin: 20px 0 40px;
}
.kat_actions .row {
  display: flex;
  gap: 24px;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
}
.kat_actions .row:before,
.kat_actions .row:after {
  display: none;
}
.kat_actions .row > [class*="col"]{
  width: auto;
  float: none;
  padding: 0;
}
#form_suchsortierung_simple {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
#form_suchsortierung_simple label {
  letter-spacing: -4px;
  font-size: 0;
  order: 2;
}
#form_suchsortierung_simple .order_sortierung {
  font-size: 20px;
  font-weight: 500;
}
#form_suchsortierung_simple .order_sortierung i:last-child {
  margin-left: -5px;
}
#form_suchsortierung_simple .order_sortierung:hover {
  cursor: pointer;
}
#form_suchsortierung_simple .order_sortierung input {
  display: none;
}
#form_suchsortierung_simple select {
  padding: 0;
  border: 0;
}
#form_suchsortierung_simple option {
  text-transform: none;
}

#form_suchsortierung_simple .order_sortierung {
    transition: transform ease-in-out .3s;
}
#form_suchsortierung_simple .order_sortierung.rotate {
  transform: rotate(180deg);
}

div.artikel_box {
  border-radius: 0;
}
div.artikel_box:hover {
  box-shadow: none;
}
.artikelliste_mehrspaltig [class*="col-"]:first-child .artikel_box:after,
.artikelliste_mehrspaltig [class*="col-"]:nth-child(2) .artikel_box:after,
.artikelliste_mehrspaltig [class*="col-"]:nth-child(3n + 1) .artikel_box:after,
.artikelliste_mehrspaltig [class*="col-"]:nth-child(3n + 2) .artikel_box:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 1px;
  height: calc(100% - 60px);
  background-color: rgba(0,0,0,.3);
}
.artikel_box,
.artikel_box a.content:link, 
.artikel_box a.content:visited,
div.artikel_box_preis {
  line-height: normal;
}
img.artikel_box_bild {
  transition: scale ease-in-out .3s;
}
img.artikel_box_bild.artikel_box_bild_ratio {
  object-fit: contain;
}
.artikel_box:hover img.artikel_box_bild {
  scale: 1.1;
}
.artikel_box_merkliste {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 30px;
}
.artikel_box_merkliste .btn.btn-xs,
.artikel_box_merkliste .btn.btn-xs:focus,
.artikel_box_merkliste .btn.btn-xs:active:focus,
.artikel_box_merkliste .btn.btn-xs:hover,
.artikel_box_artikelvergleich .btn.btn-xs,
.artikel_box_artikelvergleich .btn.btn-xs:focus,
.artikel_box_artikelvergleich .btn.btn-xs:active:focus,
.artikel_box_artikelvergleich .btn.btn-xs:hover {
  background: none;
  padding: 0;
  border: 0;
  color: var(--wka-blue);
  font-size: 22px;
}
.artikel_box_merkliste .btn.btn-xs [class*="-fill"],
.artikel_box_merkliste .btn.btn-xs:hover,
.artikel_box_artikelvergleich .btn.btn-xs [class*="-fill"],
.artikel_box_artikelvergleich .btn.btn-xs:hover {
  color: var(--wka-red);
}
.artikel_box_artikelvergleich {
  z-index: 1;
  position: absolute;
  top: 40px;
  left: 30px;
}
 {
  background: none;
  padding: 0;
  border: 0;
  color: var(--wka-blue);
  font-size: 22px;
}
.artikel_box_content_wrapper {
  text-align: center;
}
div.artikel_box_content_wrapper > div.artikel_box_kurzbeschr {
  margin-top: 0;
}
.artikel_box .land,
div.artikel_box_content_wrapper > div:not(:first-child):not(.artikel_box_kurzbeschr) {
  margin-top: 15px;
}
.artikel_box_preis {  
  text-align: left;
}
.artikel_box_preis .zusatz {
  text-transform: none;
  font-weight: 400;
  font-size: 16px;
  color: var(--wka-black);
}
.artikel_box .land,
.artikel_box .balance {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.artikel_box .land {
  text-transform: none;
}
.artikel_box .balance {
  margin-top: 5px;
  font-weight: 700;
  text-transform: lowercase;
}
.artikel_box .land span,
.artikel_box .balance span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.artikel_box_button .btn {
  width: 100%;
}
div.artikel_box_button  > form {
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 15px;
}
div.artikel_box_button  > form > .btn:not(.touchspin-spinner):not(.btn-lg):not(.btn-sm):not(.btn-xs):not(.navbar-toggle) {
  padding: 10px;
  max-width: 75px;
  height: 55px;
  font-size: 24px;
  min-width: fit-content;
}
div.blaettern {
  justify-content: center;
}
.blaettern_no_link,
.content_td a.blaettern,
.content_td button.blaettern {
  width: 40px;
  padding: 0;
  aspect-ratio: 1 / 1;
}
button.blaettern.active,
a.blaettern.active,
button.blaettern:hover,
a.blaettern:hover {
  color: #FFFFFF;
  border-color: var(--wka-blue);
}


.custom_corner {
  position: absolute;
  z-index: 1;
  right: -15px;
  top: -0px;
}
.custom_corner img {
  height: 50px;
}

@media (max-width: 991px) {
  .artikelliste_mehrspaltig [class*="col-"]:nth-child(2) .artikel_box:after,
  .artikelliste_mehrspaltig [class*="col-"]:nth-child(3n + 1) .artikel_box:after, 
  .artikelliste_mehrspaltig [class*="col-"]:nth-child(3n + 2) .artikel_box:after {
    content: none;
  }
  .artikelliste_mehrspaltig [class*="col-"]:nth-child(2n + 1) .artikel_box:after {
    position: absolute;
    top: 30px;
    right: 0;
    content: '';
    width: 1px;
    height: calc(100% - 120px);
    background-color: rgba(0,0,0,.3);
  }
}
@media (max-width: 530px) {
  div.artikel_box_direktkauf > form > .btn:not(.touchspin-spinner):not(.btn-lg):not(.btn-sm):not(.btn-xs):not(.navbar-toggle) {
    height: 44px;
    padding: 6px 10px;
    font-size: 20px;
  }
  div.artikel_box_direktkauf > form {
    gap: 5px;
  }
}
@media (max-width: 515px) {
  .artikelliste_mehrspaltig [class*="col-"]:nth-child(n) .artikel_box:after {
    top: auto;
    bottom: 30px;
    left: 60px;
    content: '';
    width: calc(100% - 120px);
    height: 1px;
  }
}

@media (min-width: 400px) AND (max-width: 515px) {
  .artikelliste_mehrspaltig [class*="col-xs-"],
  .kat_content [class*="col-xs-"],
  .startartikel [class*="col-xs-"] {
    width: 100%
  }
}

.artikel_box_direktkauf_anzahl {
    flex: initial !important;
}

/* Artikeldetail */
.breadcrumb,
.breadcrumb + h1.content {
  display: none;
}
.product_detail > form > .row {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.product_detail > form > .row:before,
.product_detail > form > .row:after {
  display: none;
}
.product_detail > form > .row > * {
  flex: 1 1 420px;
}
.product_image_container {
  position: relative;
}
.product_image_container ~ .heading-2 {
  margin-top: -20px;
  text-align: center;
}
.product_image_container ~ .kurzbeschreibung {
  margin-bottom: 30px;
  text-align: center;
}
.product_detail .flex {
  position: relative;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  border: 1px solid #12283F;
  padding: 20px 25px;
  margin-bottom: 95px;
}
.product_detail .flex > * {
  flex: 1 1 auto;
}
.product_detail .flex > span {
  flex: 1 1 100%;
  text-align: center;
  margin-top: 15px;
  padding-top: 20px;
  border-top: 1px solid #12283F;
}
.product_detail .flex  .merkliste_button_container .btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0;
  transform: translate(-50%, calc(100% + 20px));
  background: none;
  border: 0;
  padding: 0 !important;
  height: auto !important;;
  color: var(--wka-blue);
  text-transform: none;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
}
.product_detail .flex  .merkliste_button_container .btn:hover {
  color: var(--wka-red);
}
.product_detail .flex  .comparison_button_container .btn {
  position: absolute;
  left: 50%;
  bottom: -25px;
  margin: 0;
  transform: translate(-50%, calc(100% + 20px));
  background: none;
  border: 0;
  padding: 0 !important;
  height: auto !important;;
  color: var(--wka-blue);
  text-transform: none;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
}
.product_detail .flex  .comparison_button_container .btn:hover {
  color: var(--wka-red);
}
.product_content_sub.artikel_nr {
  padding: 15px 0 0;
}
.product_detail h1.heading-2 + div > h3.content {
  margin-top: -5px;  
}
.product_info h4.content.description,
.product_detail .product_info h3.content {
  display: none;
}
.product_detail .region_box + .product_info {
  margin-top: 15px;
}
.kleinbild {
  position: initial;
}
.kleinbild div.aktion_corner {
  top: 0;
  right: 15px;
}
div.lagerampel > .lagerampel_symbol {
  display: none;
}
.artikel_eigenschaften {
  column-gap: 10px;
  align-items: flex-start;
}
.artikel_eigenschaften > dt {
  text-align: center;
  flex: 0 0 25px;
  padding: 0 0 15px 0;
}
.artikel_eigenschaften > dt.icon img {
  height: 24px;
}
.artikel_eigenschaften > dd {
  font-weight: 700;
  padding: 0 0 15px 0;
  flex: 0 0 auto;
  max-width: calc(100% - 200px);
}
.artikel_eigenschaften > dd + .break:has(+ dd) {
  flex: 0 0 auto;
  padding-bottom: 10px;
  padding-right: 2px;
}
.artikel_eigenschaften > dd + .break:has(+ dd):after {
  content: '|';
}
.taningehalt {
  margin-top: 20px;
}
.slider_merkmal {
  margin-bottom: 10px;
}
.slider_merkmal .scale_wrapper {
  display: flex;
  gap: 5px;
}
.slider_merkmal .scale_wrapper div {
  width: 50px;
  height: 5px;
  background-color: var(--wka-blue);
  opacity: 0.1;
}
.slider_merkmal .scale_wrapper div.active {
  opacity: 1;
}
.slider_merkmal .label_wrapper {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .product_detail > form > .row > * {
    order: 1;
  }
  .product_detail > form > .row > :first-child {
    order: 2;
    flex-grow: 0;
  }
}

.weinbeschreib {
  margin-top: 20px;
}

.wk_input, .anzahl_inline_wrapper input {
    padding: 17px 12px;
}


/* Bestellpfad */
h1.content.bp {
  display: none;
}
h1.content.bp + p {
  max-width: 50%;
}
.login-form {
  padding: 0 15px;
}
.login-form .row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
div.bp_row div.bp ul.hauptzeile {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: space-around;
  gap: 10px;
  padding: 0 0 20px;
}
div.bp_row div.bp ul.hauptzeile:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 13%;
  height: 1px;
  width: 74%;
  background-color: var(--wka-blue);
  opacity: .3;
}
div.bp_row div.bp ul.hauptzeile li {
  flex: 0 0 auto;
  width: auto;
  padding: 0;
}
div.bp ul li a,
div.bp ul li a:link,
div.bp ul li a:visited {
  position: relative;
  padding: 10px 0;
}
div.bp ul li a:before {
  z-index: 1;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,50%);
  height: 10px;
  width: 10px;
  background-color: var(--wka-blue);
  border: 1px solid var(--wka-blue);
  border-radius: 50%;
  opacity: 1;
}
div.bp ul li.bp_spaeter a:before {
  background-color: #FFFFFF;
  border: 1px solid #B8BFC6;
}
div.bp ul li.bp_erledigt a,
div.bp ul li.bp_erledigt a:link,
div.bp ul li.bp_erledigt a:visited {
  font-weight: 400;
}
div.bp ul li.bp_spaeter a,
div.bp ul li.bp_spaeter a:link,
div.bp ul li.bp_spaeter a:visited {
  font-weight: 400;
  color: #B8BFC6;
}
div.bp ul li.bp_erledigt a,
div.bp ul li.bp_erledigt a:link,
div.bp ul li.bp_aktiv a,
div.bp ul li.bp_aktiv a:link,
div.bp ul li.bp_spaeter a,
div.bp ul li.bp_spaeter a:link {
  overflow: visible;
}


/* Warenkorb */
.warenkorb_container hr.anfang {
  margin: 0 0 15px;
}
.warenkorb_container hr,
.warenkorb_container hr.trenner {
  margin: 15px 0;
}
.wk_minibild {
  height: auto;
  width: 30px;
}
.wk_artikel {
    display: flex;
}
.wk_artikel > .pull-left {
  margin-right: 20px;
}
div.tbl_ger,
div.tbl_ung,
div.tbl_titel {
  padding: 10px 0;
}
div.tbl_ger,
div.tbl_ung {
  padding: 15px 0;
}
.wk_artikel .zusatz {
  text-transform: none;
}
.warenkorb_container:not(.uebersicht) div.tbl_ger .flex,
.warenkorb_container:not(.uebersicht) div.tbl_ung .flex {
  display: flex;
  flex-direction: column;
}
.warenkorb_container:not(.uebersicht) div.tbl_ger .flex [class*="col-"],
.warenkorb_container:not(.uebersicht) div.tbl_ung .flex [class*="col-"] {
  padding: 0;
}
.wk_artikel_body {
  padding-right: 25px;
  padding-bottom: 34px;
  margin-bottom: 20px;
}
.warenkorb_container:not(.uebersicht) .anzahl_fixed {
  position: absolute;
  left: 50px;
  bottom: 0;   
}
.warenkorb_container:not(.uebersicht) .preis_fixed {
  position: absolute;
  right: 0;
  bottom: 15px;
}
.warenkorb_container.uebersicht .preis_fixed {
  font-weight: 700;
}
.wk_delete_xs {
  right: 0;
  transform: translate(0, 15px);
}
.wk_delete.btn.btn-default,
.wk_delete.btn.btn-default:hover,
.wk_delete.btn.btn-default:focus,
.wk_delete.btn.btn-default:active,
.wk_edit.btn.btn-default,
.wk_edit.btn.btn-default:hover,
.wk_edit.btn.btn-default:focus, 
.wk_edit.btn.btn-default:active,
.wk_refresh.btn.btn-default,
.wk_refresh.btn.btn-default:hover,
.wk_refresh.btn.btn-default:focus,
.wk_refresh.btn.btn-default:active,
.wk_apply.btn.btn-default,
.wk_apply.btn.btn-default:hover, 
.wk_apply.btn.btn-default:focus,
.wk_apply.btn.btn-default:active {
  padding: 0 !important;
  border: 0;
  background-image: none;
  background-color: transparent;
  color: var(--wka-red);
  font-size: 18px;
}
.wk_delete.btn.btn-default:hover,
.wk_delete.btn.btn-default:focus,
.wk_edit.btn.btn-default:hover,
.wk_edit.btn.btn-default:focus,
.wk_refresh.btn.btn-default:hover,
.wk_refresh.btn.btn-default:focus,
.wk_apply.btn.btn-default:hover,
.wk_apply.btn.btn-default:focus {
  color: var(--wka-blue);  
}
.warenkorb_container div.wk_config,
.warenkorb_container div.tbl_total,
.warenkorb_container div.tbl_info {
  padding: 5px 0;
  margin-bottom: 0;
}
.wk_config .row,
div.tbl_total .row,
div.tbl_info .row {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0;
  column-gap: 15px;
  margin: 0;
}
.wk_config .row {
  flex-direction: column;
  max-width: 500px;
  margin-left: auto;
}
.wk_config .row:before,
.wk_config .row:after,
div.tbl_info .row:before,
div.tbl_info .row:after,
div.tbl_total .row:before,
div.tbl_total .row:after {
  display: none;
}
div.wk_config [class*="col-"],
div.tbl_info [class*="col-"],
div.tbl_total [class*="col-"] {
  flex: 0 1 225px;
  width: auto;
  padding: 0;  
}
div.wk_config [class*="col-"]:first-child,
div.tbl_info [class*="col-"]:first-child,
div.tbl_total [class*="col-"]:first-child {
  margin-left: auto;
  flex: 0 1 260px;
}
div.wk_config [class*="col-"],
div.wk_config [class*="col-"]:first-child {
  flex: 0 0 auto;
  margin-left: 0;
  width: 100%;
}
div.wk_config label.control-label {
  margin-bottom: 5px;
  color: #B8BFC6;
  font-weight: 700;
  font-size: 15px;
}
div.wk_config {
  margin-top: 15px;
}
.wk_gutscheincode_container,
.wk_multi_merkliste_button_container, 
.wk_print_at_home_container,
.wk_geschenkservice_container {
  margin: 10px 0;
}
.btn.dropdown-toggle.versandart-dropdown,
.btn.dropdown-toggle.versandart-dropdown:focus {
  width: 100%;
  background-image: none;
  background-color: transparent;
  color: var(--wka-blue);
  text-align: left;
}
.wk_kasse {
  padding: 20px 0 0; 
}
.wk_kasse .btn {
  width: 100%;
  max-width: 200px;
}
.warenkorb_container:not(.uebersicht) div.tbl_titel,
.warenkorb_container:not(.uebersicht) div.tbl_titel + hr.anfang {
  display: none;
}
@media screen and (max-width: 767px) {
  .visible-xs div.tbl_titel, 
  .visible-xs.tbl_titel {
    display: none !important;
  }
  div.tbl_info [class*="col-"],
  div.tbl_total [class*="col-"],
  div.tbl_info [class*="col-"]:first-child,
  div.tbl_total [class*="col-"]:first-child {
    margin-left: 0;
    flex: 1 1 260px;
  }
  .wk_config .row {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  div.wk_config [class*="col-"],
  div.tbl_info [class*="col-"],
  div.tbl_total [class*="col-"],
  div.wk_config [class*="col-"]:first-child,
  div.tbl_info [class*="col-"]:first-child,
  div.tbl_total [class*="col-"]:first-child {
    text-align: right;
    flex: 1 1 100%;
  }
  .wk_config .row {
    max-width: max(300px,50%);
  }
}



/* Warenkorb Layer */
#warenkorb_layer {
  padding: 120px 40px 40px;
}
#warenkorb_layer .fancybox-close-small {
  top: 25px;
  right: 25px;
  padding: 6px;
}
.wk_layer_header {
  display: none;
}
.wk_layer_art,
.wk_layer_art:last-child {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #B8BFC6;
}
.wk_layer_art:last-child {
  margin-bottom: 15px;
}
.wk_layer_art.with_img .art_img {
  padding-right: 20px;
}
.art_details .art_name a:link {
  font-weight: 600;
}
.wk_layer_info_list,
.wk_layer_art_list {
  padding: 0;
}
.wk_layer_info_list {
  background-color: transparent;
}
.wk_layer_info_list > hr {
  margin: 0 0 10px;
}
.wk_layer_subtotal {
  font-weight: 700;
}
.wk_layer_total {
  margin-top: 0;
}
.wk_layer_footer {
  gap: 10px;
  margin: 30px 0;
}
.wk_layer_footer .btn:not(.btn-lg):not(.btn-sm):not(.btn-xs):not(.touchspin-spinner) {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn.weiter_layer {
  background-image: none;
  border-color: #6F6F70;
  color: var(--wka-blue);
  font-weight: 700;
}
.wk_layer_sub_footer a:not(.btn) {
  color: var(--wka-red) !important;
  font-weight: 700;
  text-decoration: none;
}
.warenkorb_layer .wk_delete.btn.btn-default,
.warenkorb_layer .wk_delete.btn.btn-default:hover,
.warenkorb_layer .wk_delete.btn.btn-default:focus,
.warenkorb_layer .wk_delete.btn.btn-default:active {
  padding: 0 !important;
}
@media (max-width: 450px) {
  .wk_layer_footer {
    flex-wrap: wrap;
  }
}


/* Kasse */
hr.kasse_formular_trennlinie {
  display: none;
}
#kasse_formular .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}
#kasse_formular .flex > * {
  flex: 1 1 auto;
}
#kasse_formular h4.content {
  margin-top: 30px;
  margin-bottom: 15px;
}
.bezahlungsarten .zahlungsart {
  border: 0;
  padding: 0;
  margin-bottom: 10px;
}
.bezahlungsarten .zahlungsart label {
  transition: all ease-in-out .3s;
  padding: 10px 6px 10px 10px;
  border: 1px solid #B8BFC6;
  border-radius: 6px;
}
.bezahlungsarten .zahlungsart label:hover,
.bezahlungsarten .zahlungsart label:has(input:checked) {
  color: var(--wka-red);
}
.bezahlungsarten .zahlungsart label:has(input:checked) {
  border-color: var(--wka-red);
}
.bezahlungsarten .zahlungsart .payment_icon {
  margin-top: -6px;
}
.bezahlungsarten .zahlungsart input[type="radio"] {
  display: none;
}
@media (max-width: 767px) {

}

#kasse_formular .bezahlungsarten {
    h4 {
        border-bottom: none;
        text-transform: none;
        padding: 0;

        color: var(--wka-blue);
        font-style: normal;
        font-size: 26px;
        text-decoration: none;
        font-weight: 700;
        font-family: Noah, Verdana, Helvetica, Geneva, Sans-Serif;
        margin: 0 0 10px 0;
    }
    .zahlungsart label {
        padding: 14px 20px 14px 20px;
        border: 1px var(--wka-blue) solid;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--wka-blue);
    }
}


  /* Region / Geschmack */
.region_box {
  display: flex;
  border: 1px solid var(--wka-blue);
  margin: 15px 0 0;
  text-align: center;
  font-size: 16px;
  max-width: 502px;
}
.region_box > div {
  overflow: hidden;
  flex: 0 0 250px;
}
.region_box > .trenner {
  background-color: var(--wka-blue);
  flex: 0 0 1px;
}
.region_box .region,
.region_box .geschmack {
  display: flex;
  flex-direction: column;
}
.region > div {
  padding: 10px;
}
.region img {
  max-height: 160px;
  max-width: 100%;
  margin: auto;
}
.region .land {
  padding-bottom: 0;
}
.graph {
  aspect-ratio: 1/1;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 14px;
  padding: 10px 0;
}
.graph .x,
.graph .y {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: var(--wka-blue);
}
.graph .x {
  width: calc(100% - 60px);
  height: 1px;
}
.graph .y {
  height: calc(100% - 60px);
  width: 1px;
}
.graph .top,
.graph .right,
.graph .bottom,
.graph .left {
  position: absolute;
}
.graph .right {
  top: 50%;
  right: 0;
  translate: 5px -50%;
  rotate: -90deg;
}
.graph .left {
  top: 50%;
  left: -30px;
  translate: 0 -50%;
  rotate: -90deg;
  width: 100px;
  text-align: center;
}
.graph .top {
  top: 10px;
  left: 50%;
  translate: -50% 0;
}
.graph .bottom {
  left: 50%;
  bottom: 10px;
  translate: -50% 0;
}
.graph .dot {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--wka-blue);
  top: 65%;
  left: 70%;
  translate: -50% -50%;
}
/* XXX> rto 2024-11-21: Graph interaktiv */
.katfilter_widget_content.aromakreuz .graph.graph-interactive {
  max-width: 250px;
  height: auto;
}
.graph {
  -webkit-user-select: none;
  user-select: none;
  transform-origin: center;
}
.graph .position_wrapper {
  position: absolute;
  top: 30px;
  left: 30px;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
}
.graph .dot_handle {
  --x-pos: 0;
  --y-pos: 0;
  --tolerance-px: 10px;
  padding: var(--tolerance-px, 10px);
  border-radius: 50%;
  position: absolute;
  top: calc(((var(--y-pos)*-1 + 100)/2 * 1%) - ((100 + var(--y-pos)*-1) / 2) * 0px);
  right: calc(((var(--x-pos)*-1 + 100)/2 * 1%) - ((100 + var(--x-pos)*-1) / 2) * 0px);
  translate: 50% -50%;
  background-color: rgba(var(--wka-blue-rgb), 0.2);
}
.graph.graph-interactive .dot_handle {
  cursor: grab;
}
.graph .dot_handle > .dot {
  position: static;
  left: unset;
  top: unset;
  translate: unset;
}
.graph.graph-moving.graph-interactive .dot_handle {
  cursor: grabbing;
}
ul.katfilter_widget_elements:has(.graph) {
  padding-inline: 0;
}
div.katfilter_content {
  padding-top: 0;
}
li.katfilter_openclose [class*="bi-chevron"] {
  display: none;
}
.katfilter_content .katfilter_widget_elements:has(.graph) {
  max-height: unset;
  overflow-y: hidden;
  padding: 0;
}
.katfilter_widget_element_normal,
.katfilter_widget_element_active,
.katfilter_widget_element_deactivated {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  
  .bi-check-square-fill:before,
  .bi-square:before {
    margin-top: 1px;
    color: #FFFFFF;
    content: "\f633";
    background-color: transparent;
    border: 1px solid rgba(var(--wka-blue-rgb), .2);
    border-radius: 4px;
  }
  .bi-check-square-fill:before {
    background-color: var(--wka-red);
    border-color: var(--wka-red);
  }
}
.tolerance_slider {
  padding: 10px 0 10px;
  font-size: 15px;
  max-width: 250px;
  font-weight: 700;
}
.tolerance_slider > input {
  background-color: var(--wka-blue);
  accent-color: #FFFFFF;
  height: 2px;
  margin-top: 10px;
}
input[type="range" i]::-webkit-slider-container {
  background: var(--wka-blue);
}
input[type="range"]::-moz-range-thumb {
  background: #FFFFFF;
  border-radius: 50%;
  transform: scale(75%);
  border: 2px solid var(--wka-blue);
}
input[type="range" i]::-webkit-slider-thumb {
  appearance: none;
  border-radius: 50%;
  background: #FFFFFF;
  transform: scale(75%);
  box-shadow: 0 0 0 2px var(--wka-blue);
  cursor: grab;
}
/* <XXX */


.region .lbl,
.geschmack .lbl {
  margin-top: auto;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 20px;
  border-top: 1px solid var(--wka-blue);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.region .lbl {
  color: #FFFFFF;
  background-color: var(--wka-blue);
}
.region .lbl img,
.geschmack .lbl img {
  height: 20px;
  padding: 0;
  margin: 0;
  width: auto;
}
.balance img,
.land img {
  height: 16px;
}

@media (max-width: 991px) {
  .region_box > div {
    max-width: 50%;
  }
}


/* Kundenaccount */

.merkliste_wk_container {
  display: flex;
  gap: 5px;
  align-items: center;
  
}
#merkliste_in_wk_form .merkliste_wk_container .btn.btn-primary {
  padding: 10px;
  max-width: 75px;
  height: 55px;
  font-size: 24px;
  min-width: 75px;
}



/* Fancybox */
.fancybox-bg {
  background-color: #FFFFFF;
}
.fancybox-slide--image .fancybox-content {
  padding: 30px;
}


/* Anzahl Eingabefeld */
#anzahl_einheit_darstellung {
  display: block;
}
.anzahl_inline_wrapper {
  width: auto;
  margin: 0;
  text-transform: none;
}
.anzahl_inline_wrapper .input-group {
  display: flex;
  align-items: stretch;
  gap: 5px;
}
.anzahl_inline_wrapper .input-group > * {
  text-align: center;
  width: auto;
}
.anzahl_inline_wrapper .input-group input {
  max-width: 60px;
}
.artikel_box .anzahl_inline_wrapper .input-group input {
  max-width: 50px;
}
.anzahl_inline_wrapper .input-group .form-control,
.anzahl_inline_wrapper .input-group .btn {
  border-radius: 6px !important;
  height: 34px;
}
.anzahl_inline_wrapper .input-group .btn {
  font-size: 16px;
  aspect-ratio: 1/1;
}
.artikel_box .anzahl_inline_wrapper .input-group .form-control,
.anzahl_inline_wrapper .input-group .btn {
  height: 36px;
  padding: 6px 12px;
}
.anzahl_inline_wrapper .input-group .btn:not(:hover):not(:active):not(:focus) {
  background-image: none;
  color: var(--wka-blue);
  border-color: #6F6F70;
}
.anzahl_einheit {
  text-align: right;
}
@media (max-width: 530px) {
  div.lagerampel,
  .product_detail .flex,
  .anzahl_einheit {
    text-align: center;
    justify-content: center;
  }
  .product_detail .flex > * {
    flex: 1 1 100%;
  }
  .product_detail .flex .wk_button {
    margin-top: 0;
  }
}


/* Formulare / Buttons */
.form-control, 
select[multiple],
select[size] {
  height: 44px;  
}
input[type="text"]:focus, 
textarea:focus,
select:focus,
.btn.dropdown-toggle.versandart-dropdown:focus,
select.form-control:focus,
input.form-control:focus, 
textarea.form-control:focus {
  border-color: var(--wka-blue);
  box-shadow: 0 0 0 4px rgba(var(--wka-blue-rgb),.2);
}
.btn .caret {
  position: absolute;
  top: 50%;
  right: 5px;
}
.btn.dropdown-toggle:not(.btn-lg):not(.btn-sm):not(.btn-xs):not(.touchspin-spinner) {
  padding: 6px 12px;  
  font-weight: 400;
  letter-spacing: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: min(16px,17px);
}
.btn:not(.touchspin-spinner):not(.btn-lg):not(.btn-sm):not(.btn-xs):not(.navbar-toggle):not(:has(.bi:only-child)),
.btn.btn-primary:not(.touchspin-spinner):not(.btn-lg):not(.btn-sm):not(.btn-xs):not(.navbar-toggle) {
  letter-spacing: .5px;
  min-width: 160px;
  max-width: 100%;
}
.btn.back:not(.touchspin-spinner):not(.btn-lg):not(.btn-sm):not(.btn-xs):not(.navbar-toggle):not(:hover) {
  background-image: none;
  color: var(--wka-blue);
  border-color: #6F6F70;
}


/* Fancybox */
.fancybox-container:not(.fancybox-can-swipe) .fancybox-inner .fancybox-content {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}


/* Diverses */
.product_detail .btn-bearbeiten {
  right: 0;
  border-radius: 0 0 0 6px;
}
hr {
  border-color: #B8BFC6;
}
.contenthaupt hr,
.content hr {
  background-color: #B8BFC6;  
}


/* Select2 */
select.select2 {

  ~ .select2-container {

    .select2-selection--single {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 5px;
      height: 30px;
      border: 0;

      &:hover {
        .select2-selection__arrow,
        .select2-selection__rendered {
          color: var(--wka-red);
        }
      }

      .select2-selection__rendered {
        padding: 0;
        text-transform: uppercase;
        font-weight: 700;
      }

      .select2-selection__arrow {
        position: initial;
        height: auto;
        width: auto;

        b {
          position: initial;
          border: 0;
          margin: 0;

          &:before {
            content: '\F282';
            font-family: bootstrap-icons;
            font-size: 12px;
          }
        }
      }
    }
  }
}
.select2-container {

  .select2-dropdown {
    width: fit-content !important;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);

    .select2-search {
      display: none;
      padding: 10px;

      .select2-search__field {
        padding: 2px 6px;
        border-radius: 4px;
      }
    }
    .select2-results {

      .select2-results__options {
        width: 100%;
        padding: 5px 15px;
      }
      
      .select2-results__option {
        text-transform: uppercase;
        padding: 5px 0;
        font-weight: 700;
        text-align: right;
        
        &:first-child {
          border-radius: 4px 4px 0 0;
        }
        &:last-child {
          border-radius: 0 0 4px 4px;
        }
      }

      .select2-results__option--highlighted[aria-selected] {
        background: transparent;
        color: var(--wka-red);
      }
      
      .select2-results__option--highlighted[aria-selected=true],
      .select2-results__option[aria-selected=true] {
        background: transparent;
        color: var(--wka-red);
      }
      
      .select2-results__message {
        position: relative;
        color: transparent;

        &:before {
          content: 'Keine Einträge gefunden.';
          position: absolute;
          top: 2px;
          left: 12px;
          color: #000000;
          font-size: 14px;
          font-weight: 500;
        }
      }
    }
  }
}

/* Aktiv / Hover */




/* CMS */
h1.cell_content + .cell_content,
h2.cell_content + .cell_content,
h3.cell_content + .cell_content,
h4.cell_content + .cell_content,
h5.cell_content + .cell_content {
  margin-top: 0;
}
.bg_wrapper a.link:has(b) {
  display: flex;
  align-items: center;
}
.bg_wrapper a.link:has(b):after {
  content: "\f135";
  font-family: bootstrap-icons;
  font-size: 26px;
  color: #FFFFFF;
}

.breadcrumb ~ .bg_wrapper {
  padding: 0;
}
.bg_wrapper .cell {
  padding: 30px;
  border-radius: 12px;
}
.bg_wrapper .cell.content_bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}



/* Artikelfilter */
nav.katnav_td {
  padding-top: 15px;
  padding-bottom: 30px;
}
.col_left {
  transition: all ease-in-out .3s;
  position: sticky;
  top: 166px;
  max-height: calc(100vh - 166px);
  overflow: auto;
  overflow-x: visible;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.col_left:before {
  z-index: 2;
  content: '';
  display: block;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 15px;
  margin-top: -15px;
  margin-bottom: 0px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.col_left:hover {
  scrollbar-color: rgba(var(--wka-blue-rgb), .3) transparent;
}
body.scroll .col_left {
  top: 130px;
  max-height: calc(100vh - 130px);
}
.shop_table:has(.hauptnav_td[style*="top:"]) .col_left {
  top: 95px;
  max-height: calc(100vh - 95px);
}
ul.katfilter_widget_elements.scrollable_box {
  border: none;
}

.katfilter_widgets .katfilter_widget_title > li {
  padding: 0;
}
.katfilter_content .katfilter_widget_elements {
  position: initial;
  translate: none;
  padding: 0;
  box-shadow: none;
}
#katfilter_content:not(.fullscreen) .katfilter_widget_elements.katfilter_widget_auswahl {
  height: initial;
  max-height: initial;
}
.katfilter_content .katfilter_widget_elements.katfilter_widget_auswahl {
  height: 300px;
}
.katfilter_content [data-custom-id="schnellsuche"] .katfilter_widget_elements.katfilter_widget_auswahl {
  height: initial;
}

.katfilter_widget_title_normal {
  text-transform: uppercase;
}
.katfilter_content ul.katfilter_widget_title li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
}
li.katfilter_openclose .bi,
.katfilter_widget_title .bi-x {
  font-size: inherit;
  position: initial;
  transform: none;
  width: auto;
  height: auto;
}
.katfilter_widget_title .bi-x:before {
  font-size: 20px;
}

ul.katfilter_widget_elements.scrollable_box li input.search_filter_criteria {
    padding: 6px 12px;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 50px);
}
.katfilter_widget_element_normal .range_container {
    margin-left: 10px;
    margin-right: 10px;
}

.katfilter_content ul.katfilter_widget_title li a + .close_aria_only {
    border-left: none;
}

.katfilter_delete_icon {
  right: 25px !important;
}
.custom_mehr_anzeigen .btn {
  padding-top: 8px !important;
  padding-bottom: 6px !important;
  height: auto !important;
  width: 100% !important;
}

.lds-wrapper {
  background-color: transparent !important;
}
.lds-wrapper > div > div {
  background-color: rgba(0,0,0,0.8);
}

.selected_filters {
  display: none !important;
}

.artikelliste_container  {
  transition: opacity ease-in-out .3s;
}
.artikelliste_container.is_loading {
  opacity: 0.5;
}

/* Artikelfilter Fullscreen */
.katfilter_content:not(.fullscreen) .btn-primary,
.katfilter_content:not(.fullscreen) .katfilter_widget_content:not(.always_visible) {
  display: none;
}
.katfilter_widget_content.always_visible .katfilter_widget_elements {
  display: block !important;
}
.shop_table:has(.katfilter_content.fullscreen) section,
.shop_table:has(.katfilter_content.fullscreen) + footer {
  opacity: 0;
  pointer-events: none;
}
body:has(.katfilter_content.fullscreen) {
  overflow: hidden;
}
.katfilter_content.fullscreen {
  position: fixed;
  top: 126px;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 10000;
  height: calc(100dvh - 126px);
  overflow: hidden;
}
.left_nav .katfilter_content.fullscreen .katfilter_widget_content {
  flex: 1;
  min-width: 150px;
}
.katfilter_content.fullscreen .katfilter_widgets {
  width: 100%;
  max-width: var(--container-size-max);
  margin: 0 auto;
  padding: var(--container-padding) 250px var(--container-padding) var(--container-padding);
  height: 100%;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.katfilter_content.fullscreen .katfilter_widgets:hover {
  scrollbar-color: rgba(var(--wka-blue-rgb), .3) transparent;
}

/* Widgets Custom Fullscreen Layout */
.katfilter_content.fullscreen .katfilter_widgets {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="schnellsuche"] {
  order: 1;
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="weincharakter"] {
  order: 2;
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="foodpairings"] {
  order: 3;
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="rebsorten"] {
  order: 4;
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="weintyp"] {
  order: 5;
  grid-column: span 4;
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="preisslider"] {
  order: 6;
  grid-column: span 4;
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="land"] {
  order: 7;
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="region"] {
  order: 8;
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="produzent"] {
  order: 9;
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="flaschengrösse"] {
  order: 10;
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="aromakreuz"] {
  order: 11;
}
.katfilter_content.fullscreen .katfilter_widget_content[data-custom-id="jahrgang"] {
  order: 12;
}

.katfilter_widgets {
  padding-right: 5px;
}
.katfilter_widgets > .btn {
  font-size: 14px !important;
}
.katfilter_content.fullscreen .katfilter_widgets > .btn {
  position: absolute;
  bottom: 85px;
  right: 50px;
  min-width: 200px !important;
  font-size: 16px !important;
  padding: 16px !important;
}
.katfilter_content.fullscreen .katfilter_widgets > .btn:last-child {
  bottom: 25px;
}
.kat_actions .custom_mehr_anzeigen {
  margin: 0 auto 0 0;
}
.custom_mehr_anzeigen {
  margin-top: 10px;
  padding-right: 5px;
}

.custom_close_container {
  position: fixed;
  top: 135px;
  right: 50px;
}

.custom_close_button {
  transition: all ease-in-out .3s;
  background: transparent;
  outline: none;
  border: none;
  font-size: 50px;
  color: var(--wka-blue);
}
.custom_close_button:hover {
  color: var(--wka-red);
}

.katfilter_content.fullscreen .custom_mehr_anzeigen,
.katfilter_content:not(.fullscreen) .custom_close_container, 
.custom_mehr_anzeigen.hidden {
  display: none;
}
@media (max-width: 991px) {
  .katfilter_content:not(.fullscreen) .katfilter_widgets {
    display: none;
  }
}
@media (max-width: 767px) {
  .custom_close_container,
  .katfilter_content.fullscreen {
    top: 60px;
  }
  .katfilter_content.fullscreen {
    height: calc(100dvh - 60px)
  }
  .katfilter_content.fullscreen .katfilter_widgets {
    padding-right: 50px;
    padding-bottom: 140px;
  }
  .katfilter_content.fullscreen .katfilter_widgets > .btn {
    z-index: 10000;
    width: 100%;
    right: 0;
    border-radius: 0 !important;
    bottom: 55px;
  }
  .katfilter_content.fullscreen .katfilter_widgets > .btn:last-child {
    bottom: 0;
  }
  .custom_close_container {
    right: 5px;
  }
}

#fullscreen_spinner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0, .3);
    z-index: 10000000;
    user-select: none;
    opacity: 0;
    transition: opacity ease-in-out .3s;
}

#fullscreen_spinner.active {
    opacity: 1;
}


/* Footer */
/* Edvin Gastro-Shop */
body:has(.shop_table:not(.wka)) {
  .header_subnav {
    background-color: var(--wka-blue);
  }
  #shoplogo {
    width: auto;
  }
  .product_detail .flex,
  .product_detail .flex > span {
    border-color: var(--wka-blue);
  }
  h1.content, h1.content a:link, h1.content a:visited, h1.content a:active, .pps-heading-1, .pps-heading-1 a, .pps-heading-1 a:visited, .pps-heading-1 a:active,

  h2.content, h2.content a, h2.content a:visited, h2.content a:active, .pps-heading-2, .pps-heading-2 a, .pps-heading-2 a:visited, .pps-heading-2 a:active,

  h3.content, h3.content a, h3.content a:visited, h3.content a:active, .pps-heading-3, .pps-heading-3 a, .pps-heading-3 a:visited, .pps-heading-3 a:active,

  h4.content, h4.content a, h4.content a:visited, h4.content a:active, .pps-heading-4, .pps-heading-4 a, .pps-heading-4 a:visited, .pps-heading-4 a:active, legend,
  
  h5.content, h5.content a, h5.content a:visited, h5.content a:active, .pps-heading-5, .pps-heading-5 a, .pps-heading-5 a:visited, .pps-heading-5 a:active,

  .fancybox-content a:not(.btn), .bg_wrapper a.link:not(.btn), .content_td a:not(.btn), .content_td a:not(.btn):visited, .as_link,

  #wk_sticky .price,
  #wk_sticky .name,

  .content_td li.katfilter_openclose.opened > a.katfilter_widget_title_normal, .katnav_td li.katfilter_openclose.opened > a.katfilter_widget_title_normal, .katfilter_widget_title_active, .content_td a.katfilter_widget_title_active, .content_td a:active.katfilter_widget_title_active, .content_td a:visited.katfilter_widget_title_active, .katnav_td a.katfilter_widget_title_active, .katnav_td a:active.katfilter_widget_title_active, .katnav_td a:visited.katfilter_widget_title_active,

  .hauptnav_slidemenu ul.sf-menu > li > a.kat_aktiv, .hauptnav_slidemenu ul.sf-menu > li > a.kat_in_pfad, .hauptnav_slidemenu ul.sf-menu > li > a.boxlink_active, .hauptnav_slidemenu ul.sf-menu > li > a.boxlink_in_path, .hauptnav_slidemenu ul.sf-menu > li.sfHover > a, .hauptnav_slidemenu ul.sf-menu > li > a:hover, .hauptnav_slidemenu ul.sf-megamenu > li > a.kat_aktiv, .hauptnav_slidemenu ul.sf-megamenu > li > a.kat_in_pfad, .hauptnav_slidemenu ul.sf-megamenu > li.sfHover > a, .hauptnav_slidemenu ul.sf-megamenu > li > a:hover,
  .hauptnav_td div.ibox div.ibox_content > *,

  input[type="text"], textarea, select, .textfeld, select.form-control, input.form-control, textarea.form-control
  {
    color: var(--wka-blue);
  }
  .container.b2b_login_formular {
    max-width: 480px;
    padding: 0 15px;
    h1.content,
    .pps-heading-4,
    p {
      text-align: center;
    }
    div.contenthaupt {
      padding: 40px;
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
      border-radius: var(--border-radius-content);
      div.form-group {
        margin-inline: 0;

        > label.control-label {
          width: 100%;
          padding: 0;
          text-align: left;
        }

        > div[class*=col-] {
          width: 100%;
          padding-inline: 0;
        }
      }
      .row.actions_row {
        text-align: center;
        > .col-xs-12:not(:last-of-type) {
          margin-bottom: 10px;
        }
      }
    }
  }
  a.btn-default, button.btn-default, a.btn-default:visited, input.btn-default, input.btn-default:visited, button.swal2-cancel.swal2-styled {
    border-color: var(--wka-blue);
    color: var(--wka-blue);
  }
  .btn-default:not(.touchspin-spinner):hover, .btn-default:not(.touchspin-spinner):focus, .btn-default:not(.touchspin-spinner):active, .btn-default:hover, .btn-default:visited, .btn-default:focus, .btn-default:active, .btn-default:active:focus, .btn-default.active, .swal2-cancel.swal2-styled:hover, .swal2-actions:not(.swal2-loading) .swal2-cancel.swal2-styled:hover {
    background-image: linear-gradient(to left, var(--wka-blue) 0%, var(--wka-blue) 50%, var(--wka-blue) 100%);
    border-color: var(--wka-blue);
    color: #FFFFFF;
  }
  button.blaettern.active, a.blaettern.active, button.blaettern:hover, a.blaettern:hover {
    background-color: var(--wka-blue);
  }
  .blaettern_no_link, .content_td a.blaettern, .content_td button.blaettern {
    border-color: var(--wka-blue);
  }
  .katfilter_widget_element_normal, .katfilter_widget_element_normal input, .content_td a.katfilter_widget_element_normal, .content_td a:active.katfilter_widget_element_normal, .content_td a:visited.katfilter_widget_element_normal, .katnav_td a.katfilter_widget_element_normal, .katnav_td a:active.katfilter_widget_element_normal, .katnav_td a:visited.katfilter_widget_element_normal {
    color: var(--wka-blue);
  }
  div.top_stern div.ibox_top [class*="bi-"]:before {
    color: var(--wka-blue);
  }
  .region_box {
    color: var(--wka-blue);
  }
  div.kunde_navigation_box {
    border-color: var(--wka-blue);
    background-color: var(--wka-blue);
  }
  .hauptnav_slidemenu ul.sf-menu > li > a, .hauptnav_slidemenu ul.sf-megamenu > li > a {
    color: var(--wka-blue);
  }
  div.kunde_navigation_box div.navigation_body a.action_btn {
    color: #FFFFFF;
  }
}
.custom_language_selector {
  padding-block: 10px;
  display: flex;
  justify-content: center;
  gap: 5px;
  a.btn.btn-default.btn-xs {
    padding-top: 6px !important;
  }
}