/* fontello START */

/*@font-face {
  font-family: 'fontello';
  src: url('../../fonts/fontello.eot?53798444');
  src: url('../../fonts/fontello.eot?53798444#iefix') format('embedded-opentype'),
       url('../../fonts/fontello.woff?53798444') format('woff'),
       url('../../fonts/fontello.ttf?53798444') format('truetype'),
       url('../../fonts/fontello.svg?53798444#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

@font-face {
  font-family: 'fontello';
  src: url('../../fonts/fontello.eot?64565942');
  src: url('../../fonts/fontello.eot?64565942#iefix') format('embedded-opentype'),
  url('../../fonts/fontello.woff2?64565942') format('woff2'),
  url('../../fonts/fontello.woff?64565942') format('woff'),
  url('../../fonts/fontello.ttf?64565942') format('truetype'),
  url('../../fonts/fontello.svg?64565942#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?64565942#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-twitter:before { content: '\f099'; } /* 'ï‚™' */
.icon-facebook:before { content: '\f09a'; } /* 'ï‚š' */
.icon-instagram:before { content: '\f16d'; } /* 'ï…­' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */

/* fontello END */

/* Default-Stuff */
body {
  overflow-y: scroll;
}

/* Theme */

#angebote .heading {
  padding-bottom: 10px;
}

.haendler .heading h1 {
  padding: 15px 0 30px 0;
}

.offline {
  float: right;
  margin-top: 24px;
  font-size: 20px;
  color: #e9562a;
}
.offline.e404 {
  float: none;
  text-align: center;
}

.btn.offline {
  position: absolute;
  border-radius: 0 !important;
}

figure .offline {
  display: block;
  position: absolute;
  top: 40px;
  padding: 10px 50px !important;
  font-size: 30px;
  cursor: default;
  color: inherit;
}

ul.hersteller-list {
  list-style: none;
  padding: 12px 0;
  overflow: hidden;
  margin-top: 50px;
}

ul.hersteller-list li {
  text-align: center;
  float: left;
  background-color: #ffffff;
  display: block;
  width: 168px;
  height: 160px;
  margin: 10px 10px;
}

ul.hersteller-list li:hover {
  /*background-color: #332c29;*/
  opacity: .55;
}

ul.hersteller-list li a.img {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: auto;
  height: 130px;
  width: 168px;
  margin: auto;
}
ul.hersteller-list li.hexagon a.img {
  height: 76px;
  padding: 0 14px;
}

ul.hersteller-list li.hexagon a.img img {
  max-height: 70px;
  max-width: 140px;
  width: auto;
}

ul.hersteller-list li .label {
  color: #484848;
  text-decoration: none;
}

ul.hersteller-list li:hover .label {
  /*color: #ffffff;*/
}

ul.hersteller-list li.hexagon {
 width: 168px;
 height: 94px;
 position: relative;
 margin: 31px 10px;
}

ul.hersteller-list li.hexagon:before {
 content: "";
 position: absolute;
 top: -42px;
 left: 0;
 width: 0;
 height: 0;
 border-left: 84px solid transparent;
 border-right: 84px solid transparent;
 border-bottom: 42px solid #ffffff;
}
ul.hersteller-list li.hexagon:after {
 content: "";
 position: absolute;
 bottom: -42px;
 left: 0;
 width: 0;
 height: 0;
 border-left: 84px solid transparent;
 border-right: 84px solid transparent;
 border-top: 42px solid #ffffff;
 z-index: -1;
}
ul.hersteller-list li:hover.hexagon:before,
ul.hersteller-list li:hover.hexagon:after {
  /*border-top-color: #332c29;
  border-bottom-color: #332c29;*/
}



/* Angebote */
.single-produkt section#a {
  max-width: 1400px;
}

section#angebote label {
  /*display: block !important;
  float: left;*/
}

section#kuechenhersteller,
section#kuechenhersteller h1,
section#kuechenhersteller h2,
section#kuechenhersteller h3 {
  color: #fff;
}

section .post-content h1 {
  font-size: 39px;
}

section .post-content h2 {
  font-size: 26px;
}

section .post-content h3 {
  font-size: 18px;
}

#filter {
  background-color: #fff;
  width: 224px;
  height: auto;
  min-height: 600px;
  float: left;
  text-align: center;
  /*background-image: url("/i/l/filter.png");
  background-position: center 220px;
  background-repeat: no-repeat;*/
  margin: 20px 0 0 0;
  padding: 10px 0 0 0;
}

#filter .row label {
  /*width: 72px;*/
  width: 62px;
  text-align: left;
  margin: 0 0 0 5px;
  padding: 2px 0;
}

#filter .row select {
  /*width: 132px;*/
  width: 200px;
  padding: 3px 0;
  font-size: 14px;
}

