.navbar-default {
  background-image: none;
  // background-color: #021e42;
  background-color: #a00000;
  border-color: #000044;
}

/* bootstrap navbar link */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:visited {
  color: #6f9ecf;
}

/* bootstrap navbar selected entry */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #6f9ecf;
  //background-color: #600000;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #d0d0ff;
}

html,
body {
  //background-color: #6f9ecf;
  background-color: #700000;
  height: 100%;
}

#maincontainer {
  background-color: white;
  min-height: 100%;
  padding-top: 60px;
}

#logo {
  height: 36px;
}

#brand {
  margin-top: 0;
  padding-top: 7px;
}

/* fix for Bootstrap 3 fluid layout search box */
.navbar-form .input-group {
  display: table;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn {
  white-space: nowrap;
  width: 1%;
}
.navbar-form .input-group .form-control {
  width: 100%;
}

#breadcrumblogo {
  height: 24px;
}

#LoginButton {
  width: 100%;
}

#LoginButtonGroup {
  width: 100%;
}

#LoginButtonGroup > a {
  width: 50%;
}

.articlegallerylink {
  height: 100%;
  display: block;
}

.articlegallerytile {
  height: 100%;
  padding: 0;
  margin: 0;
}

.articlegallerytile {
  color: black;
}

.articlecategoryname {
  font-weight: bold;
  margin-top: 10px;
}

.articlegallerycol {
  margin-bottom: 20px;
}

.articlegallerycol > .well {
  height: 100%;
}

.articlegalleryimage {
  width: 100% !important;
  height: auto !important;
}

.articlelistimage {
  width: 100px;
  height: auto;
}

.articlegalleryemptypicture {
  width: 100% !important;
  min-height: 120px !important;
  line-height: 120px;
  font-size: 40px;
  color: grey;
  background-color: silver;
}

.articleshoppingcartemptypicture {
  width: 100% !important;
  min-height: 96px !important;
  line-height: 96px;
  font-size: 40px;
  color: grey;
  background-color: silver;
  text-align: center;
}

.articlelistemptypicture {
  min-height: 100px !important;
  min-width: 100px !important;
  line-height: 120px;
  font-size: 40px;
  color: grey;
  background-color: silver;
  text-align: center;
}

.articledetailsemptypicture {
  width: 100% !important;
  min-height: 500px !important;
  line-height: 480px;
  font-size: 240px;
  color: grey;
  background-color: silver;
  text-align: center;
}

.newspanel {
  border-color: #6f9ecf;
}

.newspanel > .panel-heading {
  background: #6f9ecf;
  border-color: #6f9ecf;
}

.newstext {
}

.articlegallerypanel {
}

.articlegallerypanel > .panel-heading {
  font-weight: bold;
  font-size: 120%;
}

.newsarchivelink a {
  font-size: 10pt;
  color: white;
}

.options-panel {
  margin-bottom: 10px;
}

.shoppingbuttons {
  padding-top: 20px;
}

/*
.navbar-static-bottom {
  @extend .navbar-fixed-bottom;
  position: relative;
  border-width: 1px 1px 0;
}
*/

.dropdown-menu {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* flexbox */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.eq-height-col {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.articlelistrow {
  margin-bottom: 20px;
}

.articlelistshoppingbuttons {
  width: 120px;
  text-align: right;
}

.clickable-row:hover {
  color: #6f9ecf;
  cursor: pointer;
}

.subcategories {
  margin-bottom: 10px;
}

.shoppingcartrowsum {
  text-align: right;
}

#shoppingcarttableform {
  padding-bottom: 20px;
}

h3 {
  margin-top: 8px;
}

#bestellzeichengruppe {
  border: 1px solid red;
}

.card {
  margin-bottom: 20px;
}

.card > .panel {
  height: 100%;
  padding-bottom: 0;
}

.card > .panel > .panel-body {
  height: 100%;
}

.addresseditbutton {
  position: absolute;
  bottom: 20px;
  right: 36px;
}

div#CollapseableCategories.collapse[aria-expanded="false"] {
  display: block;
  height: 138px !important;
  overflow: hidden;
}

#CollapseableCategories .list-group-item:hover {
  background-color: #f0f0ff;
  text-underline: none;
}

.expand_caret {
  transform: scale(1.6);
  margin-left: 8px;
  margin-top: -4px;
}

a[aria-expanded="false"] > .expand_caret {
  transform: scale(1.6) rotate(-90deg);
}

@media only screen and (min-width: 481px) {
  .flex-row.row {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-row.row > [class*="col-"] {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
  }
  .flex-row.row:after,
  .flex-row.row:before {
    display: flex;
  }
  .flex-panel {
    height: 100%;
    margin-bottom: 0;
  }
}

.categorybutton {
  margin-top: 4px;
}

.slick-prev:before {
    color: blue !important;
}
.slick-next:before {
    color: blue !important;
}