/* Cafe Libertad Shop ======================================================== */
body {
    font-family: "Verdana", sans-serif;
    font-weight: 300;
    color: #563312;
    line-height: 16px;
    font-size: 13px;
    overflow-x: hidden;
}

.container {
    width: 1050px;
    padding: 0;
}

:: selection {
    background: #FBBB3A;
    color: #fff;
    text-shadow: none;
}

:: -moz-selection {
    background: #FBBB3A;
    color: #fff;
    text-shadow: none;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="text"], textarea {
    color: #563312;
}

textarea {
    height: 200px;
    vertical-align: top;
}

input[type="submit"] {
    width: auto;
}

input:focus, select:focus {
    outline: none;
}

.region-main {
    padding: 10px;
}

.form-group {
    margin-bottom: 10px;
    position: relative;
}

.form-group .cbx-container {
    margin-top: 4px;
    margin-bottom: 10px;
}

.form-group .cbx-container .glyphicon {
    color: #563312;
}

.form-group label {
    font-weight: 300;
    cursor: pointer;
}

form fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.form-control {
  color: #563312;
}

.form-control:focus {
    border-color: #563312;
    box-shadow: none;
}

:: -webkit-input-placeholder {
    color: #ACACAC;
}

:-moz-placeholder {
    color: #ACACAC;
}

::-moz-placeholder {
    color: #ACACAC;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #ACACAC;
}

figure {
  margin: 0;
}

.img-responsive {
    display: block;
}

