/* WEBENEFITS CUSTOM STYLES ------------------------------------------------- */

/* ALLGEMEIN */
body {
  /* font-family: "Calibri"; */
  font-size: 14px;
  min-width: 350px;
}
#wrapper {
  background-color: #FFF;
  padding-bottom: 40px;
}

a:hover,
a:focus,
.welcome-teaser a,
.startseite_txt_unten a,
.text-primary,
.bg-primary,
.categoryDescription_top a,
.categoryDescription_bottom a,
.btn-info .badge,
.btn-primary .badge,
.btn-link:hover,
.btn-link:focus,
.shopping-bag.filled,
.shopping-bag-mini,
body.cl-details #detailsItemsPager .pager-overview-link,
body.cl-details #detailsItemsPager .pager-prev,
body.cl-details #detailsItemsPager .pager-next,
body.cl-details #detailsItemsPager .pager-overview-link a,
body.cl-details #detailsItemsPager .pager-prev a,
body.cl-details #detailsItemsPager .pager-next a,
body.cl-details .details-col-right .action-links a,
#jumptotop,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.panel-primary>.panel-heading .badge,
.flexslider .flex-direction-nav .flex-prev:hover::before,
.flexslider .flex-direction-nav .flex-next:hover::before,
.cl-contact #content a,
#content .cmsContent a {
  color: #7e2211;
  font-weight: 550;
}
a.text-primary:hover,
a.text-primary:focus,
a.bg-primary:hover,
a.bg-primary:focus {
  color: #51160b;
}
.btn-primary,
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #7e2211;
  border-color: #681c0e
}
.btn-primary:focus,
.btn-primary.focus,
.btn-info:focus,
.btn-info.focus {
  background-color: #51160b;
  border-color: #000
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary,
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
  background-color: #51160b;
  border-color: #320d07;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus,
.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
  background-color: #320d07;
  border-color: #000
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.btn-info {
  background-color: #7e2211;
  border-color: #681c0e
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background-color: #7e2211;
}
.breadcrumb>.active,
.text-secondary,
.shopping-bag-mini.filled,
.breadcrumb>.active a {
  color: #984f41;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.panel-primary>.panel-heading {
  background-color: #7e2211;
  border-color: #7e2211;
}
.label-primary,
.progress-bar,
.progress-bar-info {
  background-color: #7e2211;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #51160b;
}
body.cl-thankyou ol.checkoutSteps li.active .num,
body.is-checkout ol.checkoutSteps li.active .num {
  background-color: #984f41;
}
.label-info,
body.cl-thankyou ol.checkoutSteps li .num,
body.is-checkout ol.checkoutSteps li .num {
  background-color: #7e2211;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #51160b
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #ec836f
}
.panel-primary {
  border-color: #7e2211
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #7e2211
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #7e2211
}
.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
body.cl-details #morePicsContainer a.selected img {
  border-color: #984f41
}
body.cl-thankyou ol.checkoutSteps, body.is-checkout ol.checkoutSteps {
  border-top: 3px solid #7e2211;
}
.boxwrapper .list-container .lineView {
  margin-top: 20px;
}
.boxwrapper .list-container .lineView .product_row {
  display: flex;
}
.boxwrapper .list-container .lineView .product_cell {
  align-self: center;
}
.boxwrapper .list-container .lineView:last-child .productBox form {
  border-bottom: none;
}
.boxwrapper .list-container .lineView .productBox .picture img {
  max-height: 200px;
}
.boxwrapper .list-container .lineView .productBox .functions .form-group .freeButton {
  width: auto;
}
.brandLogo {
  text-align: left;
}
.refineParams {
  margin-bottom: 0;
}
.img-center {
  margin-left: auto;
  margin-right: auto;
}
.categoryDescription_bottom {
  margin: 40px 0 0;
}
.teaser-box {
  margin: 25px 0 35px;
  padding-left: 0;
  padding-right: 0;
}
.welcome-teaser-box-1 {
  padding-right: 2px;
}
.welcome-teaser-box-2 {
  padding-left: 2px;
  padding-right: 2px;
}
.welcome-teaser-box-3 {
  padding-left: 2px;
}
#manufacturerSlider {
  background-color: #FFF;
}
#manufacturerSlider .flexslider ul {
  display: flex;
}
#manufacturerSlider .flexslider li {
  text-align: center;
  align-self: center;
}
body.cl-manufacturerlist .panel-heading {
  border-bottom: 0;
  padding: 0;
}
body.cl-manufacturerlist .panel-heading a {
  display: block;
  padding: 10px 15px;
}
.refineParams {
  margin-bottom: 15px
}

