@font-face {
    font-family: 'icon-matthies';
    src: url('fonts/icon-matthies/icon-matthies.eot');
    src: url('fonts/icon-matthies/icon-matthies.eot') format('embedded-opentype'),
    url('fonts/icon-matthies/icon-matthies.ttf') format('truetype'),
    url('fonts/icon-matthies/icon-matthies.woff') format('woff'),
    url('fonts/icon-matthies/icon-matthies.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


#mini_basket {
    display: none;
}
#head.new {
    background-color: #fff;
}
/* ############## */

.nav-logo-matthies {
    position: absolute;
    top: 20px;
    right: 20px;
}

.rnav {
    position: absolute;
    top: 0;
    right: 0;
}
.rnav a {
    float: right;
    position: relative;
}
.nav-basket {
    width: 90px;
    height: 68px;
    margin-right: 30px;
}

.nav-bg {
    background-color: #dd0000;
    height: 75px;
    width: 100%;
    position: absolute;
}
.icon-pictograms {
    font-family: 'icon-matthies';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-matthies:before {
    content: "\e600";
}

.pictograms {
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    align-items:center;
    min-height:inherit
}

.icon-pictograms {
    position:relative;
/*    width:50px;
    height:calc(50px - 1.75rem);*/
    order:2;
    width:70px;
    height:65px
}
.icon-pictograms:after,
.icon-pictograms:before {
    position:absolute;
    /*font-size:34px;*/
    display:block;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    font-size:60px;
    font-weight: 300;
}

.pictograms__text {
    display:inline-block;
    order:1;
    color:transparent;
    font-size:.6rem;
    margin-bottom:.4rem;
}
.pictograms__item:focus .pictograms__text,
.pictograms__item:hover .pictograms__text {
    color:#fff;
}

.icon-pictograms.katy:before {
    color:#fff;
    content:"\E67B";
}
.icon-pictograms.katy:after {
    content:"\E67A";
}
.icon-pictograms.mike:before {
    color:#fff;
    content:"\E67D";
}
.icon-pictograms.mike:after {
    content:"\E67C";
}
.icon-pictograms.uni:before {
    color:#fff;
    content:"\E67F";
}
.icon-pictograms.uni:after {
    content:"\E67E";
}
.icon-pictograms.spark:before {
    color:#fff;
    content:"\E681";
}
.icon-pictograms.spark:after {
    content:"\E680";
}
.icon-pictograms.henry:before {
     color:#fff;
     content:"\E683";
 }
.icon-pictograms.henry:after {
    content:"\E682";
}

/********** DAVITEC WK ***********/

.fa-gear::before, .fa-cog::before {
    content: "";
}
/* #66A96B */
a.settings[data-v-1ff5eb02] {
    float: right;
    font-size: 2rem;
    margin: 0 1.5rem;
}


/**/
ul.tabs.no-bullets.tabs-component-tabs {
    font-size: 13px;
    line-height: 20px;
}

li.tab-title.tabs-component-tab {
    float: left;
}

a.tabs-component-tab-a {
    background-color: rgb(214, 214, 214);
    cursor: pointer;
    display: block;
    padding: 9px 18px;
}

.tabs dd.active > a, .tabs .tab-title.active > a {
    background-color: #d00;
    color: #fff;
}

.tabs-content > .content.active {
    display: block;
    float: none;
}
.tabs-content > .content {
    display: none;
    float: left;
    padding: 0 0;
    width: 100%;
}

.warenkorb .order-basket {
    height: 39px;
}
.warenkorb .button {
    cursor: pointer;
    padding: 9px 18px;
    font-size: .6875rem;
    background-color: #66A96B;
    color: #fff;
    margin-bottom: 10px;
}
.fa-check::before {
    content: "";
}


.detailed-availability[data-v-597be18b] {
    align-items: center;
    display: inline-grid;
    font-size: 12px;
    line-height: 1.2;
    min-width: 120px;
    min-height: 33px;
    padding: 2px 5px;
    text-align: center;
    width: 100%;
}
.warenkorb .detailed-availability.yellow {
    background-color: #fff333;
}
.yellow[data-v-597be18b], .yellow_vp[data-v-597be18b] {
    background-position: 40px 0px;
}
.warenkorb .detailed-availability.green {
    background-color: #5d5;
}
.green[data-v-597be18b] {
    background-position: 60px 0px;
}