#filter .row {
  border-bottom: 1px solid #d6d6d6;
  background-color: #fff;
  padding: 0;
  display: block;
  overflow: hidden;
  height: auto;
  width: 200px;
  margin: 0 auto;
  font-size: 15px;
}

#filter .row.input {
  border: 0;
  margin-top: 10px;
}

#filter .row .left,
#filter .row .right {
  border-bottom: 1px solid #d6d6d6;
  font-size: 12px;
  width: 97px;
  float: left;
}
#filter .row .right {
  margin-left: 6px;
}

#filter .row .left select,
#filter .row .left label,
#filter .row .right select,
#filter .row .right label {
  font-size: 14px;
}

#filter input {
  color: #4d4d4d;
  font-size: 13px;
  border-radius: 0;
  height: 30px;
}

#filter input::-webkit-input-placeholder { font-size: 13px;}
#filter input::-moz-input-placeholder { font-size: 13px;}
#filter input:-ms-input-placeholder { font-size: 13px;}

.placeholder {
  position: absolute;
  z-index: -1;
  font-size: 12px;
  left: -140px;
}

select#fi {
  font-weight: bold;
}

.select select {
  text-align: left;
  color: #4d4d4d;
  display: inline-block;
  text-align: left;
  width: 240px;
  height: 34px;
  overflow: hidden !important;

  /*border-bottom: 1px solid #ccc;
  background: url(../images/pfeil-unten.png) no-repeat right transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
  cursor: pointer;
}

@-moz-document url-prefix() {
  .select {
     /*background: url('../images/pfeil-unten.png') no-repeat right transparent;*/
     padding-right: 35px;
     overflow: hidden;
  }

  select.sortby {
    height: 26px;
  }

  /*.select:hover {
     background: url('../images/pfeil-unten-hover.png') no-repeat right transparent;
  }*/

  .select select {
     width: 218px !important;
  }

  .left .select select,
  .right .select select {
     width: 120px !important;
  }
}
/*
select::-ms-expand {
	visibility: hidden;
}

select::-ms-value {
	/*color: #000;*
}

.select select:hover {
  background: url(../images/pfeil-unten-hover.png) no-repeat right transparent;
}
*/
.select select:focus {
  outline: none;
  /*background: url(../images/pfeil-unten-hover.png) no-repeat right transparent;*/
}

select.rtl {
  direction: rtl;
}

input.right,
option.right,
option.right span {
  text-align: right;
}

#filter input[type=text] {
  border: 0;
  border-bottom: 1px solid gray;
  background-color: #EFEFEF;
  height: 28px;
  padding: 0 6px;
}

#filter input.submit {
  margin-top: 20px;
  border-radius: 3px;
  line-height: 1em;
}

#filter select {
  border: 0;
}

#right {
  float: left;
  width: 650px;
}

#right #kr_header {
  background-color: #FFFFFF;
  margin: 20px 20px 0 10px;
}

#kr_header .select {
  width: 146px !important;
  float: left;

}
#kr_header .sortby {
  font-size: 15px;
  margin: 5px 5px 5px 8px;
  width: 136px !important;
}

@-moz-document url-prefix() {
  #kr_header .select {
    width: 100px !important;
    overflow: hidden;
  }
  #kr_header .sortby {
    float: left;
    font-size: 15px;
    margin: 10px 0 0 10px;
    width: 160px !important;
  }
}

#kr_header .heading {
  font-size: 15px;
  padding: 0;
  margin: 0 auto;
  width: 330px;
  text-align: center;
  float: none !important;
}

#kuechenhaendler #kr_header .heading {
  position: relative !important;
  width: 100% !important;
  margin: 5px 0 0 0;
}

.btn-w {
  width: 100%;
  display: block;
  text-align: right;
  overflow: hidden;
  clear: both;
}

.btn {
  background-color: #ffe404;
}

.btn-w .btn { margin: 0 10px 10px 10px; float: right; font-size: 15px; }
.btn-w.left .btn { margin: 0 10px 0 0; float: left; }
.btn-w.center .btn { margin: 0 auto; float: none; }

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

.btn-w.center {
  text-align: center;
}
/*
.btn,
input[type="submit"].btn {
  cursor: pointer !important;
  display: block;
  background-color: #6C594B !important;
  border: 0px solid #c1c1c1 !important;
  height: 22px !important;
  width: 120px !important;
  padding: 6px !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #fff !important;
  border-radius: 3px !important;
}

.btn.pdf {
  background: transparent url('../../global_gfx/moebelboerse/print.png') 60px 9px no-repeat;
  background-size: 17px;
  width: 80px !important;
  text-align: left !important;
  text-indent: 15px;
}

input[type="submit"].btn {
  height: 36px !important;
  width: 140px !important;
}

.btn:hover,
input[type="submit"].btn:hover {
  background-color: #57B05D !important;
}
*/
.kontaktform {
  position: absolute !important;
  right: 0;
  bottom: -56px;
  width: auto !important;
}