h2.catShortDesc{
  font-size: 14px;
  font-style: italic;
}

.cl-content #content .cmsContent table.clean-table tbody tr {
  height: auto;
}
.cl-content #content .cmsContent table.clean-table tbody tr:first-of-type {
    background: none;
}
.cl-content #content .cmsContent table.clean-table tbody tr td {
  padding-top: 2px;
  padding-bottom: 2px;
}
.bg-grey {
  background: #F4F4F4;
}

@media (max-width: 991px) {
  .categorytree .page-header {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
  }
  .categorytree .page-header .toggleTree {
    width: 40px;
    text-align: right;
    cursor: pointer;
  }
  .categorytree .categoryBox {
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #eee;
  }
 .categorytree .categoryBox .nav-pills>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .teaser-box {
    text-align: center;
  }
  .welcome-teaser-box-1 {
    padding: 0;
    margin-bottom: 2px;
  }
  .welcome-teaser-box-2 {
    padding: 0;
    margin-bottom: 2px;
  }
  .welcome-teaser-box-3 {
    padding: 0;
    margin-bottom: 2px;
  }
  .refineParams .options .btn-group {
    width: 100%
  }
  .refineParams .options .btn-group button {
    width: 100%
  }
}

/* MODUL: KRITIKERBEWERTUNG */
#kritikerbewertung {
  margin: 10px 0;
}
#kritikerbewertung .reviewer_rating {
  display: inline-block;
  padding: 0 5px 5px 0;
}
#kritikerbewertung span.reviewer {
  display: inline-block;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  background: #f5f5f5;
  font-size: 11px;
  padding: 3px 10px 3px 5px;
}
#kritikerbewertung span.reviewer_score {
  display: inline-block;
  border: 1px solid #681c0e;
  border-radius: 50%;
  background: #7e2211;
  font-size: 13px;
  padding: 3px 5px 4px 5px;
  color: #FFF;
  margin-left: -10px;
  height: 38px;
  min-width: 38px;
  text-align: center;
  line-height: 28px;
}

