@charset "UTF-8";
/* #region Responsive */
/* #endregion */
/* #region Schrift */
/* #endregion */
@import "bootstrap-icons.css";
:root {
  --braun-sidebar-color: rgb(40, 139, 76);
  --braun-main-color: rgb(40, 139, 76);
  --braun-main-color-25: rgba(40, 139, 76, .25);
  --braun-main-color-light: rgb(40, 139, 76);
  --braun-search-icon-color: #e8e8e8;
  --menu-grey: #707070;
  --light-grey: #dedede;
  --light-light-grey: #F7F7F7;
  --light-grey-hover: #efefef;
  --footer-background-color: #909090;
  --sidebar-width-desktop: 244px;
  --sidebar-width: 55px;
  --border-radius: 2px;
}
/* #region include Fonts */
@font-face {
  font-family: "Myriad Pro";
  font-style: normal;
  font-weight: 300;
  src: local("Myriad Pro Light"), url("../fonts/myriadpro-light.woff") format("woff"), url("../fonts/myriadpro-light.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: "Myriad Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Myriad Pro Regular"), url("../fonts/myriadpro-regular.woff") format("woff"), url("../fonts/myriadpro-regular.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: "Myriad Pro";
  font-style: normal;
  font-weight: 500;
  src: local("Myriad Pro Semibold"), url("../fonts/myriadpro-semibold.woff") format("woff"), url("../fonts/myriadpro-semibold.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: "Myriad Pro";
  font-style: italic;
  font-weight: 500;
  src: local("Myriad Pro Semibold Italic"), url("../fonts/myriadpro-semiboldit.woff") format("woff"), url("../fonts/myriadpro-semiboldit.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: "Myriad Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Myriad Pro Bold"), url("../fonts/myriadpro-bold.woff") format("woff"), url("../fonts/myriadpro-bold.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: "Myriad Pro";
  font-style: italic;
  font-weight: 700;
  src: local("Myriad Pro Bold Italic"), url("../fonts/myriadpro-boldit.woff") format("woff"), url("../fonts/myriadpro-boldit.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-Regular.eot") format("embedded-opentype"),url("../fonts/Mulish-Regular.woff") format("woff"),url("../fonts/Mulish-Regular.ttf") format("truetype"),url("../fonts/Mulish-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-Italic.eot") format("embedded-opentype"),url("../fonts/Mulish-Italic.woff") format("woff"),url("../fonts/Mulish-Italic.ttf") format("truetype"),url("../fonts/Mulish-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-Bold.eot") format("embedded-opentype"),url("../fonts/Mulish-Bold.woff") format("woff"),url("../fonts/Mulish-Bold.ttf") format("truetype"),url("../fonts/Mulish-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish-BoldItalic.eot") format("embedded-opentype"),url("../fonts/Mulish-BoldItalic.woff") format("woff"),url("../fonts/Mulish-BoldItalic.ttf") format("truetype"),url("../fonts/Mulish-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* #endregion */
/* #region Default */
body {
  font-family: "Mulish", "Myriad Pro", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  word-wrap: normal;
}
body .content-box {
  hyphens: auto;
}
img, video {
  max-width: 100%;
  max-height: 100%;
}
a:hover {
  color: #288b4c;
}
h1, .h1, .details-title {
  font-size: 1.8em;
  color: #288b4c;
}
@media (min-width: 444px) {
  h1, .h1, .details-title {
    font-size: 2em;
    color: #288b4c;
  }
}
h2, .h2 {
  font-size: 1.6em;
}
@media (min-width: 444px) {
  h2, .h2 {
    font-size: 1.8em;
  }
}
h3, .h3 {
  font-size: 1.4em;
}
@media (min-width: 444px) {
  h3, .h3 {
    font-size: 1.6em;
  }
}
h4, .h4 {
  font-size: 1.2em;
}
@media (min-width: 444px) {
  h4, .h4 {
    font-size: 1.4em;
  }
}
h5, .h5 {
  font-size: 1.1em;
}
@media (min-width: 444px) {
  h5, .h5 {
    font-size: 1.2em;
  }
}
h6, .h6 {
  font-size: 1em;
}
@media (min-width: 444px) {
  h6, .h6 {
    font-size: 1.1em;
  }
}
small {
  font-size: 0.75em !important;
}
iframe {
  max-width: 100%;
  max-height: 100%;
}
.hidden {
  display: none;
}
.search_submit button, .footer-box-newsletter .form-control, .footer-box-newsletter .btn, .input-group > .input-group-append > .btn {
  border-radius: 2px;
  font-size: 0.8em;
}
.btn {
  border-radius: 2px;
  font-size: 1em;
}
.btn.focus, .btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 139, 76, 0.25);
}
.form-control {
  border-radius: 2px;
  font-size: 0.8em;
  border-color: #288b4c;
}
.form-control::placeholder {
  color: #909090;
}
.form-control:focus {
  border-color: inherit;
  box-shadow: 0 0 0 0.2rem rgba(40, 139, 76, 0.25);
}
.footer-box-newsletter .form-control, .footer-box-newsletter .btn {
  border-color: #288b4c;
}
.btn-primary, .btn-info {
  background-color: #288b4c;
  border-color: #288b4c;
}
.btn-primary:hover, .btn-info:hover {
  background-color: #288b4c;
  border-color: #288b4c;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active {
  background-color: #288b4c;
  border-color: #288b4c;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 139, 76, 0.25);
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #288b4c;
  border-color: #288b4c;
}
.btn-warning {
  background-color: #909090;
  border-color: #909090;
}
.btn-warning:hover {
  background-color: #dedede;
  border-color: #dedede;
}
.btn-danger {
  background-color: #288b4c;
  border-color: #288b4c;
}
.btn-danger:hover {
  background-color: #288b4c;
  border-color: #288b4c;
}
.details-pager-link {
  color: #288b4c;
}
.colorred, .active .breadcrumb-link {
  color: #288b4c;
}
.col-sidebar {
  flex: 0 0 55px;
}
.col-sidebar.col-logo {
  flex: 0 0 50%;
}
@media (min-width: 768px) {
  .col-sidebar.col-logo {
    flex: 0 0 calc(244px * 0.8);
  }
}
@media (min-width: 992px) {
  .col-sidebar.col-logo {
    flex: 0 0 244px;
  }
}
@media (min-width: 768px) {
  .col-sidebar {
    flex: 0 0 calc(244px * 0.8);
  }
}
@media (min-width: 992px) {
  .col-sidebar {
    flex: 0 0 244px;
  }
}
.col-sidebar.text-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.red_sidebar, .white_sidebar {
  padding: 0;
}
.red_sidebar {
  background-color: #288b4c;
}
.grey_sidebar {
  background-color: #dedede;
}
.dark-grey_sidebar {
  background-color: #909090;
}
.textcolor-red {
  color: #288b4c;
}
.textcolor-grey {
  color: #909090;
}
.list-group-item.active, .account-menu .list-group-item.active:hover, .alert-info, .paypalHelpBox {
  background-color: #909090;
  border-color: #909090;
  color: white;
}
/* #endregion */
/* #region Header */
.header-box {
  padding-top: 0;
  padding-bottom: 0;
}
.header-servicebox-toggle {
  padding: 0;
  margin-right: 0.75rem;
  font-size: 1em;
  color: #dedede;
}
.header-servicebox-toggle i, .header-servicebox-toggle::after {
  vertical-align: middle;
}
.login-menu {
  min-width: 12em;
}
.col-middleheader {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}
.col-middleheader .col-content, .mindestbestellwert {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.col-middleheader .col-content > div.row {
  height: 100%;
  align-items: center;
}
.braun_loginfelder > .row {
  align-items: center;
}
.braun_loginfelder .checkbox {
  display: flex;
  flex-direction: column;
  padding-left: 15px;
}
.braun_loginfelder .checkbox label {
  margin: 0;
}
.braun_loginfelder .checkbox a {
  color: white;
}
.braun_loginfelder .account_links {
  font-size: 0.8em;
  line-height: 1.1;
  margin-top: 0.5em;
  flex-direction: row;
  justify-content: space-evenly;
}
@media (min-width: 1200px) {
  .braun_loginfelder .account_links {
    font-size: 1em;
    flex-direction: column;
    margin-top: 0;
    line-height: 1.5em;
  }
}
.col-bottomheader {
  position: relative;
}
.col-bottomheader .col-sliderbild {
  padding: 0;
  min-height: 50vh;
}
.cl-alist .col-bottomheader .col-sliderbild {
  min-height: 30vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.flex-direction-nav {
  display: none;
}
@media (min-width: 768px) {
  .flex-direction-nav {
    display: unset;
  }
}
label.braun_loginbezeichnung {
  color: white;
  font-size: 1.5em;
  margin-bottom: 0;
  font-weight: bold;
  margin-right: 0.5em;
}
.user_login {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 666px) {
  .user_login {
    flex-direction: row;
  }
}
.user_login form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.user_login .form-group {
  margin-bottom: 0;
}
.user_login .btn-primary {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8em;
}
.user_login .label_remember_me {
  font-size: 0.8em;
  margin-bottom: 0;
  color: white;
  margin-left: 5px;
}
@media (min-width: 1200px) {
  .col-user_login {
    border-right: #288b4c 2px solid;
  }
}
.braun_loggedintext {
  color: white;
  margin: 0;
  font-size: 1em;
  text-align: center;
  width: 100%;
}
@media (min-width: 1200px) {
  .braun_loggedintext {
    width: auto;
  }
}
.braun_loggedintext .btn {
  font-size: 0.8em;
  margin-top: 0.5em;
  width: 100%;
}
@media (min-width: 1200px) {
  .braun_loggedintext .btn {
    width: auto;
    margin-top: 0;
  }
}
.braun_loggedintext i {
  color: #dedede;
  font-size: 1.2em;
  margin-right: 0.5em;
  vertical-align: middle;
}
.braun_loggedintext .username {
  font-weight: 700;
}
.col-language {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: center;
  justify-content: end;
  flex-direction: row;
  color: white;
  font-size: 0.7em;
  text-transform: uppercase;
}
.col-language .servicemenu {
  color: white;
  font-size: 1.3em;
  text-transform: none;
}
.col-language .servicemenu button {
  font-size: 1.4em;
}
.braun_sprachauswahl {
  margin-bottom: 0;
}
.col-topheader .col-basket {
  display: flex;
}
.col-topheader .infobox_keinKaufrecht {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: white;
}
.telefon, .telefon a {
  text-transform: uppercase;
  color: white;
  font-weight: 600;
}
.languages-menu .dropdown-item, .languages-menu .dropdown-item.active, .languages-menu .dropdown-item:hover {
  padding: 0 0.3em;
  background: transparent;
  font-size: 0.5em;
}
.languages-menu .dropdown-item a {
  padding: 0;
}
.languages-menu .dropdown-item img {
  width: 3.5em;
  height: 3.5em;
  border-radius: 2px;
}
.col-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
.col-icons img {
  filter: brightness(100);
  width: 35px;
}
@media (min-width: 444px) {
  .col-icons img {
    filter: brightness(100);
    width: 45px;
  }
}
.col-icons img:first-child {
  width: 30px;
}
@media (min-width: 444px) {
  .col-icons img:first-child {
    width: 40px;
  }
}
.minibasket-menu {
  width: 100%;
}
.minibasket-menu i {
  color: white;
  font-size: 1.5em;
}
.minibasket-menu .dropdown-toggle {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
@media (min-width: 1200px) {
  .minibasket-menu .dropdown-toggle {
    flex-direction: row;
  }
}
.minibasket-menu .dropdown-toggle::after {
  display: none;
}
.minibasket-menu .dropdown-toggle .basket_badge {
  background-color: white;
  color: #707070;
  padding: 0.2em 0.4em;
  border-radius: 2px;
}
.minibasket-menu .dropdown-menu {
  min-width: 320px;
}
@media (min-width: 400px) {
  .minibasket-menu .dropdown-menu {
    min-width: 400px;
  }
}
.minibasket-menu .dropdown-menu .badge {
  background-color: #288b4c;
}
.minibasket-menu .btn.focus, .minibasket-menu .btn:focus {
  box-shadow: none;
}
.header .dropdown-toggle i {
  position: relative;
}
.header .dropdown-toggle .badge.badge_itemCount {
  background: #707070;
  color: #fff;
  position: absolute;
  top: -5px;
  right: -10px;
  font-size: 10px;
  border-radius: 50%;
  padding: 2px 4px;
}
.lagerring-col img {
  width: 6em;
  padding-bottom: 1em;
}
@media (min-width: 768px) {
  .lagerring-col img {
    width: 9em;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .lagerring-col img {
    transform: scale(1.15);
  }
}
.logo-img {
  width: 14em;
  padding: 1em;
}
.dropdown-menu, .lead {
  font-size: 1em;
}
body:not(.fixed-header) .header .navbar {
  border: #707070 1px solid;
  border-radius: 2px;
}
.navbar-nav {
  width: 100%;
  justify-content: space-between;
  padding: 0.25em;
}
.header .navbar .nav-link {
  color: #707070;
  font-weight: 900;
}
.header .navbar .nav-link.active, .header .navbar .nav-link:focus, .header .navbar .nav-link:hover {
  color: #288b4c;
  font-weight: 900;
}
.header .navbar .nav-item {
  font-size: 1em;
  text-align: center;
  padding: 0;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}
.header .navbar .nav-item.trennlinie {
  border-right: #707070 1px solid;
}
.header .navbar .nav-item.trennlinie:last-child {
  display: none;
}
.header .navbar .nav-item button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.header .navbar .nav-item button.dropdown-toggle::after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  border-top: 0;
}
@media (max-width: 991.98px) {
  .header .navbar .nav-item button.dropdown-toggle::after {
    margin-left: 0.5em;
  }
}
.header .navbar .nav-item.moreLinks button {
  display: contents;
}
.header .navbar .nav-item.moreLinks button a {
  text-align: left;
}
.header .navbar .nav-item.moreLinks button.dropdown-toggle::after {
  display: none;
}
.header .navbar .nav-item .dropdown-menu button.dropdown-toggle::after {
  color: white;
}
.header .navbar .nav-item > .nav-link {
  color: #707070;
  font-weight: 900;
}
.header .navbar .nav-item.active > .nav-link, .header .navbar .nav-item:focus > .nav-link, .header .navbar .nav-item:hover > .nav-link {
  color: #288b4c;
}
.header .navbar .nav-item .nav-link.active, .header .navbar .nav-item .nav-link:focus, .header .navbar .nav-item .nav-link:hover {
  color: #288b4c;
  font-weight: 900;
}
.header .navbar .nav-item .dropdown-item.active {
  text-decoration: underline;
}
.header .navbar .nav-item .dropdown-item i {
  color: white;
  margin-left: 5px;
}
.header .navbar .nav-item .dropdown-menu a, .header .navbar .nav-item .dropdown-link:focus, .header .navbar .nav-item .dropdown-item.active > .dropdown-link, .header .navbar .nav-item .dropdown-item:hover > .dropdown-link {
  color: #707070;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header .navbar .nav-item .dropdown-menu a, .header .navbar .nav-item .dropdown-link:focus, .header .navbar .nav-item .dropdown-item.active > .dropdown-link, .header .navbar .nav-item .dropdown-item:hover > .dropdown-link {
    color: white;
  }
}
@media (min-width: 1981px) {
  .header .navbar .nav-item .dropdown-menu a, .header .navbar .nav-item .dropdown-link:focus, .header .navbar .nav-item .dropdown-item.active > .dropdown-link, .header .navbar .nav-item .dropdown-item:hover > .dropdown-link {
    padding: 0.5em 1em;
  }
}
@media (min-width: 992px) {
  .header .navbar .nav-item .dropdown-menu, .header .navbar .nav-item .dropdown-item:hover, .header .navbar .nav-item .dropdown-item.active, .header .navbar .nav-item .dropdown-item:focus {
    background-color: #288b4c;
    border-color: #288b4c;
    border-radius: 2px;
  }
}
.header .navbar.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(196, 28, 39)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.header .navbar-toggler:focus {
  border-color: unset;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: unset;
}
#modalbasketFlyout .badge {
  background-color: #288b4c;
}
.errorModal {
  background-color: rgba(0, 0, 0, 0.5);
}
.col-background-parallax {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top left;
}
.col-background-parallax img {
  visibility: hidden;
  height: 50vh;
}
.slider_infobox {
  padding: 1em;
  max-width: 30em;
  border-radius: 2px;
  color: white;
}
.cl-alist .slider_infobox {
  max-width: 800px;
  background-color: rgba(0, 0, 0, 0.3);
}
.slider_infobox img {
  visibility: visible;
  height: auto;
  max-height: 100px;
  width: 100%;
}
.slider_infobox .btn {
  background-color: transparent;
  border-color: white;
}
.slider_infobox .btn:focus, .slider_infobox .btn:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.col-search {
  padding: 1em 0.75em;
  color: #909090;
  background-color: #dedede;
}
.col-search a {
  color: #909090;
}
.col-toggleSearch a.active {
  color: #288b4c;
  font-weight: 700;
}
.braun_search_box {
  margin-bottom: 1em;
}
.braun_search_box .input-group input {
  width: 100%;
}
@media (min-width: 444px) {
  .braun_search_box .input-group input {
    width: auto;
  }
}
.braun_search_box .input-group .search_submit {
  margin-top: 0.5em;
  width: 100%;
}
@media (min-width: 444px) {
  .braun_search_box .input-group .search_submit {
    margin-left: 1em;
    margin-top: 0;
    width: auto;
  }
}
.braun_search_box .input-group .search_submit button {
  width: 100%;
}
@media (min-width: 444px) {
  .braun_search_box .input-group .search_submit button {
    width: auto;
  }
}
.search_trennlinie {
  justify-content: center;
}
.search_inner_trennlinie {
  border-right: #288b4c 1px solid;
}
.braun_search_tipp {
  color: #707070;
  font-size: 1em;
  font-weight: bold;
}
.search_button_anfrage_ergebnislos .search_button, .search_button_anfrage_ergebnislos .search_button.btn-primary:not(:disabled):not(.disabled):active, .search_button_anfrage_ergebnislos .search_button.btn-primary:not(:disabled):not(.disabled):active:focus {
  color: white;
  background-color: #288b4c;
  border-color: #288b4c;
  font-size: 0.8em;
}
.input-group .input-group-append.search_submit > .btn {
  border-radius: 2px;
}
.fixed-header .navbar-nav {
  width: auto;
}
.fixed-header .header {
  padding-bottom: 0;
}
.fixed-header .header .navbar .nav-item {
  max-width: none;
}
.fixed-header-item a, .fixed-header-item a:hover {
  color: #288b4c;
}
.fixed-header-item a .badge {
  background-color: #909090;
}
.header .logo-link {
  width: auto;
}
.col-icons .op_tooltip {
  position: unset;
  background: transparent;
  border: transparent;
  font-size: 40px;
  color: #288b4c;
}
.col-icons .op_tooltip:hover img, .col-icons .op_tooltip:focus img {
  filter: none;
}
.col-icons .op_tooltip .op_tooltip-inner {
  font-size: clamp(0.3em, 2vw, 0.5em);
  position: absolute;
  background-color: #dedede;
  color: black;
  width: max-content;
  z-index: 3;
  padding: 1em;
  max-width: 100vw;
  display: none;
  right: auto;
  left: 0;
}
.col-icons .op_tooltip .op_tooltip-inner a {
  color: white;
}
.col-icons .op_tooltip .op_tooltip-inner .phonenumber {
  font-weight: bold;
  font-size: 1.5em;
}
.col-icons .op_tooltip:last-child .op_tooltip-inner {
  right: 0;
  left: auto;
}
.col-icons .op_tooltip:hover .op_tooltip-inner, .col-icons .op_tooltip:focus .op_tooltip-inner {
  display: block;
}
/* #endregion */
/* #region Landingpage */
.col-mainContent .col-content {
  max-width: clamp(50%, calc(100% - 55px), 100%);
  overflow-y: hidden;
  padding-top: 0.5em;
}
@media (min-width: 768px) {
  .col-mainContent .col-content {
    max-width: clamp(50%, calc(100% - 8.3333333333% - 55px), 100%);
  }
}
.col-mainContent .col-content div[class^="container"] .content-box > .row {
  padding-top: 2em;
  padding-bottom: 2em;
}
.braun_categorielist_headline {
  padding-top: 3em;
}
.braun_categorielist {
  padding-bottom: 3em;
}
.braun_categorielist .kategorie {
  display: flex;
  flex-direction: column;
}
.braun_categorielist .kategorie .kategorietitle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #288b4c;
  color: #707070;
}
.braun_categorielist .kategorie .kategorietitle span {
  margin-left: 0.5em;
}
.braun_categorielist .kategorie .kategorietitle .arrow {
  width: 1.5em;
  background-color: #288b4c;
  color: white;
  text-align: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: center;
}
.braun_categorielist > div {
  margin-top: 1em;
}
/* #endregion */
/* #region Productlist */
.listRefine .refineParams .col.options {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.braun_listtype_switch {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media (min-width: 444px) {
  .braun_listtype_switch {
    flex-direction: row;
  }
}
.braun_listtype_switch a {
  color: #909090;
  padding: 0 0.25em;
}
.braun_listtype_switch a.selected {
  color: #288b4c;
}
.products_per_page {
  justify-content: end;
}
.products_per_page, .products_per_page a, .products_per_page .selected a, .products_per_page a:hover {
  color: #288b4c;
  font-size: 0.95em;
}
@media (min-width: 444px) {
  .products_per_page, .products_per_page a, .products_per_page .selected a, .products_per_page a:hover {
    font-size: 1em;
  }
}
.products_per_page a {
  padding: 0 0.25em;
}
.products_per_page .selected a {
  font-weight: 700;
  text-decoration: underline;
}
.line-view-item {
  border: none;
}
.line-view-item .form-group {
  margin-top: 0;
}
#filterList {
  width: 100%;
}
.dropdown-toggle {
  white-space: normal;
}
.filter-item.active, .filter-item.selected, .filter-item:hover {
  background-color: #288b4c;
}
.product-box {
  padding-bottom: 0;
  margin-bottom: 0.25em;
}
.clickAction {
  cursor: pointer;
}
.page-item .page-link:hover {
  color: #288b4c;
}
.page-item .page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 139, 76, 0.25);
}
.page-item.active .page-link {
  background-color: #288b4c;
  border-color: rgba(40, 139, 76, 0.25);
  color: white;
}
.page-item.active .page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 139, 76, 0.25);
}
.verticalMiddle {
  min-height: 3em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.verticalMiddle.priceDiscount {
  flex-direction: column;
}
.verticalMiddle.priceDiscount .row {
  width: 100%;
}
.verticalMiddle.priceDiscount .row.preisrow {
  height: 100%;
}
.verticalMiddle.priceDiscount .row > div, .verticalMiddle.priceDiscount .row span {
  padding: 0;
}
.verticalMiddle.priceDiscount .row > div[class^="col"], .verticalMiddle.priceDiscount .row span[class^="col"] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  .verticalMiddle.priceDiscount .row > div .detailTitle, .verticalMiddle.priceDiscount .row span .detailTitle {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .verticalMiddle.priceDiscount .row > div .detailTitle, .verticalMiddle.priceDiscount .row span .detailTitle {
    padding: 0;
  }
}
.verticalMiddle.priceDiscount .row .price {
  font-size: 1em;
}
.verticalMiddle.priceDiscount .topArtikelRow {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.zumArtikel {
  display: flex;
  align-items: center;
  justify-content: end;
}
.list_expand .zumArtikel {
  align-items: end;
}
.braun_gridlist {
  display: flex;
  flex-direction: column;
}
.braun_gridlist .braun_gridlist_title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #288b4c;
  color: #707070;
}
.braun_gridlist .braun_gridlist_title span {
  margin-left: 0.5em;
  color: #288b4c;
}
.braun_gridlist .braun_gridlist_title .arrow {
  width: 1.5em;
  background-color: #288b4c;
  color: white;
  text-align: center;
}
.braun_gridlist .braun_gridlist_title .arrow i {
  vertical-align: middle;
}
/* #endregion */
/* #region Produktdetailseite */
.details-picture {
  position: relative;
}
.details-picture i {
  position: absolute;
  bottom: 0;
  padding: 0.25em;
  background-color: #288b4c;
  color: #e8e8e8;
}
@media (max-width: 900px) {
  .details-picture i {
    right: 15px;
  }
}
.details-content-middle, .details-content-middle div {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 0;
}
.details-title {
  color: #288b4c;
}
.article_border_shortinfo {
  border-bottom: solid 1px black;
  border-top: solid 1px black;
  padding: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
}
.productData {
  margin-top: 0.5em;
}
.productData .order_tobasket {
  margin-top: auto;
  margin-bottom: auto;
}
.productData .order_tobasket .row:nth-child(2) {
  margin-top: 0.25em;
}
.productData .order_tobasket .modal-dialog .dl-horizontal {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.productData .order_tobasket .modal-dialog .dl-horizontal .staffel-dt {
  margin-bottom: 0.5rem;
  display: inline-grid;
  align-items: center;
  float: none;
}
.productData .order_tobasket .modal-dialog .dl-horizontal dd {
  text-align: right;
}
.productData .articlerequest {
  margin-left: 5px;
}
.productData #attributes, 
.productData .attribute {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.productData #attributes .attributes, 
.productData .attribute .attributes {
  padding-top: 15px;
  padding-bottom: 15px;
}
.productData #attributes .attributes.attributes_abmessungen,
.productData .attribute .attributes.attributes_abmessungen {
  padding-left: 15px;
  padding-right: 15px;
}
.productData #attributes .attributes.attributes_list,
.productData .attribute .attributes.attributes_list {
  margin-left: 0;
  margin-right: 0;
}
.productData #attributes h2,
.productData .attribute h2 {
  color: var(--braun-main-color);
  font-weight: 400;
  border-bottom: 1px solid #707070;
  font-size: 1rem;
  line-height: 1.5em;
  text-transform: uppercase;
  border-bottom: none;
}
.eigenschaftzeile:last-child {
  border-bottom: 1px solid #909090;
}
.eigenschaftzeile:first-child {
  border-top: 1px solid #909090;
}
.eigenschaftzeile.grey {
  background-color: #efefef;
}
.cl-alist .infos {
  font-size: 0.9em;
}
#boxwrapper_alsoBought, #boxwrapper_accessories, #boxwrapper_similar, #boxwrapper_cross {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.6666666667%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.boxwrapper .page-header, .boxwrapper .page-header h2.h2 {
  text-align: left;
  color: #288b4c;
  font-weight: 300;
  font-size: 1.3em;
}
/* #endregion */
/* #region Contentpage */
.page-header {
  border: none;
  padding-bottom: 0;
}
.page-header h1.h1 {
  font-weight: 500;
  font-size: 2em;
}
@media (min-width: 444px) {
  .page-header h1.h1 {
    font-size: 2.9em;
  }
}
.spacerline {
  border-top: 1px solid #dedede;
}
#wrapper .maximagesize img {
  max-height: 400px;
  max-width: 265px;
}
/* #endregion */
/* #region Warenkorb */
.cart_item-list .quantity .textbox {
  font-size: 1em;
  max-width: 2.5em;
}
.checkout-steps {
  border-color: #dedede;
  height: auto;
}
.checkout-steps .num {
  background-color: #909090;
  line-height: 1.5em;
}
.checkout-steps .step.active .num {
  background-color: #288b4c;
}
.checkout-steps .step.passed .num {
  background-color: #dedede;
}
#braun_checkout_header .card-body .row .left * {
  display: none;
}
#braun_checkout_header .form-control {
  width: 100% !important;
}
.cl-basket #content .btn-danger, .cl-basket #content .btn-outline-danger {
  color: #288b4c;
  border-color: #288b4c;
}
.cl-basket #content .btn-danger:hover, .cl-basket #content .btn-outline-danger:hover, .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle, .cl-basket #content .btn-outline-danger {
  background-color: #288b4c;
  border-color: #288b4c;
  color: white;
}
#basket_list img, .minibasket img {
  max-width: 100px;
}
.payment .well.well-sm:nth-child(n+2) {
  display: none;
}
/* #endregion */
/* #region Konto */
label[for="b2bneedsapproval"], #b2bneedsapproval {
  display: none;
}
#b2b_einkaeufer_table i[style^="color"] {
  color: #288b4c !important;
}
.dd-available-addresses {
  row-gap: 15px;
}
.orderhistory {
  width: 100%;
}
.orderhistory td {
  width: 33%;
}
/* #endregion */
/* #region 404-error page */
.err-404 .gears-box {
  max-width: 100%;
}
.err-404 .gears-box .gear-rotate {
  max-width: none;
  max-height: none;
}
/* #endregion */
/* #region Footer */
.footer, .legal {
  background-color: #909090;
  color: white;
  border-top: 0;
  border-bottom: 0;
}
.footer a, .legal a {
  color: white;
}
.footer-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .footer-link {
    justify-content: left;
  }
}
.footer-link img {
  width: 70%;
}
.footer .social-links-item {
  font-size: 0.8em;
}
.footer .linie {
  border-bottom: 0.1em solid;
}
#jumptotop {
  font-size: 1.5em;
  width: 8.333333%;
  right: 0;
  text-align: center;
  background-color: #dedede;
  color: #909090;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 90vh;
}
#jumptotop.show {
  opacity: 1;
}
/* #endregion */
/* media */
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
  .footer .container {
    max-width: 80%;
  }
  .btn-staffel {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .op_tooltip-inner, .col-icons .op_tooltip:first-child .op_tooltip-inner, .col-icons .op_tooltip:nth-child(2) .op_tooltip-inner {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1981px) {
  body, .header .navbar .nav-item .dropdown-menu a, .page-header .rss {
    font-size: 0.7vw;
  }
}
/*# sourceMappingURL=./styles.map */