@import url("//hello.myfonts.net/count/3a9b4c");
@font-face {font-family: 'FuturaBT-Book';src: url('webfonts/3A9B4C_0_0.eot');src: url('webfonts/3A9B4C_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3A9B4C_0_0.woff2') format('woff2'),url('webfonts/3A9B4C_0_0.woff') format('woff'),url('webfonts/3A9B4C_0_0.ttf') format('truetype');}

/*ZOTTER 2020*/

/**
 * @license
 * MyFonts Webfont Build ID 3840844, 2019-11-25T10:54:21-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: FuturaBT-Book by Bitstream
 * URL: https://www.myfonts.com/fonts/bitstream/futura/book-inactv/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * Licensed pageviews: 10,000,000
 *
 *
 *
 * © 2019 MyFonts Inc
*/
#sproducts::before,
#spages::before,
#sblogs::before,
#snews::before {
  display: block;
  content: " ";
  margin-top: -150px;
  height: 150px;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
  position:relative;  
}
.s-anchor{
  z-index: 0;
  position:relative;    
}
body{
    margin-top:148px;
    position: relative;
}
.tooltip { pointer-events: none; top:-148px !important; }
#spinner:not([hidden]) {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-color: rgba(255,255,255,0.7);
}

#spinner::after {
    content: "";
    width: 80px;
    height: 80px;
    border: 2px solid #f3f3f3;
    border-top: 3px solid #f25a41;
    border-radius: 100%;
    will-change: transform;
    animation: spin 1s infinite linear
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.overlay-bg {
	  transition: all .2s ease-in-out;
	}

html, body{
  font-family:'IBM Plex Sans', Helvetica, Arial, sans-serif;
  font-weight:500;
  color:#111111;
  background:#F7F7F7;
  font-size:18px;
}
.mobile-only{
  display:none;
}
.hidden{
  display:none;
}
#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 100;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 180px;
    right: 0;
    background-color: #DDD;
    color: #333;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #EEE;
    color: #000;
}
.alert-danger{
  background-color: rgba(192, 13, 13, 0.1);
  border: 2px solid #c00d0d;
  color:#c00d0d;
}
.alert-success{
  background-color: rgba(39, 155, 56, 0.15);
  border: 2px solid #279b38;
  color:#279b38;
}

.infobox {
  display:flex;
  flex-direction: row;
  align-content: stretch;
  margin-bottom:1.5em;
}
.infobox hr{
  margin:0 0 10px 0;
}

.infobox.alert.alert-danger p,
.infobox.alert.alert-success p{
  color:#000;
  margin-bottom:15px;
}

.infobox.alert.alert-danger a{
  color:#c00d0d;
  font-weight:700;
}

.infobox.alert.alert-success a{
  color:#279b38;
  font-weight:700;
}

.info-icon:before{
  content:"\f071";
  display:block;
  font-family: "Font Awesome 5 Pro";
  font-weight:900;
  font-size:36px;
  margin-right:15px;
}
.alert-danger .info-icon:before{
  content:"\f06a";
}
.form-control:focus{
  box-shadow:none;
  border-color:#dddddd;
}
img{
  width:100%;
  max-width: 100%;
  height:auto;
}
img._1dpt6j2{
  width:auto;
}
footer img{
  width:auto;
  max-width:100%;
}
hr {
  margin-top: 3rem;
  margin-bottom: 3rem;
  border: 0;
  border-top: 2px solid #dddddd;
}

.textonly hr{
  margin-top: 0rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px solid #dddddd;
}

h1, h2, h3, h4, h5{
  font-family:'FuturaBT-Book', Helvetica, Arial, 'Dosis';
  color:#C00D0D;
}

h1 {
  font-size:2.2rem;
  line-height: 1em;
  margin-bottom: 0.3em;
  font-weight:400;
  color:#C00D0D;
}

h2 {
  font-size:1.8rem;
  line-height: 1.1em;
  margin-bottom: 0.5em;
  font-weight:400;
}
p.alert-heading {
  font-size:1.8rem;
  line-height: 1.1em;
  margin-bottom: 0.5em;
  font-weight:400;
  color:inherit !important;
 font-family: 'FuturaBT-Book', Helvetica, Arial, 'Dosis';
}
h3 {
  font-size:1.6rem;
  font-size:24px;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  font-weight: 400;
}
.side-filter-menu p.h3 {
    font-size: 22px;
    line-height: 26px;
    margin: 0;
    padding: 10px 12px;
    color: #090909;
}
.mobile-filter p.h3 {
  font-size:1.6rem;
  font-size:24px;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  font-weight: 400;
}
.tx-blog-widget p.h3{
  font-family:'FuturaBT-Book', Helvetica, Arial, 'Dosis';
  color:#C00D0D;
  font-size:1.6rem;
  font-size:24px;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  font-weight: 400;
}
footer h3{
  color:#000;
  margin-bottom:0.7em;
}
p.footer-h2{
  font-family:'FuturaBT-Book', Helvetica, Arial, 'Dosis';
  font-size:1.6rem;
  font-size:24px;
  line-height: 1.2em;
  margin-bottom:0.7em;
  font-weight: 400;
}
.textonly.yellow p.footer-h2{
  font-family:'FuturaBT-Book', Helvetica, Arial, 'Dosis';
  font-size:1.8rem;
  line-height: 1.1em;
  margin-bottom: 0.5em;
  font-weight:400;
}
h4{
  color:#000000;
  font-size:1em;
  font-family:'IBM Plex Sans', Helvetica, Arial, sans-serif;
  margin-bottom:0.5em;
  font-weight:700;
  text-transform: uppercase;
}

h5{
  color:#000000;
  font-size:1em;
  font-family:'IBM Plex Sans', Helvetica, Arial, sans-serif;
  margin-bottom:0;
  font-weight:700;
}
/*special formats*/

h3.h3small-black{
  font-size:inherit;
  font-family:'IBM Plex Sans', Helvetica, Arial, sans-serif;
  color:#000;
  font-weight:bold;
}
h2.h2small-black{
  font-size:inherit;
  font-family:'IBM Plex Sans', Helvetica, Arial, sans-serif;
  color:#000;
  font-weight:bold;
  font-size:1.2em;
}
h2.h2small-uppercase{
  font-size:inherit;
  font-family:'IBM Plex Sans', Helvetica, Arial, sans-serif;
  color:#000;
  font-weight:bold;
  text-transform: uppercase;
}
ul, ol{
  margin-bottom:1.5em;
  padding-bottom:0;
}
ul.typo3-messages{
  padding:0;
  margin:0 0 15px 0;
  list-style: none;
}
.typo3-messages li.alert-danger p{
  padding-bottom:0;
  margin-bottom:0;
}

section .col-sm-10.col-md-4 ul li,
section .col-sm-10.col-md-4 ol li,
section .col-sm-12.col-md-6 ul li,
section .col-sm-12.col-md-6 ol li{
  line-height:1.5em;
}
p{
  line-height: 1.5em;
  margin-bottom:1.5em;
  font-weight:500;
}
p.news-date{
  margin-bottom:0.5em;
  font-weight:bold;
}
p a,
footer ul li a:hover,
.news-list .textonly a,
.news-backlink-wrap a,
section table td a,
section table th a,
section ul li a,
section ol li a,
.bf-cart a,
.zot-gallery [class*='col-']>span a,
#reviewsAggregationOutput a,
.tx-felogin-pi1 a,
.c-register .col-6:nth-child(1) a{
  font-weight: 700;
  color:#000;
  border-bottom:2px solid #000;
  -webkit-transition: border-bottom 400ms ease-out;
  -moz-transition: border-bottom 400ms ease-out;
  -o-transition: border-bottom 400ms ease-out;
  transition: border-bottom 400ms ease-out;
}