/* HEADER */
#header .header-box .logo-col img {
  max-width: 100% !important;
}
#header .header-box .search-col {
  padding-top: 17px;
}
#mainnavext.navbar .nav .open>a:hover {
  background: #7e2211;
}
#mainnavext.navbar .nav > li:nth-child(8) {
  position: relative;
}
#mainnavext.navbar .nav > li:nth-child(8) > .dropdown-menu.dd-nav-expand {
  width: 200px;
  margin: 0;
  left: auto;
  right: 0;
}
.zollhinweis::before {
  display: table;
  content: " ";
  clear: both;
}
.zollhinweis {
  border: 1px solid #bce8f1;
  background: #d9edf7;
  color: #31708f;
  border-radius: 4px;
  padding: 8px;
  float: right;
  margin-bottom: 15px;
}
.zollhinweis a {
  text-decoration: underline;
}
.nav>li>a {
  padding: 5px 15px;
}
.navbar-toggle {
  padding: 7px 8px;
  margin-top: 5px;
}
.navbar-toggle .icon-bar {
  width: 20px;
}
.navbar-nav {
  margin: 0 -15px
}
.navbar-nav>li>.dropdown-menu.dd-nav-expand {
  max-width: 1185px;
  margin: 0 auto;
}
.navbar-default {
  background-color: #7e2211;
}
.navbar-default .navbar-brand {
  color: #7e2211
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #51160b;
}
.navbar-default .navbar-text {
  color: #7e2211
}
.navbar-default .navbar-nav>li>a {
  color: #FFF;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: #FFF;
  background-color: transparent;
  text-decoration: underline;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #FFF;
  background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  color: #FFF;
}
.navbar-default .navbar-link {
  color: #7e2211
}
.navbar-default .navbar-link:hover {
  color: #984f41
}
.navbar-default .btn-link {
  color: #7e2211
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #984f41
}
#header .header-box {
  padding: 15px 0 5px;
}
#header .menus-col .menu-dropdowns>.btn-group>.btn {
  font-size: 12px;
}
#header .minibasket-menu>.btn {
  padding: 0
}
#header .minibasket-menu table .badge {
  background-color: #984f41;
}
#header #contactinfo {
  display: block;
  text-align: right;
  margin-bottom: 5px;
}
#header #contactinfo a {
  color: #7e2211;
}
#header #contactinfo a:hover {
  text-decoration: none;
}
#header #contactinfo span::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
}
#header #contactinfo span.phone {
  display: block;
  font-size: 16px;
  font-weight: bold;
  font-family: sans-serif;
}
#header #contactinfo span.phone::before {
  content: "\f095";
}
#header #contactinfo span.email {
  display: block;
  font-size: 14px;
  font-weight: 600;
}
#header #contactinfo span.email::before {
  content: "\f0e0";
}
#header #contactinfo span.textinfo {
  display: block;
  font-weight: 500px;
}
#mainnavext {
  border-left: 0;
  border-right: 0;
  border-top: 0
}
#mainnavext .nav>li>a {
  font-size: 1.6rem;
  font-weight: 600
}
#mainnavext .fixed-header-actions {
  display: none
}
#mainnavext .navbar-toggle {
  float: none;
  margin-left: 15px;
  margin-right: 5px;
  background: #FFF;
}
#mainnavext .navbar-collapse.navbar-ex1-collapse.collapse.in ul li {
  border-bottom: 1px solid #E7E7E7
}
#mainnavext .navbar-header {
  padding-bottom: 0;
}
#mainnavext .navbar-default .navbar-collapse, #mainnavext .navbar-default .navbar-form {
  border-top: #E7E7E7;
  border-bottom: none;
  margin-top: 0
}
body.fixed-header #header #mainnavext {
  position: fixed;
  top: 0;
  z-index: 1030;
  margin-top: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  width: 100%;
}
body.fixed-header #header #mainnavext.fadeIn {
  background-color: rgba(255, 255, 255, 0.95);
  margin-top: 0;
  transition: all .2s
}
body.fixed-header #header #mainnavext .fixed-header-actions {
  display: block
}
body.fixed-header #header #mainnavext a .fa-angle-down {
  display: none
}
@media (min-width:1200px) {
  body.fixed-header #header #mainnavext>.container-fluid {
    width: 1170px
  }
}
@media (max-width:1199px) {
  #header .header-box .search-col {
    padding-top: 13px;
  }
}
@media (max-width: 1085px) {
  #mainnavext.navbar .nav>li>a {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 1000px) {
  #mainnavext.navbar .nav>li>a {
    font-size: 1.35rem;
  }
}
@media (min-width:992px) {
  body.fixed-header #header #mainnavext>.container-fluid {
    width: 970px
  }
}
@media (max-width:991px) {
  #header .header-box .search-col {
    padding-top: 0;
  }
}
@media (min-width:768px) {
  .navbar-nav {
    text-align: center;
    float: none;
  }
  .navbar-nav>li {
    float: none;
    display: inline-block;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 8px;
  }
  body.fixed-header #header #mainnavext>.container-fluid {
    width: 750px
  }
}
@media (max-width:767px) {
  #mainnavext.navbar .nav>li:nth-child(8) > .dropdown-menu.dd-nav-expand {
    background: #FFF;
    width: 99%;
    margin-left: 1%;
  }
  #mainnavext.navbar .nav>li:nth-child(8) > .dropdown-menu.dd-nav-expand p:nth-child(1) {
    margin-top: 15px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #7e2211
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #984f41;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #984f41;
  }
  #mainnavext span.menu-header-span {
    color: #FFF;
    margin-left: 5px;
  }
  .dd-menu .dd-nav-expand .dd-nav-content .dd-links {
    columns: 1 !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important;
  }
  #mainnavext .dd-menu .dd-nav-expand .dd-nav-content .dd-links a {
    color: #FFF;
    line-height: 35px;
  }
}
@media (max-width: 570px) {
  #header #contactinfo {
    text-align: center;
  }
  #header .header-box .menus-col .menu-dropdowns {
    margin: 10px auto !important;
  }
  #header #contactinfo span.phone {
    font-size: 18px;
  }
  #header #contactinfo span.email {
    font-size: 12px;
  }
}


/* COOKIE HINWEIS *********************************************************** */
#cookieNote .alert {
  padding-right: 40px;
}
#cookieNote .close {
  font-size: 47px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 1;
  line-height: 1em;
  width: 40px;
}