.produkt-modal .form-control[type='text'],
.produkt-modal .form-control[type='email'] {
  height: 34px;
}

.kontaktform .ajax-loader {
  position: absolute !important;
  right: 160px;
  bottom: 10px;
}

.btn.merkzettel {
  float: right;
  margin-right: 20px;
}

.btn.mehr {
  float: right;
  margin: 20px 20px 10px 0;
}

.btn.alle-angebote {
  width: 170px !important;
}

.btn.back {
  font-weight: 600;
  margin-top: 10px;
  padding: 6px 15px;
  float: left;
	line-height: normal;
}

ul.kr {
  list-style: none;
  padding: 12px 0;
  overflow: hidden;
  background-color: #F6F4F1 !important;
}

#angebote ul.kr.angebote {
  margin-left: 10px;
}

ul.kr li {
  text-align: center;
  float: left;
  background-color: #ffffff;
  display: block;
  vertical-align: top;
  height: 310px;
  width: 300px;
  margin: 10px 10px;
  /*width: 306px;
  margin: 10px 0px 10px 19px;*/
}

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

  .threecol ul.kr {
    padding: 6px 0;
  }

  .threecol ul.kr li {
    margin: 10px 10px;
  }

  .threecol #right {
    float: left;
    width: 960px;
  }

  section.threecol .section-holder {
    width: 1170px !important;
  }

}

ul.kr li {
  position: relative;
  display: inline-block !important;
}

ul.kr li:before {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  left: 0;
  bottom: -16px;
  height: 16px;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8IAAAAYCAMAAAAGeLRLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPNQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWIeG4QAAAFF0Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKissLS4vMDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSUpLTE1OT1BRItY9IwAAA/ZJREFUeNrtnO1ypSAMhnn3/u/53R/bHgXyhYDiWZh2BITYzuQxARKRXlqQdtllZOEmYUm4Num78Lv/GNyLApbF8xnWsRlZ46krCmOPDmGY+mGgFmMqHdgovgpCTh3PgSM57IH0dA9x3URoHJo0Hu184BpXGM4lNvJzqWLnMF6U3iawczTjk1nrEhT1gqJ1WgumpurtANSOMFx8+Rg3xvgZU3DFAgSOEXrV/LTSSrtt33YQZLomjO2jWFVx0gcU+qF0C9wjyTPMwVZFf5NYDegKbnoYnvuBZpha3IN3W2Q28MhmhBk1RgxJpis31mBDRRJCdzDlGVI3coyR7HZ2qerQ+febElCQafI7DF8fgdUAgnQhgHFUxtN2mJPmMYBvUIZBLN3nUUPR7xBM378KTTKpU8jyYXQHqm0c/Fi/v+OUW8WbAIUKV1QbtQpKmH1yp8qWchuubw7f3Q5uJaCbwZlmm90Tgz4v/eF0vV7lSlsgJealTrXvp0KzJnXkYik1ipl0f/FLH844Z2AffT7wOKOlVcqu7HaOJCobLRp9yGYbAUdAJlC12GghGB7aHTBiHM7sXgrTQ5UtDDNkWYMY02iJFjF/KkuD+2nxRBo1lMVKogdmdsn7sxpTSsQZXyTxBzXWWaskWGdYYjd/O6jmPVVAKy1rJW668zA3AnQg0Y5wN38YbI7ZCTEdk8qGKZrvGrgIJk8kvzaGUks1lhVnNck6wQWXIqBnSJnEn6OKDz5QSK7Izi440ZsZbJ3cHOISaZSIiU57uYbXV+MSwxbCUBiBs36+k+DRAA+A+DrD6qqVigy6CBuWl6JHLGFKCekauAynU0tm+WxaeUiiYH8PVmV2P7P+pF122eXFBZ4XvbYjbS6Mv9eRHrgQHrMcfrUjrZjgtR3p4463nSX4zqO3s/LO+HaWulVtbmdBw+BV21nRU6+23eQJBM/fzlKOTEPbWeYyOLSdVTnO47ezjNrPdlZhW5sPlVSkRh8qlQYRSetUD24QvCbFBC9xqDQ3FKT7eHiBQyU18ko8PxJ3ozWkhx8qiRQn+1Apt9fqji5yS7hIaIff8b+EdmAVeF8f2qHum1le/V2hHafHUJluBFj6kZGjAywbwyjj9LbHV+4Ay0sE3x1geTXCkqH/wI+2vC3AUjzRPgIsFZ/R6L4nzQEtzWCaQ1P20rJpDriFx3tEXs6ya8xzaEtF8LIgRMsfbLemOWivFYaMDaI6hIm8jE42nPCZg51seOUNMD7ZUB03PNlwwFuFHX88u9zAp2zU3Iz/nfK/PvJ9kx/L+R+X8i+OevGHd77guzv7wzvLPJbryeJjOrSSWm7ruMta37/j1vEN5y7fD3pL+Qs8CN85Glbn7AAAAABJRU5ErkJggg==") left -12px no-repeat;
}

