/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 /*
 #header{ background: green !important; }
 */
 #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5) !important;
 }
 #wrapper {
    padding-top:90px !important;
 }
  #authentication #_desktop_logo {
    padding: 15px 0;
}
#authentication #_mobile_logo {
    margin-left: 15px;
}
#authentication .header-top {
    padding:0 !important;
}
#product .product-add-to-cart.js-product-add-to-cart,
#product .tax-shipping-delivery-label,
/*#add-to-cart-or-refresh .add,
#product .breadcrumb,*/
#identity .breadcrumb,
#identity .page-footer,
#_desktop_logo,
#search_widget,
#_desktop_user_info,
a.account > span,
#footer,
#category .wishlist-button-add,
#checkout #footer,
#product .product-flag.new,
#category .product-flag.new,
#category #subcategories ul li .subcategory-image,
#category .block-category,
#category #left-column,
#authentication #kf_top_korfu_cart,
#authentication .no-account,
#authentication #menu-icon,
#authentication #_desktop_user_info,
#authentication #_desktop_cart,
#authentication #_mobile_user_info,
#authentication #_mobile_cart,
#authentication #footer,
#authentication .breadcrumb,
#authentication .header-top-right,
#_desktop_contact_link {
    display:none !important;
}
#category ul.subcategories-list li h5 a {
    color: #5e5e5e !important;
}
#category ul.subcategories-list li h5 {
    margin:8px 0 !important;
}
#category #subcategories ul li {
    background-color: #e1e1e1;
}
#category #content-wrapper {
    width:100% !important;
}
.kf_add_to_cart_fields td,
.kf_add_to_cart_fields th {
    padding-top:4px;
    padding-bottom:4px;
}
.kf_add_to_cart_fields th.kf_text_right {
    text-align:right;
    padding-right:8px;
    font-weight: normal;
}
.korfu-button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin: 0;
    font: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background: transparent;
    background-color: transparent;
    border: none;
    cursor: pointer;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    padding: 0 1.25rem;
    font-size: 16px;
    line-height: 3rem;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #454545;
    text-shadow: 0 1px #fff;
    background-color: #e5e9e8;
    -webkit-box-shadow: inset 0 1px #fff;
    box-shadow: inset 0 1px #fff;
    border: 1px solid #a5a8a8;
    min-width:80%;
}
#korfu_delivery_msg {
    padding-bottom: 10px;
}
#korfu_delivery_msg textarea {
    max-width: 100%;
    margin-bottom: -4px;
}

.top_korfu_customer {
    color:white;
    text-align:right;
    min-width:75px;
    float:right;
    margin: 0 auto;
    max-width: calc(100% - 30px);
}
#top_korfu_customer_label {
    background-color:#76bb74;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;    
    padding:0 4px;
    margin:0 15px;
    cursor:pointer;
}
@media (max-width: 575px) {
    #top_korfu_customer_label {
        margin:0;
    }
}
.kf_artikeltop.open .kf_artikel_container {
    display:block;
}
.kf_artikeltop:not(.open) .kf_artikel_container {
    display:none;
}
.kf_artikel_item {
    display: inline-block;
    width: 160px;
    background: #e1e1e1;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: revert-layer;
    height: 50px;
    padding: 4px 8px;
    box-shadow: 1px 2px #777;
    border: 1px solid #777;
    margin: 2px;
    cursor:pointer;
}
.kf_artikel_item.selected {
    box-shadow: inset 1px 2px #777;
    border: 1px solid #777;
    background-color: #76bb74;
    color: white;
}
#kf_artikeltop_title {
    cursor:pointer;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 24px;    
}
.kf_artikel_middle {
    text-align:left;
}
#kf_artikeltop_title {
    text-align:right;
}
#kf_artikeltop_title,
.kf_artikel_middle {
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
    margin-top: 10px;
    min-height: 20px;
    background-color: white;
}
.kf_artikel_num {
    text-align:right;
    display:none;
}
.kf_artikel {
    width:160px;
    display: inline-block;
    height:280px;
    max-height: 280px;
    min-height: 280px;
    overflow: hidden;
    background-color:white;
    margin: 8px;
    position:relative;
}
.kf_artikel .kf_bild {
    width:160px;
    height:160px;
}
.kf_artikel_name {
    font-size: .875rem;
    font-weight: 400;
    color: #7a7a7a;
    text-align: center;
    text-decoration: none;
    margin-top:4px;
}
.kf_artikel_add {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #76bb74;
    color: white;
    text-align: center;
    padding: 4px;
    cursor:pointer;
}
#kf_quick_search {
    display:inline-block;
    width: 100%;
    /*
    height: 20px;
    float: left;
    */
}