/* FOOTER ******************************************************************* */
#footer .list-unstyled {
  margin-bottom: 25px;
}
#footer a {
  color: #000;
}
#footer a:hover,
#footer a:focus {
  color: #7e2211;
}
#footer .social-links li a i:before {
  font-smooth: auto;
}


/* PAYPAL ******************************************************************* */
.paypal-express-checkout-button input[type='image'] {
  height: 34px;
  margin-left: 10px;
}

/* STARTSEITE *************************************************************** */
#promo-carousel,
.startseite_banner {
  margin-top: 25px;
}
.list-container {
  margin-top: 20px !important;
}
#boxwrapper_newItems h2 {
  /* color: #7e2211; */
  /* font-weight: 500; */
  /* font-weight: normal; */
}
#boxwrapper_topBox {
  margin-top: 25px;
  margin-bottom: 25px;
}
.boxwrapper .list-container .gridView .productBox .picture {
  border-bottom: 1px dotted #eee;
}
.boxwrapper .list-container .gridView .productBox .title,
.boxwrapper .list-container .infogridView .productBox .title {
  height: auto;
  min-height: unset;
  margin-bottom: 10px;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
.boxwrapper .list-container .gridView .productBox .title a:hover,
.boxwrapper .list-container .infogridView .productBox .titlea:hover {
  color: #7e2211;
  text-decoration: underline;
}
.boxwrapper .list-container .gridView .productBox .picture img {
  max-height: 245px;
}
body.cl-start .boxwrapper .list-container {
  margin-top: 30px !important;
}
.gridView .price .lead {
  font-size: 18px;
  font-weight: 500 !important;
  display: block;
  margin-bottom: 10px;
}
.gridView .price .pricePerUnit {
  font-size: 10px;
  display: block;
  font-family: arial;
}
.infogridView .shortdesc {
  /* font-size: 13px; */
}
.startseite_txt_unten {
  border-top: 2px solid #e7e7e7;
  padding-top: 25px;
}
#start_txt_unten_readmore {
  color: #7e2211;
}
#start_txt_unten_readmore:hover {
  text-decoration: underline;
  cursor: pointer;
}

/* KATEGORIEBAUM ************************************************************ */
.cat-tree ul {
  padding-left: 0;
}
.cat-tree ul ul {
  padding-left: 15px;
}
.categorytree .nav-pills>li>a {
  font-size: 13px;
  padding: 1px 15px;
}


/* KATEGORIE SEITEN ********************************************************* */
body.cl-alist .page-header h1 {
  font-weight: 500;
}
body #content .productBox .pricePerUnit {
  font-size: 12px;
}
.boxwrapper .list-container .lineView .productBox .title {
  margin-bottom: 8px;
}
.boxwrapper .list-container .lineView .productBox .title a {
  color: #7e2211;
  font-size: 18px;
}
.boxwrapper .list-container .lineView .productBox .picture img {
  max-height: 245px;
}
.categoryDescription h2 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}
.categoryDescription h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width:768px) {
  .listRefine .refineParams .pull-left,
  .listRefine .refineParams .pull-right {
    width: 100%;
    float: none !important;
  }
  .listRefine .refineParams .btn-group {
    width: 49%;
    float: left;
    box-sizing: border-box;
  }
  .listRefine .refineParams .btn-group:nth-child(odd) {
    margin-right: 1%;
  }
  .listRefine .refineParams .btn-group:nth-child(even) {
    margin-left: 1%;
  }
  .listRefine .refineParams .btn-group ul.dropdown-menu {
    width: 100%;
  }
  .boxwrapper .list-container .lineView .productBox {
    margin-bottom: 5px;
  }
  .boxwrapper .list-container .lineView .product_row {
    display: grid;
  }
  .boxwrapper .list-container .lineView .product_row .product_cell:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
  }
  .boxwrapper .list-container .lineView .product_row .product_cell:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
    width: 100%;
  }
  .boxwrapper .list-container .lineView .product_row .product_cell:nth-child(3) {
    grid-row: 2;
    grid-column: 1 / span 2;
    width: 100%;
  }
  .boxwrapper .list-container .lineView .product_row .product_cell .price {
    font-size: 21px;
  }
  .boxwrapper .list-container .lineView .productBox form {
    border-bottom: 1px dashed #ccc;
  }
}