ul.kr li:after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  right: 0;
  bottom: -16px;
  height: 16px;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8IAAAAYCAMAAAAGeLRLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPNQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWIeG4QAAAFF0Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKissLS4vMDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSUpLTE1OT1BRItY9IwAAA/ZJREFUeNrtnO1ypSAMhnn3/u/53R/bHgXyhYDiWZh2BITYzuQxARKRXlqQdtllZOEmYUm4Num78Lv/GNyLApbF8xnWsRlZ46krCmOPDmGY+mGgFmMqHdgovgpCTh3PgSM57IH0dA9x3URoHJo0Hu184BpXGM4lNvJzqWLnMF6U3iawczTjk1nrEhT1gqJ1WgumpurtANSOMFx8+Rg3xvgZU3DFAgSOEXrV/LTSSrtt33YQZLomjO2jWFVx0gcU+qF0C9wjyTPMwVZFf5NYDegKbnoYnvuBZpha3IN3W2Q28MhmhBk1RgxJpis31mBDRRJCdzDlGVI3coyR7HZ2qerQ+febElCQafI7DF8fgdUAgnQhgHFUxtN2mJPmMYBvUIZBLN3nUUPR7xBM378KTTKpU8jyYXQHqm0c/Fi/v+OUW8WbAIUKV1QbtQpKmH1yp8qWchuubw7f3Q5uJaCbwZlmm90Tgz4v/eF0vV7lSlsgJealTrXvp0KzJnXkYik1ipl0f/FLH844Z2AffT7wOKOlVcqu7HaOJCobLRp9yGYbAUdAJlC12GghGB7aHTBiHM7sXgrTQ5UtDDNkWYMY02iJFjF/KkuD+2nxRBo1lMVKogdmdsn7sxpTSsQZXyTxBzXWWaskWGdYYjd/O6jmPVVAKy1rJW668zA3AnQg0Y5wN38YbI7ZCTEdk8qGKZrvGrgIJk8kvzaGUks1lhVnNck6wQWXIqBnSJnEn6OKDz5QSK7Izi440ZsZbJ3cHOISaZSIiU57uYbXV+MSwxbCUBiBs36+k+DRAA+A+DrD6qqVigy6CBuWl6JHLGFKCekauAynU0tm+WxaeUiiYH8PVmV2P7P+pF122eXFBZ4XvbYjbS6Mv9eRHrgQHrMcfrUjrZjgtR3p4463nSX4zqO3s/LO+HaWulVtbmdBw+BV21nRU6+23eQJBM/fzlKOTEPbWeYyOLSdVTnO47ezjNrPdlZhW5sPlVSkRh8qlQYRSetUD24QvCbFBC9xqDQ3FKT7eHiBQyU18ko8PxJ3ozWkhx8qiRQn+1Apt9fqji5yS7hIaIff8b+EdmAVeF8f2qHum1le/V2hHafHUJluBFj6kZGjAywbwyjj9LbHV+4Ay0sE3x1geTXCkqH/wI+2vC3AUjzRPgIsFZ/R6L4nzQEtzWCaQ1P20rJpDriFx3tEXs6ya8xzaEtF8LIgRMsfbLemOWivFYaMDaI6hIm8jE42nPCZg51seOUNMD7ZUB03PNlwwFuFHX88u9zAp2zU3Iz/nfK/PvJ9kx/L+R+X8i+OevGHd77guzv7wzvLPJbryeJjOrSSWm7ruMta37/j1vEN5y7fD3pL+Qs8CN85Glbn7AAAAABJRU5ErkJggg==") right -12px no-repeat;
  /*background: transparent url(../images/style/shadow.png) right -12px no-repeat;*/
}

ul.kr li.product:hover > div.image a {
  opacity: .75;
}

.sales-sentence {
  font-size: small;
  text-align: left;
  top: -10px;
  position: relative;
	color: #595959;
}

.sales-sentence + dl {
  margin-top: 0 !important;
}

.social.v2 a {
  display: inline-block;
  width: 28px;
  height: 24px;
  position: relative;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
}

.social.on {
  opacity: 1 !important;
}

.social.v2 a b {
  font-family: "fontello" !important;
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
}

.social.v2 a svg {
  height: 22px;
  width: 22px;
  margin-top: 10px;
}

.social.v2 a span {
  display: none;
  position: absolute;
  opacity: 1;
  top: -24px;
  left: -5px;
  background: #d00;
  padding: 3px 12px;
  text-transform: uppercase;
  color: #fff;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  white-space: nowrap;
}

.social.v2 a span:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 12px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #d00;
}

.social.v2 a:hover > span {
  display: block;
}