#kf_quick_search input {
    max-height: 100%;
    border: none;
    width:100%;
    padding: 4px 16px;
}
.kf_artikel_hidden {
    display:none;
}
.kf_artikel_price {
    text-align:center;
    width:100%;

}
#kf_top_korfu_cart {
    margin-top: 0.125rem;
    height: 3rem;
    padding: 0.75rem;
    margin-left: 0.9375rem;
    color: white;
    white-space: nowrap;
    float: right;
}
#kf_top_korfu_cart:not(.empty) {
    color: white;
    background-color:#24b9d7;
}
#kf_top_korfu_cart.empty {
    color: #7a7a7a;
    background: #f6f6f6;
}

#kf_top_korfu_cart.active {
    cursor: pointer;
    background: #24b9d7;
}
.top_korfu_cart_label {
    display:inline-block;
}
@media (max-width: 767px) {
    .top_korfu_cart_label {
        display: none !important;
    }
}
#_desktop_cart,
#_mobile_cart {
    display:none !important;
}
.kf-right-nav {
    position:relative;
}
#kf-menu-icon {
    margin: 10px 15px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
}
#kf-top-logo {
    height:50px;
    max-height: 50px;
    display: inline-block;
}
#kf-top-logo img {
    height: 50px;
    padding: 10px;
}
#header .header-top {
    padding:4px 0 !important;
}
.kf-display-top {
    width:100%;
}
.kf-header-left {
    margin: 0 15px;
    float: left;
}
.kf-header-right {
    margin: 0 15px;
    float: right;
}
.loading > .loadingModal {
    display: block;
}
.loadingModal {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8);
    background: rgba( 255, 255, 255, .8) url('../img/loadingModal.gif') 50% 50% no-repeat;
      background-size: auto;
    background-size: 200px;
    z-index: 1001 !important;
  }

.kf_artikeltop:not(.open) #kf_artikeltop_title {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHdpZHRoPSIxMjhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9Ik9CSkVDVCI+PGc+PHBhdGggZD0iTTEwNS4zMjIsNTUuNzMxTDYzLjk5OSw5Ny4wNTlMMjIuNjc3LDU1LjczMWMtMC43OC0wLjc4MS0yLjA0Ny0wLjc4MS0yLjgyOCwwcy0wLjc4MSwyLjA0NywwLDIuODI4bDQyLjczNiw0Mi43NDEgICAgYzAuMzc1LDAuMzc1LDAuODg0LDAuNTg2LDEuNDE0LDAuNTg2czEuMDM5LTAuMjExLDEuNDE0LTAuNTg2TDEwOC4xNSw1OC41NmMwLjc4MS0wLjc4MSwwLjc4MS0yLjA0NywwLTIuODI4ICAgIFMxMDYuMTA0LDU0Ljk1LDEwNS4zMjIsNTUuNzMxeiIvPjxwYXRoIGQ9Ik02Mi41ODUsNzQuOTc0YzAuMzc1LDAuMzc1LDAuODg0LDAuNTg2LDEuNDE0LDAuNTg2czEuMDM5LTAuMjExLDEuNDE0LTAuNTg2bDQyLjczNy00Mi43NDEgICAgYzAuNzgxLTAuNzgxLDAuNzgxLTIuMDQ3LDAtMi44MjhzLTIuMDQ3LTAuNzgxLTIuODI4LDBMNjMuOTk5LDcwLjczMUwyMi42NzcsMjkuNDA0Yy0wLjc4LTAuNzgxLTIuMDQ3LTAuNzgxLTIuODI4LDAgICAgcy0wLjc4MSwyLjA0NywwLDIuODI4TDYyLjU4NSw3NC45NzR6Ii8+PC9nPjwvZz48L3N2Zz4=");
}
.kf_artikeltop.open #kf_artikeltop_title {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHdpZHRoPSIxMjhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9Ik9CSkVDVCI+PGc+PHBhdGggZD0iTTIyLjY3OCw3My42MjFMNjQsMzIuMjk0bDQxLjMyMiw0MS4zMjdjMC4zOSwwLjM5MSwwLjkwMiwwLjU4NiwxLjQxNCwwLjU4NnMxLjAyMy0wLjE5NSwxLjQxNC0wLjU4NiAgICBjMC43ODEtMC43ODEsMC43ODEtMi4wNDcsMC0yLjgyOEw2NS40MTUsMjguMDUyYy0wLjc1LTAuNzUtMi4wNzgtMC43NS0yLjgyOCwwTDE5Ljg1LDcwLjc5M2MtMC43ODEsMC43ODEtMC43ODEsMi4wNDcsMCwyLjgyOCAgICBTMjEuODk3LDc0LjQwMiwyMi42NzgsNzMuNjIxeiIvPjxwYXRoIGQ9Ik02NS40MTUsNTQuMzc5Yy0wLjc1LTAuNzUtMi4wNzgtMC43NS0yLjgyOCwwTDE5Ljg1LDk3LjEyYy0wLjc4MSwwLjc4MS0wLjc4MSwyLjA0NywwLDIuODI4ICAgIGMwLjM5MSwwLjM5MSwwLjkwMiwwLjU4NiwxLjQxNCwwLjU4NnMxLjAyNC0wLjE5NSwxLjQxNC0wLjU4Nkw2NCw1OC42MjFsNDEuMzIyLDQxLjMyN2MwLjc4LDAuNzgxLDIuMDQ3LDAuNzgxLDIuODI4LDAgICAgczAuNzgxLTIuMDQ3LDAtMi44MjhMNjUuNDE1LDU0LjM3OXoiLz48L2c+PC9nPjwvc3ZnPg==");
}
#top-kf-products-count {
    display:inline-block;
}  
#top-kf-products-count.glow {
    -webkit-animation: glow 0.5s ease-in-out infinite alternate;
    -moz-animation: glow 0.5s ease-in-out infinite alternate;
    animation: glow 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
    from {
      text-shadow:none;
      color:white;
    }
    to {
      text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
      font-weight: bold;
      color:#2c00ff;      
    }
  }