/* DETAILSEITE ************************************************************** */
body.cl-details #productTitle {
  font-weight: 500;
}
body.cl-details .information .pricebox #productPrice {
  float: none;
}
body.cl-details #details .information {
  margin-top: 50px;
}
body.cl-details #details .information .additionalInfo {
  font-size: 12px;
}
body.cl-details a#alternatives {
  margin: 5px 10px 5px 0;
}
body.cl-details .tobasket .deliverytime::before {
  content: " ";
}
body.cl-details dl.weinspezifikationen {
  font-size: 12px;
}
body.cl-details dl.weinspezifikationen dt {}
body.cl-details dl.weinspezifikationen dd {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  #zutaten-naehrwerte .dl-horizontal dt {
      width: 195px;
  }
  #zutaten-naehrwerte .dl-horizontal dd {
      margin-left: 215px;
  }
  #zutaten-naehrwerte .dl-horizontal dd.bg-grey {
      background: none;
  }
}
@media (max-width: 455px) {
  .nav-tabs>li {
      font-size: 12px;
  }
  .nav-tabs>li a {
      padding: 5px 8px;
  }
}


/* SUCHERGEBNISSEITE/ HERSTELLERSEITE *************************************** */
body.cl-search .content-box > .row > .search,
body.cl-manufacturerlist .content-box > .row > .manufacturerlist {
  display: none;
}
body.cl-search .content-box > .row > .col-md-9,
body.cl-manufacturerlist .content-box > .row > .col-md-9 {
  width: 100%;
}


/* CMS SEITEN *************************************************************** */
.cl-content #content .cmsContent table {
  border: none;
}
.cl-content #content .cmsContent table tbody {}
.cl-content #content .cmsContent table tbody tr:first-of-type {
  background: #e0e0e0;
}
.cl-content #content .cmsContent table tbody tr {
  border: none;
  height: 31px;
}
.cl-content #content .cmsContent table tbody tr td {
  border-color: #E0E0E0;
  box-sizing: border-box;
  padding: 0 7px;
}
.cl-content #content .cmsContent table tbody tr td p {
  margin-bottom: 0;
}


/* RESPONSIVE TABLES ****************************************************** */
.cl-content #content .cmsContent #web-tables {
    display: block;
}
.cl-content #content .cmsContent #mobile-tables {
    display: none;
}
.cl-content #content .cmsContent #mobile-tables .block {
    margin-top: 5px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
}
.cl-content #content .cmsContent #mobile-tables .block h4 {
    margin: 10px;
    background: #e0e0e0;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 31px;
    margin: 0;
    padding: 0 7px;
}
.cl-content #content .cmsContent #mobile-tables .block h4::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f067";
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 7px;
  float: right;
}
.cl-content #content .cmsContent #mobile-tables .block.opened h4::after {
  content: "\f068";
}
.cl-content #content .cmsContent #mobile-tables .block p {
    margin: 4px 7px;
    display: none;
}
.cl-content #content .cmsContent #mobile-tables .block.opened p {
  display: block;
}

@media (max-width: 768px) {
    .cl-content #content .cmsContent #web-tables {
        display: none;
    }
    .cl-content #content .cmsContent #mobile-tables {
        display: block;
    }
    .cl-content #content .cmsContent #legend-tables {
        margin: 30px 0;
    }
}

/* For mobile phones: */
#mobile-tables [class*="col-"] {
    width: 100%;
    float: left;
  }

  @media (min-width: 500px) {
    /* For tablets: */
    #mobile-tables .col-s-1 {width: 8.33%;}
    #mobile-tables .col-s-2 {width: 16.66%;}
    #mobile-tables .col-s-3 {width: 25%;}
    #mobile-tables .col-s-4 {width: 33.33%;}
    #mobile-tables .col-s-5 {width: 41.66%;}
    #mobile-tables .col-s-6 {width: 50%;}
    #mobile-tables .col-s-7 {width: 58.33%;}
    #mobile-tables .col-s-8 {width: 66.66%;}
    #mobile-tables .col-s-9 {width: 75%;}
    #mobile-tables .col-s-10 {width: 83.33%;}
    #mobile-tables .col-s-11 {width: 91.66%;}
    #mobile-tables .col-s-12 {width: 100%;}
  }

  @media only screen and (min-width: 768px) {
    /* For desktop: */
    #mobile-tables .col-1 {width: 8.33%;}
    #mobile-tables .col-2 {width: 16.66%;}
    #mobile-tables .col-3 {width: 25%;}
    #mobile-tables .col-4 {width: 33.33%;}
    #mobile-tables .col-5 {width: 41.66%;}
    #mobile-tables .col-6 {width: 50%;}
    #mobile-tables .col-7 {width: 58.33%;}
    #mobile-tables .col-8 {width: 66.66%;}
    #mobile-tables .col-9 {width: 75%;}
    #mobile-tables .col-10 {width: 83.33%;}
    #mobile-tables .col-11 {width: 91.66%;}
    #mobile-tables .col-12 {width: 100%;}
  }