.social.v2 .fb { color: #3a5999; }
.social.v2 .wa { color: #25D366; }
.social.v2 .pt { color: #d02222; }
.social.v2 .tw { color: #00bbff; }
.social.v2 .gp { color: #dd4b39; }

/* Whatspp-Teilen-Button für Desktop ausblenden */
@media ( min-width: 900px ) {
  .social.v2 .wa { display: none; }
}

.single-produkt .social,
ul.kr li.product .social {
  z-index: 900;
  opacity: 0;
  border: 0px solid red;
  display: block;
  /*background-color: rgba(255,255,255,0.25);*/
  text-align: left;
  overflow: visible;
  position: relative;
  line-height: 50px;
}

.single-produkt .social .sb,
ul.kr li.product .social .sb {
  float: left;
  margin-right: 5px;
}

ul.kr li.product .social div {
  /*width: 80px !important;*/
}

ul.kr li.product .social .fb-like {
  /*width: 90px !important;*/
}
ul.kr li.product .social #twitter-widget-0 {
  max-width: 100px !important;
}

ul.kr li:hover > .social {
  opacity: 1 !important;
}

ul.haendler li {
  width: 100%;
  max-width: 631px;
  margin: 10px 0px 10px 19px;
  height: 288px;
}

li.company {
  display: inline-block !important;
}

li.company .left,
li.company .right {
  width: 50%;
}

li.company .right .btn-w {
  margin: 0;
  width: auto;
}

li.company .right .btn-w:first-child {
  margin: 0 0 10px 0;
}

ul.kr.haendler li .image:hover {
  opacity: 0.75;
}

ul.kr li div.image {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 206px;
  width: 280px;
  margin: auto;
  padding: 10px;
}

ul.kr.haendler li div.image {
  height: 167px;
  float: left;
}

ul.kr.haendler li div.angebote {
  float: right;
  display: table-cell;
  width: 310px;
  padding: 5px 7px 0 0;
}

ul.kr.haendler li div.angebote a {
  overflow: hidden;
}

ul.kr.haendler li .thumb {
  height: 75px;
  width: 100px;
  float: right;
  padding: 5px;
  margin: 0;
  overflow: hidden;
}

/* wird ggf. noch / wurde ben�tigt wenn thumbs mit wei� aufgef�llt sind
ul.kr.haendler li .thumb img {
  margin-top: -10px;
}
ul.kr.haendler li .thumb img.dummy {
  margin-top: 0;
}*/

ul.kr li div.image img {
  max-height: 200px;
  /* Auskommentiert damit manche hochkant Bilder nicht mehr gestreckt werden
  width: auto;
  min-width: 280px;*/
}

ul.kr.haendler li div.image img {
  max-height: 160px;
  margin: 5% 0;
  min-width: auto;
}

ul.kr.haendler li div.image img.dummy {
  margin: 0;
}

ul.kr li div.image img.x200 {
  min-width: 280px;
}

ul.kr li .label {
  overflow: hidden;
  text-align: left;
  font-size: 13px;
  border-top: 1px solid #c0c0c0;
  padding: 10px;
  display: block;
}

ul.kr li .name {
  font-size: 14px !important;
  line-height: 14px;
  padding: 0;
  margin: 0;
}

/* Nur Firefox unter Linux */
@-moz-document url-prefix() {
    .linux ul.kr li .name {
      letter-spacing: -0.4pt;
    }
}

ul.kr li .model /*address*/ {
  float: left;
  padding: 0;
  margin: 0;
  height: 20px;
  width: 53%;
  font-style: normal;
  overflow: hidden;
  line-height: 18px;
  padding-top: 2px;
  font-size: 12px;
}

ul.kr.haendler li .model /*address*/ {
  height: auto;
  float: none;
}

ul.kr.haendler li .label span {
  display: block;
  height: 15px;
}

ul.kr.haendler li .label span.telephone {
  float: left;
  margin-right: 10px;
}

ul.kr.haendler li .label span.fax {
  width: 120%;
}

ul.kr li .price {
  float: right;
  text-align: right;
  height: 24px;
  width: 37%;
  font-weight: bold;
  font-size: 15px;
}

ul.kr li .price.req_price {
    float: right;
    text-align: right;
    height: 24px;
    width: 47%;
    font-weight: bold;
    font-size: 15px;
}

ul.kr li .price.req_price .price {
    width: 43%;
    white-space: nowrap;
}

ul.kr li .discount {
  float: right;
  text-align: right;
  height: 20px;
  line-height: 22px;
  color: #fff;
  background-color: red;
  border-radius: 2px;
  padding: 0 2px 2px 2px;
  margin-left: 5px;
  font-weight: normal;

  border-top-style: solid;
  position: absolute;
  right: 0px;
  margin-right: 11px;
  top: 5px;
}

/*ul.kr li .model */
ul.kr li address {
  float: right;
  text-align: right;
  height: 16px;
  line-height: 14px;
  width: 65%;
  font-weight: normal;
  /*overflow: hidden;*/
}

ul.kr li .kitchen_form {
  float: left;
  text-align: left;
  height: 16px;
  line-height: 13px;
  width: 35%;
  font-weight: normal;
}

.pageinfo {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
/*.pageinfo:before, .pageinfo:after {
  content: " — ";
}*/


.ajax_loader {
  background: url('../images/ajax-loader.gif') 0 0 no-repeat;
  width: 50px;
  height: 12px;
  position: absolute;
  margin-left: 43px;
  margin-top: 10px;
  left: 50%;
}


/* Angebot Detail */

#a .content > .left, #a .content > .right {
  float: left;
  overflow: hidden;
  width: 50%;
  padding: 0;
}

#a.haendler .left {
  min-width: 430px;
  width: 45%;
}

#a.haendler .right {
  max-width: 530px;
  width: 55%;
}

#a .right > div {
  /*padding: 0 0 0 40px;*/
}

#a .img {
  width: 100%;
  max-width: 460px;
  margin: 0;
  padding: 0;
}