.kf-dialog {
    font-family: Manrope, sans-serif;
}
.kf-dialog .ui-dialog-titlebar {
    background-color:#cde1cd;
}
.kf-dialog .kf-button-add-to-cart.ui-state-default {
    background:#4dc14d;
    border: 1px solid #ddd;
    color:white;
}
.kf-dialog .kf-button-cancel.ui-state-default {
    background:red;
    border: 1px solid #ddd;
    color:white;
}
.kf-dialog .kf-button-cancel.ui-state-hover,
.kf-dialog .kf-button-add-to-cart.ui-state-hover {
    border: 1px solid #333 !important;
}
.kf-cart-title {
    color:#b9b9b9;
}
.kf-cart-product-name {
    font-weight: bold;
}
.kf-bilder-rahmen {
    padding:6px;
}
.kf-remove-product > i {
    cursor:pointer;
}
.kf-col-details {
    text-align:right;
    min-width: 75px;
    padding-right:10px;
}
.kf-order-table {
    width:100%;
}
.kf-order-table tr {
    background-color:white;
    border-bottom: 1px solid #ccc;
}

.kf-bilder-rahmen img {
    width:100px;
}
.kf-buttons {
    float:right;
    padding-left: 4px;
    padding-right: 14px;
}
.kf-col-details div {
    padding:2px;
    cursor:pointer;
}
@media (max-width: 767px) {
    .kf-bilder-rahmen img {
        width:60px;
    }
    .kf-buttons {
        padding-right: 4px;
    }
}
.kf-btn-edit,
.kf-btn-remove {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;    
    cursor:pointer;
}

.kf-btn-remove {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyOCAxMjg7ZmlsbDojZmYwMDAwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cG9seWdvbiBwb2ludHM9IjgyLjQsNDAgNjQsNTguMyA0NS42LDQwIDQwLDQ1LjYgNTguMyw2NCA0MCw4Mi40IDQ1LjYsODggNjQsNjkuNyA4Mi40LDg4IDg4LDgyLjQgNjkuNyw2NCA4OCw0NS42ICAiLz48cGF0aCBkPSJNMSwxMjdoMTI2VjFIMVYxMjd6IE05LDloMTEwdjExMEg5Vjl6Ii8+PC9nPjwvc3ZnPg==");
}

#kf-ajax-products {
    display: grid;
    max-width: 100%;
    margin: auto;
    grid-template-columns: repeat(auto-fit, 168px);
    grid-gap: 2px;
    justify-content: center;
}
.kf-order-quantity .edit-price input,
.kf-order-quantity .edit-mode input {
    text-align: right;
    width:50px;
}
.kf-order-quantity.edit-mode .view-mode,
.kf-order-quantity:not(.edit-mode) .edit-mode {
    display:none;
}