/* DIVERSE RESPONSIVE ANPASSUNGEN ***************************************** */
@media only screen and (max-width: 768px) {
  #mainnavext .dd-menu .nav li li {
    border-color: #b76565;
  }
  #mainnavext .dd-menu .dd-nav-tree li>a {
    color: #FFF;
    padding: 0;
    margin: 0 15px;
    border-bottom: 1px solid #b76565;
    line-height: 36px;
  }
  #mainnavext .dd-menu .dd-nav-tree li:last-of-type > a {
    border: none;
  }
  .dd-menu .dd-nav-expand .dd-nav-manufacturer dt {
    display: none;
  }
  .dd-menu .dd-nav-expand .dd-nav-manufacturer dd .row > div {
    width: 100%;
    color: #FFF;
  }
  #mainnavext .dd-menu .dd-nav-expand .dd-nav-content .dd-links a {
    display: inline-block;
    width: 100%;
  }
  .dd-menu .dd-nav-expand .dd-nav-manufacturer dd .row > div a {
    color: #FFF;
    display: inline-block;
    width: 100%;
    line-height: 36px;
    border-bottom: 1px solid #b76565;
  }
  .dd-menu .dd-nav-expand .dd-nav-manufacturer dd .row > div a:last-of-type {
    border: none;
  }
  #mainnavext .dd-menu .dd-nav-tree li>a::before,
  .dd-menu .dd-nav-expand .dd-nav-manufacturer dd .row > div a::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f105";
    margin-right: 5px;
  }
  /* .dd-menu .dd-nav-expand .dd-nav-manufacturer dd .row .col-xs-2 strong:nth-of-type(even) {
    display: block;
    border-top: 1px solid #FFF;
  } */
}
@media only screen and (max-width: 580px) {
  h1 {
    font-size: 28px;
  }
}

/* ÜBERSCHRIFTEN  ----------------------------------------------------------- */
.present-eins, .present-zwei, .present-drei, .present-vier, .present-fuenf, .present-sechs {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit
}

.present-eins small, .present-zwei small, .present-drei small, .present-vier small, .present-fuenf small, .present-sechs small, .present-eins .small, .present-zwei .small, .present-drei .small, .present-vier .small, .present-fuenf .small, .present-sechs .small {
  font-weight: normal;
  line-height: 1;
  color: #777
}

.present-eins, .present-zwei, .present-drei {
  margin-top: 20px;
  margin-bottom: 10px
}

.present-eins small, .present-zwei small, .present-drei small, .present-eins .small, .present-zwei .small, .present-drei .small {
  font-size: 65%
}

.present-vier, .present-fuenf, .present-sechs {
  margin-top: 10px;
  margin-bottom: 10px
}

.present-vier small, .present-fuenf small, .present-sechs small, .present-vier .small, .present-fuenf .small, .present-sechs .small {
  font-size: 75%
}

.present-eins {
  font-size: 36px
}

.present-zwei {
  font-size: 30px
}

.present-drei {
  font-size: 24px
}

.present-vier {
  font-size: 18px
}

.present-fuenf {
  font-size: 14px
}

.present-sechs {
  font-size: 12px
}
.jumbotron .present-eins {
  color: inherit
}

@media screen and (min-width:768px) {
  .jumbotron .present-eins {
    font-size: 63px
  }
}

.boxwrapper .page-header .present-drei {
  font-weight: 200
}

.boxwrapper .page-header .present-drei .rss {
  font-size: 12px;
  color: orange;
  line-height: 1.3333333;
  vertical-align: middle
}