#a .img img:hover {
  opacity: .75;
}

#a .img img{
  opacity: 1;
}

#a .img img,
#a .img .bigdummy {
  width: 100%;
  max-width: 460px;
  height: auto;
  margin: 0 0 20px 0;
}
#a.hersteller .img img {
  width: auto;
}
#a .img iframe {
  width: 460px;
  height: 260px;
  margin: 0 0 30px 0;
  z-index: 10 !important;
}
#a .img .bigdummy {
  background-color: rgb(223, 214, 202);
}
#a.haendler .img img {
  width: auto;
  max-width: 432px;
}

#a dl.preis {
  display: block;
  /* border-bottom: 1px solid #c1c1c1; */
  /* border-top: 1px solid #c1c1c1; */
  padding-top: 12px;
  margin-top: 0;
	/* margin-bottom: 20px; */
}
#a dl.preis dd.offer {
  /* width: 45%; */
  float: left;
}
#a dl dd.offer label {
  overflow: visible;
}
#a dl.preis dd.discount {
  /* width: 40%; */
  /* float: left; */
	position: relative;
	overflow: visible;
}

#agb_wrb_info {
  font-size: 12px;
  max-width: 270px;
  color: #7b8388;
}

#checkout-error {
  color: red;
  font-size: 14px;
}

#agb_wrb_info label {
  padding: 0;
}

.menge-lieferung label {
  width: 90px;
  padding: 0;
}

.menge-lieferung select {
  min-width: 179px;
}

#agb_wrb_check {
  top: 2px;
  position: relative;
}

#paypal-button-container {
  max-width: 270px;
  margin-top: 8px;
}

#a dl.preis dd label,
#a dl.preis dd span {
  width: 100%;
  float: left;
}

#a .dl.preis span[itemprop="price"]{
  display: block;
  font-weight: bold;
  font-size: 2em;
  line-height: 1.6em;
}

#a .dl.preis span.reg_price {
  display: block;
  font-style: italic;
  color: black;
  margin-bottom: 10px;
  white-space: nowrap;
  font-size: 18px;
}

#a .dl.preis span.price_info {
  display: block;
  font-style: italic;
  color: #595959;
  margin-bottom: 2px;
  white-space: nowrap;
  font-size: 12px;
}

#a hr {
  height: 1px;
  background-color: #c1c1c1;
  clear: both;
}

dd.discount span,
#a .dl.preis span[itemprop="discount"]{
  /* display: block; */
  color: white;
  /* font-size: 2em;
  line-height: 1.6em; */
}

.bigdummy {
  display: block;
  background: #595959 url('../images/cam.png') center center no-repeat;
  width: 400px;
  height: 300px;
}

/* definitionlist */

#a .content {
  font-family: Arial !important;
  font-size: .9em;
}

#a .content .b {
  font-weight: bold;
}

#a .content p {
  line-height: 1.1em;
}

#a dl:first-child {
  margin: 0 0 30px 0;
}

#a dl {
  margin: 30px 0;
}

#a dl dt {
  color: #000000;
  font-family: Dosis, Arial, "Helvetica Neue", sans-serif !important;
  font-size: 1.2em;
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid #c1c1c1;
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
}

#a dl dt h2 {
  font-family: Dosis, Arial, "Helvetica Neue", sans-serif !important;
  font-size: 1.2em;
  line-height: 1.8em;
  margin: 0;
  padding: 0;
}

#a dl dd label:first-child:after, #a dl dd > span:first-child:after {
  content: ":";
}

#a dl dt.no:after,
#a dl dd.no label:after {
  content: "";
}

#a dl dd {
  display: flex;
  justify-content: space-between;
  line-height: 1.1em;
  width: 100%;
  margin: 0 0 2px 0;
  overflow: hidden;
  text-align: left;
  min-height: 24px;
}