.img-responsive img {
    width: 100%;
    height: auto;
    display: block;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.inline-block {
    display: inline-block;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.item-right {
    overflow: hidden;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.v-hide {
    visibility: hidden !important;
}

.display-none {
    display: none;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-underline {
    text-decoration: underline;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-bold {
    font-weight: 600 !important;
}

strong, th {
    font-weight: 600;
}

.cursor-pointer {
    cursor: pointer;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.margin-small-left {
  margin-left: 10px;
}

.margin-small-right {
  margin-right: 10px;
}

.margin-small-bottom {
  margin-bottom: 10px;
}

.margin-half-bottom {
  margin-bottom: 15px;
}

.margin-default-top {
  margin-top: 30px;
}

.margin-default-right {
  margin-right: 30px;
}

.margin-default-bottom {
  margin-bottom: 30px;
}

.margin-default-left {
  margin-left: 30px;
}

.paragraph-no-margin p {
    margin: 0;
}

.width-100P {
    width: 100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Verdana", sans-serif;
    color: #563312;
    font-weight: 300;
    display: block;
    margin: 15px 0;
    clear: both;
}

.container h1:first-of-type {
    margin-top: 0;
}

.no-margin-top {
    margin-top: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    color: #563312;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover {
    color: #563312;
}

h1, .text-h1, .h1 {
    font-size: 26px;
    line-height: 1.3846153846;
}

h2, .text-h2, .h2 {
    font-size: 21px;
    line-height: 1;
}

h3, .text-h3, .h3 {
    font-size: 18px;
    line-height: 1.0909090909;
}

h4, .text-h4, .h4 {
    font-size: 16px;
    line-height: 1.2;
}

h5, .text-h5, .h5 {
    font-size: 14px;
    line-height: 1.3333333333;
}

h6, .text-h6, .h6 {
    font-size: 13px;
    line-height: 1.5;
}

.text-small {
  font-size: 10px;
  line-height: 12px;
}

.text-strong {
    font-weight: bold;
}

.col-dark {
    color: #563312;
}

.col-black {
    color: #000;
}

.col-dark-hover-orange:hover {
    color: #A52C20;
}

.col-light {
    color: #563312;
}

.col-grey {
    color: #9197A1;
}

.col-grey-light {
    color: #A8ABB0;
}

.col-grey-dark {
    color: #5B5B5B;
}

.col-red-dark {
    color: #a52c20;
}

.col-orange {
    color: #563312 !important;
}

.col-white {
    color: #FFF;
}

.bg-red {
    background-color: red;
}

.bg-blue-light {
    background-color: #F1EDEA;
}

.bg-blue-dark {
    background-color: #F1EDEA;
    border: 1px solid #563312;
}

.separator-bottom {
    border-bottom: 1px dotted #563312;
    margin-bottom: 15px;
}

.standard-shadow {
    border-radius: 3px;
    -webkit-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    -moz-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
}

.badge-wrapper {
    position: relative;
}

.box-bubble-bottom {
    position: relative;
    width: 195px;
    height: 50px;
    padding: 0px;
    background: #2CBAEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.box-bubble-bottom:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #2CBAEE transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -8px;
    bottom: -8px;
    left: 50%;
}

.box-bubble-top {
    position: relative;
    width: 195px;
    height: 50px;
    padding: 0px;
    background: #2CBAEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.box-bubble-top:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: #2CBAEE transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -8px;
    top: -8px;
    left: 50%;
}

.badge-bubble {
    position: absolute;
    left: -186px;
    top: -20px;
    width: 170px;
    padding: 2px 4px;
    font-size: 12px;
    text-align: center;
    color: #FFF;
    background: #563312;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: #1C4896 solid 1px;
    z-index: 5;
}

.badge-bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 6px 0 6px 15px;
    border-color: transparent #563312;
    display: block;
    width: 0;
    z-index: 1;
    margin-top: -8px;
    right: -15px;
    top: 22%;
}

.badge-bubble:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 6px 0 6px 15px;
    border-color: transparent #1C4896;
    display: block;
    width: 0;
    z-index: 0;
    margin-top: -8px;
    right: -16px;
    top: 22%;
}

.badge-bubble.porto {
    background: #563312;
    border-color: #1C4896;
}
.badge-bubble.porto:after {
    border-color: transparent #563312;
}
.badge-bubble.porto:before {
    border-color: transparent #1C4896;
}

.badge-bubble.sale {
    background: #A70000;
    border-color: #6B0000;
}
.badge-bubble.sale:after {
    border-color: transparent #A70000;
}
.badge-bubble.sale:before {
    border-color: transparent #6B0000;
}

.badge-bubble.bonus {
    background: #FF9C00;
    border-color: #563312;
}
.badge-bubble.bonus:after {
    border-color: transparent #FF9C00;
}
.badge-bubble.bonus:before {
    border-color: transparent #563312;
}

.badge-bubble.einzelstueck {
    background: #1C4896;
    border-color:#772615;
}
.badge-bubble.einzelstueck:after {
    border-color: transparent #1C4896;
}
.badge-bubble.einzelstueck:before {
    border-color: transparent #772615;
}

.badge-bubble.take30 {
    background: #8F00B2;
    border-color: #1C4896;
}
.badge-bubble.take30:after {
    border-color: transparent #8F00B2;
}
.badge-bubble.take30:before {
    border-color: transparent #1C4896;
}

.badge-bubble.neu {
    background: #0B9500;
    border-color: #772615;
}
.badge-bubble.neu:after {
    border-color: transparent #0B9500;
}
.badge-bubble.neu:before {
    border-color: transparent #772615;
}

.badge-bubble.mhd {
    background: #563312;
    border-color: #A70000;
}
.badge-bubble.mhd:after {
    border-color: transparent #563312;
}
.badge-bubble.mhd:before {
    border-color: transparent #A70000;
}

.badge-bubble.testset {
    background: #6FC400;
    border-color: #0B9500;
}
.badge-bubble.testset:after {
    border-color: transparent #6FC400;
}
.badge-bubble.testset:before {
    border-color: transparent #0B9500;
}

.badge-bubble.coffein {
    background: #772615;
    border-color: #000;
}
.badge-bubble.coffein:after {
    border-color: transparent #772615;
}
.badge-bubble.coffein:before {
    border-color: transparent #000;
}

.badge-bubble.vegan {
    background: #88C11A;
    border-color: #0B9500;
}
.badge-bubble.vegan:after {
    border-color: transparent #88C11A;
}
.badge-bubble.vegan:before {
    border-color: transparent #0B9500;
}

.badge-bubble.testneo {
    background: #000;
    border-color: #6B0000;
}
.badge-bubble.testneo:after {
    border-color: transparent #000;
}
.badge-bubble.testneo:before {
    border-color: transparent #6B0000;
}

a {
    color: #A52C20;
    text-decoration: none;
}

a:hover, a:active {
    color: #563312;
    text-decoration: none;
}

a:focus {
    outline: none;
}

ul, ol {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

li > ul, li > ol {
    margin: 0 0 0 20px;
}

.text-box ul, .text-box ol {
    margin-top: 15px;
    list-style: disc;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.list-inline > li:first-child {
    padding-left: 0;
}

.container {
    margin-right: auto;
    margin-left: auto;
}

.container:before, .container:after {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

div.text-box table {
 padding: 10px 20px;
 border-color: #F2F2F2;
 margin-top: 5px;
}

div.text-box table td {
 padding: 10px 10px;
 border-color: #F0F0F0;
 vertical-align: top;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    background-image: none;
    border: none;
    white-space: nowrap;
    padding: 6px 12px;
    line-height: 1.428571429;
}

.btn-lg {
    padding: 10px 15px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

.btn.color1 {
    background: #FBBB3A;
    color: #292929;
}

.btn.color2 {
    background: #131313;
    color: #FBBB3A;
}

.btn-default, .btn-default:active, .btn-default:hover, .btn-default:focus, .open > .dropdown-toggle.btn-default, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a {
    color: #563312;
    font-weight: 300;
}

.btn-standard, .btn-standard-big {
    font-size: 15px;
    font-weight: 500;
    padding: 10px 27px;
    letter-spacing: 1px;
    -moz-box-shadow: 2px 3px 9px -3px #706c70;
    -webkit-box-shadow: 2px 3px 9px -3px #706c70;
    box-shadow: 2px 3px 9px -3px #706c70;
    background-color: #A52C20;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    border:1px solid #ffffff;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
    width: 213px;
    height: 46px;
    /*text-shadow: 1px 1px 1px #E0E0E0;*/
}
.btn-standard:active, .btn-standard-big:active {
    position:relative;
    top:1px;
}

.btn-standard {
    text-align: center;
    width: auto;
    height: auto;
}

.btn-standard:hover {
    color: #FFF;
}

.btn-standard-big-orange {
    background-color: #563312;
}
.btn-standard-big-grey {
    background-color: #939393;
}

.btn-standard:focus {
  color: #FFF;
  text-decoration: none;
}

.btn-condensed {
    padding-left: 10px;
    padding-right: 10px;
}

.btn-extra-condensed {
    padding: 1px 3px;
    margin-right: -10px;
    border: 0;
    background-color: transparent;
    color: #563312;
}
.btn-extra-condensed:hover {
    color: #a52c20;
}


.fa-large {
    font-size: 1.4em;
}

/* Standard Devider ======================================================== */
.container-devider {
    width: 100%;
    margin: 10px 0 25px 0;
    background: url(/themes/cafelibertad/img/bg-line-star.png) 3px 3px repeat-x;
}

/* BreadCrump ============================================================== */
.box-breadcrump .spacer {
    margin: 0 15px;
}

.box-breadcrump a.col-light {
    text-decoration: underline;
}

/* Header ================================================================== */
div.block-header-content {
    position: relative;
    width: 100%;
    height: 140px;
    background: url(/themes/cafelibertad/img/bg-header-neu.png) left top no-repeat;
    float: left;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
  div.block-header-content {
    background-image: url(/themes/cafelibertad/img/bg-header-mobile.png);
  }
}

div.block-header-content a:hover {
  color: #a52c20 !important;
}

div.block-header-content a.link-logo {
    position: absolute;
    width: 75px;
    height: 80px;
    top: 30px;
    left: 0;
}

div.block-header-content a.link-website {
  position: absolute;
    font-family: 'open_sanscondensed_light';
    font-size: 15px;
    top: 72px;
    left: 620px;
}

div.block-header-content div.adresse {
    position: absolute;
    font-family: 'open_sanscondensed_light';
    font-size: 14px;
    top: 102px;
    left: 120px;
    width: 605px;
}

div.block-header-content div.adresse div.kontakt {
  float: left;
}

div.block-header-content div.adresse div.anschrift {
  float: right;
}

div.block-header-content div.line {
    position: absolute;
    left: 28px;
    top: 132px;
    height: 1px;
    width: 938px;
    border-bottom: 1px solid #AAA;
}

#head-nav {
    font-family: 'open_sanscondensed_light';
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    width: 220px;
    margin: 0;
    text-align: right;
    float: right;
}

#head-nav form, #head-nav-mobile form {
    margin-top: 5px;
    margin-bottom: 0;
}

#head-nav input, #head-nav-mobile input {
    font-family: 'open_sanscondensed_light';
    font-weight: 300;
    font-size: 14px;
    width: 190px;
    padding: 4px 5px;
    border: none;
    background-color: #F1EDEA;
    float: right;
    border-radius: 4px;
}

#head-nav button, #head-nav-mobile button {
  font-family: 'open_sanscondensed_light';
  font-weight: 800;
  font-size: 17px;
  border: none;
  background-color: #FFF;
  padding: 0;
  cursor: pointer;
}

#head-nav div.language-selector {
    margin-top: 3px;
    font-size: 13px;
}

#head-nav-mobile form {
    margin-bottom: 10px;
}

/* Superfish =============================================================== */
.mio-menu.sf-menu li {
    background: #FFF;
    border-top: 1px solid #563312;
}

.mio-menu.sf-menu li a {
    font-family: 'open_sanscondensed_light';
    font-weight: 300;
    font-size: 24px;
    line-height: 25px;
}

.mio-menu.sf-menu li a:hover {
    color: #A52C20;
    background-color: #F1EDEA;
}

.mio-menu.sf-menu li:first-child {
    border: none;
}

.mio-menu.sf-menu li a {
    border: none;
    padding: 10px 20px;
    white-space: normal;
    font-size: 19px;
    color: #563312;
}

.mio-menu.sf-menu > li {
    border-top: none;
}

.mio-menu.sf-menu > li > a {
    line-height: 25px;
    padding: 0 5px;
    font-size: 22px;
    line-height: 30px;
    position: relative;
}

.mio-menu.sf-menu .subfolder {
   background-color: #f7f4f4;
}

@media screen and (max-width: 800px) {
  .mio-menu.sf-menu > li > a {
    font-size: 21px;
  }
}

.mio-menu.sf-menu > li > a:hover {
    background-color: #FFF;
}

.mio-menu.sf-menu > li > a .active {
    /*background: url(/themes/livegigs/img/bg-nav-headline.png) left -2px repeat-x;*/
    display: inline-block;
}

/*.mio-menu.sf-menu > li > a.arrow-preset {
    padding: 0 40px 0 15px;
}*/

.mio-menu.sf-menu > li > a:before {
    content: ".";
    display: block;
    width: 1px;
    height: 30px;
    position: absolute;
    left: -3px;
    top: 0;
}

.mio-menu.sf-menu > li:first-child > a {
    padding-left: 0;
}

.mio-menu.sf-menu > li:first-child > a:before {
    display: none;
}

/*.mio-menu.sf-menu .sf-with-ul {
    padding-right: 40px;
}*/

/* Top-Menu ================================================================ */
/*div.block-header-navigation {
  position: relative; 
  width: 100%;
  height: 30px;
  margin-bottom: 15px;
  float: left; 
}

ul.menu, .topnav-like {
  font-family: 'open_sanscondensed_light';
  font-weight: 300;
  font-size: 22px;
  line-height: 25px;
  list-style: none; 
  margin: 0; 
  padding: 0;
  z-index: 110;
}

ul.menu li {
  margin-right: 2px;
  float: left;
}

ul.menu li.topfolder-item {
  padding: 0 0 0 10px;
  background: url(/themes/cafelibertad/img/bg-navdot.png) 2px 21px no-repeat;
}

ul.menu li.first {
    padding-left: 0;
    background: none;
}

ul.menu a {
    color: #563312;
    display: block;
}

ul.menu a:hover, ul.menu a.active {
  color: #a52c20;
}

ul.menu li a.top-item {
  margin-top: 2px;
}*/

/* Mega Menu =============================================================== */
div.block-megamenu {
  font-family: Verdana;
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  position: absolute;
  left: -60px;
  top: 35px;
  width: 780px;
  height: 260px;
  padding: 10px 0;
  background-color: #FFF;
  border: 1px solid #39220C;
  border-radius: 4px;
  display: none;
  z-index: 999;
}

div.menu-listbox {
  margin: 0 15px;
  float: left;
}

div.mega-sublist {
  margin-bottom: 20px;
}

div.mega-sublist p a {
  padding: 5px 20px !important;
}

/* BreadCrump ============================================================== */
div.block-breadcrump {
    width: 98.571428571428571%;
    height: 15px;
    margin-top: -5px;
    margin-bottom: 25px;
    margin-left: 1.428571428571429%;
    white-space: nowrap;
    float: left;
}

div.block-breadcrump a {
    color: #949494;
}

div.block-breadcrump a:hover {
  color: #AC2C20;
}

/* Selector Sortierung ===================================================== */
#form-sort-select {
 margin-right: 0;
}

#form-sort-select label {
  margin-right: 10px;
}

#form-sort-select select {
  font-size: 12px;
  padding: 2px 0;
}

/* Shop Navigation ========================================================= */
ul.shop-folder {
    width: 100%;
    padding: 10px 15px 0 15px;
    margin-bottom: 15px;
    line-height: 23px;
    background-color: #F8F8F8;
    list-style: none;
    float: left;
}

ul.shop-folder ul.shop-subfolder {
    list-style: none;
    margin-bottom: 15px;
}

ul.shop-folder li a {
    color: #563312;
}

ul.shop-folder li a:hover, ul.shop-folder li a.aktive {
  color: #A52C20;
}

/* Banner 218 ============================================================== */
div.box-banner218 {
    margin-bottom: 15px;
}

/* Produkt Details ========================================================= */
div.box-produktdetails {
  width: 100%;
  margin-right: 65px;
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom: none;
}

