:root {
  --hon-red: #e30613;
  --hon-green: rgb(0, 173, 4);
  --hon-redlight: #e30613a0;
  --hon-cdark: #111;
  --hon-cmiddle: #222;
  --hon-clight: #999;
  --hon-navbar-color: rgb(240, 240, 240);
  --hon-navbar-color2: rgb(5, 5, 5);
  --hon-btn: #e30613;
  --hon-btn-hover: rgb(104, 104, 104);
  --hon-ag-0: #fed224;
  --hon-ag-1: #f19623;
  --hon-ag-2: #e75f27;
  --hon-ag-3: #cc1c4c;
  --hon-ag-4: #931448;
  --hon-ag-5: #d865a6;
  --hon-ag-6: #923c96;
  --hon-ag-7: #67459B;
  --hon-ag-8: #353081;
  --hon-ag-9: #014c7e;
  --hon-ag-10: #18a4c0;
  --hon-ag-11: #2f8c8c;
  --hon-ag-12: #a0cc42;
  --hon-ag-13: #26ad4a;
  --hon-ag-14: #115d30;
}

.bg-w{background-color:white;}

/*Colors*/
.bg-ag0 {
  background-color: var(--hon-ag-0);
}

.bg-ag1 {
  background-color: var(--hon-ag-1);
}

.bg-ag2 {
  background-color: var(--hon-ag-2);
}

.bg-ag3 {
  background-color: var(--hon-ag-3);
}

.bg-ag4 {
  background-color: var(--hon-ag-4);
}

.bg-ag5 {
  background-color: var(--hon-ag-5);
}

.bg-ag6 {
  background-color: var(--hon-ag-6);
}

.bg-ag7 {
  background-color: var(--hon-ag-7);
}

.bg-ag8 {
  background-color: var(--hon-ag-8);
}

.bg-ag9 {
  background-color: var(--hon-ag-9);
}

.bg-ag10 {
  background-color: var(--hon-ag-10);
}

.bg-ag11 {
  background-color: var(--hon-ag-11);
}

.bg-ag12 {
  background-color: var(--hon-ag-12);
}

.bg-ag13 {
  background-color: var(--hon-ag-13);
}

.bg-ag14 {
  background-color: var(--hon-ag-14);
}

.bg-ag15 {
  background-color: var(--hon-cmiddle);
}

.bg-ag16, .bg-ag17, .bg-ag18, .bg-ag19 {
  background-color: var(--hon-cmiddle);
}

.text-hon-red {
  color: var(--hon-red);
}

.text-hon-dark {
  color: var(--hon-cdark);
}

.bg-honselred {
  background-color: var(--hon-red);
}

.bg-honselgrey {
  background-color: var(--hon-btn);
}

.text-okay {
  color: var(--hon-green);
}

.text-warning {
  color: var(--hon-red) !important;
}

.streichpreis {
  font-size: 1.3rem;
}

.preis {
  font-size: 1.5rem;
}

#MainNavi_blMainNavi {
  list-style: none;
  padding: 0;
}

  #MainNavi_blMainNavi li {
    padding: 0 0 0 15px;
  }

  #MainNavi_blMainNavi a {
    text-decoration: none;
    color: var(--hon-navbar-color);
    background-color: rgb(0, 0, 0, 0.3);
    display: block;
    padding: 10px;
  }
/*    font-weight: 700;
    text-shadow: 1px 1px var(--hon-navbar-color2);
*/


.breadcrumblink-first, .breadcrumblink {
  text-decoration: none;
  color: var(--hon-navbar-color);
}

  .breadcrumblink-first:hover, .breadcrumblink:hover {
    text-decoration: none;
    color: var(--hon-navbar-color2);
  }

  .breadcrumblink::before {
    content: " • ";
  }

.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-gray-100);
  background-color: var(--hon-redlight);
}

.btn {
  margin: 0 0.25rem 0 0.25rem;
}

.btn-primary-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--hon-green);
  --bs-btn-border-color: var(--hon-green);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--hon-btn-hover);
  --bs-btn-hover-border-color: var(--hon-btn-hover);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--hon-btn-hover);
  --bs-btn-active-border-color: var(--hon-btn-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--hon-green);
  --bs-btn-disabled-border-color: var(--hon-green);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--hon-btn);
  --bs-btn-border-color: var(--hon-btn);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--hon-btn-hover);
  --bs-btn-hover-border-color: var(--hon-btn-hover);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--hon-btn-hover);
  --bs-btn-active-border-color: var(--hon-btn-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--hon-btn);
  --bs-btn-disabled-border-color: var(--hon-btn);
}

.aspNetDisabled {
  cursor: default;
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--hon-btn-hover);
  --bs-btn-border-color: var(--hon-btn);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--hon-btn-hover);
  --bs-btn-hover-border-color: var(--hon-btn-hover);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--hon-btn-hover);
  --bs-btn-active-border-color: var(--hon-btn-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--hon-btn);
  --bs-btn-disabled-border-color: var(--hon-btn);
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  /*margin-top: 15px;*/
  padding-left: 15px;
  padding-right: 15px;
  color: var(--hon-cmiddle);
  background-color: white;
  border-bottom: solid 2px var(--hon-red);
}

.detailArtRow {
  border-width: 0px;
  border-style: solid;
  border-color: var(--hon-clight);
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
  /*max-width: 280px;*/
}

  input.input-menge {
    width: 95px;
    margin-right: 4px;
  }

    input.input-menge:invalid {
      color: var(--hon-red);
      font-weight: 700;
    }

.nav-link-inaktiv {
  color: var(--hon-clight);
}

  .nav-link-inaktiv:hover {
    color: var(--hon-clight);
    cursor: auto;
  }


h2.responsive {
  font-size: 1.5vw;
}

a.none {
  text-decoration: none;
}

a.hl {
  color: var(--hon-cdark);
}

  a.hl:hover {
    color: var(--hon-red);
  }

ol li::marker {
  font-weight: 700;
}

.image-container{
  position:relative;
  border:solid 1px black;
}

.discount-label {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--hon-red);
  color: white;
  padding: 1px 5px 1px 5px;
  font-size: 1.5rem;
  font-weight:700;
}

#BtnTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 25px; /* Place the button at the bottom of the page */
  right: 25px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 50%; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  background-color: var(--hon-red);
  min-width: 60px;
  min-height: 60px;
  border: solid 0.25px #fff;
}

.cbl label{
  margin-left:10px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  .body-content {
    padding: 0;
  }
}