#a dl dd label {
  display: inline-block;
  width: 45%;
  float: left;
  overflow: hidden;
  padding-bottom: 2px;
}

#a dl dd span {
  width: 55%;
}

#a dl dd p {
  margin-bottom: 0;
}

#a dl dd label + span {
  float: right;
  padding-bottom: 2px;
}

section.detail h1 {
  float: left;
  font-size: 26px;
  font-weight: 600;
  margin: 10px 0;
  margin-bottom: 30px;
}

section.detail h2,
section.detail h3,
section.detail h4 {
  font-size: 16px;
}

.h4.underline {
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid #c1c1c1;
  width: 100%;
}

div[itemtype="http://schema.org/Person"] {
  display: block;
}

div[itemtype="http://schema.org/Organisation"] {
  display: block;
}

div[itemtype="http://schema.org/Product"] {
  display: block;
}

span[itemprop="name"]{

}

span[itemprop="description"]{
  white-space: pre-line;
}


/* simple css-based tooltip */
.tt {
  background-color:#fff;
  border:0px solid #aaaaaa;
  padding:8px 10px;
  width:215px;
  display:none;
  color:#000;
  text-align:left;
  font-size:12px;
  font-family: 'Source Sans Pro', Arial, sans-serif;
  line-height: 1.4em;
  margin: 0;
  z-index: 101;

  /* outline radius for mozilla/firefox only */
  box-shadow:0 0 6px #434343;
  -moz-box-shadow:0 6px #434343;
  -webkit-box-shadow:0 0 6px #434343;
}







/* Kontaktformular */

#partnercontact a.logo {
  background-color: #fff;
  padding: 5px;
  display: block;
}

#partnercontact .info {
  font-size: 13px;
  padding: 15px 0 10px 0;
  margin: 0;
  color: #999;
  line-height: 1.4em;
}

#partnercontact .btn-w {
  width: 218px;
}

.wpcf7-submit.btn {
  float: left;
  margin: 0;
}

div.wpcf7 img.ajax-loader {
  padding-top: 12px;
}

#partnercontact .antispam {
  width: 30px;
}

#partnercontact #response span {
  float: left;
  font-size: 16px;
}

#partnercontact select,
#partnercontact input,
#partnercontact textarea {
  border-color: #ccc;
  width: 260px;
  font-size: 14px;
  border-radius: 3px !important;
}

#partnercontact.dark,
#partnercontact.dark select,
#partnercontact.dark input,
#partnercontact.dark textarea {
  border: 0;
  color: #484848;
  background-color: #fff;
}

#partnercontact.dark {
  color: #fff;
  background-color: #332c29;
  box-shadow: none;
  border: 0;
}

#partnercontact select {
  padding: 6px 2px;
  margin: 0px 0 12px 0;
  font-size: 15px !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
}

#partnercontact .content {
  width: auto;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
  background: #000 !important;
  background-image: none;
  opacity: .75;
}

.simple_overlay label,
.simple_overlay .label {
  display: block;
  width: 144px;
  float: left;
  clear: left;
}

.simple_overlay input {
  padding: 5px;
  clear: none;
}

.simple_overlay select {
  clear: none;
}

.simple_overlay input[type='checkbox'] {
  padding: 0px;
  width: 13px !important;
  height: 13px !important;
  text-align: left;
  float: left;
}


/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index: 9999;
  position: absolute !important;

	/* styling */
	background-color:#fff;

	width:600px;
	min-height:200px;
	border:1px solid #999;

	/* CSS3 styling for latest browsers */
	/*-moz-box-shadow: 3px 3px 10px #999;
	-webkit-box-shadow: 3px 3px 10px #999;*/
  border: 0;

  /* setting to the middle */
  left: 50% !important;
  margin-left: -300px !important;
}

#exposeMask {
  width: 100% !important;
}

.simple_overlay h1 {
  color: #484848;
  font-size: 20px;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 5px;
  border: 0;
}

.simple_overlay .dark h1 {
  color: #fff;
}

.simple_overlay .submit_begin {
  display: block;
  width: auto;
  text-decoration: none;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
  background-repeat: no-repeat;
  background-color: #ffffff;
	position:absolute;
  background-size: 39px !important;
  background-position: center center;
  border-radius: 22px;
	/*right:-15px;
	top:-15px;
	height:27px;
  width:27px;*/
  background-size: 100%;
  cursor:pointer;
  z-index: 999;
  right:-30px;
  top:-28px;
  height:45px;
  width:45px;
}

.simple_overlay .closeTextlink {
	background-image:url(../images/close.png);
	position: static;
	cursor:pointer;
  width: 150px;
  display: block;
  background-position: 100px 0;
}