p a:hover,
footer ul li a,
.news-list .textonly a:hover,
.news-backlink-wrap a:hover,
section table td a:hover,
section table th a:hover,
section ul li a:hover,
section ol li a:hover,
.bf-cart a:hover,
.zot-gallery [class*='col-']>span a:hover,
#reviewsAggregationOutput a:hover,
.tx-felogin-pi1 a:hover,
.c-register .col-6:nth-child(1) a:hover{
  color:#000;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}

p a.btn{
  border-bottom:none !important;
}
p a.btn:hover{
  border-bottom:none !important;
}
.btn-primary:focus, .btn-primary.focus,
.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: none;
}
.btn-primary.red,
.btn-primary.red-btn-lg{
  background:#c00d0d;
  border-color:#c00d0d;
  -webkit-transition: background 400ms ease-out;
  -moz-transition: background 400ms ease-out;
  -o-transition: background 400ms ease-out;
  transition: background 400ms ease-out;
}
.btn-primary.red:hover,
.btn-primary.red-btn-lg:hover{
  background:#000000;
  border-color:#000000;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.btn-primary.yellow,
.btn-primary.yellow-btn-lg{
  background:#FCC942;
  border-color:#FCC942;
  color:#000;
  -webkit-transition: background 400ms ease-out;
  -moz-transition: background 400ms ease-out;
  -o-transition: background 400ms ease-out;
  transition: background 400ms ease-out;
}
.btn-primary.yellow:hover,
.btn-primary.yellow-btn-lg:hover{
  background:#000000;
  border-color:#000000;
  color:#fff;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}

.btn-primary.green,
.btn-primary.green-btn-lg,
.btn-group.next .btn-primary{
  background:#279B38;
  border-color:#279B38;
  -webkit-transition: background 400ms ease-out;
  -moz-transition: background 400ms ease-out;
  -o-transition: background 400ms ease-out;
  transition: background 400ms ease-out;
}
.btn-primary.green:hover,
.btn-primary.green-btn-lg:hover,
.btn-group.next .btn-primary:hover,
.btn-group.previous .btn.btn-cancel:hover,
.btn-primary.green:not(:disabled):not(.disabled):active, .btn-primary.green:not(:disabled):not(.disabled).active,
.btn-primary.green:not(:disabled):not(.disabled):active:focus, .btn-primary.green:not(:disabled):not(.disabled).active:focus{
  background:#000000;
  border-color:#000000;
  color:#fff;
  box-shadow: none;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}


.btn-secondary.neutral{
  background:none;
  color:#000000;
  border:2px solid #000000;
}
.btn-secondary.neutral:hover{
  background:#dddddd;
  color:#000000;
  border:2px solid #000000;
}

.btn-primary.grey,
.btn-group.previous .btn.btn-cancel{
  background:#eeeeee;
  border-color:#eeeeee;
  color:#000;
  -webkit-transition: background 400ms ease-out;
  -moz-transition: background 400ms ease-out;
  -o-transition: background 400ms ease-out;
  transition: background 400ms ease-out;
}
.btn-group.previous .btn.btn-cancel{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.btn-group.previous .btn.btn-cancel{
  margin-right:20px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.btn-group.next .btn.btn-primary{
  margin-right:20px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.btn-primary.green:hover{
  background:#000000;
  border-color:#000000;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.red-btn-lg,
.yellow-btn-lg,
.green-btn-lg{
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

footer ul li a,
footer ul li a:hover{
  font-weight:400;
  text-decoration:none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a{
  color:#000;
  font-weight: 400;
  border-bottom:none;
}
.hero-overlay h6 a{
  color:#000000;
  text-decoration:none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover{
  color:#000;
  border-bottom: none;
  text-decoration: none;
}

.blog h1 a,
.blog h2 a,
.blog h3 a,
.blog h4 a,
.blog h5 a,
.blogentries h1 a,
.blogentries h2 a,
.blogentries h3 a,
.blogentries h4 a,
.blogentries h5 a{
  color:#c00d0d;
  font-weight: 400;
  border-bottom:none;
}

.blog h1 a:hover,
.blog h2 a:hover,
.blog h3 a:hover,
.blog h4 a:hover,
.blog h5 a:hover,
.blogentries h1 a:hover,
.blogentries h2 a:hover,
.blogentries h3 a:hover,
.blogentries h4 a:hover,
.blogentries h5 a:hover{
  color:#c00d0d;
  border-bottom: none;
  text-decoration: none;
}

.nav-kachel{
  margin-bottom:15px;
}

.news-list .col-sm-10 a{
  color:#c00d0d !important;
  border-bottom:2px solid #c00d0d;
}
.news-list .col-sm-10 a:hover{
  color:#c00d0d;
  border-bottom:2px solid transparent;

}
.news-list .col-sm-10 h2 a{
  border-bottom:none;
  font-weight: 400;
}

.news-list .col-sm-10 h2 a:hover{
  border-bottom:none;
}
.news-backlink-wrap{
  padding:0 30px;
}
/*HEADER*/
header{
  z-index: 20;
  position:relative;
}
.bar{
  background:black;
  color:white;
  height:100px;
  position: fixed;
  top:0;
  left:0;
  right:0;
  transition: top 0.2s ease-in-out;
  z-index: 10;
}
.bar .container,
.bar .container .row{
  height:100px;
}
.logo{
}
.logo a{
    display:block;
}

.searchform .form-group{
  margin-bottom:0;
  position:relative;
}
.searchform button,
.searchform button:hover{
  color:#ffffff;
  position:absolute;
  top:0;
  right:0;
}
.tx-solr-search-form.col-lg-8 .searchform button,
.tx-solr-search-form.col-lg-8 .searchform button:hover{
  color:#ffffff;
  position:absolute;
  top:0;
  right:0;
  background:#222222;
}
#tx-solr-sorting .solr-ajaxified{
  margin-left:10px;
}
.searchform .form-control{
  background:#222222;
  color:#CCCCCC;
  border-color:#222222;
  height:50px;
}
.tx-solr-search-form.col-lg-8 .searchform .form-control{
  background:#ffffff;
  color:#000000;
  border-color:#bbbbbb;
  height:50px;
}
.searchform .form-control:focus{
  border-color:#383737;
  box-shadow:none;
  height:50px;
}
.searchform button{
  height:50px;
  font-size:24px;
}
.searchform button:focus,
.searchform button:hover{
  border-color:#383737;
  background:#383737;
  box-shadow:none;
}
.shop-tools a{
  border:none;
  text-decoration:none;
}
.shop-tools a:hover{
  border:none;
  text-decoration:none;
}
.small-cart,
.small-cart:hover{
  display:block;
  border:1px solid #444444;
  border-radius: 5px;
  padding:5px 10px;
}
.small-cart:hover{
  background:#222222;
}
.small-cart .fas{
  position:relative;
}
.small-cart .fas:before{
  position:relative;
  font-size:32px;
  top:5px;
}

.small-cart .fas .number{
  position:absolute;
  top:-5px;
  right:-9px;
  background:#C00D0D;
  border-radius:5px;
  padding:4px 4px;
  font-size:12px;
  font-weight:600;
  font-family:"Open Sans", tahoma, helvetica, arial;

}
.small-cart .total{
  font-weight:normal;
  line-height:1.3em;
  padding-left:20px;
}
.small-cart:hover{
  border:1px solid #383737;
}
.wishlist{
  color:#CCCCCC;
  margin-left:20px;
}
.wishlist span:before{
  font-size:30px;
  margin-right:10px;
}
.login{
  color:#CCCCCC;
  margin-left:20px;
}
.login span:before{
  font-size:30px;
  margin-right:10px;
}
.bar2{
  background:#222222;
  color:white;
  position: fixed;
  top:100px;
  left:0;
  right:0;
  transition: top 0.5s;
  z-index:5;
}
.bar2 .search{
  display:none;
}
.nav-up {
    top: -50px;
}
header a,
header a:hover{
  border:none;
  color:white;
}

/*MEGAMENU*/
/*menu overlay*/
.overlay-bg {
  transition: all .2s ease-in-out;
}
.overlay-bg::before {
  content: "";
  background-color: #1e1e1e;
  opacity: .9;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 20;
}

.hide-arrow:after {
  border: none !important;
}

.img-res {
  width: auto;
  height: auto;
}
/*menu overlay end*/
.megamenu {
  position: static;
}

.megamenu .dropdown-menu {
  background: none;
  border: none;
  width: 100%;
}

.nav-item > .dropdown-toggle.active, .nav-item > a.active{
  background:#fcc942;
  color:#000;
}
.navbar .navbar-nav > .nav-item > a.active,
.navbar.navbar-zotter .nav-item > .dropdown-toggle.active:not(.collapsed){
  background:#fcc942;
  color:#000;
}

@media screen and (min-width: 992px) {
    .navbar.navbar-zotter .navbar-brand{
        display:none;
    }
}
/*create the megamenu*/
.navbar.navbar-zotter .navbar-nav .badge-count {display: none;}
.navbar.navbar-zotter .navbar-nav .dropdown-menu {background-color: transparent; box-shadow: none;}

.navbar.navbar-zotter .navbar-nav > .nav-item > a {font-size: 0.9rem; font-weight: 700;}

.navbar.navbar-zotter .nav-item.mega .dropdown-menu {padding: 0;}
.navbar.navbar-zotter .nav-item.show .nav-item > a,
.navbar.navbar-zotter .nav-item.show .nav-item > span{
  color: #000;
  font-size: 0.9rem;
  line-height: 36px;
  display: block;
}

.navbar.navbar-zotter .nav-item > .dropdown-toggle:not(.collapsed), .navbar.navbar-zotter .nav-item:hover > .dropdown-toggle:not(.collapsed) {
	color: #000000;
	background-color: #fcc942;
}

.navbar.navbar-zotter .navbar-left .nav-item.dropdown > .dropdown-toggle.collapsed::after {
    border-color: transparent transparent transparent #000000;
    border-width: 7px 0 7px 7px !important;
    margin-top: -6px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.navbar.navbar-zotter .navbar-left .nav-item.dropdown.show > .dropdown-toggle::after {
	border-color: transparent transparent transparent #000000;
    border-width: 7px 0 7px 7px !important;
    left: 10px;
    margin-top: -8px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.navbar.navbar-zotter .navbar-left .nav-item.dropdown .nav-item.dropdown > .dropdown-toggle.collapsed::after {
    border-color: transparent transparent transparent #8c8c8c;
}
.navbar.navbar-zotter .navbar-left .nav-item.dropdown.show .nav-item.dropdown.show > .dropdown-toggle::after {
    border-color: transparent transparent transparent #8c8c8c;
}

.navbar.navbar-zotter .navbar-right .nav-item > a,
.navbar.navbar-zotter .navbar-right .nav-item > span{
  color: #fff;
  text-align: right;
}
.navbar.navbar-zotter .navbar-right .nav-item > a:hover {color: #fff;}
.navbar.navbar-zotter .navbar-right .nav-item > a .fa-globe {font-size: 24px; vertical-align: top; margin-top: 10px; margin-right: 5px;}
.navbar.navbar-zotter .navbar-right .nav-item > a .fa-sort-down {margin-top: 10px; font-size: 20px; vertical-align: top; margin-left: 7px;}
.navbar-collapse .navbar-right .nav-item > .dropdown-toggle::after {display: none;}
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item {position: relative;}
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-top .nav-item {
  flex-basis:auto;
  flex-grow:1;
  width:20%;
  max-width:100%;
  padding:0;
}
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-imageContent .col-2.nav-item a h4 {
  font-size: 0.9rem;
}
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-imageContent .col-2.nav-item a p.h4 {
  font-size: 0.9rem;
  margin-top:15px;
  margin-bottom:20px;
  font-weight:normal;
  font-weight: 700;
}
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item a,
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item span{
  color: #000 !important;
  padding: 0 20px;
  margin-bottom:3px;
}
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item a.active{
  font-weight:bold;
}
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item span{
  color: #BBBBBB !important;
}
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item  p a{
  color: #000 !important;
  padding: 0 0px;
  margin-bottom:0px;
}
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item  p{
  font-size:16px;
  padding:5px 20px;
  text-align:left;
  color:#000;
}
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item  p a.btn{
  font-size:16px;
  padding:0.375rem 0.75rem;
  text-align:left;
  color:#000;
  margin-bottom:15px;
}

.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item  p a.btn:hover{
  color:#fff !important;
  padding:0.375rem 0.75rem;
  border:1px solid transparent;
}

.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom .nav-item a{margin-right:15px;}
.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom .nav-item a:hover {color: #000 !important; padding: 0 20px; background: #eeeeee; margin-bottom:3px;}

.navbar .dropdown-menu .nav-pills {background-color: #e0e0e0; height: 100%;}
.navbar .dropdown-menu .nav-pills .nav-link {color: #000; position: relative; font-size: 16px; font-weight: 700; line-height: 30px;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.nav-pills .nav-link:hover, .nav-pills .show > .nav-link {
  background-color: #ffffff;
  border-radius: 0;
  color: #000;
}

/* .navbar.navbar-zotter .nav-item.show .nav-imageContent .nav-item > a {font-size: 14px;} */
.navbar.navbar-zotter .nav-tabContent-top h4, .navbar.navbar-zotter .nav-imageContent h4 {font-size: 16px; margin-top: 15px; margin-bottom: 20px; text-transform: none;}
.navbar.navbar-zotter .nav-tabContent-top p.h4,
.navbar.navbar-zotter .nav-imageContent p.h4 {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 20px;
  text-transform: none;
  font-weight:700;
}

.navbar.navbar-zotter .nav-tabContent-bottom {padding: 0 10px;}

@media screen and (max-width:991px){
    .bar .container, .bar .container .row {height: 70px !important; padding-top: 2px;}

    .bar2 {top: 0 !important; background-color: transparent !important;}
    .bar2 .container {padding-right: 0; padding-left: 0;}
    .bar2 .navbar-collapse.collapse.show .search {background-color: #fcc942 !important; border: 0; box-shadow: none; z-index: 1000;}
    .navbar-toggler {top: 0px !important; padding-left: 5px;}

    .navbar.navbar-expand-lg .navbar-collapse > :not(.nav-toolbar) .nav-item > .dropdown-toggle {margin: 0 !important;}
    .navbar.navbar-zotter .navbar-collapse > :not(.navbar-nav):not(.nav-divider), .navbar.navbar-zotter .navbar-collapse .navbar-nav > * {border-color: #cccccc; -webkit-box-shadow: none; box-shadow: none;}

    .navbar.navbar-zotter {background-color: transparent;}
    .navbar.navbar-zotter .nav-item:hover > a {color: #000000;}
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu {border-bottom: 1px solid #ccc;}
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item {border-top: 1px solid #ccc;}
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item a,
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom .nav-item a {
      color: #000;
      padding: 7px 20px 7px 65px;
      margin: 0 !important;
     }    .navbar.navbar-zotter .dropdown-menu .nav-imageContent {padding: 0 !important;}
    .navbar.navbar-zotter .dropdown-menu .nav-imageContent .col-2 {max-width: 100%; flex: 0 0 100%; margin-bottom: 0; text-align: left !important; border-top: 1px solid #ccc;}
    .navbar.navbar-zotter .dropdown-menu .nav-imageContent .col-2 h4, .navbar.navbar-zotter .nav-tabContent-top .nav-item h4 {font-size: 18px; font-weight: normal; margin-top: 4px; margin-bottom: 4px;}
    .navbar.navbar-zotter .nav-tabContent-top .nav-item p.h4 {
      font-size: 18px;
      font-weight: normal;
      margin-top: 4px;
      margin-bottom: 4px;
    }
    .navbar.navbar-zotter .dropdown-menu .nav-imageContent img {display: none;}
    .navbar.navbar-zotter .dropdown-menu .tab-pane .col-3, .navbar.navbar-zotter .dropdown-menu .tab-pane .col-9 {flex: 0 0 100%; max-width: 100%; padding: 0; margin: 0;}
    .navbar.navbar-zotter .dropdown-menu .tab-pane .col-3 .nav-pills {flex-direction: row !important; justify-content: center;}

    .navbar-collapse .nav.navbar-nav.navbar-left {padding-top: 145px;}
    .navbar-collapse .nav.navbar-nav.navbar-left .nav-item:first-child {border-top: 1px solid#ccc}
    .navbar.navbar-zotter .navbar-left .nav-item.dropdown .nav-item.dropdown .nav-item a {padding-left: 75px;}

    .navbar-collapse .navbar-right {background-color: #fff; position: absolute; right: 0; top: 0; z-index: 10; margin-top: 5px; }
    .navbar-collapse .navbar-right .nav-item {border-bottom: none !important;}
    .navbar.navbar-zotter .navbar-right .nav-item > a {padding-top: 7px;}
    .navbar.navbar-zotter .navbar-right .nav-item.dropdown .dropdown-menu .nav-item span {padding-top: 7px; padding-bottom:7px;}
    .navbar.navbar-zotter .navbar-right .nav-item.dropdown .dropdown-menu li div {padding-top: 5px; padding-bottom:7px;}
    .navbar-collapse .login.mobile {background-color: #222222; padding: 4px 25px 4px; position: absolute; left: 0; top: 0; margin-top: 0 !important;color: #fff; font-size: 16px; display: flex !important; flex-direction: column;}
    .navbar-collapse .login. span::before {font-size: 22px;}
    .navbar-collapse .login.mobile .user-name {font-weight: 700;}
    .navbar-collapse .login.mobile .user-settings {margin-bottom: 7px; margin-left: 28px; margin-top: -5px;}
    .navbar-collapse .login.mobile .user-settings a {font-weight: normal; font-size: 15px;}

    .navbar.navbar-zotter .navbar-right .nav-item.dropdown > a{
      color: #ffffff;
      background-color: #222222;
    }
  .navbar.navbar-zotter .navbar-right .dropdown-menu.collapse.show{
    border:1px solid #dddddd;
    border-top:none;
  }
    .navbar.navbar-zotter .navbar-left .nav-item > .dropdown-toggle:not(.collapsed), .navbar.navbar-zotter .navbar-left .nav-item:hover > .dropdown-toggle:not(.collapsed) {
        color: #000000;
        background-color: transparent;
    }
    .navbar.navbar-zotter .form-control {
        border-radius: 8px;
        font-size: 18px;
        font-weight: 700;
        padding: 20px;
    }
    .navbar.navbar-zotter .form-control, .navbar.navbar-zotter .form-control:focus, .navbar.navbar-zotter .form-control:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fff;
        border-color: #fff;
        color: #000;
    }
    .navbar.navbar-zotter .btn-default, .navbar.navbar-zotter .btn-default:hover, .navbar.navbar-zotter .btn-default:focus {
        color: #000;
        background-color: transparent;
        border-color: transparent;
    }

    .navbar.navbar-zotter .nav-item > a {color: #353535;}
    .navbar.navbar-zotter .navbar-left > .nav-item > a {padding-left: 55px;}

    .navbar.navbar-zotter .navbar-left .badge-count {display: inline; float: right; margin-right: 20px; font-size: 14px; margin-top: 2px; color: #8c8c8c; font-weight: normal;}

    .navbar.navbar-zotter .navbar-collapse {background-color: rgba(255, 255, 255, .95);}

    .navbar.navbar-zotter .nav-tabContent-top .row, .navbar.navbar-zotter .nav-tabContent-bottom .row {justify-content: center;}
    .navbar.navbar-zotter .nav-tabContent-top img {display: none;}
    .navbar.navbar-zotter .nav-tabContent-top .col-sm, .navbar.navbar-zotter .nav-tabContent-bottom .col-sm {width: auto; margin-bottom: 0;}
    .navbar.navbar-zotter .nav-tabContent-top .nav-item {text-align: left !important;}

.navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom .nav-item a:hover {color: #000 !important; padding: 0 20px; background: #eeeeee; margin-bottom:3px;}
    .navbar.navbar-zotter .show-desktop {display: none !important;}
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .navbar.navbar-zotter .dropdown-menu .tab-pane .col-3, .navbar.navbar-zotter .dropdown-menu .tab-pane .col-9 {margin-bottom: 0;}
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom .nav-item a{font-size:0.9em; margin-bottom:0;}
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom {padding:1px 15px 0px 15px;}
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-top {padding:10px 15px 0px 15px;}
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-top .col-sm {margin-bottom:0;}
    .navbar.navbar-zotter .col-3.col-sm-3.col-md-2.pr-0 {padding-bottom:0;}
    .navbar.navbar-zotter .nav-tabContent-top h4, .navbar.navbar-zotter .nav-imageContent h4 {font-size: 14px; margin-top: 15px; margin-bottom: 20px;}
}

@media screen and (min-width:992px){
    .navbar.navbar-zotter .navbar-nav > .nav-item:hover > a {background-color: #fcc942; color: #000;}

    .navbar.navbar-zotter .navbar-nav .dropdown-menu {background-color: #fff; border: none; color: #cccccc; border-color: #fff; box-shadow: 0px 0px 30px 5px rgba(0,0,0,.1); padding: 12px 0;}

    .navbar.navbar-zotter .nav-tabContent-top {padding: 20px 15px 0px 15px;}
    .navbar.navbar-zotter .nav-tabContent-bottom {background-color: #f4f4f4; padding: 15px 25px; }
    .nav-tabContent-bottom ul{
      padding:8px;
      list-style: disc;
      margin-left:0px;
    }
    .navbar.navbar-zotter .nav-tabContent-bottom .nav-item a {line-height: 1.1em !important; padding:5px 0 5px 5px !important; margin-right:10px;}
    .navbar.navbar-zotter .nav-tabContent-bottom .nav-item:hover a {background:#eeeeee;}
    .navbar.navbar-zotter .nav-tabContent-bottom h5 {font-family:'FuturaBT-Book', Helvetica, Arial, 'Dosis'; font-size: 22px; font-weight: normal; margin-left: -5px; margin-top: 15px; margin-bottom: 5px;}
    .navbar.navbar-zotter .nav-tabContent-bottom p.h5 {
      font-family:'FuturaBT-Book', Helvetica, Arial, 'Dosis';
      font-size: 22px;
      font-weight: normal;
      margin-left: -5px;
      margin-top: 15px;
      margin-bottom: 5px;
      color:#000;
     }
    .navbar.navbar-zotter .navbar-right .nav-item > a {font-weight: normal;}


    .navbar .dropdown-menu .nav-pills .nav-link::after {
        content: "";
        border-color: transparent transparent transparent #000;
        border-width: 7px 0 7px 7px !important;
        border-style: solid;
        margin-top: 8px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        position: absolute;
        right: 17px;
    }
    .navbar .dropdown-menu .nav-pills .nav-link.direct::after {
      display: none;
    }

    .navbar.navbar-zotter .navbar-left .nav-item.dropdown.show .nav-item.dropdown.show > .dropdown-toggle::after,
    .navbar.navbar-zotter .navbar-left .nav-item.dropdown .nav-item.dropdown > .dropdown-toggle.collapsed::after {
        border-color: transparent transparent transparent #000;
        right: 10px;
        left: auto;
        transform: rotate(0deg);
        margin-top: -6px;
    }
    .navbar.navbar-zotter .navbar-left > .nav-item > .dropdown-toggle::after {display: none;}

    .navbar.navbar-zotter .show-mobile {display: none !important;}
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-imageContent .col-2.nav-item {
      flex-basis:auto;
      flex-grow:1;
      width:16.666667%;
      max-width:100%;
      padding:0;
    }
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item {
      padding:0;
      border-right:1px solid transparent;
    }
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(1),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(2),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(3),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(4),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(5),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(11),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(12),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(13),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(14),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(15),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(21),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(22),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(23),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(24),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(25),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(31),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(32),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(33),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(34),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(35),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(41),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(42),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(43),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(44),
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom ul .nav-item:nth-child(45){
    background:#FEFEFE;

    }
    .nav-tabContent-bottom ul{
    list-style:none;
    padding:0;
    margin:0;
    }
    .nav-tabContent-bottom p.h5{
    margin-left:0 !important;
    padding-left:15px;
    padding-bottom:10px;
    margin-top:0 !important;;

    }
    .navbar.navbar-zotter .nav-tabContent-bottom{
    padding:15px 0px 0px -0px !important;
    }
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom .nav-item a{
    margin:0 !important;
    display:block;
    padding:5px 5px 5px 15px !important;
    min-height:3em;
    }
    .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom .nav-item a:hover{
    background:none;
    text-decoration: underline;

    }

}
.w-20 {
    width: 20% !important;
}
/*end Megamenu*/

section{
  padding:0;
}

section.high{
    padding:50px 0;
}
section.high.top{
    padding:50px 0 15px 0;
}
section.high.bottom{
    padding:15px 0 50px 0;
}
section.middle{
   padding:15px 0;
}

.bg1{
  background:#F7F7F7;
  position:relative;
}

.bg2{
  background:#979797;
  position:relative;
}

.bg3{
  background:#444444;
  position:relative;
}

.bg3 h2{
    color:#ffffff;
}

.bg4{
    background:#000000;
    color:#fff;
}

.bg5{
    background:#eeeeee;
    position:relative;
}
.bg6{
    background:#ffffff;
    position:relative;
}
.bg4 a{
    color:#fff;
    border-color:#fff;
}
.bg4 a:hover{
    color:#fff;
}
/*left low right high*/
.skew1{
  position:absolute;
  bottom:0px;
  display: block;
  width: 100%;
  height: 40px;
}
.tx-dev-bdesigner .skew1{
  display:none;
}
.konfiguratoren .skew1 polygon{
    fill:#eeeeee !important;
}
/*left low right high*/
footer .skew1{
  position:absolute;
  top:0px;
  display: block;
  width: 100%;
  height: 40px;
}

footer .bg4{
  position:relative;
  padding-top:110px;
}

footer .bg4 .col-sm-4 img{
  width:90%;
  margin-bottom:15px;
  margin-left:-15px;
}

footer .bg4 a{
  text-decoration:none;
}
footer .bg4.high .row .col-sm-4 p span{
	display:block;
}
/*social media icons*/

.social-media-icons a{
  background:#222222;
  color:#fcc942;
  height:48px;
  width:48px;
  display:inline-block;
  text-align:center;
  font-size:28px;
  line-height:48px;
  border-radius:10px;
  margin-right:5px;
  margin-bottom:20px;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.social-media-icons a:hover{
  color:#000;
  background:#fcc942;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

footer ul{
  padding:0;
  margin:0 0 20px 0;
  list-style:none;
}

footer ul li{
  display:block;
  padding-bottom:10px;
}


.shadow{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
    -moz-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
     box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.shadow:hover{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(99,100,99,0.3) !important;
    -moz-box-shadow: 0px 0px 15px 0px rgba(99,100,99,0.3) !important;
     box-shadow: 0px 0px 15px 0px rgba(99,100,99,0.3) !important;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
/*hero*/
.header{
  background-repeat:no-repeat !important;
  background-size:cover !important;
  padding:0;
  background-position: center !important;
}

.header .container{
  min-height:720px;
}
.header .container p{
  font-size:1.1em;
}
.hero-overlay{
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);
  background:rgba(255,255,255,0.8);
  margin-bottom:4rem;
  padding:20px 40px 20px 40px;
}
.hero-overlay h2{
  margin-bottom:0.5em;
}
.hero-link{
  border-top:1px solid #dddddd;
  padding:0;
  margin:0 -40px;
  padding:20px 40px 0px 40px;
}

.hero-link a{
  display:inline-block;
  color:#000;
  border-bottom:3px solid transparent;
  -webkit-transition: border-color 1s ease-out;
  -moz-transition: border-color 1s ease-out;
  -o-transition: border-color 1s ease-out;
  transition: border-color 1s ease-out;
}

.hero-link a:hover{
  border-bottom:3px solid #000;
  -webkit-transition: border-color 200ms ease-in-out;
  -moz-transition: border-color 200ms ease-out;
  -o-transition: border-color 200ms ease-out;
  transition: border-color 200ms ease-in-out;

}

.header-simple{
  background:#fcc942;
  position:relative;
  padding-bottom:30px;
  padding-top:20px;
}

.header-simple.trans-overlay svg{
  background:none !important;
}

.header-simple.trans-overlay{
  background-repeat:no-repeat;
  padding-top:50px;
  padding-bottom:40px;
  background-size:cover;
  background-position:left top;
}

.breadcrumb{
  background:none;
  border:none;
  font-size:0.8rem;
  display:inline-block;
  text-align:right;
  padding-bottom:0;
}
.breadcrumb a{
  border:none !important;
}

.header-simple h1{
  color:#000;
}

.header-bg{
  height:600px;
  position:relative;
  background-repeat: no-repeat;
  background-position:center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:20px 0;
  padding-top:0;
}
.header-bg.konfiguratoren{
  height:auto;
  padding-top:60px;
}
.header-bg h1{
  color:#FFF;
}

.header-bg h1 img{
  height:1.8em;
  max-height:1.8em;
  overflow:hidden;
}
.header-bg .breadcrumb{
  color:#FFFFFF;
}
.header-bg .breadcrumb a{
  color:#ffffff;
}

.header-bg svg{
  background:none !important;
}
.header-bg .container{
  text-shadow: 2px 1px 0px rgba(0,0,0,0.5);
}
.gradient{
  width:100%;
  height:200px;
  position:absolute;
  bottom:0;
  background-image: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
}
.header-bg.konfiguratoren .gradient{
  width:100%;
  height:90px;
  position:absolute;
  bottom:0;
  background-image: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
}

/*content elements*/
.textimg-transparent{
  position:relative;
  width:100%;
}

.textimg-transparent .overlay{
  position:absolute;
  bottom:0;
  width:100%;
  padding:20px;
  background:rgba(255, 255, 255, 0.9);
  padding-bottom:45px;
}

.textimg-transparent.fixed .overlay{
    min-height:40%;
}
.shopteaser.textimg-transparent.fixed .overlay{
    min-height:1%;
    padding-bottom:20px;
}
.shopteaser.textimg-transparent.fixed .overlay p{
  margin:0;
}

.shopteaser.textimg-transparent.fixed .overlay .btn{
  position:absolute;
  right:20px;
  bottom:20px;
  margin-right:0;
}

.textimg-transparent.hover{
  overflow:hidden;
}

.textimg-transparent.hover .overlay{
  min-height:auto !important;
  padding-bottom:0px;
}
.col-sm-6 .textimg-transparent.hover.shop .overlay{
  min-height:80px !important;
  padding:10px 20px;
}

.col-sm-6 .textimg-transparent.hover.shop .overlay p{
  margin-bottom:5px;
}

.textimg-transparent.hover.shop .overlay{
  min-height:80px !important;
  padding:0 20px;
}

.textimg-transparent.hover .overlay h3{
  margin-bottom:15px !important;
}
.textimg-transparent.hover.shop .overlay h3{
  margin-bottom:0px !important;
  padding-bottom:0px !important;
}

.textimg-transparent.hover .overlay .btn{
  position:absolute;
  right:15px;
  top:20px;
}
.textimg-transparent.hover .overlay .btn.yellow{
  font-size:0.9em;
  font-weight:700;
}
.textimg-transparent.hover .overlay .btn.yellow span{
  font-size:1.3em;
  font-weight:700;
}


.textimg-transparent.hover.edition .overlay h2,
.textimg-transparent.hover.edition .overlay h3,
.textimg-transparent.hover.edition .overlay a.cta1{
  color:#000 !important;
}
.textimg-transparent.hover.edition .overlay h3{
  font-size:1.8rem;
  line-height: 1.1em;
  margin-bottom: 0.5em !important;
  font-weight:400;
}

.textimg-transparent.hover.edition.shop .overlay h3{
  font-size:1.8rem;
  line-height: 1.1em;
  margin-bottom: 0em !important;
  font-weight:400;
}

.col-md-3 .textimg-transparent.hover.edition.shop .overlay{
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}
.col-md-3 .textimg-transparent.hover.edition.shop .overlay h3{
  font-size:1.3rem;
  line-height: 1.1em;
  margin-bottom: 0.5em;
  font-weight:400;
  align-self: center;
  max-width:70%;
}

.col-md-3 .textimg-transparent.hover.edition.shop .btn.priceinfo{
  padding:0 !important;
  position:relative;
  top:auto;
  right:auto;
  align-self: center;

}
.col-md-3 .textimg-transparent.hover.edition.shop .btn.priceinfo p{
  padding-bottom:0;
  margin-bottom:0;
}
.col-md-3 .textimg-transparent.hover.edition.shop .btn.yellow p{
  padding-bottom:0;
  margin-bottom:3px;
  font-weight:bold;
}
.textimg-transparent.hover .overlay .row{
    max-height:0px;
    overflow:hidden;
    margin-left:-20px;
    margin-right:-20px;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
}

.textimg-transparent.hover .overlay .row .col-sm-4{
  padding:0 10px 0 20px !important;
}
.textimg-transparent.hover .overlay .row .col-sm-12{
  padding:0 10px 0 20px !important;
}
.textimg-transparent.hover .overlay .row .col-sm-8{
  padding:0 20px 0 10px !important;
}

.textimg-transparent.hover:hover .overlay .row{
  max-height:300px;
  -webkit-transition: max-height 1s ease-out;
  -moz-transition: max-height 1s ease-out;
  -o-transition: max-height 1s ease-out;
  transition: max-height 1s ease-out;
}
.textimg-transparent.hover .overlay .link-bottom{
   position:relative !important;
   bottom:-0px;
   padding-bottom:10px;
}
.textimg-transparent.hover .overlay .link-bottom .cta1,
.textimg-transparent.hover .overlay .link-bottom .cta2{
   display:inline-block;
}
.textimg-transparent.hover .overlay .link-bottom .cta2{
  color:#888888;
  margin-left:20px;
}
.slick-slide{
  position:relative;
}

.slick-track{
  height: 100%;
}
.news-small div.overlay{
  position:absolute;
  bottom:0;
  width:100%;
  padding:20px;
  min-height:40%;
  padding-bottom:45px;
  background:rgba(255, 255, 255, 0.9);
}

.link-bottom, .news-small div.link-bottom{
  position: absolute;
  bottom:20px;
  border-top:1px solid #dddddd;
  width:100%;
  padding-left:20px;
  padding-top:10px;
}

.news-small div.link-bottom{
  margin-left:-20px;
}
.link-bottom a,
.news-small div.link-bottom a,
.date.author a{
  color:#C00D0D;
  display:inline-block;
  font-weight:bold;
  text-decoration:none;
}
.blog .link-bottom a{
  color:#000000;
}
.date.author a,
.date.author a:hover{
  border-bottom:none !important;
}

.author-social-link {
  color:#000000;
  margin-right:20px;
  margin-bottom:20px;
  display:inline-block;
}
.author-social-link .fa-linkedin:before{
  content: "\f16d"!important;
}

.author-social-link .fa-xing:before{
  content: "\f167"!important;
}
.link-bottom a:hover, .news-small div.link-bottom a:hover{
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}

.news-small div.link-bottom a{
  display:inline-block;
}
.news-small div.link-bottom a.cta1{
  display:inline-block;
  float:right;
  margin-right:20px;
  color:#888888;
}

.slick-dots{
    bottom: 70px;
    text-align:right;
    width: 50%;
    right:20px;
}

.img-headline a{
  display:block;
  border:none;
}

.img-headline h3{
  padding:0;
  margin:0;
  width:100%;
  background:rgba(255, 255, 255, 0.9);
}
.img-headline h3 a{
  padding:10px 20px;
}
.teaser{
  background:#fff;
  position:relative;
  min-height: 0;
  min-width: 0;
}
.teaser.shadow.rounded{
  width:100%;
}
/* special content product detail*/
.col-12.col-sm-6.col-md-6 .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch{
  width:100% !important;
    flex: 0 0 100%;
    max-width: 100%;  
  margin-bottom:40px;
  -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;  
}

.col-12.col-sm-6.col-md-6 .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .teaser.shadow.rounded{
  width:50%;
}

@media screen and (max-width:1799px){
  .col-12.col-sm-6.col-md-6 .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .teaser.shadow.rounded{
    width:75%;
  }
  
}
/* special content product detail end*/
.blog .teaser{
  width:100%;
}
.teaser-text{
  padding:20px;
  padding-bottom:60px;
}

.img-headline{
  width:100%;
  background:white;
  border-radius: 0.25rem;
}

.slick-dotted.slick-slider{
  margin-bottom:0;
  height:100%;
}

.white{
  background:#fff;
  width:100%;
}

.boxborder{
  border:1px solid #279B38;
  border-radius:5px;
}
.textonly{
    padding:0 15px;
}
.white, .boxborder{
  padding:15px;
}
.textonly.white{
  border-radius: 0.25rem !important;
}
.textonly.yellow{
  background:#FCC942;
  border-radius:10px;
  padding:15px;
  margin-bottom:30px !important;
}
.textonly.yellow h2{
  color:#000;
}
.textonly.yellow i.fas{
  min-width:30px;
  display:inline-block;
}

/*font styles*/
.smalltext{
    font-size:0.85em;
}
.side-filter-menu p{
  font-size:0.85em;
  padding-left:15px;
  padding-right:15px;
  margin-bottom:0;
}

.right{
    text-align:right;
}

.smalltext-right{
    font-size:0.85em;
    text-align:right;
}

.youtube {
  clear:both;
  position: relative;
  padding-bottom: 54.4%;
  padding-top: 15px;
  height: 0;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
}
/*media queries to prevent black bars B393-I156 */
@media screen and (max-width:1800px){
  .youtube{
      padding-bottom: 54%;
  }
}
@media screen and (max-width:1439px){
  .youtube{
      padding-bottom: 53.5%;
  }
}
@media screen and (max-width:1199px){
  .youtube{
      padding-bottom: 54.6%;
  }
}
  @media screen and (max-width:900px){
  .youtube{
      padding-bottom: 54.5%;
  }  
}
  @media screen and (max-width:850px){
  .youtube{
      padding-bottom: 54.3%;
  }  
}
  @media screen and (max-width:750px){
  .youtube{
      padding-bottom: 54%;
  } 
}
  @media screen and (max-width:650px){
  .youtube{
      padding-bottom: 53.6%;
  }  
}
  @media screen and (max-width:550px){
  .youtube{
      padding-bottom: 53%;
  }
}
  @media screen and (max-width:450px){
  .youtube{
      padding-bottom: 52.6%;
  }
}
@media screen and (max-width:400px){
  .youtube{
      padding-bottom: 51.7%;
  }
}
.js-gme-container{
  clear:both;
  position: relative;
  padding-bottom: 50%;
  padding-top: 15px;
  height: 0;
  overflow: hidden;
}

.js-map{
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
}

.imgtext-rows .row{
  padding-bottom:40px;
}

.img-top-text img{
    margin-bottom:15px;
}
footer .bg4 .img-top-text img{
  width:90%;
  margin-bottom:15px;
  margin-left:-15px;
}


footer .img-top-text .textonly{
  padding:0;
}
.roundedimg .img-top-text img{
    margin-bottom:0px;
  border-radius:1000px;
}
.parallax-section{
  min-height:600px;
}
.parallax-container,
.sub-header,
.sub-video{
  max-width:1800px;
  margin:0 auto;
  min-height:300px;
}
.parallax-window{
  height:auto;
}
.parallax-mirror{
  z-index:0 !important;
}
.zot-gallery [class*='col-']{
  margin-bottom:30px;
}
.zot-gallery [class*='col-']>span{
    padding-left:20px;
    font-size:0.9em;
    display:block;
}

.zot-gallery .col-sm-3:nth-last-child(1),
.zot-gallery .col-sm-3:nth-last-child(2),
.zot-gallery .col-sm-3:nth-last-child(3),
.zot-gallery .col-sm-3:nth-last-child(4){
  margin-bottom:0;
}

.zot-gallery .col-sm-4:nth-last-child(1),
.zot-gallery .col-sm-4:nth-last-child(2),
.zot-gallery .col-sm-4:nth-last-child(3){
  margin-bottom:0;
}
.zot-gallery .col-sm-6:nth-last-child(1),
.zot-gallery .col-sm-6:nth-last-child(2){
  margin-bottom:0;
}
.zot-gallery .col-sm-8:nth-last-child(1){
  margin-bottom:0;
}
.zot-gallery span a i.fas.fa-download{
  display:none;
}
.nav-tiles{
    width:100%;
    position:relative;
    overflow:hidden;
}
.nav-tiles h2{
  position:absolute;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
}
.nav-tiles h2 a{
  display:block;
  position: relative;
  z-index: 10;
  height:100%;
  text-align:center;
  color:#ffffff;
  text-shadow: 2px 1px 0px rgba(0,0,0,0.5);
}

.nav-tiles h2 a span{
  opacity:1;
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
.nav-tiles h2 a:hover span{
  opacity:0;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.nav-tiles h2:before{
  content:'';
  display:block;
  position:absolute;
  z-index: 5;
  height:100%;
  width:100%;
  opacity:1;
  text-align:center;
  background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
  color:#fff;
  text-shadow: 2px 1px 0px rgba(0,0,0,0.5);
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}

.nav-tiles h2:hover:before{
  background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0));
  opacity:0;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.nav-tiles:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  width:100%;
  max-width:100%;
}
.nav-tiles img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.nav-tiles:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


.nav-tiles h2 a span{
  display:block;
  width:100%;
  text-align:center;
}

/*blog*/

.blog .col-12.col-sm-6.col-lg-4{
  margin-bottom:30px;
}
.blog-teaserbild{
    display:block;
    position:relative;
}
.blog-teaserbild a.category{
  display:block;
  position:absolute;
  bottom:0;
  color:#fff;
  padding:10px 20px;
  width:100%;
  background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0));
  font-size:14px;
  font-weight:700;
}
.blog .date.author{
  font-size: 14px;
  margin-bottom:1em;
}
.blog-categories ul{
  padding-left:0 !important;
  padding-bottom:0;
  margin-bottom:0;
}
.blog-categories a{
  color:#000000;
  text-decoration:none;
  font-weight:700;
  border-bottom:0;
}
.blog-categories a:hover{
  border-bottom:0;
}


.bloginfo{
  text-align:right;
}
.bloginfo .blogdate{
  margin-bottom:0;
}
.bloginfo .blog-author{
  margin-bottom:0;
}
.bloginfo .blog-author a{
  color:#C00D0D;
}
.bloginfo a{
  border-bottom:0;
}
.bloginfo a:hover{
  border-bottom:0;
}
.bloginfo .blog-category{
  font-size:0.9em;
}
.blog-categories ul li{
  padding:3px 10px;
  background:#f7f7f7;
  border-radius:5px;
  display:inline-block;
  margin-bottom:3px;
  margin-left:0 !important;
  margin-right:3px;
  -webkit-transition: background 1s ease-out;
  -moz-transition: background 1s ease-out;
  -o-transition: background 1s ease-out;
  transition: background 1s ease-out;
  font-size:0.8em;
}
.blog-categories ul li:hover{
  background:#eeeeee;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.blog-categories ul li a{
  font-weight:400;
}

.edition-box .col-sm-3.roundedimg{
    padding:0px 0 0px 15px;
}
.edition-box .col-sm-3{
  padding-right:0;
  margin-right:0;
   margin-bottom:15px;
}
.edition-box .col-sm-9{
  padding-left:0;
  margin-right:0;
  margin-bottom:15px;
}
.edition-box .btn,
.col-md-6 .btn{
  margin-right:15px;
}
.mix-card-info .btn{
  margin-right:0;
}
.edition-box .roundedimg img{
    margin-bottom:0px;
  border-radius:1000px;
}

.edition-box p:last-of-type,
.textonly.boxborder.white p:last-of-type,
.textonly.boxborder p:last-of-type,
.textonly.white p:last-of-type,
.textonly.white ul:last-of-type,
.textonly.white ol:last-of-type{
  margin-bottom:0;
}

.white ul,
.d-none.col-sm-3 ul{
  padding-left:0.5em;
  list-style: none;
}
.white ul li,
.d-none.col-sm-3 ul li{
  padding-left:0.6em;
}
.d-none.col-sm-3 ul li{
  color:#888888;
  margin-bottom:0.4em;
}
.d-none.col-sm-3 ul li.active,
.d-none.col-sm-3 ul li.hover,
.d-none.col-sm-3 ul li.active a,
.d-none.col-sm-3 ul li.hover a{
  color:#000000;
}

.white ul li:before,
.d-none.col-sm-3 ul li:before{
 font-family:"Font Awesome 5 Pro";
 font-style:normal;
 font-weight:900;
 content:"\f0da";
  margin-left:-0.6em;
  width:0.6em;
  display:inline-block;
}

.d-none.col-sm-3 ul li{
  font-size:16px;
}
.d-none.col-sm-3 ul li a{
  border-bottom:none !important;
  color:#888888;
}

.text-col-2{
    column-count: 2;
}

/*onlineshop*/
.shop-productlist .col-6.col-sm-4.col-md-4.col-lg-3,
.cross-selling .col-6.col-sm-4.col-md-4.col-lg-4{
  margin-bottom:30px;
}
.prod-list-item{
  position:relative;
}
.product-card{
  border-bottom:none !important;
  display:block;
  background:#ffffff;
  text-decoration:none;
  padding:0;
  width:100%;
  position:relative;
  min-height:470px;
}
.touch .product-card{
  min-height:auto;
}
.grow{
  position:relative;
  width:100%;
}
.grow-inner{
  position:relative;
  top: 0;
  left:0;
  width:100%;
}

.product-card a{
  display:block;
}
.product-card.shadow:hover{
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}
.prod-pic{
  position:relative;
  border-bottom:1px solid #dddddd;
}

.new{
  position:absolute;
  top:0;
  left:0;
  z-index: 3;
  background:#279b38;
  color:#fff;
  padding:1px 12px 3px 12px;
  font-size:0.9em;
  font-weight:700;
  border-top-left-radius: .25rem;
}

.discount{
  position:absolute;
  top:0;
  right:0;
  z-index: 3;
  background:#c00d0d;
  color:#fff;
  padding:1px 30px 3px 12px;
  font-size:0.9em;
  font-weight:700;
  border-top-right-radius: .25rem;
}

.swap-on-hover img.swap-front-image,
.swap-on-hover img.swap-back-image{
  position: absolute;
  top:0;
  left:0;
	overflow: hidden;
}
.swap-on-hover .swap-front-image {
  z-index:3;
  transition: opacity .3s linear;
  cursor: pointer;
}

.swap-on-hover .swap-back-image {
  z-index:1;
  transition: opacity .3s linear;
  cursor: pointer;
}

.swap-on-hover:hover > .swap-front-image{
  opacity: 0;
}
.product-card a{
  color:#000;
  text-decoration:none;
}

.prod-icons{
  position:absolute;
  bottom:0;
  z-index:3;
  padding:3px 4px;
}
.product-card a i.fas,
.wl-prod-card a i.fas,
.textonly.yellow i.fas,
footer li i.fas,
.shop-infos i.fas{
  width:24px;
  height:24px;
  line-height:24px;
  text-align:center;
  border-radius:25px;
  color:#fff;
  display:inline-block;
  font-size:14px;
}
.shop-infos .textonly i.fas{
  margin-right:6px;
}
.shop-infos .textonly p a{

}
.shopping-infos i.fas{
  color:#000;
}
.textonly.yellow i.fas{
  color:#000;
}
.textonly i.fas{
  margin-right:3px;
}
.footer li{
  position:relative;
}
footer li i.fas{
  position:absolute;
  left:-3px;
}
footer li i.fas:before{
  margin-left:3px;
}
.product-card .prod-icons i.fas,
.wl-prod-card .prod-icons i.fas{
  float:left;
  margin-right:2px;
}
.fas.fa-seedling{
  background:#279b38;
  position:relative;
}
.fas.fa-cow{
  background:#5f9cc3;
  position:relative;
}
.fas.fa-wheat{
  background:#e67c2b;
  position:relative;
  transform: rotate(-45deg);
}
.fas.fa-wine-glass-alt{
  background:#77488a;
  position:relative;
}
.fas.fa-glass-martini-alt{
  background:#d67ac7;
  position:relative;
}
.fas.fa-glass{
  background:#10407d;
  position:relative;
}
.fas.fa-cow:after,
.fas.fa-wheat:after,
.fas.fa-glass:after{
  position: absolute;
  content: "/";
  color: white;
  font-weight: 700;
  font-size: 2.3em;
  left: 8px;
  top: 0px;
  transform: rotate(25deg);
}
.fas.fa-wheat:after{
  transform: rotate(68deg);
}
.product-card a i.fas.on-wishlist{
  position:absolute;
  top:1px;
  right:3px;
  z-index:100;
  font-weight:700;
  font-size:0.8em;
  color:#c00d0d;
  background:white;
  
}
.product-card .expand h3{
  color:#000000;
  font-size:20px;
  margin-bottom:0;
  padding:4px 0;
  line-height:1.3em;
  min-height:3.4rem;
  max-height:60px;
  overflow:hidden;
  text-align:center;
  -webkit-transition: max-height 0.5s ease;
  -moz-transition: max-height 0.5s ease;
  -o-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}
.touch .product-card .expand h3{
  min-height:auto;
  max-height:400px;
  height:auto;
}

.product-card .expand:hover h3{
  height:auto;
  max-height:500px;
  -webkit-transition: max-height 0.5s ease-out;
  -moz-transition: max-height 0.5s ease-out;
  -o-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
}
.product-card .priceinfo{
  font-size:0.7em;
  position: relative;
  display:block;
  width:100%;
  padding:7px 7px;
  color:#888888;
  border-top:1px solid #dddddd;
  min-height:4.1em;
}
.product-card .priceinfo .price{
  position:absolute;
  top:8px;
  right:7px;
  font-size:1.9em;
  font-weight:700;
  color:#000000;
  text-align:right;
  width:50%; 
}
.product-card .priceinfo .price .if-stattpreis{
  color:#c00d0d;
  position:absolute;
  width:100%;
  top:-5px;
  right:0;
  word-wrap: nowrap;
}
.product-card .priceinfo .price .if-stattpreis span{
  font-size:0.6em;
  font-weight:normal;
}
.product-card .priceinfo .price .normal span{
  font-size:0.6em;
  font-weight:normal;
}
.product-card .priceinfo .price .before{
  font-size:0.7em;
  font-weight:normal;
  text-decoration: line-through;
  position:absolute;
  width:100%;
  top:20px;
  right:0;
  line-height:1.5em;
}

.det-price .if-stattpreis{
  color:#c00d0d;
}
.det-price .if-stattpreis.eur,
.det-price .normal.eur{
  font-size:1.8em;
}
.det-price .if-stattpreis span,
.det-price .normal span{
  font-size:0.5em;
  font-weight:normal;
  font-weight:normal;
}
.det-price .before{
  font-size:0.9em;
  font-weight:normal;
  text-decoration: line-through;
}
.price-row .certs{
	width:120px;
	display:flex;
	flex-direction: row;
  justify-content: flex-end;
}

.price-row .certs img{
	width:60px;
	height:auto;
	align-self:flex-end;
}

.expand{
  background:rgba(255,255,255,1);
  z-index:10;
  position:absolute;
  bottom:0;
  width:100%;
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.touch .expand{
    position:relative;
}
.expand:hover{
	box-shadow: 0 -5px 5px -5px #333;
}
.touch .expand:hover{
    box-shadow:none;
}
.prod-extended{
  color:#888888;
  max-height:0;
  overflow:hidden;
  opacity:0;
  width:100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
   transition: all 1s ease;
  padding-bottom:65px;
}
.touch .prod-extended{
    max-height:400px;
    opacity:1;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
     transition: none;
    padding-bottom:0px;
}

.expand:hover .prod-extended{
  max-height:400px;
  opacity:1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.touch .prod-extended{
    max-height:400px;
    opacity:1;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
     transition: none;
    padding-bottom:7px;
}

.prod-extended span:first-child{
  border-top: 1px solid #dddddd;
  padding-top:7px !important;
}
.prod-extended span{
  display:block;
  color:#888888;
  font-size:0.7em;
}
.prod-extended a{
}
.product-card .prod-extended a i.fas,
.product-card .prod-extended a i.far{
  width:auto;
  height:auto;
  line-height:auto
  text-align:auto;
  border-radius:none;
  display:inline-block;
  margin-right:5px;
}
.product-card .prod-extended a i.far{
  font-size:0.7em;
}

.product-card a i.fas.fa-check-circle,
.availability.yes{
  color:#279b38;
}
.product-card a i.fas.fa-exclamation-circle,
.availability.temp-not-available{
  color:#fea700;
}
.product-card a i.fas.fa-times,
.availability.not-in-assortment{
  color:#c00d0d;
}

.availability.yes{
  color:#279b38;
  font-weight:700;
}


.prod-extended span.kuvertuere,
.prod-extended span.cat-info,
.prod-extended span.availability,
.prod-extended .wishlist{
  padding:0 7px;
}
.prod-extended .cat-info{
  margin-bottom:0.5em;
}
.prod-extended .wishlist{
  margin-left:0px;
  line-height:1.05em;
  clear:both;
}
.prod-extended .wishlist span{
  font-weight:bold;
  border-bottom:2px solid #000000;
  display:inline-block;
  color:#000000;
}

.prod-cart{
  padding:9px 0px;
  text-align:center;
  border-top: 1px solid #dddddd;
  position:absolute;
  width:100%;
  bottom:0;
}
.lastorders.shop .prod-cart{
  padding:9px 0px;
  text-align:right;
  border-top: none;
  position:relative;
  width:auto;
  bottom:auto;
}
.wishlist-items .prod-cart{
  position:relative;
  width:100%;
  border:0;
  bottom:auto;
  padding:0;
  margin:0;
  text-align:right;
}
.touch .prod-cart{
    position:relative;
}
.prod-cart .btn.btn-primary{
  padding:8px 10px;
  font-weight: bold;
  font-size:0.75rem;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
  -moz-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
   box-shadow: 0px 0px 3px 0px rgba(99, 100, 99, 0.4) !important;
}
.prod-cart a.btn.btn-primary{
  padding:8px 10px;
  font-weight: bold;
  font-size:0.75rem;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
  -moz-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
   box-shadow: 0px 0px 3px 0px rgba(99, 100, 99, 0.4) !important;
  display:inline-block;
}
.prod-cart span{
  font-size:0.9em;
  padding:0 10px;
  line-height:1em !important;
  display: block;
  min-height:40px;
}
.prod-cart button span{
  font-size:0.9em;
  padding:6px;
  line-height:1em !important;
  display: inline-block;
  min-height:auto;
  position:absolute;
  top:0;
  background:#c00d0d;
  border-radius:20px;
  color:#fff;
}

.product-card .prod-cart span:before{
  content:"\f06a";
  font-family: "Font Awesome 5 Pro";
  font-weight:bold;
  display:inline-block;
  margin-right:2px;
}
.product-card .prod-cart button span:before{
  display:none;
}
.solr-pagination{
  margin:15px 0;
  position:relative;
  z-index: 2;  
}
.results-list.list-group .progress-bar{
  background:#fcc942;
}
.shop-pager{
  display:flex;
  flex-direction: row;
  align-content: middle;
  flex-wrap: wrap;
  margin-bottom:30px;
  justify-content:space-between;
}
ul.list-pages,
.pagination{
  list-style:none;
  padding:0 20px 0 0;
  margin:0;
}
.pagination li,
ul.list-pages li{
  display: inline-block;
}
.pagination li a,
ul.list-pages li a{
  display: block;
  border:none !important;
  padding:4px 8px;
  background:#transparent;
  border-radius:10px;
}
.pagination li a:hover,
.pagination li.active a,
ul.list-pages li a:hover,
ul.list-pages li.active a{
  background:#fcc942;
  border-radius:10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
  -moz-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
   box-shadow: 0px 0px 3px 0px rgba(99, 100, 99, 0.4) !important;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
ul.list-pages li a span{
  display:none;
}
.list-pages{
}
.list-entries{
  display:flex;
}
.list-sort{
  display:flex;
}
.shop-pager form{
  display:flex;
}
.shop-pager .list-pages{
  display:flex;
}
.shop-pager .list-sort{
  padding:0;
  display:flex;
}
.shop-pager label{
  font-weight:700;
  display:flex;
  margin-bottom:0;
  padding-bottom:0;
  align-self: center;
  padding-right:5px;
}
.shop-pager .list-sort label{
  margin-left:20px;
}
.shop-pager form select{
  font-weight:700;
  margin-bottom:0;
  padding-bottom:0;
  align-self: center;
  padding-right:10px;
}

/*wishlist*/
.wishlist-items {}
.wishlist-items .shadow-3 {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(99,100,99,0.3) !important;
	-moz-box-shadow: 0px 0px 15px 0px rgba(99,100,99,0.3) !important;
	box-shadow: 0px 0px 15px 0px rgba(99,100,99,0.3) !important;
}
.wishlist-items .textonly h2 {
	color: #000000;
}
.wishlist-items .textonly .form-control {
	border: none;
	margin-bottom: 20px;
	border-radius: 9px;
}
.wishlist-items .textonly .btn.yellow {
	font-weight: 700;
	padding-left: 27px;
	padding-right: 27px;
}
.wishlist-items .c-item-row {padding: 40px 5px;}
.wishlist-items .c-qty {align-items: flex-end; flex-direction: column;}
.wishlist-items .c-name span {
	font-size: 26px;
	line-height: 30px;
  display:block;
  margin-bottom:5px;
}
.wishlist-items .c-name .c-controls span.priority {
  font-size:0.9em;
}
.wishlist-items .c-name a:hover {border-color: transparent;}
.wishlist-items .c-name .availability {
	border-radius: 20px;
	display: inline-block;
	font-size: 14px;
	padding: 3px 20px 3px 10px;
	margin-bottom: 25px;
}
.wishlist-items .c-name .availability{font-weight: 700;}
.wishlist-items .c-name .availability.yes {
	background-color: #dff0e1;
	color: #279b38;
}
.wishlist-items .c-name .c-controls .availability{
  display:none;
}
.wishlist-items .c-name .availability.temp-not-available {background-color: #FBEBDF; color: #e67c2b;}
.wishlist-items .c-name .availability.not-available {background-color: #F3CBC0; color: #c00d0d;}
.wishlist-items .c-name .c-controls {display: flex; flex-direction: column; /*! align-items: start; */}

.wishlist-items label{
  margin-bottom:0;
}
.wishlist-items .select {
	position: relative;
	width: 100%;
	max-width: 162px;
  cursor: pointer;
}
.wishlist-items select {
	border: 2px solid #bdbdbd;
	border-radius: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 2px 5px;
	font-size: 14px;
	width: 100%;
  cursor: pointer;
}
.wishlist-items .select::after {
	content: "\f0dc";
	color: #000;
	font-family: "Font Awesome 5 Pro";
	font-size: 20px;
	font-weight: 700;
	line-height: 21px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	z-index: 1;
}
.wishlist-items .c-controls .btn.btn-primary {
	margin-right: 0;
	font-size: 12px;
	font-weight: 700;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	margin-bottom: 15px;
}
.wishlist-items .c-controls a {
	font-size: 12px;
	border-color: #000000;
	margin-bottom: 10px;
  display:inline-block;
	font-weight: 700;
}

.searchform.wishlistform {
	margin-bottom: 28px;
}
.searchform.wishlistform .form-control {
	background-color: #eeeeee;
	border-color: transparent;
	border-radius: 7px;
	color: #000000;
	font-weight: 400;
	height: 40px;
}
.searchform.wishlistform button {
	margin-right: 0;
  height:40px;
  font-size:20px;
}
.searchform.wishlistform button, .searchform.wishlistform button:hover {
	color: #000000;
}
.searchform.wishlistform button:focus, .searchform.wishlistform button:hover {
	border-color: transparent;
	background-color: transparent;
}
.searchform.wishlistform{
  width:100%;
  margin-bottom:0;
}


@media screen and (max-width:479px){
	.wishlist-items .c-item-row {
		margin: 0 -10px;
		padding-left: 0;
		padding-right: 0;
	}
	.wishlist-items .c-name span {
		font-size: 16px;
		line-height: 22px;
	}
	.wishlist-items .c-name strong {
		padding-right: 10px;
		margin-bottom: 20px;
	}
	.wishlist-items .c-controls .btn.btn-primary {
		margin-bottom: 12px;
	}
	.wishlist-items .c-controls a {
		margin-bottom: 20px;
	}
	.wishlist-items .textonly {
		margin-top: 35px;
	}
}

@media screen and (min-width:992px){

	.wishlist-items .c-name .c-controls {
    align-items: flex-end;
	}
  .wishlist-items .c-name .c-controls form {
    text-align:right;
	}
  .blog.recent .col-12.col-sm-6.col-lg-4{
   flex: 0 0 33.333333333%;
   max-width: 33.333333333%;
}
}
/*end wishlist*/

/*shop cards + vouchers*/


/* Checkbox & Radio btn */
.checkcontainer {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkcontainer input {
	display: none;
}
.checkmark {
	background-color: #ffffff;
	border: 2px solid #c3c3c3;
	position: absolute;
	top: 2px;
	left: 0;
	height: 22px;
	width: 22px;
}
.checkcontainer:hover input ~ .checkmark {
	background-color: #888888;
}
.checkcontainer input:checked ~ .checkmark {
	background-color: #888888;
	border-color: #888888;
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.checkcontainer input:checked ~ .checkmark:after {
	display: block;
}
.checkcontainer .checkmark:after {
	left: 5px;
	top: 0px;
	width: 8px;
	height: 15px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn-primary.neutral {
	background-color: transparent;
	border-color: transparent;
	color: #000000;
	margin-right: 0;
	right: 0;
}

.notice-box5 {
	border: 2px solid #c00d0d;
	padding: 25px 5px 0;
	font-size: 15px;
	background: #f0dede;
	margin-top: 50px;
	margin-bottom: 50px;
}

.giftcards {

}
.giftcards .gc-box {
	margin-bottom: 15px;
	position: relative;
	width: 100%;
}
.giftcards .gc-box:hover {
	box-shadow: none !important;
}
.giftcards .gc-box .overlay {
	background-color: rgba(255,255,255,.8);
	overflow: hidden;
	padding: 15px;
	text-align: right;
}
.giftcards .gc-box h3 {
	text-align: left;
	word-wrap: anywhere;
	width: 100%;
}
.giftcards .gc-box .btn {
	font-weight: 700;
}

.giftcards .gc-box .price-tag.btn {
	margin: 0;
	padding: 0;
}
.giftcards .gc-box .price-tag.btn .price {
	font-size: 20px;
}
.giftcards .gc-box .price-tag.btn .price sup {
	top: -.3em;
}
.giftcards .gc-card.gc-box h3 {
	/* padding-right: 95px; */
}


.gc-box-top .overlay .btn {
	font-size: 16px;
	font-weight: 700;
	padding: 10px 20px;
	margin-right: 0;
	top: 50% !important;
	transform: translateY(-50%);
}
.gc-box-top .overlay .btn .price {
	font-size: 20px;
}


/* Checkbox & Radio btn */
.checkcontainer {
	position: relative;
	/*! padding-left: 30px; */
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkcontainer input {
	display: none;
}
.checkmark {
	background-color: #ffffff;
	border: 2px solid #c3c3c3;
	position: absolute;
	top: 2px;
	left: 0;
	height: 22px;
	width: 22px;
}
.checkcontainer:hover input ~ .checkmark {
	background-color: #888888;
}
.checkcontainer input:checked ~ .checkmark {
	background-color: #888888;
	border-color: #888888;
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.checkcontainer input:checked ~ .checkmark:after {
	display: block;
}
.checkcontainer .checkmark:after {
	left: 5px;
	top: 0px;
	width: 8px;
	height: 15px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn-primary.neutral {
	background-color: transparent;
	border-color: transparent;
	color: #000000;
	margin-right: 0;
	right: 0;
}

.notice-box5 {
	border: 2px solid #c00d0d;
	padding: 25px 5px 0;
	font-size: 15px;
	background: #f0dede;
	margin-top: 50px;
	margin-bottom: 50px;
}
.free-shipping .rounded {
	background-color: #dddddd;
	color: #000000;
	display: flex;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	flex-direction: column;
  justify-content: center;
	width: 100%;
	height: 125px;
  margin-bottom:20px;
}
.free-shipping .h3 {
	color: #000000;
	font-size: 22px;
	font-weight: 700;
  margin:0;
}
.free-shipping-icons p {
	margin-bottom: 0;
}
.free-shipping-icons .fas {
	border-radius: 50%;
	color: #ffffff;
	font-size: 14px;
    text-align: center;
	line-height: 24px;
	margin-right: 5px;
	width: 24px;
	height: 24px;
}
.free-shipping .free-shipping-icons .fas {
	color: #000000;
	font-size: 18px;
}
.free-shipping-icons span {
	font-size: 16px;
	margin-top: 7px;
	display: inline-block;
	margin-left: 7px;
}
.shopping-infos p{
  margin-bottom:0;
}
.shopping-infos i{
  display:inline-block;
  width:25px;
  margin-right:5px;
  text-align:center;
}


.giftcards {

}
.giftcards .gc-box {
	margin-bottom: 15px;
	position: relative;
	width: 100%;
}
.giftcards .gc-box:hover {
	box-shadow: none !important;
}
.giftcards .gc-box .overlay {
	background-color: rgba(255,255,255,.8);
	overflow: hidden;
	padding: 15px;
	text-align: right;
}
.giftcards .gc-box h3 {
	text-align: left;
	word-wrap: anywhere;
	width: 100%;
}
.giftcards .gc-box .btn {
	font-weight: 700;
}

.giftcards .gc-box .price-tag.btn {
	margin: 0;
	padding: 0;
}
.giftcards .gc-box .price-tag.btn .price {
	font-size: 20px;
}
.giftcards .gc-box .price-tag.btn .price sup {
	top: -.3em;
}
.giftcards .gc-card.gc-box h3 {
	/* padding-right: 95px; */
}


.gc-box-top .overlay .btn {
	font-size: 16px;
	font-weight: 700;
	padding: 10px 20px;
	margin-right: 0;
	top: 50% !important;
	transform: translateY(-50%);
}
.gc-box-top .overlay .btn .price {
	font-size: 20px;
}

.giftcards .gc-box.selected > a {
	position: relative;
	display: block;
}
.giftcards .gc-box.selected > a::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.5);
	z-index: 10;
}
.giftcards .gc-box.selected > a::after {
	content: '\f00c';
	color: #279b38;
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 900;
	font-size: 40px;
	line-height: 40px;
	display: block;
	position: absolute;
	left: 50%;
	top: 60%;
	transform: translate(-50%,-60%);
	-webkit-transform: translate(-50%,-60%);
	-moz-transform: translate(-50%,-60%);
	-ms-transform: translate(-50%,-60%);
	-o-transform: translate(-50%,-60%);
	z-index: 10;
}
.giftcards .gc-box.selected > a::after {
	top: 45%;
	transform: translate(-50%,-45%);
	-webkit-transform: translate(-50%,-45%);
	-moz-transform: translate(-50%,-45%);
	-ms-transform: translate(-50%,-45%);
	-o-transform: translate(-50%,-45%);
}
.giftcards .gc-box.selected .btn .fas {
	margin-left: 5px;
}

.giftcards .gcform-top {
	padding: 40px 0 15px;
}
.giftcards .gcform-bottom {
	padding: 40px 0 15px;
}
.giftcards .radius-9 {
	border-radius: 9px;
}
.giftcards .char-left {
	color: #959595;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 20px;
}
.giftcards .form-control {
	border: 2px solid #c4c4c4;
}
.giftcards .form-control::placeholder {
	color: #888888;
}

.giftcards .voucher-box .overlay {
	background-color: rgba(255,255,255,.8);
	border-top: 1px solid #dddddd;
}
.giftcards .voucher-box input[type="radio"], .giftcards input[type="checkbox"] {
	display: none;
}
.giftcards .voucher-box .overlay .fas {
	display: none;
}
.giftcards input[type="radio"]:checked ~ .vb-image {
	/* border: 7px solid; */
	position: relative;
}
.giftcards input[type="radio"]:checked ~ .vb-image::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.5);
	z-index: 10;
}
.giftcards input[type="radio"]:checked ~ .vb-image::after {
	content: '\f00c';
	color: #279b38;
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 900;
	font-size: 40px;
	line-height: 40px;
	display: block;
	position: absolute;
	left: 50%;
	top: 60%;
	transform: translate(-50%,-60%);
	-webkit-transform: translate(-50%,-60%);
	-moz-transform: translate(-50%,-60%);
	-ms-transform: translate(-50%,-60%);
	-o-transform: translate(-50%,-60%);
	z-index: 10;
}
.giftcards input[type="radio"]:checked ~ .overlay .btn.yellow {
	background: #279B38;
	border-color: #279B38;
	color: #ffffff;
}
.giftcards input[type="radio"]:checked ~ .overlay .fas {
	display: inline-block;
	margin-left: 5px;
}

.giftcards .voucher-box label {
	cursor: pointer;
	margin-bottom: 0;
	width: 100%;
}
.giftcards .voucher-box h3 {
	border-bottom: 1px solid #dddddd;
	color: #000000;
	padding: 10px;
	text-align: center;
	margin-bottom: 2px;
}
.giftcards .voucher-box h3 p{
  margin-bottom:0;
}
.giftcards .voucher-box .btn-controls {
	padding: 10px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.giftcards .voucher-box .btn-controls .btn.btn-primary {
	font-size: 14px;
	font-weight: 700;
}
.giftcards .voucher-box .btn-controls .price-tag {
	font-size: 14px;
	font-weight: 700;
}
.giftcards .voucher-box .btn-controls .price {
	font-size: 20px;
}
.giftcards .voucher-box .btn-controls .price sup {
	top: -.3em;
}


.giftcards .notice-box5 .col-2 {
	max-width: 75px;
}
.giftcards .notice-box5 .fas {
	color: #c00d0d;
	font-size: 50px;
	margin-top: -7px;
}
.giftcards .voucher {
	background-color: #ffffff;
	padding: 7px;
}
.giftcards .voucher-ctrls {
	align-items: baseline;
	justify-content: space-between;
	margin-top: 25px;
  display:flex;
}
.giftcards .voucher-image {
	display: block;
}
.giftcards .link-bottom3 .btn {
	font-size: 16px;
	font-weight: 700;
	padding: 12px 25px;
	margin: 7px 0 7px 15px;
}
.giftcards .textonly .headline {
	color: #c00d0d;
	font-weight: 700;
}
.giftcards .textonly p {
	margin-bottom: 15px;
}




.giftcards .bio-fair-bean {
	padding: 50px 0;
	margin: 10px 0 0;
}
.giftcards .free-shipping a.rounded {
	background-color: #dddddd;
	color: #000000;
	display: flex;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	flex-direction: column;
	justify-content: space-around;
	width: 100%;
	height: 125px;
}
.giftcards .free-shipping h3 {
	color: #000000;
	font-size: 22px;
	font-weight: 700;
}
.giftcards .free-shipping-icons p {
	margin-bottom: 0;
}
.giftcards .free-shipping-icons .fas {
	border-radius: 50%;
	color: #ffffff;
	font-size: 14px;
    text-align: center;
	line-height: 24px;
	margin-right: 5px;
	width: 24px;
	height: 24px;
}
.giftcards .free-shipping .free-shipping-icons .fas {
	color: #000000;
	font-size: 18px;
}
.giftcards .free-shipping-icons span {
	font-size: 16px;
	margin-top: 7px;
	display: inline-block;
	margin-left: 7px;
}

.giftcard-version{
	margin-top:40px;
}
.giftcard-version h3{
  margin-bottom:0;
}

/* Media queries giftcards */
@media screen and (max-width:1799px){
	.giftcards .link-bottom3 {
		width: 100%;
	}
	.giftcards .gc-box h3 {
		font-size: 18px;
		padding-right: 125px;
	}
}
@media screen and (max-width:991px){
	.gc-box-top .overlay {
		position: static !important;
	}
	.gc-box-top .overlay .btn {
		position: static !important;
		margin: 10px 0 0;
	}
	.gc-box-top .overlay p {
		margin-bottom: 35px !important;
	}
	.giftcards img.rounded {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
	.giftcards .gc-card.gc-box .overlay {
		text-align: left;
	}
  .checkcontainer.col-6 {
    padding-left:30px;
  }
}

@media screen and (max-width:767px){

}

@media screen and (max-width:479px){
	.giftcards .free-shipping h3 {
		font-size: 18px;
	}
	.giftcards .gc-card.gc-box h3, .giftcards .voucher-box h3 {
		font-size: 18px;
		word-wrap: anywhere;
	}
	.giftcards .gc-box .price-tag.btn {
		font-size: 12px;
	}
	.giftcards .gc-box .price-tag.btn .price, .giftcards .voucher-box .btn-controls .price {
		font-size: 16px;
	}
}

@media screen and (min-width:480px){

}
@media screen and (min-width:992px){
	.modal-dialog {
		max-width: 830px;
	}
	.gc-box-top .overlay h2, .gc-box-top .overlay p {
		padding-right: 245px;
	}
	.giftcards .bio-fair-bean {
		margin: 10px 0 50px;
	}
	.giftcards .voucher-box {
		margin-bottom: 40px;
	}
	.giftcards .voucher-box .btn-controls {
		padding: 10px 15px;
	}
	.giftcards .voucher-box .btn-controls .price {
		font-size: 24px;
	}
	.giftcards .gc-card.gc-box {
		/* margin-bottom: 10px; */
	}
	.giftcards .gc-box .overlay {
		align-items: center;
		display: flex;
		height: 76px;
		margin-top: -76px;
		position: relative;
		z-index: 10;
		width: 100%;
	}
	.giftcards .gc-box h3 {
		font-size: 18px;
		margin-bottom: 0;
		padding-right: 125px;
	}
	.giftcards .gc-box .btn {
		font-size: 14px;
		font-weight: 700;
		margin-bottom: 7px;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media screen and (min-width:1200px){
	.giftcards .free-shipping {
		padding-left: 45px;
	}
	.giftcards .free-shipping-icons {
		margin-top: 22px;
	}
	.giftcards .free-shipping a.rounded {
		max-width: 230px;
	}
	.giftcards .gc-box {
		margin-bottom: 40px;
	}
	.giftcards .gc-box .overlay {
		padding: 20px;
	}
	.giftcards .gc-box h3 {
		font-size: 18px;
		padding-right: 125px;
	}
	.giftcards .gc-box .btn {
		right: 20px;
	}
	.giftcards .voucher-ctrls {
		display: flex;
		padding: 0;
	}

	.giftcards-intro {
		padding-bottom: 15px;
	}
	.giftcards-bottom {
		padding: 30px 0 30px;
	}
	.giftcards .gcform-top {
		padding: 50px 0 40px;
	}
	.giftcards .gcform-bottom {
		padding: 50px 0 13px;
	}

}

@media screen and (min-width:1200px) and (max-width:1439px){
	.giftcards .gcform-top {
		padding: 50px 0 10px;
	}
	.giftcards .voucher-box {
		margin-bottom: 40px;
	}
}


/*shop cards vouchers end*/

.goog-te-gadget-simple{
	background-color:transparent !important;
	float:right;
	border:none !important;
}
.goog-te-gadget-simple img{
	width:auto;
}
#google_translate_element{
	display:inline-block;
	margin-top:0px;
	float:right;
  margin-right:15px;
}

#google_translate_element a{
	border:none;
}

.goog-te-menu-value span:last-of-type{
}
.product-slider div.slick-slide{
  padding:0px 10px;
}
.product-slider .shadow{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
     box-shadow: none;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.product-slider .shadow:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
     box-shadow: none;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.product-slider .slick-next{
  height:100%;
  width:60px;
  background: linear-gradient(90deg, rgba(68,68,68,0) 0%, rgba(68,68,68,0.6) 70%, rgba(68,68,68,1) 100%);
  cursor:pointer;
}

.product-slider .slick-prev{
  height:100%;
  width:60px;
  background: linear-gradient(90deg, rgba(68,68,68,1) 0%, rgba(68,68,68,0.6) 40%, rgba(68,68,68,0) 100%);
  cursor:pointer;
  z-index:2;
}
.kontonav .nav-link.active{
  color:#000;
}
.kontonav .nav-item.club .nav-link{
  background:url(../img/pod-black.svg) 8px 10px no-repeat;
  padding-left:32px;
  background-size: 20px 24px;  
}
.kontonav .nav-item.club .nav-link.active{
  background:#fff url(../img/pod-black.svg) 8px 10px no-repeat;
  background-size: 20px 24px;  
}

.responsive {
  position: relative;
  padding-bottom: 105%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.responsive iframe, .responsive object, .responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.side-filter-menu{
  height:auto !important;
  margin-bottom:30px !important;
}
.side-menu-container,
.side-filter-menu{
  height:auto !important;
  margin-bottom:30px !important;
  width:100%;
}
.side-filter-menu ul.navbar-nav form{width:100%; }
#tx-solr-search-functions .panel-group,
#tx-solr-search-functions .hidden-xs{
  margin-bottom:20px;
}
#tx-solr-search-functions .list-group-item a{
  color:#000;
  font-weight: 700;
  border-bottom:2px solid #000;
  -webkit-transition: border-bottom 400ms ease-out;
  -moz-transition: border-bottom 400ms ease-out;
  -o-transition: border-bottom 400ms ease-out;
  transition: border-bottom 400ms ease-out;
}
#tx-solr-search-functions .list-group-item a:hover{
  text-decoration:none;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}


/*sidebar category*/
.sidebar-accordion { margin:0 0 50px 0;}
.sidebar-accordion .card{border-radius:0;}

.sidebar-accordion .card-header{ padding:0; border-radius:0;}

.sidebar-accordion .card-header a{ display:block; font-size:16px; line-height:22px; color:#000; font-weight:bold;padding:10px 12px; text-decoration:none;}
.sidebar-accordion .card-header a:hover, .sidebar-accordion .card-header a:active{ background-color:rgba(0,0,0,0.06);}

.sidebar-accordion ul.sidebar-cat-list { list-style-type:none; margin:0; padding:10px 0;}

.sidebar-accordion ul.sidebar-cat-list li { }
.sidebar-accordion ul.sidebar-cat-list li a{
	font-size:15px;
	line-height:20px;
	color:#000;
	text-decoration:none;
	display:block;
	border:none;
	font-weight:normal;
	padding:10px 30px;
}

.sidebar-accordion ul.sidebar-cat-list li a:hover{ color:#333333;}

#fachhaendlersuchen-10362,
#fachhaendlersuchenEN-10439,
#fachhaendlerwerden_1-10440,
#fachhaendlerwerden-10441,
#bestofAdventkalenderVeganUmfrage-17133{
  padding:0 15px;
}
form#fachhaendlersuchen-10362,
form#fachhaendlersuchenEN-10439,
form#fachhaendlerwerden_1-10440,
form#fachhaendlerwerden-10441,
form#bestofAdventkalenderVeganUmfrage-17133{
  padding:0 15px;
  width:66.6666666667%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  margin:0 auto;
}
form#bestofAdventkalenderVeganUmfrage-17133 input[type="checkbox"]{
  margin-right:10px;
}

.mix-card{
  margin-bottom:30px;
}
.mix-card img{
  max-height:250px;
  width:auto;
}
.mix-card .row{
  display: flex;
  align-items: stretch;
}
.mix-card-img{
  padding-left:0;
  display:flex;
  flex-direction: column;
  justify-content: space-around;
  text-align:center;
}
.mix-card-info{
  display: flex;
  flex-direction:column;
  justify-content: space-around;
  padding-left:0;
}
.mix-card-info h3{
  color:#000;
}
.mix-best-of .mix-card-info{
  padding-left:15px;
}
.mix-best-of .mix-card-info p a{
  color:#c00d0d;
  border-color:#c00d0d;
}
.mix-best-of .mix-card-info p a:hover{
  border-color:transparent;
}
.mix-card .button-group{
  display:flex;
  justify-content: space-between;
}

.ma5menu__btn--enter{
  text-align:right !important;
  right:0 !important;
  width:280px !important;
}
.ma5menu__btn--enter:before{
  font-family: "Font Awesome 5 Pro";
  display:block;
  content:'\f0da' !important;
  font-weight:700;
  font-size:36px;
  color:#000;
  position:relative !important;
  top:17px !important;
  left:auto !important;
  right:10px;
  bottom:auto !important;
  width:auto !important;
}
.ma5menu__close,
.ma5menu__toggle:hover .ma5menu__close{
  width:45px !important;
  height:40px !important;
}
.ma5menu__close:before,
.ma5menu__toggle:hover .ma5menu__close:before {
  font-family: "Font Awesome 5 Pro";
  display:block;
  content:'\f00d' !important;
  font-size:36px;
  color:#000;
  position:relative !important;
  top:-px !important;
  left:auto !important;
  right:0px;
  bottom:auto !important;
  width:auto !important;
  padding:5px;
}
.ma5menu__btn--leave:before {
  font-family: "Font Awesome 5 Pro";
  display:block;
  content:'\f0d9' !important;
  font-weight:700;
  font-size:36px;
  color:#bbbbbb;
  position:relative !important;
  top:0px !important;
  left:-5px !important;
  right:auto;
  bottom:auto !important;
  width:auto !important;
}
.row.account h3{
  background:#eeeeee;
  padding:10px 25px;
  color:#000;
}
.row.account .tx-felogin-pi1 h3{
  display: none;
}
.row.account .tx-felogin-pi1 h4 a.btn-primary.green:hover{
  border-bottom:1px solid #000;
}
.row.account .col-12.col-sm-4 .btn-primary.green{
  display:block;
}
.row.account .col-12.col-sm-4 a.btn-primary.green{
  display:block;
  color:#fff;
  text-transform:none;
  font-weight:400;
}
/*club page login*/
/*right*/
section#c14388 .tx-felogin-pi1{
  position: relative;
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;  
}

section#c14388 .tx-felogin-pi1 .far.fa-shopping-cart{
  display:none; 
}
section#c14388 .tx-felogin-pi1 .btn.btn-primary.green{
  background:#279B38 url(../img/pod-black.svg) 2px 50% no-repeat;
  padding-left:25px;
}

@media (min-width: 992px){
  section#c14388 .tx-felogin-pi1{
    flex: 0 0 100%;
    max-width: 100%;
  }
}
  @media (min-width: 1200px){
  section#c14388 .tx-felogin-pi1 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
/*middle*/  
section#c17522 .tx-felogin-pi1{
  position: relative;
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  top:-40px;
}

section#c17522 .tx-felogin-pi1 .far.fa-shopping-cart{
  display:none; 
}
section#c17522 .tx-felogin-pi1 .login-welcome{
  display:none; 
}
section#c17522 .tx-felogin-pi1 .btn.btn-primary.green{
  background:#279B38 url(../img/pod-white.svg) 6px 50% no-repeat;
  padding-left:35px;
  color:#fff;
  background-size:25px 25px;
}
section#c17522 .tx-felogin-pi1 .btn.btn-primary.green:hover{
  background:#000 url(../img/pod-white.svg) 6px 50% no-repeat;
  padding-left:35px;
  color:#fff;
  background-size:25px 25px;
}

@media (min-width: 992px){
  section#c17522 .tx-felogin-pi1{
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px){
  section#c17522 .tx-felogin-pi1 {
    margin-left: 25%;
    flex: 0 0 50%;
    max-width: 50%;
    top:0px
  }
}

.ts-rating-light.ts-rating.productreviews{
  border:1px solid #ddd !important;
}
.ts-rating-light.ts-rating.productreviews *{
  font-size:18px !important;
  color:#000;
  font-family: 'IBM Plex Sans', Helvetica, Arial, sans-serif !important;
}
.ts-rating-light.productreviews .ts-wrapper .ts-header .ts-header-filter-dropdown.ts-header-filter-dropdown-open .ts-header-filter-dropdown-content *{
  font-size:14px !important;
}
.ts-rating-light.productreviews .ts-wrapper .ts-header .ts-header-filter-dropdown.ts-header-filter-dropdown-open .ts-header-filter-dropdown-content{
  width:123px !important;
}
.ts-rating-light.ts-rating.productreviews .ts-header-title{
  font-size: 1.8rem !important;
  line-height: 1.1em !important;
  margin-bottom: 0.5em !important;
  font-weight: 400 !important;
  font-family: 'FuturaBT-Book', Helvetica, Arial, 'Dosis' !important;
  color: #C00D0D !important;
}
.ts-rating-light.ts-rating.productreviews .ts-review-text{
  line-height:1.5em;
}
.ts-rating-light.ts-rating.productreviews .ts-footer{
  background-color:#444444 !important;
}
.ts-rating-light.productreviews .ts-wrapper .ts-reviews .ts-reviews-list li .ts-review-info .ts-review-content.ts-with-buyer-info .ts-buyer-info{
  margin-bottom:8px;
}


/*filter menu fix*/

.ma5menu__panel>ul li:before {
  content:"" !important;
  display:block !important;
  height:42px !important;
  position:absolute !important;
  width:280px !important;
  cursor:pointer;
}
.ma5menu__panel>ul li:first-of-type:before {
  bottom:-2px !important;
  height:44px !important;
}
.ma5menu__panel>ul li .custom-checkbox1 span{
  height:40px !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:280px !important;
  cursor:pointer;
}
.ma5menu__panel>ul li .custom-checkbox1 span:after{
  position:absolute !important;
  right:23px !important;
  top:18px !important;
  left:auto !important;
}
.ma5menu__panel>ul li .custom-checkbox1 span:before{
  position:absolute !important;
  right:16px !important;
  top:11px !important;
  left:auto !important;
  cursor:pointer;
}

.ma5menu__panel>ul li:first-of-type .custom-checkbox1 span{
  height:40px !important;
  position:absolute !important;
  top:auto !important;
  left:0 !important;
  bottom:0 !important;
  width:280px !important;
  cursor:pointer;
}
.ma5menu__panel>ul li:first-of-type .custom-checkbox1 span:before{
  top:11px !important;
  right:16px !important;
}
.ma5menu__panel>ul li:first-of-type:hover .custom-checkbox1 span:after{
  top:17px !important;
  right:22px !important;
}
@media screen and (min-width:768px){
  .ma5menu__panel>ul li:before {
    content:"" !important;
    display:block !important;
    height:42px !important;
    position:absolute !important;
    width:360px !important;
    cursor:pointer;
  }
  .ma5menu__panel>ul li:first-of-type:before {
    bottom:-2px !important;
    height:44px !important;
  }
  .ma5menu__panel>ul li .custom-checkbox1 span{
    height:40px !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:360px !important;
    cursor:pointer;
  }
  .ma5menu__panel>ul li .custom-checkbox1 span:after{
    position:absolute !important;
    right:23px !important;
    top:18px !important;
    left:auto !important;
  }
  .ma5menu__panel>ul li .custom-checkbox1 span:before{
    position:absolute !important;
    right:16px !important;
    top:11px !important;
    left:auto !important;
    cursor:pointer;
  }

  .ma5menu__panel>ul li:first-of-type .custom-checkbox1 span{
    height:40px !important;
    position:absolute !important;
    top:auto !important;
    left:0 !important;
    bottom:0 !important;
    width:360px !important;
    cursor:pointer;
  }
  .ma5menu__panel>ul li:first-of-type .custom-checkbox1 span:before{
    top:11px !important;
    right:16px !important;
  }
  .ma5menu__panel>ul li:first-of-type:hover .custom-checkbox1 span:after{
    top:17px !important;
    right:22px !important;
  }
}
.ordered-products .c-discounts{
  margin:0 -15px;
  padding-left:5px;
  padding-right:5px;
}
.audio-list ul{
  list-style: none;
}
.audio-list ul{
  list-style: none;
  padding:0;
  margin:0;
}

.audio-list ul li{
    border: 1px solid gray;
    border-radius: 5px;
    margin-bottom: 1em;
    padding: 10px 20px;
    background: #0080000d;
}
/*ie11 only*/
@media all and (-ms-high-contrast:none)
 {
    #home img {
      width:450px;
      max-width: 450px;
      height:50px;
      max-height:50px;
      } /* IE11 */
 }
 .cart-keepshopping{
   position:relative;
   bottom:-20px;
   z-index:2;
 }
 .cart-keepshopping p{
   margin-bottom: 0;
 }

 .det-shipping-info ul{
   list-style:none;
   padding:0;
   margin:0;
   position:relative;
 }

 .det-shipping-info ul li{
   padding-left:25px;

 }
 .det-shipping-info ul li:before{
   font-family: "Font Awesome 5 Pro";
   display:inline-block;
   content:"\f00c";
   width:20px;
   height:20px;
   font-weight:700;
   position:absolute;
   left:0;

 }
 .det-prod-info .prod-status{
   margin-top:0 !important;
 }
 .det-prod-info .prod-status span{
   padding-left:30px !important;
   position:relative;
 }
 .det-prod-info .prod-status span i{
   position:absolute;
   left:8px;
   top:7px;
 }

 .det-prod-info .prod-status strong,
 .det-prod-info .prod-status span{
   margin-top:10px;
 }
 .recipe-bg{
   background:url(/fileadmin/media_data/shop/kacheln/zotter-basic-couverture820x5572.jpg);
   background-size:cover;
   min-height:300px;
 }
 .unsubscribe{
   font-size:0.7em
 }

.newsletter-recipe .fas.fa-heart{
  color:red;
}
h3.newsletter-recipe{
  padding-top:30px;
}
@media screen and (max-width:991px){
  .col-12.col-sm-4.col-md-5.recipe-bg{
    display:none;
  }
}
.textonly.testimonial{
  position:relative;
}

.textonly.testimonial .fas,
.textonly.testimonial .fal{
  position:absolute;
  color:#C00D0D;
  font-size:2.5em;
}

.textonly.testimonial .fa-quote-left{
  left:-40px;
  top:-20px;
}
.textonly.testimonial .fa-quote-right{
  right:0px;
  bottom:-10px;
}
@media screen and (max-width:991px){
  .textonly.testimonial{
    padding:20px 30px;
  }
  .textonly.testimonial .fa-quote-left{
    left:0px;
    top:-30px;
  }
  .textonly.testimonial .fa-quote-right{
    right:0px;
    bottom:-00px;
  }
}

/*choco-club*/
.cc-club-teaser .teaser-text{
 padding-bottom:0px;
}

@media screen and (max-width:1799px){
  .cc-club-teaser{
    margin-bottom:15px;
  }
}
.cpoints-section{
  padding-left:0 ;
  padding-right:0;
}
.cpoints-section .tab-content{
  padding:15px;
}
.cpoints-section .col-sm-6,
.cpoints-section .col-sm-12{
  background:#fff;
  padding-top:15px;
  margin-bottom:25px !important;
}

.cpoints-section .club-card{
  background:url(../img/cc-card-background.jpg) left top no-repeat;
  background-size:cover;
  max-height:400px;
  border-radius:30px;
}

.cpoints-section .club-card .col-5{
  text-align:right;
  padding:20px;
  padding-right:35px;
}
.club-card .col-5.col-sm-4.col-md-4 img{
  padding:15px !important;
  background:#fff;
}
.cpoints-section .club-card .col-7{
  font-size:2em;
  padding-bottom:15px;
}

.cpoints-section .club-card .col-7 p{
  font-weight: bold !important;
  padding-bottom:0;
  margin-bottom:0;
  color:#ffffff;
}
.cpoints-section .club-card .col-7 p:first-of-type{
  padding-bottom:1em;
  background:url(../img/schrift-logo.jpg) left top no-repeat;
  background-size:contain;
  padding-top:50px;
}
@media screen and (max-width:900px){
  .cpoints-section .club-card .col-7 p{
    font-size:0.8em;
  }
  .cpoints-section .club-card .col-5{
    text-align:right;
    padding:20px 0 25px 0;
    padding-right:35px;
  }
}
@media screen and (max-width:600px){
.autocomplete-suggestions.tx-solr-autosuggest{
  min-width: 360px;
  max-width: 360px;
}  
  .cpoints-section .club-card .col-7 p{
    font-size: 0.6em !important;
  }
  .cpoints-section .club-card .col-5{
    text-align:right;
    padding:20px 0 0 0;
    padding-right:10px;
  }
 }
.cpoints-section .club-card .col-7 p span{
  color:#fcc942;
}
.cpoints-section .club-card img.points-qr{
  margin-bottom:15px;
}

.cpoints-header h2{
  display:inline-block;
  
}
.cpoints-header h2 span{
  display:block;
  font-size: 0.6em;
}
.cpoints-header img{
  width:150px;
  height:auto;
  float:right;
  padding-left:15px;
  display:none;
}


.cpoints-section h3{
  padding-bottom:0 !important;
  margin-bottom:0 !important;;
}
.points-available, .points-pending{
  border:1px solid #dee2e6;
  padding:15px;
  margin-bottom:25px;
}

.cpoints-section h3 span{
  text-align:right;
  float:right;
  display:inline-block;
  padding-left:25px;
  background:url(../img/pod-yellowb.svg) no-repeat 0px 0px;
}

.cpoints-section .points-pending h3 span{
  background:url(../img/pod-yellow.svg) no-repeat 0px 0px;
}

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


.club-voucher h3 span{
  text-transform:none;
  display:block;
  font-weight:normal;
  font-family: 'IBM Plex Sans', Helvetica, Arial, sans-serif;
  font-size:0.75em;
  
}
.club-voucher{
  padding:20px;
}

.club-voucher .btn.disabled{
  cursor:not-allowed !important;
  pointer-events: visible;
}

/*leistbar black*/
.club-lv3{
    background:url(../img/pod-yellowb.svg) 0px 0px no-repeat;
    padding-left:25px;
    margin-bottom:0;
    background-size:25px 25px;
}

/*pending gold gefuellt*/
.club-lv4{
  background:url(../img/pod-yellow.svg) 0px 0px no-repeat;
  padding-left:25px;
  margin-bottom:0;
  background-size:25px 25px;
}
/*noch nicht leistbar gold ungefuellt*/
.club-lv5{
  background:url(../img/pod-gold.svg) 0px 0px no-repeat;
  padding-left:25px;
  margin-bottom:0;
 background-size:25px 25px;
}  
/*product tiles points*/

.club-choco .product-card .priceinfo{
  text-align: center;
}
.club-choco .product-card .priceinfo .value{
  font-size: 1em;
  display:inline-block;
  width:100%;
  position:relative;
  padding-left:25px;
}
.club-choco .product-card .priceinfo .points-value{
  color: #000;
  font-size: 1em;
  font-weight: 700;
  display:inline-block;
  position:relative;
  padding-left:25px;
}
.product-card .priceinfo .value{
  font-size: 1em;
  display:block;
  width:100%;
  position:relative;
  padding-left:0px;
  text-align:center;
}
.product-card .priceinfo .points-value{
  color: #000;
  font-size: 1em;
  font-weight: 700;
  display:block;
  position:relative;
  padding-left:0px;
  text-align:center;
}
/*leistbar black*/

.club-points .club-lvl3,
.mypoints .club-lvl3{
  padding:0 !important;
  margin:0 !important;
  width:22px;
  height:25px;
  background:url(../img/pod-yellowb.svg) no-repeat 0px 0px !important;
  position:absolute;
  left:0;
  top:0;
}
/*pending gold gefuellt*/

.club-points .club-lvl4,
.mypoints .club-lvl4{
  padding:0 !important;
  margin:0 !important;
  width:22px;
  height:25px;
  background:url(../img/pod-yellow.png) no-repeat 0px 0px !important;
  position:absolute;
  left:0;
  top:0;
}
/*noch nicht leistbar gold ungefuellt*/

.club-points .club-lvl5,
.mypoints .club-lvl5{
  padding:0 !important;
  margin:0 !important;
  width:22px;
  height:25px;
  background:url(../img/pod-gold.svg) no-repeat 0px 0px !important;
  position:absolute;
  left:0;
  top:0;
}
.prod-shortinfo .club-points .club-lvl5,
.prod-shortinfo .club-points .club-lvl4,
.prod-shortinfo .club-points .club-lvl3{
  display:none;
}
/*product-detail club*/
.club-detail .value{
  display:inline-block;
  width:100%;
}
.det-price .club-points{
  background:rgba(252,201,66,0.2);
	border-radius: 20px;
	display: block;
	padding: 0px 10px 5px 3px !important;
}

@media screen and (max-width:1800px){
  .price-row .certs{
    display:block !important;
    width:60px;
  }
}

@media screen and (max-width:1450px){
  .club-detail .club-points{
    padding:15px 10px; 
  }
}

.detail-points-available{
  padding-top:20px;
}
.detail-points-available span{
  display:inline-block;
}
.det-prod-points{
  padding:5px 10px 5px 30px;
  margin-bottom:15px;
  background:rgba(252,201,66,0.2) url(../img/pod-yellowb.svg) no-repeat 4px 6px !important;
  background-size:25px 25px !important;
}
.det-shipping-info span.det-prod-points{
	border-radius: 20px;
	display: inline-block;
	padding: 3px 20px 3px 30px;
}

.det-prod-points a{
  color:#000;
  border-bottom:2px solid #000;
  text-decoration:none !important;
  border-bottom:2px solid #000;
  -webkit-transition: border-bottom 400ms ease-out;
  -moz-transition: border-bottom 400ms ease-out;
  -o-transition: border-bottom 400ms ease-out;
  transition: border-bottom 400ms ease-out;  
}

.det-prod-points a:hover{
  text-decoration: none !important;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;  
}


.mypoints{
  position:relative;
  padding-left:25px;
}

.club-detail .club-points span{
  position:relative;
  width:25px;
  height:30px;
  display:inline-block;
  top:10px !important;
}

.det-price.club-detail .club-points span{
  top:7px !important;
  left:7px;
  margin-right:3px !important;
  height:25px;
}

.club-button{
  text-align:center;
  padding-top:20px;
}
.club-button .btn{
  display:inline-block;
  padding:8px 10px;
  font-weight: bold;
  font-size:0.75rem;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
  -moz-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
   box-shadow: 0px 0px 3px 0px rgba(99, 100, 99, 0.4) !important;  
}

.club-choco .priceinfo{
  font-size:0.9em;
}

.btn.disabled{
  cursor:not-allowed !important;
  pointer-events: visible !important;
}



@media screen and (min-width:300px){
  .club-choco .product-card{
      min-height:360px;
    }
  .club-voucher .product-card{
    min-height:280px;
  }    
}

@media screen and (min-width:450px){
  .club-choco .product-card{
      min-height:380px;
    }
  .club-voucher .product-card{
    min-height:280px;
  }    
}
@media screen and (min-width:500px){
  .club-choco .product-card{
      min-height:450px;
    }
  .club-voucher .product-card{
    min-height:280px;
  }    
}
@media screen and (min-width:610px){
  .club-choco .product-card{
      min-height:480px;
    }
  .club-voucher .product-card{
    min-height:320px;
  }    
}
@media screen and (min-width:760px){
  .club-choco .product-card{
      min-height:580px;
    }
}
@media screen and (min-width:920px){
  .club-choco .product-card{
      min-height:630px;
    }
}

@media screen and (min-width:1025px){
  .club-choco .product-card{
      min-height:480px;
    }
  .club-voucher .product-card{
    min-height:320px;
  }    
}
@media screen and (min-width:1200px){
  .club-choco .product-card{
      min-height:550px;
    }
  .club-voucher .product-card{
    min-height:340px;
  }   
}
@media screen and (min-width:1440px){
.club-choco .product-card{
    min-height:510px;
  }
  .club-voucher .product-card{
    min-height:330px;
  }  
}
@media screen and (min-width:1800px){
  .club-choco .product-card{
    min-height:590px;
  }
  .club-voucher .product-card{
    min-height:370px;
  }
}
@media screen and (max-width:767px){
  .cpoints-section .tab-content{
    padding:5px;
  }
  h3.points-label{
    font-size:1.2em;
  }
}

/*Responsive settings*/
@media screen and (min-width:768px){
.contenttable{
  margin:0-15px;
}
}
.contenttable tbody tr:nth-child(odd) {
   background-color: #fff;
}

@media screen and (max-width:359px){
    a#home{
      display:block;
      max-width:285px;
    }
    .logo img{
      max-width:180px;
    }
}
@media screen and (max-width:767px){
    html,body{
      font-size:16px;
    }
    #back2Top {
        bottom: 40px;
        right: 0;
    }
    .container{
      padding-right: 5px;
      padding-left: 5px;
    }
    .row {
      margin-right: -5px;
      margin-left: -5px;
    }
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
    .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
    .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
    .col-xl-auto {
      padding-right: 10px;
      padding-left: 10px;
    }
    .header .container{
      min-height:320px;
    }
    .hero-overlay{
      margin-bottom:10px;
      padding:20px;
    }
    .hero-link{
      border-top:1px solid #dddddd;
      padding:0;
      margin:0 -5px;
      padding:20px 0px 0px 0px;

    }
    section{
      padding:10px 0;
    }
  footer .bg4{
    padding-top:60px;
  }
    p a.btn{
    margin-bottom:10px;
    }
    p .btn-primary.red{
      background:#c00d0d;
      border-color:#c00d0d;
      -webkit-transition: background 1s ease-out;
      -moz-transition: background 1s ease-out;
      -o-transition: background 1s ease-out;
      transition: background 1s ease-out;
      margin-bottom:20px;
    }
    .textimg-transparent.hover .overlay .row .col-sm-4,
    .textimg-transparent.hover .overlay .row .col-sm-8,
    .textimg-transparent.hover .overlay .row .col-sm-12{
      padding:0 20px 0 20px !important;
      font-size:0.9rem;
    }
    .textimg-transparent.hover .overlay .row .col-sm-8 p{
      font-size:0.9rem;
      line-height:1.3em;
    }
    .product-card a i.fas{
      width:18px;
      height:18px;
      line-height:18px;
      text-align:center;
      border-radius:25px;
      color:#fff;
      display:inline-block;
      float:left;
      margin-right:1px;
      font-size:10px;
    }
    .product-card i.fas.on-wishlist{
      position:absolute;
      top:0px;
      right:3px;
      z-index:100;
      font-weight:700;
      font-size:0.8em;
      color:#c00d0d;
    }
    .new{
      padding:2px 8px 3px 8px;
      line-height:1em;
      font-size:0.7em;
      font-weight:400;
      border-top-left-radius: .25rem;
    }
  .textimg-transparent.hover.shop .overlay{
    min-height: 68px !important;;
    padding:5px;
  }
  .shop-preview{
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-10.col-sm-10{
    flex: 0 0 100%;
    max-width: 100%;
    width:100%;
    margin-bottom:15px;
  }
  .responsive {
    position: relative;
    padding-bottom: 25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .responsive iframe, .responsive object, .responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  footer .col-sm-12.col-md-2{
    width:50% !important;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .white.rounded.blog-categories{
    display:none;
  }
  form#fachhaendlersuchen-10362,
  form#fachhaendlersuchenEN-10439,
  form#fachhaendlerwerden_1-10440,
  form#fachhaendlerwerden-10441{
    padding:0 15px;
    width:100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .product-slider .product-card img{
    max-width:208px;
    height:auto;
  }
  .product-slider .product-card{
    max-width:208px;
    overflow:hidden;
  }
  .col-6.col-sm-6.d-flex.align-items-stretch .textimg-transparent.hover .overlay{
    min-height:auto !important;
    position:relative;
    padding-bottom:0px;
    display:flex;
    flex-direction: column;
  }
  .col-6.col-sm-6.d-flex.align-items-stretch .textimg-transparent.hover .overlay .btn-primary.yellow{
    margin-bottom:15px;
    align-self: center;
    margin-top:10px;
  }
  .col-12.col-md-4.d-flex.align-items-stretch .teaser{
    width:100%;
  }
  .customer-login form{
    width:100%;
  }
  .customer-login .mobile-only{
    display:block;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
  }
  .sitemap.col-12>ul{
    list-style: none;
    padding-left:0;
    padding-bottom:0;
    width:100%;
  }
  .sitemap.col-12>ul ul{
    padding:0 0 25px 15px;
  }
  .sitemap.col-12>ul>li{
    max-width: 100%;
    border:1px solid #ddd;
    padding:15px;
    margin:15px;
  }
  .sitemap.col-12>ul ul li a{
    border-width:1px;
    font-weight:normal;
  }
  h3.modal-title{
    font-size:20px;
  }
}

@media screen and (min-width:768px){
    .header .container{
      min-height:320px;
    }
}
@media screen and (min-width: 992px) {
    .navbar.navbar-zotter .navbar-brand{
        display:none;
    }
    .mobile{
      display:none !important;
    }
    .header .container{
      min-height:350px;
    }
    .product-slider .slick-next:before{
      position:absolute;
      right:25px;
    }

    .product-slider .slick-prev:before{
      position:absolute;
      left:25px;
    }
    .sitemap.col-12>ul{
      display:flex;
      flex-wrap: wrap;
      list-style: none;
      padding-left:0;
    }
    .sitemap.col-12>ul ul{
      padding:0 0 25px 15px;
    }
    .sitemap.col-12>ul>li{
      flex-basis: auto;
      flex-grow: 1;
      width: 20%;
      max-width: 100%;
      border:1px solid #ddd;
      padding:10px;
      margin:10px;
    }
    .sitemap.col-12>ul ul li a{
      border-width:1px;
      font-weight:normal;
    }
    .bar [class*='col-']{
       margin-bottom:0px;
     }
}
@media screen and (min-width:1024px){
  html, body{
    font-size:18px;
  }
  .header .container{
    min-height:480px;
  }
  .pac-container{
    margin-top:-148px !important;
  }   
}
@media screen and (min-width:1200px){
    .news-list hr{
      margin:3rem 0;
 }
 .col-12.col-sm-6.col-lg-3.d-flex.align-items-stretch {
   margin-bottom:30px;
 }
 .textimg-transparent.hover.shop{
   margin-bottom:30px;
 }
}
@media screen and (min-width:1439px){
  html, body{
    font-size:18px;
  }
  .header .container{
    min-height:620px;
  }
}
@media screen and (min-width:1920px){
  html, body{
    font-size:18px;
  }
  .header .container{
    min-height:720px;
  }
}
@media screen and (min-width:1880px) {
}
@media screen and (max-width:1879px) {
}
@media screen and (max-width:1439px) {
  .col-12.col-md-6.col-lg-3{
    padding-bottom:20px;
  }
  .textimg-transparent.hover.edition .overlay h3{
    font-size:24px;
    width:100%;
  }
  .textimg-transparent.hover.edition.shop .overlay h3{
    font-size:24px;
    max-width:60%;
  }
  .col-md-3 .textimg-transparent.hover.edition.shop .overlay{
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-top:10px;
  }
  .col-md-3 .textimg-transparent.hover.edition.shop .overlay h3{
    max-width:60%;
    font-size:20px;
  }
  .col-md-3 .textimg-transparent.hover.edition.shop .overlay .btn{
    right:0px;
  }
  .col-md-3 h1,
  .col-md-3 h2{
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    word-break: break-word;

    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .shop-infos h2{
    font-size:24px;
  }
  .shop-infos .h3{
    font-size:18px;
  }
}

@media screen and (max-width:1199px){
  .textimg-transparent.hover .overlay {
    }
  .textimg-transparent.hover .overlay h2{
    max-width:70%;
    }
  .textimg-transparent.hover.shop .overlay h3,
  .textimg-transparent.hover.edition.shop .overlay h3{
    max-width:100%;
    font-size:24px;
    margin-bottom:5px !important;
    }
  .col-sm-6 .textimg-transparent.hover.shop .overlay .btn{
    position:relative;
    top:auto;
    right:auto;

  }
  .textimg-transparent.hover.edition .overlay{
     font-size:0.9em;
   }
   .textimg-transparent.hover.edition .overlay p{
      font-size: 0.9rem;
      line-height: 1.3em;
      padding-bottom:0em;
      margin-bottom:0.5em;
     overflow-wrap: break-word;
     word-wrap: break-word;

     -ms-word-break: break-all;
     word-break: break-word;

     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     hyphens: auto;
   }

  .textimg-transparent.hover .overlay .row .col-sm-12 {
      padding: 0 20px 0 20px !important;
      margin-bottom:0px;
   }
   .header-bg{
     height:350px;
     position:relative;
     padding-top:0;
     background-repeat: no-repeat;
     background-position:center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
   }
	.giftcards .gc-box h3 {
		font-size: 17px;
		padding-right: 125px;
	}
    .textonly.yellow h2{
      font-size:22px;
    }
    .textonly.yellow p{
      font-size:16px;
    }

    .mix-card-img{
      padding-left:35px;
      padding-right:35px;
      padding-bottom:15px;
    }
    .mix-card-info{
      padding-left:15px;
    }
    .mix-card-info h3{
      color:#000;
    }
    .mix-card .button-group{
      display:flex;
      justify-content: space-between;
    }
    .ts-rating-light.ts-rating.productreviews .ts-header-title{
      font-size: 1.5rem !important;
    }
}
@media screen
and (min-width:992px)
and (max-width:1199px) {
  .shop-tools{
    font-size:14px;
  }
  .small-cart,
  .small-cart:hover{
    padding:5px 6px;
  }
  .small-cart .far:before{
    font-size:24px;
    top:8px;
  }

  .small-cart .total{
    line-height:1.3em;
    padding-left:10px;
  }
  .wishlist{
    margin-left:10px;
  }
  .wishlist span:before{
    font-size:22px;
    margin-right:5px;
  }
  .login{
    margin-left:10px;
  }
  .login span:before{
    font-size:22px;
    margin-right:5px;
  }
  .col-sm-3.col-md-2,
  .col-sm-6.col-md-3{
    padding-bottom:30px;
  }
  .textimg-transparent.hover .overlay .row .col-sm-4,
  .textimg-transparent.hover .overlay .row .col-sm-8,
  .textimg-transparent.hover .overlay .row .col-sm-4{
    padding:0 10px 0 20px !important;
    font-size:0.9rem;
    margin-bottom:0;
  }
  .textimg-transparent.hover .overlay .row .col-sm-8 p{
    font-size:0.9rem;
    line-height:1.3em;
  }
   [class*='col-']{
      margin-bottom:30px;
    }
   [class*='col-'].nav-kachel{
      margin-bottom:0px;
    }
    .mix-card [class*='col-']{
        margin-bottom:0px;
      }
  .col-12.col-md-6.d-flex.align-items-stretch{
    width:50% !important;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row.d-flex.align-items-stretch .col-12.col-md-6{
    width:50% !important;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-12.col-md-4.d-flex.align-items-stretch{
    width:33.333% !important;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    margin-bottom:0;

  }
  .responsive {
    position: relative;
    padding-bottom: 20%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .responsive iframe, .responsive object, .responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  footer .col-sm-12.col-md-2{
    width:33.333% !important;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

  .col-12.shop .product-slider {
    max-height:390px;
    overflow:hidden;
  }
  .product-slider .product-card img{
    max-width:208px;
    height:auto;
  }
  .product-slider .product-card{
    max-width:208px;
    overflow:hidden;
  }
  .touch .col-12.shop .product-slider {
    max-height:475px;
    overflow:hidden;
  }
}
@media screen
and (min-width:1200px)
and (max-width:1439px) {
  .edition-box .btn{
    margin-bottom:15px;
 }
.textimg-transparent.hover.shop .overlay{
  min-height:70px !important;
  padding:0 20px;
}
  .responsive {
    position: relative;
    padding-bottom: 18%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .responsive iframe, .responsive object, .responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .textonly.yellow h2{
    font-size:26px;
  }
  .textonly.yellow p{
    font-size:16px;
  }

  .col-12.shop .product-slider {
    max-height:380px;
    overflow:hidden;
  }
  .product-slider .product-card img{
    max-width:200px;
    height:auto;
  }
  .product-slider .product-card{
    max-width:200px;
    overflow:hidden;
  }

  .col-12.shop .product-slider {
    max-height:385px;
    overflow:hidden;
  }
  .product-slider .product-card img{
    max-width:200px;
    height:auto;
  }
  .product-slider .product-card{
    max-width:200px;
    overflow:hidden;
  }
  .touch .col-12.shop .product-slider {
    max-height:455px;
    overflow:hidden;
  }
}
@media screen
  and (min-width:1440px)
  and (max-width:1799px){
    .textimg-transparent.hover .overlay {
    }
  .col-lg-3 .textimg-transparent.hover .overlay h2,
    .col-lg-3 .textimg-transparent.hover .overlay h3{
    max-width:60%;
    font-size:20px;
    }
   .col-sm-6 .textimg-transparent.hover.edition.shop .overlay h3{
    max-width:70%;
    font-size:1.7rem;
    }
  .col-lg-3 .textimg-transparent.hover .overlay .btn{
    max-width:70%;
    font-size:14px;
    }
   .col-md-3 .textimg-transparent.hover.edition.shop .overlay h3{
    max-width:70%;
    font-size:20px;
    }
  .textimg-transparent.hover.edition .overlay{
     font-size:0.9em;
   }
  .textimg-transparent.hover.edition .overlay p{
     font-size: 0.9rem;
     line-height: 1.3em;
     padding-bottom:0em;
     margin-bottom:0.5em;
  }
  .textimg-transparent.hover .overlay .row .col-sm-12 {
      padding: 0 20px 0 20px !important;
      margin-bottom:0px;
   }
  .edition-box .btn{
    margin-bottom:15px;
 }
  .responsive {
    position: relative;
    padding-bottom: 15%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .responsive iframe, .responsive object, .responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .product-card .priceinfo .price{
    font-size:1.6em;
  }

  .col-12.shop .product-slider {
    max-height:380px;
    overflow:hidden;
  }
  .product-slider .product-card img{
    max-width:200px;
    height:auto;
  }
  .product-slider .product-card{
    max-width:200px;
    overflow:hidden;
  }
}

@media screen
  and (min-width:1801px){
    .textimg-transparent.hover .overlay {
    }
  .col-lg-3 .textimg-transparent.hover .overlay h2,
  .col-lg-3 .textimg-transparent.hover .overlay h3{
    max-width:70%;
    font-size:24px;
    }
  .col-lg-3 .textimg-transparent.hover .overlay .btn{
    max-width:30%;
    font-size:14px;
    }
  .col-lg-3 .textimg-transparent.hover.edition .overlay p{
     font-size: 0.9rem;
     line-height: 1.3em;
     padding-bottom:0em;
  }
  .textimg-transparent.hover .overlay .row .col-sm-12 {
      padding: 0 20px 0 20px !important;
      margin-bottom:0px;
   }
  .textimg-transparent.hover .overlay .row .col-sm-12 p{
     font-size: 0.9rem;
     line-height: 1.3em;
     padding-bottom:0em;
     margin-bottom:0.5em;
   }
}
@media screen
  and (min-width:768px)
  and (max-width:991px) {
    .nav-kachel {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .roundedimg{
    text-align:center;
  }
  .roundedimg img{
    width:40%;
  }
  .no-media-element,
  .news-list .col-sm-2{
    width:100%;
    display:block;
    text-align:center;
  }

  .news-list .col-sm-2 img{
    width:30%;
    text-align:center;
  }
  section.high.top{
      padding:50px 0 0px 0;
  }
  section.high.bottom{
      padding:0px 0 50px 0;
  }
  .textimg-transparent.hover.shop .overlay{
    min-height:60px !important;
    padding:0 20px;
  }
	.giftcards .gc-box .overlay {
		align-items: center;
		display: flex;
		height: 76px;
		margin-top: -76px;
		position: relative;
		z-index: 10;
		width: 100%;
	}
	.giftcards .gc-box h3 {
		font-size: 20px;
		padding-right: 80px;
	}
  .col-12.col-md-4.d-flex.align-items-stretch{
    width:33.333% !important;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    margin-bottom:0;
  }
  footer .col-sm-12.col-md-2{
    width:33.333% !important;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .blog .col-12.col-sm-6.col-lg-4.d-flex.align-items-stretch{
    width:50% !important;
    flex: 0 0 50%;
  }
  .col-12.shop .product-slider {
    max-height:400px;
    overflow:hidden;
  }
  .touch .col-12.shop .product-slider {
    max-height:490px;
    overflow:hidden;
  }
  .product-slider .product-card img{
    max-width:221px;
    height:auto;
  }
  .product-slider .product-card{
    max-width:221px;
    overflow:hidden;
  }
  .mix-best-of .mix-card-img{
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
  }
  .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch,
  .row.d-flex.align-items-stretch .col-12.col-md-6{
    width:50% !important;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .textimg-transparent .overlay .row {
    font-size:0.9em;
  }
  .textimg-transparent .overlay .row p{
    margin-bottom:0.5em;
  }
  .sitemap.col-12>ul{
    display:flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left:0;
  }
  .sitemap.col-12>ul ul{
    padding:0 0 25px 15px;
  }
  .sitemap.col-12>ul>li{
    flex-basis: auto;
    flex-grow: 1;
    width: 25%;
    max-width: 100%;
    border:1px solid #ddd;
    padding:10px;
    margin:10px;
  }
  .sitemap.col-12>ul ul li a{
    border-width:1px;
    font-weight:normal;
  }
}
@media screen and (max-width:991px){
  /*alternative white mobile background
  .bar2{
    background:rgba(255,255,255,0.9);
  }
  */
  header,body{
    font-size:18px;
  }
  body{
    margin-top:70px;
  }
  .tooltip {top:-70px !important;}
  .col-12.logo{
    text-align:center;
    height:auto;
    padding:0.1rem 0 0 0;
    margin-bottom:0;
  }
  .logo img{
    width:60%;
    padding-top:15px;
  }
  .shop-tools{
    position: absolute;
    top:10px;
    right:0px;
    width:80px;
  }
  .shop-tools .basket .total{
    display: none;
  }
  .small-cart,
  .small-cart:hover{
    display:block;
    border:1px solid #444444 !important;
    border-radius: 5px;
    padding:5px 20px 10px 10px;
  }
  .small-cart:hover{
    background:#222222;
  }
  .shop-tools .wishlist{
    display: none !important;
  }
  .shop-tools .login{
    display: none !important;
  }
  .bar{
    height: 70px;
  }
  .bar .search{
    display:none;
  }
  .bar2{
    top:70px;
    position:absolute;
  }
  .bar2 .navbar-collapse.collapse.show .search{
    /*position:fixed;*/
    /*bottom:0;*/
    width:100%;
    /*left:0;*/
    position:absolute;
    top:55px;
    padding: 20px;
    background:#ffffff;
    margin-bottom:0px !important;
    z-index:2;
  }
  .navbar-collapse.collapse.show{
    height:300vh;
  }
  .small-cart.mobile{
    position:absolute;
    top:2px;
    right:14px;
    height:39px;
    padding-right:20px;
  }
  .small-cart .fas:before{
    font-size:25px;
    top:3px;
  }
  .small-cart .fas .number{
    right:-15px;
  }
  .navbar-toggler{
    position:absolute;
    top:10px !important;
    left:3px;
    border:none;
    font-size:30px;
  }
  .navbar-toggler:focus{
    border:none;
    outline:none;
  }
  .navbar-toggler.collapsed .navbar-toggler-icon:before{
    font-family: "Font Awesome 5 Pro";
    content:"\f0c9";
    color:#FCC942;
  }
  .navbar-toggler .navbar-toggler-icon:before{
    font-family: "Font Awesome 5 Pro";
    content:"\f00d";
    color:#FCC942;
  }
  .header .container{
    min-height:439px;
  }
  .hero-overlay{
    margin-bottom:10px;
    padding:20px 20px 0px 20px;
    font-size:0.9em;
  }
  .hero-overlay p{
    margin-bottom:10px;
  }
  .hero-link{
    border-top:1px solid #dddddd;
    padding:0;
    margin:0 -20px;
    padding:15px 15px 0 15px;;
   }
   [class*='col-']{
      margin-bottom:30px;
    }
  .mix-card [class*='col-']{
      margin-bottom:0px;
    }
  .list-group-item.search-result.results-entry .col-md-10{
    margin-bottom:0;
  }
  .skew1{
    height:30px !important;
    bottom:-1px;
  }
  .breadcrumb{
    text-align:left !important;
    padding-left:5px;
    padding-bottom:0 !important;
    width:100%;
  }
  .header-simple .col-sm-3{
      margin-bottom:0px;
  }
  .textimg-transparent.hover .overlay .row .col-sm-4,
  .textimg-transparent.hover .overlay .row .col-sm-8,
  .textimg-transparent.hover .overlay .row .col-sm-12{
    padding:0 10px 0 20px !important;
    margin-bottom:0;
  }
  .textimg-transparent.hover.edition .overlay .row {
    margin:0;
  }
  .textimg-transparent.hover.edition .overlay .row .col-sm-12{
    padding:0 0px 0 0px !important;
    margin-bottom:0;
  }
  .textimg-transparent.hover.edition .overlay .row .link-bottom{
    padding:10px 0px 10px 0px !important;
    margin-bottom:0;
  }

  .textimg-transparent.hover .overlay .row .col-sm-8 p{
    line-height:1.3em;
  }
  .blog-categories ul{
    padding:0;
    margin:0;
    list-style: none;
  }
  .blog-categories ul li{
    display:inline-block;
  }
  .header-bg .col-sm-3{
    margin-bottom:0;
  }
  .zot-gallery .col-sm-3:nth-last-child(1),
  .zot-gallery .col-sm-3:nth-last-child(2),
  .zot-gallery .col-sm-3:nth-last-child(3),
  .zot-gallery .col-sm-3:nth-last-child(4){
    margin-bottom:30px;
  }

  .zot-gallery .col-sm-4:nth-last-child(1),
  .zot-gallery .col-sm-4:nth-last-child(2),
  .zot-gallery .col-sm-4:nth-last-child(3){
      margin-bottom:30px;
  }
  .zot-gallery .col-sm-6:nth-last-child(1),
  .zot-gallery .col-sm-6:nth-last-child(2){
      margin-bottom:30px;
  }
  .zot-gallery .col-sm-8:nth-last-child(1){
      margin-bottom:30px;
  }
  .zot-gallery .col-sm-3{
    width:50%;
  }
  footer li i.fas{
    position:relative;
    left:-3px;
  }
  .shop-infos.mobile-only{
    display:block;
    border-top:4px solid #dddddd;
  }
  .shop-infos.mobile-only .col-12.col-sm-4.col-md-4{
      flex: 0 0 33.3333333%;
      max-width: 33.3333333%;
  }
  .desktop-only{
    display:none;
  }
  #google_translate_element{
    display:none !important;
  }
  .responsive {
    position: relative;
    padding-bottom: 28%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .responsive iframe, .responsive object, .responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #accordionEx7{
    display:none;
  }
  .mixing-boxselect .mobile-only{
    display:block;
  }
  .col-12.col-sm-3 .textonly.yellow{
    display:none;
  }
  .hidden-xs{
    display:none;
  }
  .relevance.hidden-xs{
    display:block;
  }
  .tx-solr-search-form.col-lg-8  {
    margin-bottom:0;
  }
  .etrusted-badge-container.etrusted-badge-container--left{
    z-index:8;
  }

  .intercom-lightweight-app{
    z-index:8 !important;
  }
}
@media screen and (max-width:767px){
  .shop-infos.mobile-only .col-12.col-sm-4.col-md-4{
      flex: 0 0 100%;
      max-width: 100%;
  }
	.giftcards .gc-box .overlay {
		align-items: center;
		display: flex;
		height: 76px;
		margin-top: -76px;
		position: relative;
		z-index: 10;
		width: 100%;
	}
	.giftcards .gc-box h3 {
		font-size: 20px;
		padding-right: 30px;
	}
  .price-row .certs{
    width:120px;
    display:flex;
    flex-direction: row;
    justify-content: flex-end;
  }

  price-row .certs img{
    width:40px;
    height:auto;
    align-self:flex-end;
  } 
}
@media screen and (max-width:610px){
  .giftcards .gc-box .overlay{
    flex-direction: column;
    height:auto;
  }
	.giftcards .gc-box h3 {
		font-size: 20px;
		padding-right: 0px;
    text-align:center;
	}
	.giftcards .gc-box .btn {
		position:relative;
    display:block;

	}
  .responsive {
    position: relative;
    padding-bottom: 35%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .responsive iframe, .responsive object, .responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .ts-rating-light.ts-rating.productreviews .ts-header-title{
    font-size: 1.2rem !important;
  }
}
@media screen and (max-width:450px){
  html, body{
    font-size:16px;
  }
  .mobile-only{
    display:block;
  }
  .textimg-transparent.hover{
    overflow:auto;
  }
  .textimg-transparent{
    overflow:auto;
  }
  .textimg-transparent.fixed .overlay{
    min-height:auto;
    position:relative;
    padding-bottom:45px;
  }

  .textimg-transparent.hover .overlay{
    min-height:auto !important;
    position:relative;
    padding-bottom:0px;
  }
  .textimg-transparent.hover .overlay .row{
      max-height:100%;
      overflow:auto;
      margin-left:-20px;
      margin-right:-20px;
      -webkit-transition: max-height 1s ease;
      -moz-transition: max-height 1s ease;
      -o-transition: max-height 1s ease;
      transition: max-height 1s ease;
  }
  .col-md-3 .textimg-transparent.hover.edition.shop .overlay{
    display: block;
    min-height:50px !important;
  }
  .col-md-3 .textimg-transparent.hover.edition.shop .overlay h3{
    width:100%;
    max-width:100%;
    padding-bottom:0px;
    margin-bottom:0 !important;
    text-align: center;
    font-size:1.2em;
  }
  .col-md-3 .textimg-transparent.hover.edition.shop .overlay h3 a{
    display:block;
  }

  .textimg-transparent.hover.shop .overlay{
    padding:5px 5px 0 5px !important;
  }
  .textimg-transparent.hover.shop .overlay .btn{
    position:relative;
    right:auto;
    top:auto;
    margin-bottom:5px;
    padding-left:0;
    width:100%;
  }
  .textimg-transparent.hover.shop .overlay .btn.yellow{
    padding-left:10px;
  }
  .textimg-transparent.hover.shop .overlay{
    padding-left:5px;
    padding-right:5px;
    padding-bottom:0;
  }
  .news-small div.overlay{
    position:static;
    bottom:0;
    width:100%;
    padding:20px;
    min-height:40%;
    padding-bottom:55px;
    background:rgba(255, 255, 255, 1);
  }
  .shadow.rounded {
    background:#fff;
  }
  .slick-dots{
      bottom: 55px;
      text-align:right;
      width: 50%;
      right:20px;
  }
  .link-bottom, .news-small div.link-bottom{
    position: absolute;
    bottom:15px;
    border-top:1px solid #dddddd;
    width:100%;
    padding-left:20px;
    padding-top:10px;
  }
  .zot-gallery .col-sm-3{
    width:100%;
  }
  .product-card{
    min-height:360px;
  }
  .product-card .expand h3{
    min-height: 2.4rem;
    max-height: 30px;
    font-size:16px;
    line-height:1em;
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    word-break: break-word;

    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .product-card .priceinfo .price{
    font-size:1.3em;
    right:1px;
    top:1px;
  }
  .product-card .prod-extended a.wishlist i.far,
  .product-card .prod-extended a.wishlist span{
    display:inline;
  }
  .prod-cart .btn.btn-primary{
    padding:8px 8px;
    font-weight: bold;
    font-size:0.75rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
    -moz-box-shadow: 0px 0px 10px 0px rgba(99,100,99,0.1) !important;
     box-shadow: 0px 0px 3px 0px rgba(99, 100, 99, 0.4) !important;
  }
  .header-simple{
    padding-top:0px;
  }
  .header-simple p{
    margin:0;
  }
  .header-simple h1{
    margin:0 0 10px 0;
    font-size:1.8rem;
  }
  section.high{
    padding:20px 0;
  }
  footer .bg4{
    padding:60px 0;
  }
  section.high.top{
      padding:20px 0 15px 0;
  }
  section.high.bottom{
      padding:15px 0 20px 0;
  }
  .textimg-transparent.hover.shop .overlay h3,
  .textimg-transparent.hover.edition.shop .overlay h3,
  .textimg-transparent.hover .overlay h3,
  .textimg-transparent.hover.edition .overlay h3  {
    font-size:20px;
  }
  .giftcards .link-bottom3 .btn {
    padding:8px 8px;
    margin-left:0;
    font-size:15px;
  }
  .giftcards .col-6.col-sm-6{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-10.col-sm-10{
    flex: 0 0 100%;
    max-width: 100%;
    width:100%;
    margin-bottom:15px;
  }

  .kontonav .nav-item{
    flex-basis: auto;
    flex-grow: 1;
    text-align: center;
  }
  .responsive {
    position: relative;
    padding-bottom: 45%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .responsive iframe, .responsive object, .responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .col-6.mix-select{
    flex: 0 0 100%;
    max-width: 100%;
    width:100%;
    margin-bottom:15px;
  }
  .mix-best-of .mix-card-img{
    padding:0 5px 15px 5px;
  }
  .col-8.mix-best-of{
    flex: 0 0 100%;
    max-width: 100%;
    width:100%;
  }
  .facet-label.panel-title  {
    font-size:1.1em;
  }
  #tx-solr-search-functions .panel-group,
  #tx-solr-search-functions .hidden-xs {
    margin-bottom:0 !important;
  }
  .col-6.audio-list{
    flex: 0 0 100%;
    max-width: 100%;
    padding-left:25px;
  }
}
@media screen and (max-width:360px){
  .product-card{
    min-height:310px;
  }
  .responsive {
    position: relative;
    padding-bottom: 95%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .responsive iframe, .responsive object, .responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  footer .col-sm-12.col-md-2{
    width:100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (max-width:320px){
  .product-card{
    min-height:290px;
  }
}
@media screen and (max-width:767px){
  .shop-pager form{
    display: flex;
    flex-direction:row;
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: space-between;
    padding-left:0;
  }
  .shop-pager ul.list-pages{
    padding:0;
  }
  .list-entries,
  .list-sort{
    flex-direction: column;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .list-entries{
  }
  .list-entries label,
  .shop-pager form select{
    align-self: start;
  }
  shop-pager .list-sort label,
  .shop-pager form .list-sort select{
    align-self: end;
    padding:0;
  }

}
@media screen (max-width:736px){
}
/*iPad*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  .product-card{
    min-height:540px;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch,
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6{
    width:50% !important;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch img,
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6 .news-small img{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay,
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6 .news-small .overlay{
    position:relative;
    padding:10px;
    min-height:250px;
  }

  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay .row {
    display:block !important;
    height:auto !important;
    max-height:600px;
    margin:0;
  }
  .touch .textimg-transparent.hover .overlay .row .col-sm-4,
  .touch .textimg-transparent.hover .overlay .row .col-sm-8,
  .touch .textimg-transparent.hover .overlay .row .col-sm-4{
    padding: 0 0px 0 0px !important;
    width:100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay .link-bottom{
    padding-left:0;
  }
  .touch .news-small .link-bottom{
    padding-bottom:0px;
    position:absolute;
    margin-left:0;
    padding-left:0;
    margin-bottom:0;
  }
  .touch .slick-dots{
    bottom:60px;
    text-align:right;
    width: 50%;
    right:5px;
 }
 .navbar-toggler{
   top:8px !important;
   left:10px;
 }
  .col-12.col-md-4.d-flex.align-items-stretch .teaser.shadow.rounded .teaser-text{
   padding-bottom:90px;
 }
  .pac-container{
    margin-top:-148px !important;
  }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  .product-card{
    min-height:390px;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch img,
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6 .news-small img{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay,
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6 .news-small .overlay{
    position:relative;
    padding:10px;
    margin-bottom:0;
    min-height:250px;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay .row {
    display:block !important;
    height:auto !important;
    max-height:600px;
    margin:0;
  }
  .touch .textimg-transparent.hover .overlay .row .col-sm-4,
  .touch .textimg-transparent.hover .overlay .row .col-sm-8,
  .touch .textimg-transparent.hover .overlay .row .col-sm-4{
    padding: 0 0px 0 0px !important;
    width:100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay .link-bottom{
    padding-left:0;
  }
  .touch .news-small .link-bottom{
    padding-bottom:0px;
    position:absolute;
    margin-left:0;
    padding-left:0;
    margin-bottom:0;
  }
  .touch .slick-dots{
    bottom:60px;
    text-align:right;
    width: 50%;
    right:5px;
 }
 .navbar.navbar-zotter .nav-tabContent-top p.h4, .navbar.navbar-zotter .nav-imageContent p.h4{
   overflow-wrap: break-word;
   word-wrap: break-word;

   -ms-word-break: break-all;
   word-break: break-word;

   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
 }
}
/*ipad pro*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait) {
  .product-card{
    min-height:540px;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch,
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6{
    width:50% !important;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch img,
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6 .news-small img{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay,
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6 .news-small .overlay{
    position:relative;
    padding:10px;
    min-height:250px;
  }

  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay .row {
    display:block !important;
    height:auto !important;
    max-height:600px;
    margin:0;
  }
  .touch .textimg-transparent.hover .overlay .row .col-sm-4,
  .touch .textimg-transparent.hover .overlay .row .col-sm-8,
  .touch .textimg-transparent.hover .overlay .row .col-sm-4{
    padding: 0 0px 0 0px !important;
    width:100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay .link-bottom{
    padding-left:0;
  }
  .touch .news-small .link-bottom{
    padding-bottom:0px;
    position:absolute;
    margin-left:0;
    padding-left:0;
    margin-bottom:0;
  }
  .touch .slick-dots{
    bottom:60px;
    text-align:right;
    width: 50%;
    right:5px;
 }
 .navbar-toggler{
   top:8px !important;
   left:10px;
 }

}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (-webkit-min-device-pixel-ratio: 1.5) {
  .product-card{
    min-height:390px;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch img,
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6 .news-small img{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay,
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6 .news-small .overlay{
    position:relative;
    padding:10px;
    margin-bottom:0;
    min-height:250px;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay .row {
    display:block !important;
    height:auto !important;
    max-height:600px;
    margin:0;
  }
  .touch .textimg-transparent.hover .overlay .row .col-sm-4,
  .touch .textimg-transparent.hover .overlay .row .col-sm-8,
  .touch .textimg-transparent.hover .overlay .row .col-sm-4{
    padding: 0 0px 0 0px !important;
    width:100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .touch .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch .overlay .link-bottom{
    padding-left:0;
  }
  .touch .news-small .link-bottom{
    padding-bottom:0px;
    position:absolute;
    margin-left:0;
    padding-left:0;
    margin-bottom:0;
  }
  .touch .slick-dots{
    bottom:60px;
    text-align:right;
    width: 50%;
    right:5px;
 }
}
/*end ipad pro*/
@media screen and (min-width:768px){
.product-card{
    min-height:390px;
  }

}
@media only screen
and (min-width : 451px)
and (max-width : 599px){
    .product-slider .product-card{
        min-height:340px;
      }
    .product-slider .product-card .price{
        font-size:1.1em;
      }
    .product-slider .product-card h3{
      font-size:18px;
      }
    .col-6.audio-list{
      flex: 0 0 100%;
      max-width: 100%;
      padding-left:25px;
    }
}
@media only screen
and (min-width : 600px)
and (max-width : 767px){
.product-slider .product-card{
    min-height:410px;
  }
.product-slider .product-card .price{
    font-size:1.8em;
  }
}
@media screen and (max-width:800px){

  .product-slider .slick-next{
    height:100%;
    width:20px;
    background: linear-gradient(90deg, rgba(68,68,68,0) 0%, rgba(68,68,68,0.6) 70%, rgba(68,68,68,1) 100%);
    cursor:pointer;
    right:0;
  }
}
@media only screen
and (min-width : 768px)
and (max-width : 800px){
.product-slider .product-card{
    min-height:355px;
  }
.product-slider .product-card .price{
    font-size:1.5em;
  }
}
@media only screen
and (min-width : 801px)
and (max-width : 991px){
.product-slider .product-card{
    min-height:400px;
  }
.product-slider .product-card .price{
    font-size:1.5em;
  }
}

@media only screen
and (min-width : 400px)
and (max-width : 991px){
  .row.zot-gallery.d-flex.justify-content-center .col-sm-4.col-md-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-12.col-md-6.d-flex.align-items-stretch{
      flex: 0 0 50%;
      max-width: 50%;
  }
  .textimg-transparent.hover.shadow.rounded.edition{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
  }
   .col-12.col-md-6.d-flex.align-items-stretch .edition .overlay{
    position:relative;
    padding:10px 10px 0 10px;;
  }
  .textimg-transparent.hover.edition .overlay .row{
    max-height:600px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    padding-bottom:60px;
    position:relative;
  }
  .textimg-transparent.hover.edition .overlay .link-bottom {
      position: absolute !important;
      bottom: 0px;
      padding-bottom: 10px;
  }
  .textonly.white.edition-box .row .col-sm-3{
    flex: 0 0 25%;
    max-width: 25%;
  }

  .textonly.white.edition-box .row .col-sm-9{
    flex: 0 0 75%;
    max-width: 75%;
  }
  .textimg-transparent.hover.shadow.rounded.edition .btn-primary.grey{
    display:none;
  }
}
@media only screen
and (min-width : 400px)
and (max-width : 767px){
  .touch .nav-kachel {
    flex: 0 0 50%;
    max-width: 50%;
  }
  section.high.top{
      padding:50px 0 0px 0;
  }
  section.high.bottom{
      padding:0px 0 50px 0;
  }
  .row.d-flex.align-items-stretch .col-12.col-md-6.d-flex.align-items-stretch{
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width:1200px){
.product-card{
    min-height:440px;
  }
.product-slider .product-card{
    min-height:385px;
  }
}
@media screen and (min-width:1440px){
.product-card{
    min-height:410px;
  }
.product-slider .product-card{
    min-height:380px;
  }
  .blog.recent .col-12.col-sm-6.col-lg-4{
    flex: 0 0 25%;
    max-width: 25%;
}   
}
@media screen and (min-width:1800px){
  .product-card{
    min-height:470px;
  }
	.giftcards .gc-box h3 {
		font-size: 22px;
		padding-right: 125px;
	}
  .responsive {
    position: relative;
    padding-bottom: 12%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .responsive iframe, .responsive object, .responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .col-12.shop .product-slider {
    max-height:440px;
    overflow:hidden;
  }
  .product-slider .product-card img{
    max-width:259px;
    height:auto;
  }
  .product-slider .product-card{
    min-height:440px;
    max-width:259px;
    overflow:hidden;
  }
  .js-gme-container{
    clear:both;
    position: relative;
    padding-bottom: 40%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
  }

}

/*iphone 6,7,8*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
  .product-card{
    min-height:490px;
  }
}
/*iphone 6,7,8*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
  .product-card{
    min-height:315px;
  }
}

@media screen and (max-width:450px){
  h1, h2, h3{

    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    word-break: break-word;

    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

  }
}
.wrap{
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    word-break: break-word;

    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/*bootstrap table styles for TYPO3 contenttable*/

.contenttable {
  width: 100% !important;
  height:auto;
  margin-bottom: 1rem;
  color: #000; }
  .contenttable th,
  .contenttable td {
    padding: 0.75rem;
    vertical-align: top;}
  .contenttable thead th {
    vertical-align: bottom;}
  .contenttable tbody + tbody {}

.contenttable-sm th,
.contenttable-sm td {
  padding: 0.3rem; }

@media (max-width: 991.98px) {
  .table-responsive-sm {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .contenttable-responsive-sm > .contenttable-bordered {
      border: 0; }
    .pac-container{
      margin-top:-70px !important;
    }
    .shop-tools .wishlist{
      display:block !important;
    }
    .shop-tools .wishlist span{
      display:none;
    }
    .shop-tools .wishlist span.fas.fa-heart.d-flex.align-self-center{
      display:block;
    }
}
@media (max-width: 550px) {
  #home{
    float:left;
    margin-left:64px;
  }
}
@media (max-width: 550px) {
  #home{
    float:left;
    margin-left:64px;
  }
}
@media (max-width: 450px) {
  #home img{
    max-width:150px;
  }
  .navbar-toggler{
    top:0 !important;
  }
}

/*mobile navbar fixed*/
@media screen and (max-width:991px){
    .bar2 .navbar-collapse.collapse.show {
        height: 100%;
        position: fixed;
        width: 100%;
        top: 70px;
        left: 0;
        bottom: 0;
        overflow: scroll;
        padding-bottom: 90px;
    }
    .bar2 .navbar-collapse .nav.navbar-nav.navbar-left {
        padding-bottom: 190px;
    }
    .bar2 .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-item a,
    .bar2 .navbar.navbar-zotter .nav-item.dropdown .dropdown-menu .nav-tabContent-bottom .nav-item a {
        background-color: transparent !important;
    }
}
@media screen and (max-width:1200px){
    form#fachhaendlersuchen-10362,
    form#fachhaendlersuchenEN-10439,
    form#fachhaendlerwerden_1-10440,
    form#fachhaendlerwerden-10441,
    form#bestofAdventkalenderVeganUmfrage-17133{
      padding:0 25px;
      width:100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      margin:0 auto;
    } 
  
}
.intercom-lightweight-app-launcher{
  border:1px solid #666666;
}
@media screen and (min-width:1440px){
  #home img{
    max-width:70%;
  }
}
@media screen and (max-width:991px){
  #home img{
    width:240px;
    position: relative;
    top:-10px;
  }
}