div.box-produktdetails h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 700;
}

div.box-produktdetails h3 {
    margin-top: 0;
    font-weight: 700;
}

div.box-produktdetails div.preis {
  font-size: 18px;
  font-weight: 700;
}

div.box-produktdetails .beschreibung {
  padding: 10px;
  line-height: 25px;
  background-color: #F8F8F8;
  margin-bottom: 5px;
  font-weight: 400;
}

div.box-produktdetails .beschreibung-hinweis {
  color: #563312;
  font-size: 11px;
  text-align: right;
  margin-bottom: 10px;
}

div.box-produktdetails .beschreibung-hinweis a {
  color: #563312;
}

div.box-produktdetails .box-menge {
  margin-top: 15px;
  margin-bottom: 15px;
}

div.box-produktdetails .box-menge input {
  width: 80px;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
}

div.box-produktdetails .box-menge a.add-to-cart:focus {
  color: #FFF;
}

div.box-produktdetails .box-select {
  margin-top: 15px;
  margin-bottom: 15px;
}

div.box-produktdetails select {
  font-size: 12px;
  padding: 2px 0;
  margin-right: 10px;
  text-align: center;
  color: #A52C20;
  float: left;
}

div.box-produktdetails .lieferzeit {
  margin-bottom: 15px;
}

div.box-produktdetails .text {
  margin-bottom: 10px;
}

div.box-produktdetails .ergaenzende-infos {
    margin: 15px 0;
    padding: 10px;
}

div.aehnliche-produkte {
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  div.box-produktdetails .image  {
    margin-bottom: 20px;
  }
}

div.box-produktdetails .small-font,
div.box-produktliste .small-font {
  font-size: 11px;
}

div.box-produktliste a.button-link {
  padding: 6px 12px;
  border: 1px solid #8A725B;
  border-radius: 4px;
  background-color: #F1EDEA;
}

/* Produkte Details - Varianten ============================================ */
.box-produktdetails .box-select-variante {
    margin-top: 5px;
}

.box-produktdetails .box-select-variante .select-input {
    height: 40px;
}

.box-produktdetails .box-select-variante .form-group {
    margin-bottom: 0;
}
.box-produktdetails .box-select-variante .text {
    padding-top: 10px;
    display: inline-block;
}

.box-produktdetails .box-select-variante .box-fehlerhinweis {
    display: none;
}

/* Blaettern ================================================================= */
div.block-content div.wrapper-block-blaettern {
    margin-top: 25px;
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

div.block-content div.block-blaettern {
    max-width: 100%;
  width: 100%;
  text-align: center;
}

div.block-content div.block-blaettern a {
  color: #563312;
  padding: 5px 8px; 
  margin: 3px;
  border: 1px solid #563312;
  border-radius: 4px;
}

div.block-content div.block-blaettern a:hover, div.block-content div.block-blaettern a.act {
  color: #FFF;
  background: #A52C20;
  border-color: #A52C20;
}

div.block-content div.block-blaettern a.deakt {
  color: #563312;
  background: none;
}

/* Sidebar ================================================================= */
div.block-teasersidebar h5.headline-news {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 10px;
  float: left;
}

div.block-teasersidebar h4 {
  width: 100%;
  color: #000;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 10px;
}

div.box-teasersidebar {
  width: 100%;
  padding: 10px;
  background-color: #F6F6F6;
  line-height: 20px;
  margin-bottom: 10px;
}

div.box-teasersidebar h5 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 22px;
  color: #A52C20;
}

div.box-teasersidebar a {
  font-weight: bold;
}

div.box-teasersidebar h5 a {
  color: #A52C20;
}

div.box-newssidebar {
  width: 100%;
  padding: 0 10px;
  line-height: 20px;
}

div.box-newssidebar h5 a {
  color: #A52C20;
}

div.box-newssidebar p {
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #AAA;
}

div.box-newssidebar p.last {
  margin-bottom: 15px;
  border-bottom: none;
}

div.block-teasersidebar .banner {
    margin-bottom: 30px;
}

/* Bild Teaser ============================================================= */
div.box-teaser-bild {
    margin: 0 20px 20px 0;
    float: left;
}

div.box-teaser-bild-margin-last {
    margin-right: 0;
}

div.box-teaser-bild div.link {
  width: 300px;
  height: 30px;
  margin-top: -4px;
  background-color: #67a5d4;
  overflow: hidden;
}

div.box-teaser-bild div.link a {
    padding: 7px;
  color: #FFF;
  white-space: nowrap;
  text-transform: uppercase;
  float: left;
  overflow: hidden;
}

/* Bild Text Teaser ======================================================== */
/*div.block-teas er-bildtext-wrapper {
    max-width: 620px;
    margin-top: -15px;
  padding-bottom: 20px;
  width: 100%;
  background: url(/themes/cafelibertad/img/bg-line-star.png) 2px bottom repeat-x;
}

div.block-tea ser-bildtext-wrapper-leftsidebar {
  margin-right: 65px;
  float: right;
  background: none;
  padding-bottom: 0;
}*/

div.box-teaser-bildtext {
  font-size: 11px;
  color: #FFF;
  background-color: #8c8075;
  margin-bottom: 15px;
}

div.box-teaser-bildtext div.text {
  min-height: 103px;
  padding: 10px 15px;
}

div.box-teaser-bildtext div.text h3 {
    font-size: 12px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    color: #FFF;
}

div.box-teaser-bildtext div.text p {
    display: inline;
}

div.box-teaser-bildtext a.next {
    color: #FFF;
}

/* Teaser Startseite ======================================================= */
div.widget-mainteaser {
    min-height: 377px;
    margin-bottom: 15px;
}

div.widget-mainteaser .item {
    position: relative;
}

div.widget-mainteaser .item .text {
    position: absolute;
    left: 0;
    top: 77%;
    height: 23%;
    background-color: #000;
    color: #FFF;
    padding: 10px;
}

div.widget-mainteaser .item .text a {
    color: #FFF;
}

/* Produkt in Liste ======================================================== */
div.box-produktliste .devider {
    border-top: solid 1px #dfd8d1;
    margin-top: 20px;
}

div.box-produktliste h3 {
  margin-top: 0;
  float: left;
}

div.box-produktliste h3 a {
  color: #563312;
  font-weight: 700;
}

div.box-produktliste .preis {
  color: #563312;
  font-size: 18px;
  font-weight: 800;
  float: right;
}

div.box-produktliste h4, div.box-produktliste h5 {
  margin-top: 0;
  margin-bottom: 15px;
  color: #563312;
}

div.box-produktliste .subline-prodinfo {
  margin-bottom: 15px;
}

div.box-produktliste .text .beschreibung {
  padding: 10px 20px;
  line-height: 25px;
  background-color: #F1EDEA;
  margin-bottom: 5px;
}

div.box-produktliste .text .beschreibung-hinweis {
  color: #563312;
  font-size: 11px;
  margin-bottom: 15px;
  text-align: right;
}

div.box-produktliste .text .beschreibung-hinweis a {
  color: #563312;
}

div.box-produktliste .margin-two-top {
    margin-top: 2px;
}

div.box-produktliste .text select {
    font-size: 12px;
    padding: 2px 0;
    margin-right: 10px;
    text-align: center;
    color: #A52C20;
    float: left;
}

@media screen and (max-width: 767px) {
  div.box-produktliste .image  {
    margin-bottom: 20px;
  }
}

/* Kleine Kachel =========================================================== */
.kachel-small a.image {
    padding: 5px;
    border: 1px solid #F1EDEA;
    border-radius: 5px;
}

.kachel-small p.text {
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #FFF;
    border-radius: 5px;
    background-color: #F1EDEA;
    height: 42px;
    overflow: hidden;
}

/* Block Neugkeiten ======================================================== */
div.block-neuigkeiten-item {
    margin-bottom: 30px;
}

div.block-neuigkeiten-item h2 {
    margin-top: 0;
}

div.block-neuigkeiten-item a.text {
    color: #333;
}

/* CheckOut - Tabs ========================================================= */
.checkout-tabs .tab {
    width: 211px;
    height: 55px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-top: 10px;
    font-weight: 400;
    color: #563312;
    overflow: hidden;
    float: left;
    border-radius: 3px;
    -webkit-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    -moz-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
}

.checkout-tabs .tab.step-active {
    background-color: #F1EDEA;
    border: 1px solid #A52C20;
    color: #A52C20;
}

.checkout-tabs .click-link {
    cursor: pointer;
}

.checkout-tabs .tab .number {
    font-size: 30px;
    font-weight: 300;
    line-height: 33px;
    margin-right: 10px;
    float: left;
}

/* CheckOut - Main Container =============================================== */
.checkout-main {
    width: 100%;
    padding: 25px;
    margin-bottom: 25px;
    min-height: 300px;
    background-color: #FFF;
    border-radius: 3px;
    -webkit-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    -moz-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
}

.checkout-main .warenkorb-wrapper {
    margin-bottom: 20px;
}

.checkout-main .no-padding {
    padding: 0;
}

.checkout-main .image-padding {
    padding: 10px 0 10px 10px;
}

