@media (min-width: 768px) {


    body {
        z-index: 2;
    }

    body.bn #oc {
        transform: translate(0, 0);
    }

    #title h1 {
        text-align: left;
    }

    h1 {
        font-size: 35px;
    }

    .m {
        max-width: 1440px;
    }


    #occ {
        display: none;
    }


    /***************************************************************************************************
    layout-left
    ***************************************************************************************************/
    .page-layout-2columns-left main {
        min-height: 500px;
    }

    .account.page-layout-2columns-left .main {
        margin: 0 0 0 280px;
        min-height: 500px;
    }

    .page-layout-2columns-left .sidebar-main {
        position: absolute;
        top: 20px;
        left: 0;
        width: 280px;
    }

    .page-layout-2columns-left .sidebar-additional {
        margin: 40px 0 0 300px;
    }


    /***************************************************************************************************
    layout-right
    ***************************************************************************************************/
    .page-layout-2columns-right .main {
        float: left;
        width: calc(100% - 340px);
    }

    .page-layout-2columns-right .sidebar-main {
        float: right;
        width: 320px;
        position: relative;
    }


    .page-layout-2columns-right .sidebar-main::after {
        content: '';
        position: absolute;
        top: 10px;
        left: -20px;
        bottom: 10px;
        width: 1px;
        background: #ccc;

        height: auto;
    }


    /***************************************************************************************************
    header
    ***************************************************************************************************/

    #logo {
        height: 110px;
        width: 250px;
        background-position: center;
    }



    #header_bio {
        position: absolute;
        top: 65px;
        right: 10px;
        height: 40px;
        width: 115px;

        background: url(../img/eu_g.svg) right 0 no-repeat;
        background-size: auto 40px;

    }

    #header_bio div {
        width: 50px;
        height: 40px;
        background: url(../img/bio_g.svg) 0 0 no-repeat;
        background-size: auto 40px;
    }

    /***************************************************************************************************
    search
    ***************************************************************************************************/
    .minisearch {
        position: absolute;
        right: 90px;
        top: 20px;
        margin: 0;
        z-index: 1;
    }

    nav .minisearch {
        display: none;
    }

    header .minisearch {
        display: block;
    }

    #search_autocomplete {
        position: absolute;
        top: 29px;
        left: 0;
        right: 0;
        width: auto !important;
        background: #ccc;
        overflow: hidden;
    }

    #search_autocomplete ul {
        margin: 0 1px 1px 1px;
        background: #fff;
        list-style-type: none;
        padding: 0;
    }

    #search_autocomplete ul li {
        overflow: hidden;
        position: relative;
        cursor: pointer;
    }

    #search_autocomplete ul li .qs-option-name {
        display: block;
        padding: 0 30px 0 10px;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        font-weight: 400;
        text-overflow: ellipsis;
    }

    #search_autocomplete ul li .selected {
        background: #f8f8f8;
    }

    #search_autocomplete ul li .amount {
        position: absolute;
        top: 0;
        right: 10px;
        color: #ccc;
        height: 25px;
        line-height: 25px;
        font-size: 10px;
    }


    /***************************************************************************************************
    bc
    ***************************************************************************************************/
    #bc {
        display: block;
        height: 30px;
        margin: 0 0 10px 0;
    }

    #bc .m {
        overflow: hidden;
    }

    #bc .m div,
    #bc i {
        float: left;
        height: 30px;
        line-height: 30px;
        margin: 0 0 0 5px;
        font-size: 12px;
        color: #888;
        position: relative;
        left: 5px;
        font-style: normal;
    }

    #bc a {
        color: #888;
        float: left;
        height: 30px;
        line-height: 30px;
    }

    #bc a:hover {
        color: #333;
    }

    /***************************************************************************************************
    nav (visible)
    ***************************************************************************************************/
    body.bn main,
    body.bn footer,
    body.bn #logo,
    body.bn #top_cart,
    body.bn #top_account,
    body.bn #teaser {
        display: block;
    }

    body.bn {
        background: #fff;
    }

    /***************************************************************************************************
    top_cart
    ***************************************************************************************************/
    #top_cart {
        right: 10px;
    }

    #top_cart_c.x {
        right: 0;
    }

    /***************************************************************************************************
    top_account
    ***************************************************************************************************/
    #top_account {
        right: 50px;
    }

    #top_account_c.x {
        right: -40px;
    }

    /***************************************************************************************************
    teaser
    ***************************************************************************************************/
    #t .m {
        height: 300px;
    }

    #t.t_h_1 .m {
        height: 400px;
    }

    #t.t_h_2 .m {
        height: 576px;
    }

    #t_o_w {
        position: absolute;
        top: 0;
        right: 10px;
        height: 100%;
        width: 100%;
        margin: 0;
    }

    #t_o {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;

        overflow: hidden;
        width: 200px;
    }

    #t_o h2,
    #recipe_week_r h2 {
        font-size: 50px;
    }

    #t_o h3,
    #recipe_week_r h3 {
        font-size: 30px;
    }

    #t_o_v {
        position: relative;
        left: 0;
        top: 50%;
        padding: 0 30px;
        transform: translate(0, -50%);
    }

    #t.t_w_3 #t_o {
        width: 300px;
    }

    #t.t_w_4 #t_o {
        width: 400px;
    }

    #t.t_w_5 #t_o {
        width: 500px;
    }

    #t.t_w_6 #t_o {
        width: 600px;
    }

    #t.t_p_1 #t_o {
        right: 8.3334%;
    }

    #t.t_p_2 #t_o {
        right: 16.6667%;
    }

    #t.t_p_3 #t_o {
        right: 25%;
    }

    #t.t_p_4 #t_o {
        right: 33.3334%;
    }

    #t.t_p_5 #t_o {
        right: 41.6667%;
    }

    #t.t_p_6 #t_o {
        right: 50%;
    }

    #t_b {
        overflow: hidden;
        margin: 20px 0 0 0;
    }

    #t_b div {
        height: 50px;
        overflow: hidden;
    }

    #t_b.t_b_2 div {
        float: left;
        width: 50%;
    }


    /***************************************************************************************************
    newsletter
    ***************************************************************************************************/
    #newsletter {
        margin: 0 0 40px 0;
    }


    /***************************************************************************************************
    social
    ***************************************************************************************************/
    #social {
        margin: 0;
        position: absolute;
        top: 5px;
        right: 5px;
    }


    footer .acc_h {
        border: 0;
    }

    .fi strong {
        width: 160px;
    }


    /***************************************************************************************************
    items
    ***************************************************************************************************/
    .items_w {
        position: relative;
    }


    .recipes .it {
        border: 1px solid #ddd
    }

    #products .it {
        float: left;
        margin: 0 10px 14px 4px;
    }

    .recipe,
    .product {
        margin: 1px;
    }


    .products .items_w,
    .recipes .items_w,
    #logos .items_w,
    .items_cms .items_w {
        margin: 0;
        overflow: visible;
        width: auto;
    }

    .products .items_c,
    .recipes .items_c,
    #logos .items_c,
    .items_cms .items_c {
        left: 0;
    }

    .items_prev,
    .items_next {
        height: 70px;
        width: 40px;

    }

    #logos .items_next,
    #logos .items_prev {
        top: 50px;
    }
}