/* START - EvoMenu Fix for width 768px -------------------------------------- */
@media (width:768px) {
  .dd-menu .nav li {
    border-bottom: none;
  }
  .dd-menu .nav li .caret,
  .dd-menu .nav li .fa-caret-down,
  .dd-menu .nav li .fa-caret-up {
    display: none;
  }
  .dd-menu .nav li.dropdown:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    max-width: 1185px;
    margin: 0 auto;
  }
  .dd-menu .nav .dd-expand-dropdown.open .dd-nav-expand {
    padding: 15px;
  }
  #mainnavext .dd-menu .dd-nav-tree li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border: none;
    margin: 0;
  }
  #mainnavext .dd-menu .dd-nav-tree li>a::before {
    display: none;
  }
  #mainnavext .dd-menu .dd-nav-tree li>a:hover {
    color: #FFF;

  }
  .dd-menu .dd-nav-expand .dd-nav-manufacturer dd .row>div a {
    color: #333;
    display: inline-block;
    width: auto;
    line-height: 1.42857143;
    border:none;
  }
  .dd-menu .dd-nav-expand .dd-nav-manufacturer dd .row>div a::before {
    display:none;
  }
  .dd-menu .dd-nav-expand .dd-nav-manufacturer dd .row>div {
    width: 16.66666667%;
    color: #333;
  }
  .dd-menu .nav li.dropdown.moreLinks > ul.dropdown-menu .dropdown-menu,
  .dd-menu .nav li.dropdown.moreLinks > .dropdown-menu .dropdown-menu div {
    display: none !important;
  }
}
/* ENDE - EvoMenu Fix for width 768px --------------------------------------- */


/* START - Cookie Hinweis Anpassungen --------------------------------------- */
body.modal-open {
  overflow: auto;
  padding-right: 0 !important;
  color: #000;
}
body.modal-open #etrpop.modal {
  top: auto;
  padding: 0 !important;
  min-width: 365px;
}
body.modal-open #etrpop.modal .btn {
  font-size: 13px;
}
body.modal-open #etrpop.modal .btn:hover {
  font-weight: normal;
}
body.modal-open #etrpop.modal .modal-dialog {
  width: 100%;
  margin: 0;
}
body.modal-open #etrpop.modal .modal-dialog .modal-content {
  border: none;
  border-radius: 0px;
  border-top: 2px solid rgba(0,0,0,0.2);
  box-shadow: none;
}
body.modal-open #etrpop.modal .modal-dialog .modal-header {
  display:none;
}
body.modal-open #etrpop.modal .modal-dialog .modal-header .modal-title {
  font-size: 14px;
  font-weight: bold;
}
body.modal-open #etrpop.modal .modal-dialog .modal-body {
  font-size: 13px;
  padding: 10px 15px 10px;
}
body.modal-open #etrpop.modal .modal-dialog .modal-body p {
  margin: 0 0 5px;
}
body.modal-open #etrpop.modal .modal-dialog .modal-body hr {
  margin: 10px 0;
}
body.modal-open #etrpop.modal .modal-dialog .modal-body > p br {
  display: none;
}
body.modal-open #etrpop.modal .modal-dialog .modal-body .checkbox-inline input {
  margin-top: 2px;
}
@media (min-width: 768px) {
  body.modal-open #etrpop.modal .modal-dialog .modal-body div:nth-last-child(1) {
    width: 50%;
    float: right;
  }
  body.modal-open #etrpop.modal .modal-dialog .modal-body div:nth-last-child(1) a {
    margin-top: 0 !important;
  }
  body.modal-open #etrpop.modal .modal-dialog .modal-body div:nth-last-child(2) {
    width: 50%;
    float: left;
  }
  body.modal-open #etrpop.modal .modal-dialog .modal-body div:nth-last-child(2) a {
    display: inline-block;
  }
  body.modal-open #etrpop.modal .modal-dialog .modal-body::after {
    display: table;
    content: " ";
    clear:both;
  }
}
@media (max-width: 415px) {
  body.modal-open #etrpop.modal .modal-dialog .modal-body div:nth-last-child(1) {
    text-align: left;
  }
  body.modal-open #etrpop.modal .btn {
    padding: 4px;
    font-size: 12px;
  }
  body.modal-open #etrpop.modal .btn.ml-2 {
    margin-left: 3px;
  }
}
body.modal-open .modal-backdrop {
  display: none;
}
/* ENDE - Cookie Hinweis Anpassungen ---------------------------------------- */