.checkout-main .image-border img {
    border: 1px solid #D7D9DC;
}

.checkout-main .product-padding {
    padding: 10px 0 0 15px;
}

.checkout-main .value-padding {
    padding: 10px 0 0 0;
}

.checkout-main .field-value-padding {
    padding-top: 40px;
}

.checkout-main .field-product-padding {
    padding-bottom: 10px;
}

.checkout-main .box-field-land {
    height: 35px;
}

.checkout-main .right-padding {
    padding-right: 10px;
}

.checkout-main .headline {
    font-weight: 400;
    border-bottom: 1px solid #D7D9DC;
    margin-bottom: 5px;
    padding-bottom: 5px;
    display: block;
}

.checkout-main .headline .h6 {
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.checkout-main .grey-bigtext {
    font-weight: 400;
    font-size: 14px;
    color: #5B5B5B;
}

.checkout-main .grey-smalltext {
    font-size: 11px;
}

.checkout-main .spacing-small-top {
  padding-top: 10px;
}

.checkout-main .checkbox-summary {
  margin-bottom: 10px;
}

.checkout-main .checkbox-summary label {
  margin-top: -3px;
  font-weight: bold;
}

.checkout-main .h6 {
    margin: 0 0 5px 0;
}

.checkout-main .multiplikator {
    padding-left: 20px;
    color: #5B5B5B;
}

.checkout-main .change-quantity {
    width: 60px;
    display: inline;
    margin-top: -8px;
    text-align: center;
}

.checkout-main p.varianten {
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.checkout-main .sortierung .text {
    position: relative;
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #563312;
    text-decoration: underline;
    cursor: pointer;
}

.checkout-main .sortierung .sortierung-detail {
    position: absolute;
    min-width: 140px;
    left: 85px;
    top: -15px;
    font-size: 12px;
    padding: 10px;
    margin: 0;
    color: #5B5B5B;
    border-radius: 7px;
    border: 1px solid #563312;
    background-color: #FFF;
    display: none;
    z-index: 2;
    -webkit-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    -moz-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
}

.checkout-main .sortierung .sortierung-detail p {
    margin: 0;
    padding: 2px 0;
}

.checkout-main .padding-total-line {
    padding-right: 0px;
    padding-left: 15px;
}

.checkout-main .summe-total {
    width: 100%;
    padding: 30px 0;
    font-size: 18px;
    padding-right: 80px;
    text-align: right;
}

.checkout-main .summe-total .text {
    margin-right: 50px;
}

.checkout-main .summe-total .wert {
    font-weight: 400;
    color: #5B5B5B;
}

.checkout-main .padding-gutschein-line {
    margin-bottom: 30px;
}

.checkout-main .gutschein-box {
    padding: 20px 0;
}

.checkout-main .gutschein-box .text {
    padding: 10px 0;
    margin-right: 10px;
    float: left;
}

.checkout-main .gutschein-box input {
    width: 240px;
    margin-right: 5px;
    float: left;
}

.checkout-main .gutschein-box .gs-response-ok, .checkout-main .gutschein-box .gs-response-error {
    margin-left: 15px;
    display: none;
}

.response-coupon-validation {
    float: left;
}

.checkout-main .btn-standard-right, .checkout-main .btn-kaufen-right, .checkout-main .btn-anmelden-right {
    margin-right: -15px;
    float: right;
}

.checkout-main .btn-anmelden-right {
    background: url(/themes/bronny/img/btn-anmelden.png) left top no-repeat;
}

/* Checkout - Zahlungsarten ================================================ */
.checkout-main .cbx-to-radio .glyphicon {
    color: #563312;
}

.checkout-main .text-beschreibung {
    font-size: 11px;
}

.checkout-main .box-zahlungsarten {
    marg in-left: -40px;
    padding-left: 0;
}

.checkout-main .wrapper-checkbox {
    width: 20px;
    height: 28px;
    display: inline-block;
    margin-right: 10px;
}

/* Checkout - Warenkorb ==================================================== */
.checkout-main .cart_plus_minus {
  font-size: 11px;
  margin: 0 10px;
  color: #5B5B5B;
  cursor: pointer;
}

.checkout-main .cart_plus_minus:hover {
  color: #A52C20;
}

/* Checkout - Kundendaten ================================================== */
.checkout-main .form-customer {
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 20px;
    float: left;
}

.checkout-main .form-customer .wrapper-checkbox {
    margin-bottom: 6px;
}

.checkout-main .form-customer textarea {
    height: 80px;
}

.checkout-main .form-customer .box-error {
    height: 26px;
    padding: 0;
}

.checkout-main .link-login-icon, .checkout-main .link-password-icon {
    font-size: 17px;
    font-weight: 400;
    color: #563312;
    padding-left: 3px;
    padding-right: 15px;
}

.checkout-main .link-password-icon {
    padding-right: 10px;
}

.checkout-main .link-login:hover {
    text-decoration: underline;
}

/* Checkout - Zusammenfassung ============================================== */
.checkout-main .warenkorb-sum {
    font-weight: 400;
    margin-bottom: 15px;
} 

.checkout-main .warenkorb-sum .line {
    padding: 10px 5px;
} 

.checkout-main .warenkorb-sum .text-center {
    padding-left: 0;
    padding-right: 0;
}

.checkout-main .hinweis-zadienstleister {
    margin-top: -20px;
    margin-bottom: 30px;
}

.checkout-main .form-group-checkbox .wrapper-checkbox {
  float: left;
}

.checkout-main .form-group-checkbox label {
  margin-top: 5px;
  float: left;
  width: 90%;
}

/* Order Complete ========================================================== */
.checkout-main .box-thx a {
    color: #563312;
    text-decoration: underline;
}

/* Login - PW Reminder ===================================================== */
.checkout-main .box-result-pwreminder {
    padding-top: 8px;
}

/* Kundencenter ============================================================ */
.checkout-main .cst-center .line {
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #D7D7D7;
    width: 100%;
    float: left;
}

.checkout-main .cst-center .head-line {
    border-color: #563312;
}

/* Footer ================================================================== */
div.region-footer {
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

div.block-footer {
    width: 100%;
    margin: 10px 0;
    padding-top: 23px;
    border-top: 1px solid #dfd8d1;
    font-size: 10px;
    background: url(/themes/cafelibertad/img/bg-line-star.png) 0 8px repeat-x;
}

div.block-footer div.history {
    width: 12%;
    float: left;
}

div.block-footer div.links {
  width: 76%;
  float: left;
}

@media (max-width: 991px) {
  div.block-footer div.links {
      width: 100%;
      float: none;
      font-size: 14px;
      line-height: 22px;
    }
}

div.block-footer div.copyright {
  width: 12%;
  float: right;
  text-align: right;
} 

div.block-footer ul {
  list-style: none;
  text-align: center;
  margin-bottom: 0;
} 

div.block-footer li {
  padding-left: 10px;
  display: inline;
  background: url(/themes/cafelibertad/img/bg-footer-divider.png) left 2px no-repeat;
} 

@media (max-width: 991px) {
    div.block-footer li {
      background-image: none;
    } 
}


div.block-footer li.first {
  padding-left: 0;
  background: none;
} 

div.block-footer a {
    color: #000;
}

div.block-footer a:hover {
  color: #a52c20;
}







.container-beitrag h2 {
  color: #949494;
  font-size: 18px;
  font-weight: 800;
}


.container-beitrag h1 {
  color: #a8291a;
  font-weight: 800;
}


.container-beitrag .beitrag-box {
  color: #000;
  line-height: 21px;
}





.section__text h2,
.section__text h3,
.section__text h4,
.section__text h5 {
  margin-top: 35px;
  margin-bottom: 10px;
  color: #A8291A;
}

.section__text {
  line-height: 1.8em; 
  color: #000000; 
  font-size: 1.1em;
}

.section__text ul,
.section__text ol {
  margin-left: 20px;
}

.section__content .container-image {
  padding: 15px 0 30px 0;
}

.section__content .container-image .figure__caption {
  padding: 10px;
  background-color: #F5F5F5;
}

.section__content .container-image .figure__credits {
  padding: 5px 10px 0 10px;
  text-align: right;
  font-size: 11px;
}

@media (min-width: 768px) {
  .section__content .container-image.figure__image__half {
    width: 50%;
    margin-right: 25px;
    padding-bottom: 5px;
  }
}

@media (min-width: 768px) {
  .section__content .container-image.figure__image__half + p {
    margin-top: 25px;
  }
}

.section__content .container-image.figure__image__half--left {
  float: left;
}

.section__content .container-image.figure__image__half--right {
  margin-right: 0;
  margin-left: 0;
  float: right;
}

@media (min-width: 768px) {
  .section__content .container-image.figure__image__half--right {
    margin-left: 15px;
  }
}

.section__content .content__embed {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}

@media (min-width: 768px) {
  .section__content .content__embed {
    padding-left: 50px;
    padding-right: 50px;
  }
  .section__content .content__embed.content__embed__half {
    width: 40%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .section__content .content__embed.content__embed__half + p {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .section__content .content__embed.content__embed__half.content__embed__half--left {
    margin-right: 25px;
    float: left;
  }
  .section__content .content__embed.content__embed__half.content__embed__half--right {
    margin-right: 0;
    margin-left: 15px;
    float: right;
  }
}

.section__content .content__iframe {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
}

.section__content .content__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section__content ul {
  margin-bottom: 30px;
}

.section__content .blockquote-big {
  font-size: 1.2em;
  line-height: 140%;
  font-style: oblique;
  color: #c23d3f;
  margin: 50px 25px;
  padding: 20px;
  text-align: center;
  position: relative;
  border-color: #c23d3f;
  border-bottom: solid 1px #c23d3f;
  background-color: #fff;
}

@media (min-width: 768px) {
  .section__content .blockquote-big {
    font-size: 1.8em;
    margin-left: 50px;
    margin-right: 50px;
  }
}

.section__content .blockquote-big footer {
  font-style: normal;
  font-size: .7em;
  color: #000;
}

.section__content .blockquote-big footer cite {
  font-size: .7em;
}

.section__content .blockquote-big:after {
  font-family: "FontAwesome";
  content: "\f10e";
  position: absolute;
  left: 10px;
  bottom: 10px;
  color: #c23d3f;
  font-size: 1.0em;
}

@media (min-width: 768px) {
  .section__content .blockquote-big:after {
    font-size: 1.6em;
  }
}



/* embed */
.content__embed {
  position: relative;
  height: auto;
  width: 100%;
  text-align: center;
}

.content__embed.content__iframe169 {
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.content__embed.content__iframe169 iframe {
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content__embed iframe {
  float: none;
  display: inline-block !important;
}

.content__embed .twitter-tweet {
  display: inline-block !important;
  text-align: center;
}

.content__video iframe,
.meta-media iframe {
  border: none;
}





.background-red {
  background-color: #FFBCBC !important;
}

.no-script-container {
  min-height: 100px;
}










/* OWL ===================================================================== */
.item.loading {
    min-height: 200px;
    background: url(/themes/bronny/img/AjaxLoader.gif) no-repeat center center;
}

/* Icons =================================================================== */
.icon-telefon {
    padding-left: 28px;
    background: url(/themes/bronny/img/icon-telefon.png) no-repeat left top;
}

.icon-versand {
    padding-left: 50px;
    background: url(/themes/bronny/img/icon-versand.png) no-repeat left top;
}

.icon-gutscheine {
    padding-left: 34px;
    background: url(/themes/bronny/img/icon-gutschein.png) no-repeat left top;
}

.icon-newsletter {
    padding-left: 30px;
    background: url(/themes/bronny/img/icon-newsletter.png) no-repeat left top;
}

.icon-warenkorb {
    padding-left: 68px;
    padding-top: 30px;
    padding-bottom: 20px;
    background: url(/themes/bronny/img/icon-warenkorb.png) no-repeat left top;
}

.icon-arrow-right {
    padding-right: 20px;
    background: url(/themes/bronny/img/icon-arrow-right.png) no-repeat right 2px;
}

.icon-exclamation {
    padding: 2px 6px;
    margin-right: 5px;
    color: #FFF;
    background-color: #563312;
    border-radius: 10px;
}

.icon-lupe {
    height: 31px;
    width: 32px;
    background: url(/themes/bronny/img/icon-lupe.png) no-repeat left top;
}

/* Header ================================================================== */
.mio-header-top .mio-part-desktop {
    margin-top: 15px;
    margin-bottom: 10px;
    background: #FFF;
    height: 52px;
    line-height: 17px;
}

.mio-header-top .mio-part-desktop .box-left {
    width: 775px;
    padding-bottom: 15px;
    border-bottom: 4px #563312 solid;
}

.mio-header-top .mio-part-desktop .box-right {
    width: 225px;
    padding-bottom: 15px;
    border-bottom: 4px #563312 solid;
}

.mio-header-top .mio-part-desktop .box {
    margin-right: 73px;
}

.mio-header-middle .mio-part-desktop .mio-logo  {
  position: relative;
  margin-left: -25px;
  margin-top: -9px;
  padding-left: 25px;
  background: url(/themes/bronny/img/head-logo.png) left top no-repeat;
  height: 195px;
  width: 800px;
}

.mio-header-middle .mio-part-desktop .mio-logo a.logo-button {
    position: relative;
    top: 70px;
    left: 20px;
    height: 80px;
    width: 210px;
    background: none;
    float: left;
}

.mio-header-middle .mio-part-desktop .mio-logo .link-list-top {
  width: 500px;
  margin-top: 35px;
  text-align: right;
  float: right;
}

.mio-header-middle .mio-part-desktop .mio-logo h1 {
    position: absolute;
    left: 350px;
    top: 50px;
    color: #563312;
    margin-top: 60px; 
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 300;
}

.mio-header-middle .mio-part-desktop .box-right {
    position: relative;
    margin-top: 24px;
    margin-left: 50px;
}

.mio-header-middle .mio-part-desktop .icon-warenkorb {
    margin-left: 5px;
}

.mio-header-middle .mio-part-desktop .info-warenkorb {
    position: absolute;
    top: -34px;
    left: -7px;
    width: 242px;
    height: 178px;
    padding-left: 90px;
    padding-top: 25px;
    padding-right: 25px;
    background: url(/themes/bronny/img/bg-warenkorb.png) left top no-repeat;
    color: #5B5B5B;
    z-index: 10;
    display: none;
}

.mio-header-middle .mio-part-desktop .info-warenkorb .text-label {
    width: 60px;
    margin-bottom: 5px;
    display: inline-block;
}

.mio-header-middle .mio-part-desktop .region-sidebar {
    position: relative;
}

.mio-header-middle .mio-part-desktop .region-sidebar .items-cart {
    position: absolute;
    font-size: 18px;
    font-weight: 500;
    left: 37px;
    color: #FFF;
}

/* Header Top Smartphone =================================================== */
.mio-part-smartphone {
    display: none;
}

.mio-header-top .mio-part-smartphone {
    margin-top: 5px;
    background: #FFF;
    line-height: 17px;
    margin-bottom: 10px;
}

.mio-header-top .box-smartphone-header-top {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    letter-spacing: -0.8px;
    padding-bottom: 5px;
    border-bottom: 4px #563312 solid;
}

.mio-header-top .box-smartphone-header-top .icon-telefon {
    margin-right: 10px;
}

.mio-header-top .box-smartphone-header-bottom {
    width: 100%;
}

.mio-header-top .box-smartphone-header-bottom .logo {
    margin-left: -5px;
    margin-right: 10px;
    float: left;
}

.mio-header-top .box-smartphone-header-bottom .box-header-icon {
    margin-right: 30px;
    float: left;
}

.mio-header-top .box-smartphone-header-bottom .box-header-icon i {
    font-size: 48px;
    font-weight: 800;
    line-height: 40px;
}

.mio-header-top .box-smartphone-header-bottom .box-header-icon.login  {
    font-size: 26px;
    font-weight: 600;
    line-height: 48px;
}

.mio-header-top .box-smartphone-header-bottom .box-header-icon.cart {
    width: 60px;
    height: 50px;
    position: relative;
    background: url(/themes/bronny/img/icon-warenkorb.png) center center no-repeat;
}

.mio-header-top .box-smartphone-header-bottom .box-header-icon.cart .items-cart {
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    left: 23px;
    top: 19px;
    color: #FFF;
}


/* Navigation Desktop ====================================================== */
div.box-navigation ul li.nav-item {
    margin-right: 40px;
    padding-right: 23px;
    padding-top: 7px;
    font-size: 15px;
    float: left;
    background: url(/themes/bronny/img/icon-nav-arrow.png) right 12px no-repeat;
    height: 32px;
}

div.mio-navigation ul li.nav-item:hover, div.mio-navigation ul li.nav-item.active {
    background: url(/themes/bronny/img/icon-nav-arrow-active.png) right 12px no-repeat;
}

div.mio-navigation ul li a.active {
    color: #563312;
}

div.box-navigation ul li.no-arrow, div.box-navigation ul li.no-arrow:hover {
    margin-right: 40px;
    padding-right: 0;
    background-image: none;
}

/* Navigation Mobile ======================================================= */
#MobileMenue .list-group.panel .list-group-item {
    font-size: 19px;
    font-weight: 300;
    color: #563312;
    line-height: 22px;
    border-color: #563312;
}

#MobileMenue .list-group.panel .list-group-item-topkat {
    font-size: 19px;
    font-weight: 400;
    background-color: #F1EDEA;
    color: #563312;
    margin-bottom: 2px;
    margin-top: 3px;
}

#MobileMenue .list-group-item.selected {
    font-size: 19px;
    font-weight: 600;
    background-color: #563312;
    color: #563312 !important;
}

#MobileMenue .list-group.panel .list-group-item-topkat i, #MobileMenue .list-group-item.selected i {
    color:#563312;
}

#MobileMenue.list-group.panel > .list-group-item {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

#MobileMenue .list-group-submenu {
  margin-left: 5px;
}

/* Mega Menue ============================================================== */
div.box-navigation {
    width: 780px;
}

div.box-navigation .nav-menu {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 15;
}

div.box-navigation .nav-item {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

div.box-navigation .nav-item > a {
    position: relative;
    display: inline-block;
}

div.box-navigation .nav-item > a.open {
    background-color: #fff;
    color: #563312;
    border-bottom: none;
    z-index: 1;
}

div.box-navigation .sub-nav {
    position: absolute;
    display: none;
    top: 47px;
    left: 0;
    width: 100.555%;
    min-height: 350px;
    padding: 0.5em 1em;
    border: 1px solid #563312;
    background-color: #FFF;
    border-radius: 7px;
    -webkit-box-shadow: 0px 4px 36px 13px rgba(224,224,224,0.6);
    -moz-box-shadow: 0px 4px 36px 13px rgba(224,224,224,0.6);
    box-shadow: 0px 4px 36px 13px rgba(224,224,224,0.6);
}

div.box-navigation .sub-nav.open {
    display: block;
}

div.box-navigation .sub-nav ul {
    display: inline-block;
    vertical-align: top;
    margin: 0 1em 0 0;
    padding: 0;
}

div.box-navigation .sub-nav li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}   

div.box-navigation .sub-nav img.bubble {
    position: absolute;
    top: -18px;
}

div.box-navigation .menue-1 img.bubble {
    left: 78px;
}

div.box-navigation .menue-2 img.bubble {
    left: 268px;
}

div.box-navigation .menue-3 img.bubble {
    left: 414px;
}

div.box-navigation .menue-4 img.bubble {
    left: 532px;
}

div.box-navigation .sub-nav .mega-box-top {
    margin: 10px 10px;
    float: left;
}

div.box-navigation .sub-nav .mega-box-top .sub-nav-item-box {
    width: 237px;
    margin-right: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    float: left;
}

div.box-navigation .sub-nav .mega-box-top .sub-nav-item-box.no-right-margin {
    margin-right: 0;
}

div.box-navigation .sub-nav-item-box h3 {
    color: #A70000;
    font-size: 13px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
}

div.box-navigation .sub-nav-item-box ul {
    width: 100%;
    margin-bottom: 10px;
}

div.box-navigation .sub-nav-item-box li {
    margin-bottom: 2px;
}

div.box-navigation .sub-nav-item-box a {
    font-size: 14px;
}

div.box-navigation .sub-nav-item-box .link {
    margin-top: -5px;
}

div.box-navigation .sub-nav-item-box .link a {
    text-decoration: underline;
}

div.box-navigation .sub-nav .mega-box-top .sub-nav-item-box.height-3 {
    min-height: 105px;
    max-height: 105px;
}

div.box-navigation .sub-nav .mega-box-top .sub-nav-item-box.height-5 {
    min-height: 140px;
    max-height: 140px;
}

div.box-navigation .sub-nav .mega-box-top .sub-nav-marken li {
    width: 229px;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    float: left;
}

div.box-navigation .sub-nav .mega-box-top .sub-nav-marken li.no-right-margin {
    margin-right: 0;
}

div.box-navigation .sub-nav .mega-box-top .sub-nav-marken li .link-logo {
    margin-right: 10px;
}

div.box-navigation .sub-nav .mega-box-top .sub-nav-marken li .link-logo img {
    width: 90px;
}

div.box-navigation .sub-nav .mega-box-banner {
    text-align: center;
    margin-bottom: 10px;
}

/* Suche in Navigation ===================================================== */
div.mio-navigation form {
    margin-top: -10px;
    width: 225px;
    float: right;
}

div.mio-navigation form input {
    border: 1px solid #563312;
    color: #563312;
    border-radius: 7px;
    background: transparent;
    -webkit-box-shadow:inset 0 0 10px #F9F9F9;
    -moz-box-shadow:inset 0 0 10px #F9F9F9;
    box-shadow:inset 0 0 10px #DBDBDB;
    width: 190px;
    margin-right: 4px;
    float: left;
}

div.mio-navigation form button {
    height: 34px;
    padding: 6px 4px;
    border: none;
    color: #563312;
    font-size: 14px;
    background: none;
    float: left;
}

div.mio-navigation ::-webkit-input-placeholder { color:#563312; }
div.mio-navigation ::-moz-placeholder { color:#563312; } /* firefox 19+ */
div.mio-navigation :-ms-input-placeholder { color:#563312; } /* ie */
div.mio-navigation :-moz-placeholder { color:#563312; }


/* Content ================================================================= */
#region-content {
  padding-top: 15px;
  padding-bottom: 80px;
  min-height: 600px;
  background: url(/themes/bronny/img/bg-main.png) center top no-repeat, 
              url(/themes/bronny/img/bg-main-full.png) center bottom repeat-y;
}

input[type="text"],
textarea, input[type="submit"] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e4e3f0; 
}


input[type="submit"], 
a,
.btn,
.owl-theme .owl-controls .owl-buttons div,
div.box-navigation ul li
{
  transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s; 
}

.editor-class ul, .editor-class ol {
    margin-left: 20px;
    list-style: circle;
}

.no-borderradius .col-lg-12 {
    width: 100%;
}
.no-borderradius .col-lg-11 {
    width: 91.66666666666666%;
}
.no-borderradius .col-lg-10 {
    width: 83.33333333333334%;
}
.no-borderradius .col-lg-9 {
    width: 75%;
}
.no-borderradius .col-lg-8 {
    width: 66.66666666666666%;
}
.no-borderradius .col-lg-7 {
    width: 58.333333333333336%;
}
.no-borderradius .col-lg-6 {
    width: 50%;
}
.no-borderradius .col-lg-5 {
    width: 41.66666666666667%;
}
.no-borderradius .col-lg-4 {
    width: 33.33333333333333%;
}
.no-borderradius .col-lg-3 {
    width: 25%;
}
.no-borderradius .col-lg-2 {
    width: 16.666666666666664%;
}
.no-borderradius .col-lg-1 {
    width: 8.333333333333332%;
}
.no-borderradius .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
}

/* Bild Teaser rechts ====================================================== */
div.box-teaser-bild {
    position: relative;
    width: 225px;
    height: 150px;
    overflow: hidden;
    margin-bottom: 30px;
    float: right;
    border-radius: 10px;
    -webkit-box-shadow: 0px 6px 11px -6px rgba(115,115,115,0.67);
    -moz-box-shadow: 0px 6px 11px -6px rgba(115,115,115,0.67);
    box-shadow: 0px 6px 11px -6px rgba(115,115,115,0.67);
}

div.box-teaser-bild a.image, div.box-teaser-bild a.image img {
    border-radius: 10px;
}

div.box-teaser-bild .text-label {
  position: absolute;
  top: 100px;
  left: 10px;
  background-color: #FFF;
  width: 205px;
  height: 40px;
  border-radius: 5px;
  background-image: url(/themes/bronny/img/icon-arrow-right.png);
  background-position: 97% center;
  background-repeat: no-repeat;
  font-size: 17px;
  line-height: 20px;
  padding-top: 10px;
  padding-left: 10px;
  color: #A70000;
  opacity: 0.9;
}

div.box-teaser-bild .text-label.two-rows {
  font-size: 15px;
  line-height: 16px;
  padding-top: 4px;
  padding-right: 25px;
}

/* Box Marken ============================================================== */
div.box-marken {
    margin-top: 15px;
    width: 225px;
    float: right;
}

div.box-marken .link-marken {
    color: #563312;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #563312;
    margin-top: 3px;
}

div.box-marken .marken-content a {
    width: 100px;
    height: 60px;
    background-color: #FFF;
    overflow: hidden;
    display: inline-block;
    border-radius: 5px; 
    -webkit-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    -moz-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    margin-bottom: 15px;
    margin-right: 20px;
}

div.box-marken .marken-content a.no-border {
    margin-right: 0;
}

div.box-marken .marken-content a img {
    width: 100px;
    height: 60px;
    border-radius: 5px; 
}

/* Teaser Startseite ======================================================= */
div.boxteaser-startseite {
    margin-bottom: 45px;
}

/* Switch Product View ===================================================== */
div.box-switch-product-view {
    width: 106px;
    height: 60px;
    float: right;
}

div.box-switch-product-view a.kachel, div.box-switch-product-view a.liste {
    width: 46px;
    height: 54px;
    text-align: center;
    margin-right: 10px;
    background: url(/themes/bronny/img/icon-kachel-off.png) 8px bottom no-repeat;
    display: inline-block;
}

div.box-switch-product-view a.liste {
    margin-right: 0;
    background: url(/themes/bronny/img/icon-liste-off.png) 7px bottom no-repeat;
}

div.box-switch-product-view a.liste-active, div.box-switch-product-view a.liste:hover {
    background: url(/themes/bronny/img/icon-liste-on.png) 7px bottom no-repeat;
}

div.box-switch-product-view a.kachel-active, div.box-switch-product-view a.kachel:hover {
    background: url(/themes/bronny/img/icon-kachel-on.png) 8px bottom no-repeat;
}

/* Produkte Top ============================================================ */
div.box-products-top {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

/* Produkte Main =========================================================== */
div.box-products-main {
    width: 100%;
    padding: 15px;
    margin-bottom: 30px;
    min-height: 1300px;
    background: #FFF;
    border-radius: 7px;
    -webkit-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    -moz-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
}

div.box-products-main-nobg {
    width: 100%;
}

div.box-hinweis-uvp {
    position: relative;
    text-align: right;
    width: 100%;
    mar gin-top: -20px;
    color: #A8ABB0;
    margin-right: 20px;
    top: -20px;
    float: left;
}

div.box-hinweis-uvp a {
    color: #A8ABB0;
}

div.box-hinweis-uvp a:hover {
    color: #563312;
}

/* SubFolder Banner ======================================================== */
div.box-subfolder-banner {
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

div.box-subfolder-banner .banner-wrapper {
    position: relative;
}

div.box-subfolder-banner .banner-wrapper img {
    border-radius: 7px;
}

div.box-subfolder-banner .banner-wrapper .text {
    position: absolute;
    top: 15%;
    width: 80%;
    background-color: #FFF;
    font-size: 2.0em;
    font-weight: 500;
    line-height: 1.8em;
    padding-left: 5%;
    opacity: 0.9;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+63,0+100 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(63%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 63%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 63%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 63%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 63%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

/* Smartphone HerstellerLogo =============================================== */
div.mio-part-smartphone .box-herstellerlogo {
    margin-bottom: 15px;
}

/* SubFolder Kacheln ======================================================= */
div.box-subfolder {
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

div.box-subfolder .box-subfolder-item {
    position: relative;
    background-color: #FFF;
    margin-bottom: 15px;
}

div.box-subfolder .box-subfolder-item a img {
    border-radius: 7px;
}

div.box-subfolder .box-subfolder-item .folder-name {
    position: absolute;
    top: 60%;
    width: 90%;
    height: 34%;
    margin-left: 5%;
    font-size: 1.1em;
    background-color: #FFF;
    border-radius: 7px;
    padding: 10px;
    padding-right: 10%;
    opacity: 0.9;
    /*background-image: url(/themes/bronny/img/icon-arrow-right.png);
    background-position: 94% 50%;
    background-repeat: no-repeat;*/
}

div.box-subfolder .hersteller-logo {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 30%;
}

/* Produkte Liste ========================================================== */
div.box-products-list-item {
    width: 96%;
    margin: 0 2% 15px 2%;
    padding-bottom: 15px;
    border-bottom: 1px solid #D7D7D7;
    float: left;
}

div.box-products-list-item h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

div.box-products-list-item .preis {
    mar gin-top: 10px;
}

div.box-products-list-item .preis-kg, div.box-products-list-item .artikelnummer {
    margin-left: 15px;
}

div.box-products-list-item-last-row {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

div.box-products-list-item .box-badges {
    margin-right: -13px;
    text-align: right;
    min-height: 65px;
}

div.box-products-list-item .product-goto {
    margin-right: -15px;
}

/* Produkte Kachel ========================================================== */
div.box-products-kachel-item {
    width: 100%;
    margin-bottom: 30px;
    padding: 10px;
    overflow: hidden;
    float: left;
    background: #FFF;
    border-radius: 7px;
    -webkit-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    -moz-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
}

div.box-products-kachel-item h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

div.box-products-kachel-item .image {
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #D7D7D7;
}

div.box-products-kachel-item .item-text-box {
    width: 100%;
    max-height: 100px;
    min-height: 90px;
    float: left; 
}

div.box-products-kachel-item .info {
    width: 100%;
    height: 130px;
    float: left;
}

div.box-products-kachel-item .box-badges, div.box-products-details .box-badges {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 87%;
    text-align: right;
}

div.box-products-kachel-item .product-goto {
    margin-right: -5px;
}

div.box-products-kachel-item .preis-kg {
    margin-top: 5px;
    font-size: 11px;
    float: right;
}

div.box-products-kachel-item .artikelnummer {
    font-size: 11px;
    margin-top: 5px;
    color: #9197A1;
    padding-top: 5px;
    float: left;
    display: block;
}

/* Produkte blättern ======================================================= */
div.box-pager {
    width: 100%;
    text-align: center;
    display: inline-block;
}

div.box-pager a, div.box-pager .divider-punkte {
  min-width: 25px;
  height: 25px;
  margin-right: 3px;
  padding: 0 3px;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  color: #563312;
  background-color: #FFF;
  border: 1px solid #563312;
  border-radius: 7px;
  text-align: center;
  display: inline-block;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(224,224,224,0.6);
  -moz-box-shadow: 5px 5px 5px 0px rgba(224,224,224,0.6);
  box-shadow: 5px 5px 5px 0px rgba(224,224,224,0.6);
}

div.box-pager .divider-punkte {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

div.box-pager a.active, div.box-pager a:hover {
  color: #FFF;
  background-color: #563312;
}

/* Produkte Details ======================================================== */
.breadcrump-produkt-details {
    margin-bottom: 30px;
    display: block;
}
.breadcrump-produkt-details a {
    font-size: 11px;
}

.breadcrump-produkt-details .spacer {
    font-size: 16px;
    margin: 0 10px;
}

.box-products-details .box-details {
    margin-bottom: 15px;
    padding: 10px 20px;
    min-height: 330px;
    background: #FFF;
    border-radius: 7px;
    -webkit-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    -moz-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
}

.box-products-details .box-erg-infos {
    margin-bottom: 30px;
    min-height: 50px;
    font-size: 14px;
}

/* Produkte Details - Produktbilder ======================================== */
.box-products-details .icon-lupe {
    position: absolute;
    margin-top: -27px;
    left: 305px;
}

.box-products-details .thumbnails {
    width: 100%;
    text-align: left;
    margin-bottom: 40px;
    margin-top: -20px;
}

.box-products-details .smart-thumbnails {
    margin-top: 40px;
    display: none;
}

.box-products-details .thumbnails img {
    width: 65px;
    margin: 0 5px;
    background: #FFF;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 7px;
    -webkit-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    -moz-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
}

.box-products-details .thumbnails img.active {
    border-color: #563312;
}

.box-products-details .smart-badges {
    display: none;
}

/* Produkte Details - Texte ================================================ */
.box-products-details .infos .hersteller {
    font-size: 15px;
    margin-bottom: 5px; 
    float: left;
}

.box-products-details .infos .artikelnummer {
    font-size: 11px;
    margin-bottom: 5px; 
    float: right;
}

/* Produkte Details - Varianten ============================================ */
.box-products-details .box-select-variante {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: red; 
}

.box-products-details .box-select-variante .select-input {
    height: 40px;
}

.box-products-details .box-select-variante .form-group {
    margin-bottom: 0;
}
.box-products-details .box-select-variante .text {
    padding-top: 10px;
    display: inline-block;
}

.box-products-details .box-select-variante .box-fehlerhinweis {
    display: none;
}

.box-products-details .infos .text-line {
    font-size: 14px;
    margin-bottom: 15px; 
}

.box-products-details .infos a {
    display: block;
    margin-bottom: 5px; 
}

.box-products-details .box-icons {
    margin-top: -25px;
    padding-right: 15px;
    text-align: right;
}

.box-products-details .box-icons .images {
    margin-right: -15px;
    margin-bottom: 5px;
}

.box-products-details .box-icons .margin-top-links {
    margin-top: 25px;
}

.box-products-details .box-icons .box-bubble-top {
    position: absolute;
    margin-top: 10px;
    padding: 10px 15px;
    height: auto;
    color: #FFF;
    text-align: left;
    z-index: 2;
    display: none;
}

.box-products-details .box-icons .box-bubble-right {
    position: absolute;
    width: 500px;
    left: -370px;
    margin-top: -50px;
    padding: 15px 20px;
    background: #2CBAEE;
    border-radius: 10px;
    border: #FFF solid 1px;
    z-index: 2;
    text-align: left;
    display: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.box-products-details .box-icons .box-bubble-right:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent #2CBAEE;
    display: block;
    width: 0;
    z-index: 1;
    margin-top: -8px;
    right: -8px;
    top: 35px;
}

.box-products-details .box-icons .box-bubble-right:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent #FFF;
    display: block;
    width: 0;
    z-index: 0;
    margin-top: -8px;
    right: -9px;
    top: 35px;
}
.box-recaptcha-content {
    min-height: 300px;
    background-color: red;
}
.box-products-details .box-artikelnr {
    font-size: 11px;
    margin-left: 15px;
    margin-top: -5px;
    color: #A8ABB0;
    float: left;
}

.box-products-details .box-hinweis {
    font-size: 11px;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 30px;
    color: #A8ABB0;
    float: right;
}

.box-products-details .box-hinweis a {
    color: #A8ABB0;
}

.box-products-details .box-hinweis a:hover {
    color: #563312;
}

.box-products-details .row-preis-menge {
    margin-top: 15px;
}

.box-products-details .box-preis-menge .text {
    margin-bottom: 10px;
    text-align: right;
}

.box-products-details .box-preis-menge .wert {
    margin-bottom: 10px;
    font-size: 15px;
}

.box-products-details .box-preis-menge .vkpreis {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 40px;
}

.box-products-details .box-preis-menge .kilo-preis {
    font-size: 12px;
}

.box-products-details .box-menge-wrapper {
    text-align: center;
    margin-bottom: 50px;
}

.box-products-details .box-menge-wrapper .box-menge {
    font-size: 16px;
    line-height: 18px;
    padding-left: 44px;
}

.box-products-details .box-menge span.text {
    padding-top: 5px;
    margin-right: 5px;
    float: left;
}

.box-products-details .box-menge span.button {
    padding-top: 5px;
    margin: 0 5px;
    font-size: 26px;
    font-weight: 400;
    cursor: pointer;
    float: left;
}

.box-products-details .box-menge input {
    width: 40px;
    height: 30px;
    border-radius: 7px;
    padding: 6px 6px;
    display: inline-block; 
    color: #563312;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    float: left;
}

.box-products-details .box-menge .warenkorb-ok {
    margin-top: 6px;
    margin-left: 10px;
    float: left;
    display: none;
}

.box-products-details .box-button {
    text-align: center;
}

.box-products-details .box-details {
    width: 100%;
    float: left;
}

.box-products-details .box-layer {
    padding-top: 55px;
    font-size: 14px;
}

.box-products-details .box-details table {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    border: 0 !important;
    color: #1C4896 !important;
    margin-bottom: 10px !important;
}

.box-products-details .box-details caption {
    display: table-caption !important;
    color: #1C4896 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.box-products-details .box-details th, .box-products-details .box-details td {
    padding: 0 10px !important;
    border: 0 !important;
    border-bottom: 1px dotted #563312 !important;
    line-height: 21px !important; 
}

.box-products-details .box-prod-infos {
    width: 100%;
    float: left;
    margin-top: 44px;
    margin-bottom: 40px;
    border-top-left-radius: 0;
}

.box-products-details .box-prod-infos ul {
    list-style-type: disc;
    list-style-position: inside;
}

.box-products-details .hersteller-logo {
    width: 200px;
    height: 110px;
    margin-top: -53px;
    margin-left: 20px;
    padding-top: 10px;
    text-align: center;
    background-color: #FFF;
    float: right;
    border-radius: 7px;
    -webkit-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    -moz-box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
    box-shadow: 0px 4px 6px 3px rgba(224,224,224,0.6);
}

.box-products-details .hersteller-logo .text {
    display: block;
}

/* Produkte Details - Sortierung =========================================== */
.box-products-details .box-sortierung {
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 25px;
    border-top: 1px solid #D7D9DC;
    background: url(/themes/bronny/img/bg-sortierung-bottom.png) center bottom repeat-x;
    float: left;
}

.box-products-details .box-sortierung .box-menge {
    width: 217px;
    color: #1C4896;
    padding-bottom: 5px;
    float: left;
}
.box-products-details .box-sortierung .box-menge label {
    width: 110px;
    padding-top: 5px;
    margin-right: 10px;
    font-weight: 300;
    float: left;
}

.box-products-details .box-sortierung .box-menge input {
    width: 30px;
    font-weight: 300;
    font-size: 15px;
    line-height: 15px;
    color: #1C4896;
    padding: 3px 6px;
}

.box-products-details .box-sortierung .box-menge .button {
    font-weight: 300;
    font-size: 21px;
    line-height: 15px;
    color: #1C4896;
    padding: 6px 3px 0 3px;
}

.box-products-details .box-sortierung .counter {
    width: 100%;
    margin: 5px 0;
    font-weight: 400;
    font-size: 14px;
    color: #1C4896;
    float: left;
}

/* Navigation Produkt Details ============================================== */
.nav-proddetails {
    position: absolute;
    width: 100%;
    float: left;
}
.nav-proddetails li {
    width: 155px;
    padding: 15px 10px 10px 10px;
    margin-right: 30px;
    text-align: center;
    border-radius: 7px;
    display: inline-block;
    background-color: #F0F0F0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #E0E0E0;
    border-bottom-color: #F0F0F0;
    -webkit-box-shadow: 5px -8px 6px -5px rgba(224,224,224,0.74);
    -moz-box-shadow: 5px -8px 6px -5px rgba(224,224,224,0.74);
    box-shadow: 5px -8px 6px -5px rgba(224,224,224,0.74);
}

.nav-proddetails li.active, .nav-proddetails li:hover {
    background-color: #FFF;
    border-color: #FFF;
}

.nav-proddetails li a {
    width: 100%;
    font-size: 16px;
    text-align: center;
}

/* Cookie Hinweis ========================================================== */
div.cookie-hinweis {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 13px;
  text-align: center;
  color: #727272;
  background-color: #FFFDEC;
  padding: 10px 20px;
}

div.cookie-hinweis a {
  color: #121915;
}

div.cookie-hinweis a {
  text-decoration: none;
}

div.cookie-hinweis a span {
  text-decoration: underline;
}

div.cookie-hinweis img {
  cursor: pointer;
  float: right;
}

div.header-top-cookie-text {
  margin-top: 40px;
}

/* Produkt Empfehlung ====================================================== */
div.box-recommendation .box-recaptcha {
    height: 75x;
    float: left;
}

div.box-recommendation h2 {
    margin: 0 0 15px 0;
    color: #FFF;
    float: left;
}

div.box-recommendation .close-x {
    color: #FFF;
    font-size: 18px;
    cursor: pointer;
}

div.box-recommendation .form-fields input {
    margin-bottom: 15px;
    border-radius: 5px;
    font-size: 15px;
}

div.box-recommendation .form-fields ::-webkit-input-placeholder { color:#563312; }
div.box-recommendation .form-fields ::-moz-placeholder { color:#563312; } /* firefox 19+ */
div.box-recommendation .form-fields :-ms-input-placeholder { color:#563312; } /* ie */
div.box-recommendation .form-fields :-moz-placeholder { color:#563312; }

/* Kontakt Formular ======================================================== */
div.block-kontaktform form .mandatory {
  display: none;
}

div.block-kontaktform .formular {
    float: left;
}

/* Pagination */
.pagination li a {
  color: #563312;
}

.pagination li.active a,
.pagination li.active a:hover,
.pagination li.active a:focus {
  background-color: #563312;
  border-color: #563312;
}

/* EasyZoom ================================================================ */
/**
 * EasyZoom core styles
 */
.easyzoom {
  position: relative;

  /* 'Shrink-wrap' the element */
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.easyzoom img {
  vertical-align: bottom;
}

.easyzoom.is-loading img {
  cursor: progress;
}

.easyzoom.is-ready img {
  cursor: crosshair;
}

.easyzoom.is-error  img {
  cursor: not-allowed;
}

.easyzoom-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center;
  background: #FFF;
  box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
  position:absolute;
  z-index: 100;
  overflow: hidden;
  background: #FFF;
}

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  margin-left: 20px;
}


/* Footer ================================================================== */
footer .footer-wrapper {
    border-top: 1px solid #FFF;
    background: url(/themes/bronny/img/bg-footer.png) center top no-repeat;
    padding-top: 45px;
    padding-bottom: 10px;
}

footer .footer-top {
    margin-bottom: 30px;
}

footer .headline {
    margin-bottom: 15px;
}

footer .box-newsletter {
    width: 550px;
    height: 120px;
    float: left;
}

footer .box-newsletter .subscribe {
    width: 250px;
    height: 92px;
    padding: 15px 10px;
    border: 1px solid #563312;
    border-radius: 7px;
    background-color: #F1F0EE;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(224,224,224,0.6);
    -moz-box-shadow: 5px 5px 5px 0px rgba(224,224,224,0.6);
    box-shadow: 5px 5px 5px 0px rgba(224,224,224,0.6);
}

footer .box-newsletter .subscribe p {
    margin: 0 0 5px 0;
    padding: 0;
}

footer .box-newsletter .subscribe .line-1 {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
}

footer .box-newsletter .subscribe .line-2 {
    font-size: 14px;
    color: #563312;
}

footer .box-newsletter .subscribe a {
    margin: 3px 0;
    font-size: 17px;
    line-height: 17px;
    color: #563312;
    float: right;
}

footer .box-zahlungsmethoden {
    width: 275px;
    height: 120px;
    float: left;
}

footer .box-logistik {
    width: 225px;
    height: 120px;
    float: left;
}

footer .box-logistik p {
    width: 130px;
    margin-top: 10px;
    font-size: 11px;
}

footer .footer-bottom ul {
    width: 250px;
    margin-right: 20px;
    list-style-position: inside;
    list-style-image: url(/themes/bronny/img/icon-list-bullet.png);
    float: left;
}

footer .footer-bottom ul.column2 {
    margin-right: 25px;
}

footer .footer-bottom ul.column3{
    margin-right: 25px;
}

footer .footer-bottom ul.column4 {
    width: 225px;
    margin-right: 0;
}

footer .footer-bottom ul li {
    margin-bottom: 10px;
    padding-left: 5px;
}