.gutscheinhinweis .icon--arrow-right:before, .feature--voucher .icon--arrow-right:before{
    content: "einlösen";
}
.gutscheinhinweis .add-voucher--field, .feature--voucher .add-voucher--field{width: 70%;}

.gutscheinhinweis .add-voucher--button, .feature--voucher .add-voucher--button{width: 100px}

.add-voucher--field, .feature--voucher .table--add-voucher {width: 80%;}


.gutscheinhinweis button, .feature--voucher button{width: 100px;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;}


.gutscheinhinweis    .icon--arrow-right, .feature--voucher .icon--arrow-right{font-size: 16px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;}

.btn.is--small{color: #000;}

.confirm--content {
    padding-top: 0px;
}

.product--table .benefit--headline{color:#fff;}

.steps--content {
    padding: 20px 0px 0px 0px;
  }

.is--primary{background-color: #ffb43d !important;
    background-image: linear-gradient(to bottom, #ffb43d 0%, #ff9c00 100%) !important;
    border: 0 none;
    color: #fff !important;}

@media screen and (min-width: 0px){
.gutscheininfo {
    margin-left: 50%;
    font-family: arial;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: -18px;
    left: none;
    width: 390px;
    right: -180px;
    transform: scale(0.5);
}
}

@media screen and (min-width: 770px){
  .gutscheininfo{
    margin-left: 50%;
    font-family: arial;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    /* top: 30px; */
    left: none;
    width: 390px;
    right: 0px;
    transform: scale(0.5);
  }
}

@media screen and (min-width: 1270px){
.gutscheininfo{margin-left: 50%;font-family: arial;font-size: 21px;font-weight: bold;color: #fff;position: absolute;top: 60px;left: 200px;width: 390px;}
}
@media screen and (max-width: 1023px){

.product--details .product--buybox {

    float: inherit;
}
}

@media screen and (min-width: 1024px){
.gutscheininfo{
    font-family: arial;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 45px;
    width: 390px;
    right: 180px;
    transform: scale(0.8);
}
}



.panel {
    display: block;
    background: #fff;
    border-radius: 4px;
}



.content-main--inner {
    padding: 0px;
}
.content-main {
    margin-bottom: 0px;
}
body {
  background: #ffffff;

}
.js--load-more{

  background-color: #f3c410 !important;
    background-image: linear-gradient(to bottom, #f2c410 0%, #f2c410 100%)  !important;
    border: 0 none;
    color: #fff  !important;
}
html {
    width: 100%;
    height: 100%;
    background: #313537;
}
.newsletter--content .newsletter--headline {
    background: #fff;

}
.custom-page--content {margin-top: 0px;background: #fff;/* border: 1px solid #dadae5; */border-radius: 3px;padding: 20px 20px 20px 20px;padding: 1.25rem 1.25rem 1.25rem 1.25rem;}
.is--ctl-detail .content-main--inner{padding-left: 10px;padding-right: 10px;padding-bottom: 20px;}
@media screen and (min-width: 48em){
  .product--details .product--supplier {

      margin-bottom: 10px;
  }

  .vorteile{
      width: 100%;
      border-top: solid 1px #ccc;
      border-radius: 0px;
      padding: 10px 0px 10px 0px;
      height: 200px;
      }

  .top-bar--navigation .compare--list::after {

    left: 208px;}

  .header-main .top-bar--navigation .navigation--entry, .header-main .top-bar--navigation .navigation--link {
      color: #ffffff;
      font-weight: 600;
      }
      .header-main .top-bar--navigation .navigation--entry:hover, .header-main .top-bar--navigation .navigation--link:hover {
          color: #ffffff;
      }
      .top-bar--navigation .entry--compare .compare--quantity {

    color: #fff;
}
  .header-main .top-bar {margin: 0px;position: absolute;z-index: 4999;right: 0px;max-width: 1200px;width: 1200px;left: 50%;padding-right: 170px;padding-top: 14px;margin-left: -600px;}
  .last-seen-products {
      z-index: 9999;
      position: relative;
    }

  .navigation-main .navigation--entry:nth-child(2) .navigation--link:before {
      font-size: 20px;
      content: '\f578';
      font-family: 'Font Awesome 5 Pro' !important;
      margin-right: 10px;
      position: relative;
      top: 0px;
      line-height: 0px;
  }

  .navigation-main .navigation--entry:nth-child(3) .navigation--link:before {
    font-size: 20px;
    content: '\f6d3';
    font-family: 'Font Awesome 5 Pro' !important;
    margin-right: 10px;
    position: relative;
    top: 0px;
    line-height: 0px;
}
.navigation-main .navigation--entry:nth-child(4) .navigation--link:before {
  font-size: 20px;
  content: '\f6be';
  font-family: 'Font Awesome 5 Pro' !important;
  margin-right: 10px;
  position: relative;
  top: 0px;
  line-height: 0px;
}

.navigation-main .navigation--entry:nth-child(5) .navigation--link:before {
  font-size: 20px;
  content: '\f708';
  font-family: 'Font Awesome 5 Pro' !important;
  margin-right: 10px;
  position: relative;
  top: 0px;
  line-height: 0px;
}
.navigation-main .navigation--entry:nth-child(6) .navigation--link:before {
  font-size: 20px;
  content: '\f6f0';
  font-family: 'Font Awesome 5 Pro' !important;
  margin-right: 10px;
  position: relative;
  top: 0px;
  line-height: 0px;
}


.navigation-main .navigation--entry:nth-child(7) .navigation--link:before {
  font-size: 20px;
  content: '\f7ff';
  font-family: 'Font Awesome 5 Pro' !important;
  margin-right: 10px;
  position: relative;
  top: 0px;
  line-height: 0px;
}

.navigation-main .navigation--entry:nth-child(8) .navigation--link:before {
  font-size: 20px;
  content: '\f520';
  font-family: 'Font Awesome 5 Pro' !important;
  margin-right: 10px;
  position: relative;
  top: 0px;
  line-height: 0px;
}




  last-seen-products .last-seen-products--title {
      padding: 0px 0px 10px 0px;}
.is--ctl-listing .sidebar-main + .content--wrapper, .is--ctl-forms .sidebar-main + .content--wrapper, .is--ctl-tellafriend .sidebar-main + .content--wrapper, .is--ctl-newsletter .sidebar-main + .content--wrapper, .is--ctl-sitemap .sidebar-main + .content--wrapper, .is--ctl-custom .sidebar-main + .content--wrapper, .is--ctl-note.is--user .sidebar-main + .content--wrapper, .is--ctl-address .sidebar-main + .content--wrapper, .is--ctl-account.is--user .sidebar-main + .content--wrapper {
    margin-left: 260px;
    margin-left: 247px;
}
.product--details .tab--navigation{margin-left: 6px;}
.js--tab-menu .tab--link{line-height: 20px;border: solid #fff;background: #fff;}
.js--tab-menu .tab--container-list .tab--container{    border: none;}
h1{color:#000000;}
.product--box .box--content{ border-radius:4px; background:#fff;}
.headerback{
    background-position: center 3px;
    background-repeat: no-repeat;
    height: 160px;}
    .note--overview .panel--table {
        background: #fff;}
    .image-slider--item .image--element {
      display: flex;
      border-radius: 4px;
      padding: 20px;
      background: #fff;
}


    .header-main{padding-top: 0px;
    padding-bottom: 0px;}
.header-main{height: 120px;background: rgb(70,177,219);background: -moz-linear-gradient(top, rgba(70,177,219,1) 0%, rgba(21,146,195,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,177,219,1)), color-stop(100%,rgba(21,146,195,1)));background: -webkit-linear-gradient(top, rgba(70,177,219,1) 0%,rgba(21,146,195,1) 100%);background: -o-linear-gradient(top, rgba(70,177,219,1) 0%,rgba(21,146,195,1) 100%);background: -ms-linear-gradient(top, rgba(70,177,219,1) 0%,rgba(21,146,195,1) 100%);background: linear-gradient(to bottom, rgba(70,177,219,1) 0%,rgba(21,146,195,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46b1db', endColorstr='#1592c3',GradientType=0 );background-size: 445px 235px;background-repeat: repeat-x;}
.panel.has--border {
    border: 1px solid #ffffff;
}
.is--ctl-detail .content-main--inner{background: transparent;}
.product--navigation {
    display: none;
  }
.product-slider--container.is--horizontal, .product-slider--container.is--vertical {
    background: #fff;
}
.navigation-main .navigation--link{
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding: 14px;
    text-transform: uppercase;
    /* border: solid 1px #82CE02; */
    /* border-radius: 0px; */
    /* background: rgb(67,155,0); */
    /*! background: -moz-linear-gradient(top, rgba(67,155,0,1) 0%, rgba(164,233,3,1) 100%); */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,155,0,1)), color-stop(100%,rgba(164,233,3,1))); */
    /* background: -webkit-linear-gradient(top, rgba(67,155,0,1) 0%,rgba(164,233,3,1) 100%); */
    background: -o-linear-gradient(top, rgba(67,155,0,1) 0%,rgba(164,233,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(67,155,0,1) 0%,rgba(164,233,3,1) 100%);
    /* background: linear-gradient(to bottom, rgba(67,155,0,1) 0%,rgba(164,233,3,1) 100%); */
    /*! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#439b00', endColorstr='#a4e903',GradientType=0 ); */
    }

    .navigation-main .is--active .navigation--link {
          border-radius: 4px 4px 0px 0px;
      background-color: #023f5c;
  background-image: linear-gradient(to bottom, #002739 0%, #013b58 100%);
        font-weight: 700;
        color: #fff;
    }


    .content--breadcrumb .is--active .breadcrumb--link {
        color: #013b57;
        font-size: 21px;
    }

.product--details .product--buybox .price--content{color: #013853;}
.product--details .product--header .product--title{color: #013a57;}
.container{background:transparent;    position: relative;
    top: 1px;}
.navigation-main {

    border-bottom: 1px solid #012b3f;
    background: #30a2cf;
    position: absolute;
    width: 100%;
    z-index: 1500;
  }
  .content--breadcrumb {
      padding: 0px;
      border-bottom: none;
      font-size: 1rem;
      display: block;
      font-weight: 700;
      color: #fff;
      /* float: left; */
      padding-left: 260px;
  }

.is--ctl-detail  .content--breadcrumb {
    padding: 0px;
    border-bottom: none;
    font-size: 1rem;
    display: block;
    font-weight: 700;
    color: #fff;
    margin-left: 5px;
    float: left;
}

  .shop--navigation .entry--menu-left .btn{color:#fff;}
  .is--ctl-detail .page-wrap {
    overflow-x: inherit;
}
  .sidebar-main, .listing--content{padding-top: 0px;}
.footer-main .navigation--link:hover{color:#0e2e5b;}

  .last-seen-products .last-seen-products--title {
    padding: 0px 10px 10px 20px;
    border-bottom: none;
    display: block;
    font-weight: 700;
    color: #012b3f;
    border: none;
    font-size: 17px;
    border-bottom: #012b3f solid 3px;
    background: #ffffff00;
    border-radius: 0px;
    width: 194px;
}
.listing--content {
    margin: 0px;
  }
.navigation--list-wrapper {

    margin-left: 10px;
    margin-right: 10px;
}

.newsletter--content, .forms--content{
margin-top: 0px;padding:0px;}






.navigation-main .navigation--list{
  text-align: left;
  border-radius: 4px 4px 0px 0px;
  /* border-right: solid 1px #82CE02; */
  border-top: solid 1px #5EB101;
  /* background: rgb(67,155,0); */
  background: -moz-linear-gradient(top, rgba(67,155,0,1) 0%, rgba(164,233,3,1) 100%);
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,155,0,1)), color-stop(100%,rgba(164,233,3,1))); */
  background: -webkit-linear-gradient(top, rgba(67,155,0,1) 0%,rgba(164,233,3,1) 100%);
  background: -o-linear-gradient(top, rgba(67,155,0,1) 0%,rgba(164,233,3,1) 100%);
  background: -ms-linear-gradient(top, rgba(67,155,0,1) 0%,rgba(164,233,3,1) 100%);
  background: linear-gradient(to bottom, rgba(67,155,0,1) 0%,rgba(164,233,3,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#439b00', endColorstr='#a4e903',GradientType=0 );
  bottom: 0px;
  margin-top: 0px;
  height: 49px;
  overflow: hidden;
  }


.navigation-main .navigation--link:hover {
    color: #002b41;
    border-radius: 4px 4px 0px 0px;
    background-color: #f8f8fa;
    /* background-image: linear-gradient(to bottom, #002739 0%, #013b58 100%); */
    transition: opacity .3s ease-out;
}
.navigation--list .entry--cart .cart--link .cart--amount{color:#013b58;display: none;}
.product--details .product--header {
    padding: 0px 0px 0px 10px;
  }
  .btn{
    border: solid 1px transparent;
    color: #013b58;
    background-color: transparent;
    background-image: none;
    transition: 0.3s;
    }

    .btn:hover {
      background: transparent;
      border: solid 1px transparent;
      /* color: #013b58; */
      transition: 0.3s;
    }
.product-slider, .product--details .content--description, .product--details .content--product-reviews, .product--details .content--related-products, .product--details .content--similar-products{background:#fff;}


li.navigation--entry.entry--notepad, nav.product--actions a.action--link.link--notepad {/* display:none; */}

.content-main {box-shadow:none;}

.advanced-menu .button-container {font-size: 16px;color:fff;font-size: 1rem;padding: 10px;background: #ffffff;color: #003a59;}
.navigation-main .navigation--list .navigation--entry.is--hovered .navigation--link {
    background: #ffffff;
    color: #00375a;
    }
	.advanced-menu .item--level-0 {
    padding-bottom: 5px;}

    .product-slider, .product--details .content--description, .product--details .content--product-reviews, .product--details .content--related-products, .product--details .content--similar-products{border-radius: 4px !important;/* box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px 0px; *//* border-radius: 6px; */}
    @media screen and (min-width: 48em){

      .abo--commerce-container-panel,.abo--price-separation-popup{background: transparent;}
      .abo--price-separation-inner-popup{border: 1px solid #003b5a !important;}
      .abo--table-head-duration,.abo--table-head-discount{color: #fff !important;}

      .header-main .header--navigation {
    padding: 10px 0px 10px 0px;
    padding: .625rem 0rem .625rem 0rem;
    background-image: url(/familie.png);
    background-position: 40% 3px;
    background-size: 400px;
    background-repeat: no-repeat;
    height: 160px;
}
      .shop--navigation .entry--search {width: 40%;position: relative;top: 50px;}
.header-main .logo-main .logo--link {
  width: 100%;
  position: relative;
  top: 10px;
  left: 20px;
  height: 90px;
}
.content--home {
    margin-top: -10px;
}
}
.panel--title{color: #012b3f;margin: 0px;padding: 17px !important;}
.emotion--container{background:transparent}

.emotion--wrapper {

    max-width: none;}
    .shop-sites--container{background: #013b57;}
    .emotion--banner-slider .banner-slider--container, .emotion--banner-slider .banner-slider--slide{/* border-radius:4px; */}
    .emotion--loading-indicator:before {
      margin-top: 50px;
      border-width: 2px;

    border-color: transparent #3ba9d5 #3ba9d5 #3ba9d5;
}

.product--details .buybox--button {
    font-size: 16px;
    font-size: 1rem;
    white-space: nowrap;
    width: 63%;
    font-size: 16px;
    font-size: 1rem;
    white-space: nowrap;
    width: 63%;
    padding-right: 36px;
    padding-right: 2.25rem;
    border-radius: 4px;

}
.product--details .buybox--button:hover {
  color:#fff;
    font-size: 16px;
    font-size: 1rem;
    white-space: nowrap;
    width: 63%;
    font-size: 16px;
    font-size: 1rem;
    white-space: nowrap;
    width: 63%;
    padding-right: 36px;
    padding-right: 2.25rem;
    border-radius: 4px;

}
.content-main--inner{
padding-left: 10px;padding-right: 10px;
}

.emotion--container{background-color: transparent;}
.container{background: transparent;}
}
@media screen and (min-width: 769px){
.content-main {
    margin-top: 65px;
  }
}
@media screen and (min-width: 48em){

  .sidebar-main.off-canvas {
      position: sticky !important;
      top: 70px !important;
      margin-top: -40px;
      padding-bottom: 230px;
      box-sizing: border-box;

position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
  }

.content--breadcrumb .breadcrumb--list {padding: 12px 0px 0px 6px;height: 50px;}

.is--ctl-detail .breadcrumb--list {padding: 0px;height: auto;}
}



/*footer*/
.footer-main {
    background: #012b3f;
}
.footer-main {
    border-top: 1px solid #95de02;
    color: #ffffff;
    margin-top: 10px;
}
.footer-main .footer--phone-link {
    color: #93de03;
}
.footer-main .column--headline {
    color: #94de03;
  }
.footer-main .navigation--link {
    color: #ffffff;
}
.newsletter--form .btn {
    background: #94de03;
}
.newsletter--form .btn:hover {
  border: #94de03 solid 1px;

  }
  .footer-main .navigation--link:hover {
    color: #93de03;
    transition: 0.2s;
}
.navigation--smartphone .entry--close-off-canvas {background-color: #ffffff;background-image: none;}

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




  .header-main .logo-main .logo--link {
    width: 145px;
    height: auto;
    display: inline-block;
    max-width: 100%;
}
.container {

     background: transparent !important;

}
.header-main {

    background: rgb(70,177,219);

    background: -moz-linear-gradient(top, rgba(70,177,219,1) 0%, rgba(21,146,195,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,177,219,1)), color-stop(100%,rgba(21,146,195,1)));
    background: -webkit-linear-gradient(top, rgba(70,177,219,1) 0%,rgba(21,146,195,1) 100%);
    background: -o-linear-gradient(top, rgba(70,177,219,1) 0%,rgba(21,146,195,1) 100%);
    background: -ms-linear-gradient(top, rgba(70,177,219,1) 0%,rgba(21,146,195,1) 100%);
    background: linear-gradient(to bottom, rgba(70,177,219,1) 0%,rgba(21,146,195,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46b1db', endColorstr='#1592c3',GradientType=0 );
  }
  .shop--navigation .entry--menu-left .btn {

    color: #ffffff;

}
.entry--search.is--active .main-search--form {

    background: transparent;

}.last-seen-products {
    background: #fff;
    border-radius: 4px;
    padding: 10px;
  }
.product--box .box--content {
  background-color: #fff;
}
.btn {
    background-color: transparent;
    background-image: none;
    color: #ffffff;
    border: none;
}
.btn:hover, .shop--navigation .entry--search .is--active.btn {
    background: transparent;
    color: #ff9c00;
    border-color: transparent;
}
.emotion--container {

    background: transparent;
}
}

.content-main--inner {
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
.emotion--product .product--box .box--content {
    border-radius: 4px;
}




@-webkit-keyframes scaling {
From {
    -webkit-transform: scale(1.0);
}
To {
    -webkit-transform: scale(1.5);
}
}
.prozente {
  color:#013b58;
-webkit-animation: scaling 1s infinite alternate;
}

.image-slider--thumbnails .thumbnail--link {
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 1.25rem 0rem;
    display: block;
    background-color: #fff;
}


.image-slider--item .image--media {
    margin: auto;
    text-align: center;
    /* transform: scale(1.5); */
}


.js--img-zoom--title{display: none;}

.js--img-zoom--lens,.js--img-zoom--flyout{/* display: none !important; */}



    .advanced-menu .menu--container {
      background: #fff;
      position: relative;
      top: -1px;
      box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    }
.advanced-menu {
    max-width: 1260px;
    max-width: 78.75rem;
    box-shadow: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
    background: transparent;
    width: 100%;
    position: absolute;
    color: #3f4c58;
    z-index: 3000;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
}
.advanced-menu .button-container .button--category {
    padding: 20px 50px 20px 50px;
    padding: 0px 50px 0px 10px;
    -webkit-transition: padding .1s ease;
    transition: padding .1s ease;
    color: #003a59;
    position: relative;
}

@media screen and (min-width: 78.75em){
.advanced-menu .content--wrapper {
    margin: 40px 40px 40px 40px;
    padding: 0px 20px 20px 20px;
    margin: 0px;
}
}


.advanced-menu .menu--level-0 {
    padding: 10px 10px 0px 10px;
    padding: 0px;
    float: left;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.product--box .product--title {

    margin: 2px;
}

.emotion--mode-rows .emotion--product-slider {
    height: 226px;
}
.emotion--mode-rows .emotion--manufacturer {
    height: 150px;

}
.image-slider--container {
    margin-bottom: 0px;
}
.navigation--list .account--display {
    display: none;
}

.entry--search .main-search--form .main-search--field {
    /* width: 134px; */
    transition: 0.3s;
    /* background: #023e5b; */
    border: solid 1px #5f7285;
    box-shadow: none;
}
.entry--search .main-search--form .main-search--field:focus {
    background: #fff;
    /* width: 280px; */
    transition: 0.3s;
    opacity: 1;
}
.shop--navigation .entry--search {
     background: transparent; }

     @media screen and (min-width: 48em){
       .image-slider--container {

    height: 500px;

}
.image-slider--item .image--media img{max-height: 400px;}
       .emotion--product {
           width: 100%;
           left: -1px;
           height: 100%;
           position: relative;
       }
  .content--emotions     .product--box .box--content {

    border: none;}

       .box--basic {
         width: 33.33%;
     }
     .box--basic .product--image {
         width: 100%;
         position: relative;
         height: 150px;
     }

     .box--basic .product--info {
    padding: 0px;
}

   }

   @-webkit-keyframes teila {
   0% {
      opacity: 0;
   }
   5% {
       opacity: 1;
   }
   45% {
       opacity: 1;
   }
   50% {
       opacity: 0;
   }
   100% {
       opacity: 0;
   }
   }
   @-webkit-keyframes teilb {
   0% {
      opacity: 0;
   }
   50% {
       opacity: 0;
   }
   55% {
       opacity: 1;
   }
   95% {
       opacity: 1;
  }
  100% {
       opacity: 0;
  }
   }
   .teil1 {
   -webkit-animation: teila 5s infinite ;
   }
   .teil2 {
   -webkit-animation: teilb 5s infinite ;
   }

   .emotion--mode-rows .emotion--banner-slider .banner-slider--container, .emotion--mode-rows .emotion--banner-slider .banner-slider--slide {
       height: auto;
       background: #fff;
   }

.navigation-main:after{content: ' ';height: 10px;display: -webkit-box;width: 100%;background: #013b57;position: relative;}

.product-slider--arrow:hover {
    color: #ffffff;
    background: #013b57;
    border: solid 1px #012b3f !important;
}

.image-slider--container .arrow:hover {
    color: #ffffff;
    background: #013b57;
    border-color: #013b57;
}

.icon--account,.icon--basket,.icon--search,.icon--heart{-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;font-family: 'Font Awesome 5 Pro' !important;font-weight: 900  !important;}

.icon--basket:before {
    content: "\f07a";
    font-size: 27px;
}

.icon--account:before {
    content: "\f406";
    font-size: 27px;
}
.icon--search:before {
    content: "\f002";

}


.icon--heart:before {
    content: "\f004";

}

.shop--navigation .entry--cart {
    margin-right: 15px;
}

.main-search--form .main-search--button {

    color: #013b57;

  }
   .cart--link {

      padding: 0px;
  }
  .footer-main .footer--columns {

      border-bottom: 1px solid #0d435f;
  }

  .emotion--banner-slider .banner-slider--container, .emotion--banner-slider .banner-slider--slide {
    border: solid 0px #dadada;
  }
.emotion--mode-rows .emotion--banner-slider {
    height: auto;
    /* border: solid 1px #dadada; */
    border-radius: 4px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}


.listing {
    margin: -1px 0 0 -1px;

}
.product--box .box--content {

    border-radius: 0px !important;
}

.product--box {

    padding: 0px;
  }
@media screen and (min-width: 48em){

  .js--tab-menu .tab--link.is--active {
      color: #012b3f;
      border: none;
      font-size: 17px;
      border-bottom: #012b3f solid 3px;
      background: #ffffff00;
      border-radius: 0px;
  }


  .content--emotions {

    margin-top: 15px;
}
  .sidebar--navigation .is--level1 .navigation--link.is--active {

      background: #75c401;
      color:#fff;
  }
  .sidebar--navigation .navigation--entry {
    margin: 0px;
}

.sidebar--navigation .navigation--link.is--active {
    color: #ffffff;
    font-weight: 700;
    background: #75c401;
}
  .product--box .box--content {

    border-right: 0px;
    border-top: 0px;
}}
.product--box .product--badges .badge--newcomer {
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #2fa1cf;
}

.content-main--inner .sidebar--navigation ul.sidebar--navigation .navigation--entry {
    margin: 0px;
    font-weight: 600;
    background: #013b57;
}

.content-main--inner .sidebar--navigation .navigation--link {
    color: #ffffff;
    font-weight: 600;
  }
.content-main--inner  .sidebar--navigation .navigation--link:hover {
    color: #ffffff;
    background: #95dd02;
    transition: 0.3s;
}

.content-main--inner .sidebar--navigation .is--level1 .navigation--link {
    font-weight: 600;
    padding: 8px;
    font-size: 13px;
    transition: 0.3s;
    border-bottom: solid 1px #013b57;
}
.content-main--inner .sidebar--navigation ul.sidebar--navigation {
    border-radius: 0;
    padding: 0px;
    margin: 0px;
}

.content-main--inner .sidebar--navigation {
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #013b57;
    background: #013b57;
}
.content-main--inner .sidebar--navigation .navigation--entry {
    border-bottom: 1px solid #012b3f;
}
.topseller{border: solid 1px #fff;}

.product-slider--arrow.arrow--next, .product-slider--arrow.arrow--prev {
    border-radius: 4px;
    /* border: solid 1px #ccc !important; */
}

.shop-sites--container {

    border: 1px solid #012b3f;
}
.shop-sites--container .shop-sites--headline {

    color: #ffffff;

}
.shop-sites--container {

    padding: 10px 0px 0px 0px;}

  .navigation--entry  .icon--heart:before {

        font-size: 27px;
    }
    .product--rating-count {

        display: none;
    }
.sidebar--categories-navigation .op-a-level0{/* display: none; */}

.listing--actions {

    background: #ffffff;
}

@media screen and (min-width: 768px){
.sidebar--categories-navigation .op-a-level0 {
    display: none;
}
}

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


  .shop-sites--container .shop-sites--headline {
      color: #04364e;
  }
  .content-main--inner .sidebar--navigation {
    border-radius: 0px;
  }
}

.advanced-menu .item--level-1 .menu--list-item-link {
    padding: 1px !important;
    margin: 0px !important;
    font-size: 14px;
  }
  .advanced-menu .menu--level-1 {

    margin: 0px;
}
.advanced-menu .button-container .button--category:hover {
    padding: 0px 50px 0px 10px !important;
    padding: 0px;
}

.op-li-level2 {
    background: #024e72 !important;
    border: solid 1px #024e72 !important;
}
.is--level2{border: none !important;}
.row--1,.row--2,.row--3,.row--4,.row--5,.row--6{border-radius: 4px;border: solid 1px #fff;overflow: hidden;left: 6px;/* padding-bottom: 9px; */position: relative;margin-right: 6px;margin-bottom: 6px;}
.leftimage{padding: 0px !important;margin: 0px !important;} .leftimage img {
    height: 226px;
    max-width: none;
    width: auto !important;

    border-radius: 4px 0px 0px 4px;
overflow: hidden;
}
.startslider{margin: 0px !important; padding: 0px !important;}



.startslider .panel--title.is--underline {
    position: absolute;
    height: 0px;
    line-height: 0px;
    left: -310px;
    background: rgba(255, 255, 255, 0.75);
    width: 309px;
    height: 44px;
    top: 190px;
    /* border-right: solid 1px #9f9b98 !important; */
    border: none;
    color: #012b3f;
    font-size: 20px;
    float: left;
    /* text-shadow: 0px 0px 6px rgba(0,0,0,0.5); */
    text-decoration: none !important;
}

.startslider .emotion--product-slider .product-slider--title ~ .product-slider--content {
    padding-top: 65px;
    padding-top: 4.0625rem;
    padding: 10px;
}



.startslider2{margin: 0px !important; padding: 0px !important;}


.startslider2 .panel--title.is--underline {
    position: absolute;
    height: 0px;
    line-height: 0px;
    left: -250px;
    background: rgba(255, 255, 255, 0.75);
    width: 248px;
    height: 44px;
    top: 188px;
    /* border-right: solid 1px #9f9b98 !important; */
    border: none;
    color: #012b3f;
    font-size: 20px;
    float: left;
    /* text-shadow: 0px 0px 6px rgba(0,0,0,0.5); */
    text-decoration: none !important;
}

.startslider2 .emotion--product-slider .product-slider--title ~ .product-slider--content {
    padding-top: 65px;
    padding-top: 4.0625rem;
    padding: 10px;
}

.emotion--row .emotion--element{padding: 0px !important;border: solid 1px #e9e9f0;}
.category--teaser .hero--headline{margin: 0px;}
.category--teaser .hero--text {
    padding: 0px 20px 0px 20px;
}
.content--breadcrumb .breadcrumb--entry, .content--breadcrumb .breadcrumb--separator {
    display: none;
}
.is--ctl-detail .content-main--inner {
    background: #fff;
    position: initial;
}

.advanced-menu .button-container .button--category {

    display: none;

}

.register--error-msg {
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background: #e74c3c;
    border: solid 1px #ccc;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 15px;
}

.register--error-msg p {
    font-size: 23px !important;
    padding: 0px;
    margin: 0px;
}
.fixed_header  .navigation--list-wrapper {
        margin-left: 16px;
        margin-right: 16px;
      }

      .fixed_header{
  -webkit-animation: schieben 0.8s ;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 5000;
  /* border-bottom: solid 1px #f1f1f1; */
  }

.fixed_header .header--navigation {
      padding: 25px 20px 3px 20px;
      background: #fff;
      }
    .fixed_header   .container--ajax-cart.off-canvas {
          top: -65px;
      }

      @-webkit-keyframes schieben {

      0% {
          top: -65px;
      }


      100% {
          top: 0px;
      }
      }

    .fixed_header   .content-main {

    margin-top: 100px;}

    .fixed_navigation{margin-top: 88px;}
.advanced-menu .button-container .button--category {
    padding: 20px 50px 20px 10px;
    /* padding: 1.25rem 3.125rem 1.25rem 3.125rem; */
    -webkit-transition: padding .1s ease;
    transition: padding .1s ease;
    color: #001a36;
    position: relative;
}

.fixed_header .is--first, .fixed_header .navigation-main .is--active .navigation--link{
    color: transparent !important;
    background-color: transparent !important;
    background-image: url(https://www.futterbauer.de/media/image/6a/18/0b/logo.png) !IMPORTANT;
    background-size: 155px !important;
    background-position: 20px -4px;
    width: 213px;
    background-repeat: no-repeat;
    }


  .fixed_header .is--first:hover {
        background-color: transparent !important;
        color: transparent !important;
      }



  .fixed_header  .is--active .navigation--link {padding: 12px 10px 12px 10px !important;/* margin-top: 2px; *//* border-radius: 4px !important; */}
      .fixed_header .navigation--link:hover {/* padding: 12px 10px 12px 10px !important; */border-radius: 4px 4px 0px 0px !important;}

      .navigation-main .navigation--list .navigation--entry.is--hovered .navigation--link {border-radius: 4px 4px 0px 0px !important;height: 50px;}

.navigation-main .navigation--entry {
      display: inline-block;
      /* margin-top: 3px; */
      -ms-touch-action: none;
  }
  .navigation-main .is--active .navigation--link:hover {
      color: #ffffff;
  }
  .navigation-main .navigation--link {
    color: #ffffff;
    font-size: 15px;
    transition: 0.3s ease-out;
    text-transform: uppercase;
    font-weight: 700;
    transition: 0.2s;
    padding: 14px 12px 14px 12px;
    /*! margin-top: 4px; */
    /* margin-right: 2px; */
    border-radius: 4px 4px 0px 0px;
}

    .navigation-main .is--active .navigation--link {
          background-color: #003c59;
          background-image: none;
          font-weight: 700;
          color: #f8f8fa;
          transition: 0.2s;
          padding: 14px 10px 14px 10px;
          /* margin-top: 2px; */
          border-radius: 4px 4px 0px 0px;
    }
.navigation-main .navigation--list .navigation--entry.is--hovered {
     background: transparent;
}

.fixed_header .navigation--list{background: none !important;}

@media screen and (max-width: 767px){
.leftimage img {
    height: auto;
  }

  .emotion--mode-rows .emotion--banner .banner--content, .emotion--mode-rows .emotion--banner .banner--content.left.top, .emotion--mode-rows .emotion--banner .banner--content.left.center, .emotion--mode-rows .emotion--banner .banner--content.left.bottom, .emotion--mode-rows .emotion--banner .banner--content.center.top, .emotion--mode-rows .emotion--banner .banner--content.center.bottom, .emotion--mode-rows .emotion--banner .banner--content.right.top, .emotion--mode-rows .emotion--banner .banner--content.right.center, .emotion--mode-rows .emotion--banner .banner--content.right.bottom {
    border-radius: 4px;
      height: 200px;
      overflow: hidden;
  }

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

.product--buybox{    position: sticky;
    right: 0px;
    top: 90px;}
.tab-menu--product{clear: both;width: 58%;margin-right: 4%;}
}

.is--ctl-custom .content--breadcrumb,.is--ctl-forms .content--breadcrumb{display: none;}

.is--ctl-custom .sidebar-main.off-canvas,.is--ctl-forms .sidebar-main.off-canvas {
    margin-top: 0px;}


@media screen and (min-width: 48em){

    .shop--navigation .entry--cart {
        margin-right: 25px;
        right: 0px;
        position: absolute;
        z-index: 5000;
    }

.shop--navigation .entry--account{
  margin-right: 85px;
  right: 0px;
  position: absolute;
  z-index: 5000;
}

.shop--navigation .entry--notepad {
  margin-right: 135px;
  right: 0px;
  position: absolute;
  z-index: 5000;
}

  }

.is--ctl-note .account--menu,.is--ctl-account  .account--menu, .is--ctl-address  .account--menu {
    border: 1px solid #dadae5;
    background: #013a57;
}
.is--ctl-note .account--menu .navigation--headline,.is--ctl-account .account--menu .navigation--headline, .is--ctl-address .account--menu .navigation--headline{

    color: #ffffff;
  }
.is--ctl-note .sidebar--navigation.show--active-items .navigation--link.is--active,  .is--ctl-account .sidebar--navigation.show--active-items .navigation--link.is--active, .is--ctl-address .sidebar--navigation.show--active-items .navigation--link.is--active {
    background: transparent;
}
.is--ctl-note .content-main--inner .sidebar--navigation .navigation--link:hover,.is--ctl-account .content-main--inner .sidebar--navigation .navigation--link:hover, .is--ctl-address .content-main--inner .sidebar--navigation .navigation--link:hover {
    color: #ff9c00;
    background: transparent;
    transition: 0.3s;
}

.off-canvas .close--off-canvas {
    color: #000;
    background-color: #ffffff;
    background-image: none;

}
.navigation--smartphone .entry--close-off-canvas .navigation--link {

    color: #000000;
}



.vorteile{
    width: 100%;
    border-top: solid 1px #ccc;
    border-radius: 0px;
    padding: 10px 0px 10px 0px;
    }

.vorteil-titel{    color: #012b3f;
    border: none;
    font-weight: bold;
    font-size: 17px;
    background: #ffffff00;
    border-radius: 0px;}

.vorteil{
    font-size: 14px;
    padding: 20px 5px 0px 5px;
    color: #013a57;
    font-weight: 600;
    }





.vorteil1:before{
    font-size: 20px;
    content: '\f095';
    font-family: 'Font Awesome 5 Pro' !important;
    margin-right: 20px;
    line-height: 0px;
    color: #ffa620;
    }




.vorteil2:before{
    font-size: 20px;
    content: '\f467';
    font-family: 'Font Awesome 5 Pro' !important;
    margin-right: 16px;
    line-height: 0px;
    color: #ffa621;
    }

.vorteil3:before{
    font-size: 20px;
    content: '\f1ed';
    font-family: 'Font Awesome 5 Brands' !important;
    margin-right: 26px;
    line-height: 0px;
    color: #ffa620;
    }

.vorteil4:before{
    font-size: 20px;
    content: '\f48b';
    font-family: 'Font Awesome 5 Pro' !important;
    margin-right: 16px;
    line-height: 0px;
    color: #ffa620;
    }

.vorteil5:before{
    font-size: 20px;
    content: '\f06b';
    font-family: 'Font Awesome 5 Pro' !important;
    margin-right: 21px;
    line-height: 0px;
    color: #ffa620;
    }
    .js--img-zoom--flyout {
        width: 500px;
        height: 330px;
        right: -535px;
        border-radius: 3px;
        background-clip: padding-box;
        display: none;
        position: absolute;
        top: 0px;
        z-index: 2500;
        overflow: hidden;
        background: #FFFFFF;
        border: 1px solid #dadae5;
    }

    .is--ctl-account .content--breadcrumb, .is--ctl-address .content--breadcrumb, .is--ctl-note .content--breadcrumb{display: none;}

    .is--ctl-address .sidebar-main.off-canvas, .is--ctl-forms .sidebar-main.off-canvas,
    .is--ctl-account .sidebar-main.off-canvas, .is--ctl-forms .sidebar-main.off-canvas,
    .is--ctl-note  .sidebar-main.off-canvas

    {
        margin-top: 0px;
    }