.kf-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 100%;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 0.99);
    overflow-x: hidden;
    transition: 0.5s;
}
.kf-overlay .closebtn {
    position: absolute;
    top: 20px;
    left: 45px;
    cursor: pointer;
    width: 3vh;
    height: 3vh;
    background-image: url("../img/closeBtn.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 40;
  }
  #kf-logo-menu {
    width: 100%;
    text-align: center;
    height: 88px;
    margin: 36px 0 0 0;
    cursor:pointer;
  }
  .tblT {
    display: table;
  }
  .overlay-content {
    position: relative;
    width: 100%;
    text-align: center;
  }
  .h100 {
    height: 100% !important;
  }
  .tblR {
    display: table-row;
  }
  .tblC {
    display: table-cell;
    text-align: center;
  }
  .kf-overlay a {
    padding: 8px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
    text-transform: uppercase;
  }
  #kf-menuDiv {
    text-align: left;;
    display:inline-block;
  }
  #product .breadcrumb a:hover {
    text-decoration:underline;
  }
  #kf_einkaufpreis {
    margin-right:10px;
    cursor:pointer;
    display:inline-block;
  }
  #kf_einkaufpreis.kf_reveal .kf_einkaufpreis_reveal,
  #kf_einkaufpreis:not(.kf_reveal) .kf_einkaufpreis{
    display:none;
  }
  #kf_einkaufpreis:not(.kf_reveal) .kf_einkaufpreis_reveal,
  #kf_einkaufpreis.kf_reveal .kf_einkaufpreis{
    display:inline-block;
  }
  #kf_einkaufpreis .kf_einkaufpreis_reveal {
    width:18px;
    height:18px;
    /*background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzFfMV8iIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik04LDNDMy41ODIsMywwLDgsMCw4czMuNTgyLDUsOCw1czgtNSw4LTVTMTIuNDE4LDMsOCwzeiBNOCwxMWMtMS42NTcsMC0zLTEuMzQzLTMtM3MxLjM0My0zLDMtM3MzLDEuMzQzLDMsM1M5LjY1NywxMSw4LDExICB6Ii8+PC9zdmc+");*/
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA1VBMVEUAAADcRlHZRVPZRFPZQ1LYRlXZRFTbRFPXSFDZQFnaRVPaRFPaRFPZRFPWR1LbRVTaRFPaRFPZQ1PbRFLbRVPbQ1L/AADbQ1TaRFPZRVTjOVXaRFPaRFPaRFTZQlT/gIDXQ1HZQ1PaRVPaRVPZQ1TbRFPaRlPaRFPZQ1LaRFPbRFPdRVPaQ1TaRFLaRFPbRFPZQlXaRFPaRFPaRFPaRFLaRFPZRFPbRFLaQ1PcR1XaRFTaRVTmTU3aRFPaRFPfQFXdRFXaRFPcRk/ZRVTbRFPaRFP///9ix8ZaAAAARXRSTlMAFkpleSGA2SAUkfz9ohlV8Oyjf35UAYz7egl7ipJJAiZyWeNYcTf6V8xWJX2k4ss27f75fOHgcJAkj4kKiFMYHtYdZHj3RGMNAAAAAWJLR0RGF7r57QAAAAd0SU1FB+EICg4vDF81kG4AAAEZSURBVDjL3VPpWsIwEBwKgsUDqBVrqk21HAIpQj3xQBHy/q9kmm2wlT4B+TXZma+zO5sCe3cqVrVWq1qVcvag3pDZadQPd2i7eSRz5/jktMi32rrecc5cp6Nh+zxHdy90zbtk6Y35nr5edbf8NfEBwMOQAwEpmkZxQ74+cBtJGfUAnyp94gdD8mfoUf0OjPoYDlKej6jsgEeEIg6H0Ej5YZxN5mJihgwhpPlYqWBSEBiLGHxKaLq1uE8tMKMm5wzjJAVJyzT5MKMx+iR/VIE+SfmsIswcXkxQrxSUpeBiodKxKKi3v6jfSSE+dNRC88lnfllLWtY8dt04W9by/7q94rq/dl7Et1gZeiV+yh+VHaw3m3Vg79/P9Atl+1SiGu7EOAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wOC0xMFQxNDo0NzoxMiswMDowMMUhReUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDgtMTBUMTQ6NDc6MTIrMDA6MDC0fP1ZAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: top 2px center;
  }