#response a.closeTextlink {
  background-image: none;
  cursor: pointer !important;
  display: block;
  background-color: #6C594B !important;
  border: 0px solid #C1C1C1 !important;
  height: 22px !important;
  width: 120px !important;
  padding: 6px !important;
  text-align: center !important;
  text-decoration: none !important;
  color: white !important;
  border-radius: 3px !important;
}

.simple_overlay .box-suche {
  border: 0 !important;
  line-height: 1.3em;
}

.simple_overlay .footer {
  padding:  15px 0 0 0 !important;
  border-width: 0;
}

.simple_overlay .box-suche {
  padding: 15px !important;
  border: 0 !important;
}

.simple_overlay hr {
  margin: 20px 0;
}

.simple_overlay .left {
  float: left;
  width: 410px;
}

.simple_overlay .right {
  float: right;
  width: auto;
  max-width: 160px;
}

.simple_overlay .adresse,
.simple_overlay .adresse a {
  color:#434343;
}

#response input[name=antispam] {
  position: absolute;
  width: 30px !important;
  text-align: center;
  left: 303px;
  top: 0;
  left: 342px;
  top: 8px;
}

/* validation error message */
.simple_overlay .error {
	/* supply height to ensure consistent positioning for every browser */
	height: 15px;
	background-color: #FFC600;
	border: 1px solid #FFC600;
	font-size: 11px;
	color: #000;
	padding: 1px 10px;
	margin-left: 2px;
  margin-top: 0;
  z-index: 10000;
  border: 0;
}

#response{
  color: #ec4316;
  font-size: 15px;
  padding: 5px 0 0 0;
  position: relative;
}

/* nested arrow inside error message. It's 100% CSS. No images. */
.simple_overlay .error em {
	border:10px solid;
	border-color:#E8FF6D transparent transparent;
	bottom:-17px;
	display:block;
	left:10px;
	position:absolute;
	border-width: 7px;
}

/* input field that caused validation error */
/*.invalid {
  background-color: #e9562a !important;
  color: #fff;
}*/
select.invalid option {
  color: #484848;
}


@media screen and (max-width: 670px) {
  .simple_overlay .close {
    right: 0px !important;
    top: -48px;
  }
}

@media screen and (max-width: 600px) {
  .simple_overlay {
    width: 100% !important;
    /*top: 0 !important;*/
    left: 0 !important;
    margin: -66px 0 0 0 !important;
  }

  .simple_overlay .left {
    width: 100% !important;
    text-align: center !important;
  }

  .simple_overlay .right {
    display: none;
  }

  .simple_overlay label,
  .simple_overlay .label {
    width: 30% !important;
    text-align: left !important;
  }

  #partnercontact select, #partnercontact input, #partnercontact textarea {
    width: 70% !important;
    text-align: left !important;
  }

  .simple_overlay .close {
    top: 4px !important;
    right: 4px !important;
  }

  #response {
    text-align: left;
  }

  #response input[name=antispam] {
    position: relative;
    float: right;
    left: 0;
    top: 0;
  }

  #partnercontact #response span {
    padding-top: 20px;
  }

  #partnercontact .footer > small {
    margin-top: -25px;
  }
}


/*.strasse + br, .ort + br, .plz + br {
  display: none;
}*/

.box-suche {
  line-height: 160%;
  border: 1px solid #9D9D9D;
}

/*** Inputfelder allgemein ***/
.box-suche input[type=text],
.box-suche textarea,
.box-suche input[type=password],
.box-suche select {
  border: 1px solid #9E9E9E;
  font-size: 11px;
  padding: 5px 5px;
  clear: none;
}
.ansprechpartner .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
a.phone-button:any-link, a.phone-button-mobile:any-link {
    font-family: Arial,"Helvetica Neue",sans-serif;
    text-transform: none;
    margin-bottom: 5px;
    /* display: inline-block;
    background-color: #337ab7;
    color: #FFF;
    padding: 7px 20px;
    text-decoration: none;
    font-size: 15px;
    border-radius: 3px;
    text-transform: none; */
}
a.phone-button i, a.phone-button-mobile i {
    margin-right: 1rem;
}
a.phb {
    display: none;
}
a.phone-button-mobile {
    display: block;
}
.msp {
	display: none;
}
.printAndOffer {
    display:flex;
    justify-content:flex-start;
}
@media (min-width: 576px){
    a.phone-button-mobile {
        display: none;
    }
    a.phb {
        display: inline;
    }
		.msp {
			display: inline;
		}
}
@media (min-width: 1260px){
    .buttonsAndSocial {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

/*
 * Für PW-Marktplatz Single-Ansicht. Damit Buttons ordentlich aussehen, weil media-queries dort nicht greifen,
 * denn dort haben wir mittig einen festen kleinerenBereich von ca. 1100px
 */
.mm-menu ~ .container .buttonsAndSocial {
  flex-direction: column;
  align-items: start;
}