@charset "UTF-8";

/*//////////////////////// hack /////////////////////*/

/* Nur Firefox */

@-moz-document url-prefix() {
    .price-purch .v-center p {
        display: block;
        line-height: 13px;
        margin-top: 5px;
        vertical-align: middle;
        width: 100%;
        text-align: center;
    }
    .box-purch.button.korb .absolute {
        left: 40px;
        position: absolute;
        text-align: center;
        top: 7px;
    }
}

/*//////////////////////////////////////////////////*/


@media all and (min-width:0px) and (max-width:1366px) {

    .product-list .product-title {
        display: block;
        line-height: 120px;
    }
    .product-title h1 {
        color: #174b86;
        font-size: 22px;
        line-height: 28px;
    }
    h4 {
        font-size: 14px;
    }
    .product-list .p-pict, .product-list .p-pict img {
        height: 180px;
        width: auto;
    }
    .article .line {
        margin-top: 20px;
    }
    .purchase .box-purch.add-margin {
        margin-bottom:20px;
    }
    .selector, .selector-big {
        margin-bottom: 2px;
        margin-top: 0;
    }
    .sidebar .availability {
        margin-bottom: 15px;
    }
    .sidebar > h1.title-aside {
        margin-top: 25px;
        text-align: left;
    }
    .aside .list-aside {
        margin-top: 25px;
    }
    .purchase {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .part-purchase {
        width: 100%;
    }
    .p-description.inline-block {
        vertical-align: middle;
        width: 72%;
    }
    /*.number-box {
        width: 30%!important;
    }*/

    .number-box {
        padding-right: 0;
        width: 34% !important;
    }

    .eta-purch {
        height: 40px;
        width: 125px;
        flex-grow: 20;
        -webkit-flex-grow: 20;
    }
    .number-purch {
        height: 40px;
        width: 105px;
    }
    .number-box input {
        width: 100%;
    }
    .es .not-purch {
        width: 100px;
    }
    .box-purch.not {
        width: auto;
        flex-grow: 20;
        -webkit-flex-grow: 20;
    }
    .box-purch.button .button {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .box-purch.not .v-center.size100 {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        vertical-align: middle;
        width: auto;
    }
    .price-purch {
        flex-grow: 20;
        -webkit-flex-grow: 20;
    }
    .account .state .number-purch {
        width: 121px;
    }
    .account .state .number-purch .number-box {
        width: 41%!important;
        padding-right: 0px;
    }




    .account .state .box-purch .pstock .number-box {
        width: 100%!important;
    }

    .account .state .box-purch .pstock p {
        position: relative;
        right: 5px;
    }


    .backOrderList.line .state p.number-box input:hover {
        margin-top: 6px;
    }
}

@media all and (min-width:0px) and (max-width:1285px) {
    #back-top a {
        background-position: center center;
        border: 1px solid #ddd;
        padding-top: 0;
        text-indent: -5000px;
        width: 21px;
        height: 21px;
    }
    #back-top {
        bottom: 30px;
        position: fixed;
        right: 10px;
    }
    #back-top.bottom {
        position: absolute;
        right: 10px;
    }
    #back-top a:hover {
        background-position: center center;
    }
    p.number-box {
        padding-right: 0;
    }
}
@media all and (min-width:0px) and (max-width:1023px) {
    .line.flex.little + .line.flex {
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
    }
    .zahlung .absolute-rb {
        position: inherit;
    }
    .zahlung .absolute-rb p {
        margin-bottom: 20px;
        margin-top: 5px;
        text-align: center;
    }
    .box20.folgen .inline-block.social-pic {
        margin: 15px 0;
        margin-bottom: 20px;
    }
    .box20.folgen.small-t p {
        margin-top: 5px;
        text-align: center;
    }
    .line.flex.little + .line.flex .box20 {
        flex-grow: 5;
        -webkit-flex-grow: 5;
        width: 49%;
        background-image: none;
        text-align: center;
    }
    .aside p.number-box + .display-list-menu {
        left: 0;
        text-align: left;
    }
    .cus-buy .box20 img {
        height: auto;
        max-width: 100%;
        width: 100%;
    }
    .cus-buy {
        margin: 25px auto auto;
        max-width: 691px;
        text-align: center;
    }
    .cus-buy .box20 {
        width: 22%;
    }
    .cus-buy > h1 {
        font-size: 18px;
    }
    .title .order-tab .block {
        border-right: 2px solid #174b86;
    }
    .title .order-tab .block:last-child {
        border-right: none;
    }
    .verfuegbarkeits_box {
        font-size: 11px;
        margin-left: 1px;
        width: auto;
        height: auto;
        min-width: 12%;
    }
    .account .aside .sidebar.account .c-selection {
        padding-left: 10px;
    }
    .account div.content {
        box-sizing: border-box;
        display: inline-block;
        max-width: 100%;
        vertical-align: top;
    }
    .c-card .inline-block.size50 {
        max-width: 43%;
    }
    .warper.clear.layout {
        width: 90%;
    }
    .warper.clear .header-warper {
        width: 100%;
    }
    .warper.faq {
        display: block;
        float: none;
        margin: auto;
        width: 80%;
    }
    .line.header .big-t h1 br {
        display: none;
    }
    /*.line.header .big-t h1 {*/
    /*    background-color: white;*/
    /*    left: 0;*/
    /*    margin-left: 10px;*/
    /*    margin-top: 10px;*/
    /*    padding: 10px;*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    vertical-align: middle;*/
    /*    max-width: inherit;*/
    /*    font-size: 28px;*/
    /*}*/
    .line.header .big-t h1 {
        font-size: 28px;/*max-width: 295px;*/
    }
    .aside.product .price-button {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        margin-top: 0;
        width: 100%;
        align-items: flex-end;
        -webkit-align-items: flex-end;
    }
    .product .price-button .price.box43.inline-block {
        flex-grow: 20;
        -webkit-flex-grow: 20;
        width: auto;
    }
    .product .box55.button.inline-block {
        float: none;
        min-width: 125px;
        text-align: right;
    }
    .aside.right.product .sidebar {
        padding-top: 12px;
    }
    .product .aside {
        min-height: 645px;
        padding: 20px;
    }
    .product .sidebar .first {
        width: 90%;
    }
    .product .info-price .total-price.inline-block {
        float: right;
        font-size: 26px;
        margin-bottom: 15px;
        width: auto;
    }
    .product .price-button .price.box43.inline-block {
        width: auto;
    }
    .product .sidebar .info-price {
        line-height: 45px;
        margin-bottom: 5px;
    }
    .product .box55.button.inline-block {
        float: right;
        min-width: 125px;
        text-align: right;
    }
    .product .aside .price-button {
        margin-top: 0;
        min-width: inherit;
    }
    .product .price-button .price.box43.inline-block {
        /*margin-top: 36px;*/
        width: auto;
    }
    .product .info-price.not-connected .price-button .box-purch.button {
        margin-top: 10px;
        padding: 0;
    }
    .product .info-price.not-connected {
        padding-left: 25px;
        width: 70%;
    }
    .product .info-price.not-connected + .info-table {
        border-left: medium none;
    }
    .product .sidebar.not-connected .price-button .box-purch.button .button.not {
        background-color: #174b86;
        background-image: none;
        color: white;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        transition: all 250ms ease-in-out 0s;
        vertical-align: middle;
    }
    .aside {
        height: auto;
        left: inherit;
        padding: 0 20px;
        position: fixed;
        right: -300px;
        top: 50%;
        width: 265px;
        transform: translate(0px, -50%);
        -webkit-transform: translate(0px, -50%);
        transition: all 01s ease-in-out;
        -webkit-transition: all 01s ease-in-out;
    }
    .aside.right.product {
        top: inherit;
        transform: none;
        -webkit-transform: none;
        transition: none;
        -webkit-transition: none;
    }
    .before {
        display: inherit;
    }
    .aside.h-scroll {
        right: -30px;
    }
    .modal-content .light-box .left > img {
        height: auto;
        left: 50%;
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
    .warper {
        max-width: 90%;/*overflow: hidden;*/
    }
    .modal .warper {
        max-width: 100%;
    }
    .warper-article {
        display: block;
        float: none;
        margin: auto;
        vertical-align: top;
    }
    .aside .sidebar {
        background: none repeat scroll 0 0 #f8f8fa;
        padding: 15px;
        top: 0px !important;
        right: 10px;
        height: auto;
        position: relative;
    }
    .aside.bottom {
        bottom: inherit;
    }
    .aside.bottom .sidebar {
        bottom: 0;
        position: relative;
    }
    .aside .sidebar {
        position: relative;
        width: 228px;
    }
    .aside.scroll .sidebar {
        position: relative;
        top: 55px;
    }
    .shadow-2 > img {
        max-width: 100%;
        height: auto;
    }
    aside .before .fa {
        background-color: #f8f8fa;
        content: "\f002";
        cursor: pointer;
        display: block;
        font-family: "FontAwesome";
        font-size: 30px;
        left: -42px;
        padding: 10px;
        position: absolute;
        top: 45%;
        z-index: 50;
    }
    .aside {
        height: auto;
        left: inherit;
        padding: 10px 20px;
        position: fixed;
        right: -300px;
        top: 50%;
        transform: translate(0px, -50%);
        transition: all 1s ease-in-out 0s;
        width: 265px;
        z-index: 99;
        height: auto;
        min-height: inherit;
    }
    .aside.aside-open {
        right: 0px;
    }
    .footer-aside {
        display: none;
    }
    .big .button-image {
        width: auto;
    }
    .search-box .autocomplete .img-search img {
        height: auto;
        max-width: 100%;
    }
    .product .eta-purch.eta-aside {
        left: 0;
        position: inherit;
        right: inherit;
    }
    .aside.right.product {
        min-height: inherit;
        position: inherit;
        top: inherit;
        transform: none;
        transition: none 0s ease 0s;
        width: auto;
    }
    .product .info-footer {
        bottom: inherit;
        left: 0;
        right: inherit;
        width: 25%;
    }
    .product .sidebar .first {
        width: 90%;
    }
    .warper-article + .aside.right.product .sidebar {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        width: auto;
        height: auto;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .warper-article + .aside.right.product .sidebar .info-detail {
        flex-grow: 20;
        -webkit-flex-grow: 20;
        width: auto;
        margin-left: 10px;
        margin-top: 0px;
    }
    .warper-article + .aside.right.product .sidebar .info-table {
        flex-grow: 20;
        -webkit-flex-grow: 20;
        width: auto;
        margin-left: 10px;
        margin-top: 0px;
    }
    .product .infos-box-date {
        font-size: 12px;
        text-align: left;
    }
    .product .total-price.inline-block {
        font-size: 26px;
    }
    .product .box55.button.inline-block {
        min-width: 125px;
    }
    .product .price-button {
        min-width: 230px;
        position: relative;
    }
    .product .inline-block.info-detail {
        margin-bottom: 10px;
        min-width: 40%;
    }
    .product .info-table {
        border: none;
        border-left: 1px solid #c1c1c1;
        border-right: 1px solid #c1c1c1;
        padding: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .product .eta-purch.eta-aside {
        right: inherit;
        left: 0;
    }
    .product .info-footer {
        right: 0;
        top: 5px;
        bottom: inherit;
    }
    .product .social-link.inline-block {
        float: right;
        margin-right: 0px;
        margin-top: -5px;
    }
    .product .social-link.inline-block {
        float: right;
        margin-right: 0px;
        margin-top: -5px;
    }
    .product .sidebar .info-price {
    }
    .aside.product .price-button {
        margin-top: 0;
    }
    .product .sidebar .info-price {
        margin-bottom: 5px;
    }
    .warper-article {
        min-height: inherit;
    }
    #back-top.bottom {
        z-index: 80;
    }
    .info-table.empty {
        border-left: 0 none;
        border-right: 1px solid #ddd;
    }
    .big .button-image {
        width: 100%;
    }
    .product .info-footer {
        display: none;
    }
    .search-box input[type=submit] {
        width: 16%;
    }
    .header.not-active .search-box input[type=text] {
        width: 74%;
    }
}

@media all and (min-width:0px) and (max-width:1200px) {
}

@media all and (min-width:0px) and (max-width:1150px) {
    #back-top.bottom {
        right: 2%;
    }
}

@media all and (min-width:0px) and (max-width:1070px) {
    #back-top.bottom {
        right: 1%;
    }
}

@media all and (min-width:0px) and (max-width:1023px) {
    .menu-world .tooltip.in {
        opacity: 0.9;
    }
    .s-load.inline-block.mSelect.loadButton.s-save.ng-isolate-scope > a .mSelected {
        font-size: 11px;
    }
    .header-copyright .box100 {
        background: transparent url("../images/header/header-imprint.jpg") no-repeat scroll right top;
    }
    .s-line.s-button button.s-save {
        font-size: 11px;
    }
    .line.header .box100 {
        height: 170px;
        margin-bottom: 30px;
    }
    .info-p img.float-right {
        height: auto;
        width: 55%;
    }
    .table-map.float-right {
        padding: 0;
        float: none;
    }
    .map-box {
        float: none;
    }
    .table-map.float-right img.float-right {
        float: none;
        margin-bottom: 20px;
        padding: 0;
        max-width: 100%;
        height: auto;
        display: none;
    }
    .table-map.float-right {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
    }
    .warper .warper.table {
        box-sizing: border-box;
        max-width: 100%;
        width: 100%;
        display: block;
    }
    .warper.table .map-box {
        width: 100%;
    }
    .warper.table .table-map {
        margin-bottom: 20px;
        margin-left: 0;
        width: 100%;
    }
    /*///////// Warenkorb //////////*/
    .basket .box75 h1 {
        margin-left: 25px;
        margin-top: 25px;
        font-size: 20px;
    }
    .basket .box35.small-t {
        width: 35%;
        margin-left: 5px;
        display: inline-block;
        padding-bottom: 10px;
        font-size: 18px;
        height: 160px;
    }
    .basket .box35.small-t h3 {
        font-size: 12px;
        line-height: normal;
        margin-left: 25px;
    }
    .line.header-waren {
        width: 100%;
        margin: 0px;
    }
    .basket .box35 {
        display: block;
        height: auto;
        margin: 0;
        padding-bottom: 10px;
        width: 100%;
    }
    .basket .header-table .box35 {
        background-color: transparent;
        height: auto;
        padding-bottom: 0px;
    }
    .basket .box35 h1 + h3 {
        margin-top: 10px;
    }
    .basket .box35 h1 {
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .basket .box35 h3 {
        margin-bottom: 0px;
    }
    .header-table .box75 {
        margin-bottom: 15px;
        margin-top: 10px;
        width: 100%;
    }
    .inline-block.ref.tab-ref > input {
        box-sizing: border-box;
        width: 374px;
    }
    .inline-block.ref.tab-ref {
        text-align: left;
        width: auto;
    }
    .inline-block.total {
        border: medium none;
        text-align: center;
        width: 100%;
    }
    .product-descript-list {
        border-right: none;
        margin-left: 0;
        padding: 15px;
        width: 100%;
        box-sizing: border-box;
    }
    .table-pic {
        display: block;
        height: 118px;
        overflow: hidden;
        width: 95px;
        float: left;
    }
    .basket .inline-block.text {
        margin-left: 110px;
        max-width: inherit;
        width: auto;
        max-width: 100%;
        display: block;
        margin-top: 15px;
    }
    .basket .table .box100 {
        padding: 0;
    }
    .basket .v-center.price > p {
        margin-bottom: 0px;
    }
    .inline-block.text > p {
        font-size: 12px;
        line-height: 14px;
        margin: 0px;
        margin-top: 5px;
    }
    .basket .inline-block.text .date {
        font-size: 12px;
        margin-top: 5px;
    }
    .product-descript-list {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0px;
    }
    .box1-3 {
        border-right: 1px solid #c3c3c3;
        box-sizing: border-box;
        margin-left: 0;
        min-height: inherit;
        padding: 10px;
        text-align: center;
        width: 33%;
    }
    .basket .article .header-table {
        margin-bottom: 0px;
    }
    .article .header-table + .line {
        margin-top: 5px;
    }
    .inline-block.link {
        width: 77px;
    }
    .total .box1-3 + .box1-3 {
        float: right;
    }
    .total .box1-3 .total-price.total:first-child {
        margin-bottom: 10px;
    }
    .total .box1-3 .total-price.total {
        margin-bottom: 0px;
    }
    .warper-article .total-price {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .product-descript-list h3 {
        text-align: center;
    }
    .basket .inline-block.product-descript-list.total {
        position: absolute;
        top: 300px;
        width: 680px;
    }
    .basket .line.table {
        padding-bottom: 350px;
    }
    .basket .product-descript-list h3 {
        text-align: center;
        margin-top: 6px;
    }
    .basket .box100.pay-part .inline-block {
        width: 27%!important;
    }
    .inline-block.option-p > h1 {
        font-size: 15px;
        text-align: center;
    }
    .inline-block.n-card > h2 {
        font-size: 15px;
    }
    .box100.freight-surcharge-part {
        margin-top: 25px;
        padding: 0;
    }
    .box100.pay-part {
        margin-top: 25px;
        padding: 0;
    }
    .box100.pay-part .inline-block {
        width: 32% !important;
    }
    .box100.mail-part {
        margin-top: 0px;
    }
    .box100.mail-part label {
        font-size: 15px;
    }
    .box100.mail-part textarea {
        width: 100%;
    }
    .box100.mail-part textarea {
        margin-left: 0;
        max-width: 100%;
        width: 100%;
    }
    .basket .line.header-table.empty + .line.table {
        padding-bottom: 0;
        margin-bottom: 0px;
        border: none;
    }
    .basket .line.header-table.empty + .line.table .inline-block.product-descript-list.total {
        position: relative;
        margin: 0px;
        padding: 0px;
        top: inherit;
    }
    .basket .line.header-table.empty + .line.table .box100.mail-part {
        padding-top: 0px;
    }
    .total .box1-3 {
        width: 66%!important;
    }
    .total .box1-3 + .box1-3 {
        width: 34%!important;
    }
    .total-price {
        line-height: 19px;
    }
    .basket .total .inline-block {
        vertical-align: middle;
    }
    /*///////// End Warenkorb //////////*/

    .account div.content {
        display: inline-block;
        margin-bottom: 20px;
        margin-top: 20px;
        max-width: 100%;
        vertical-align: top;
        width: 91%;
    }
    .account .warper-article {
        margin-right: 10px;
        max-width: 100%;
        width: 100%;
    }
    .align-right.margin-top-20 {
        margin-top: 5px;
    }
    .aside.responsive .sidebar.account {
        position: relative;
        width: 100%;
    }
    .aside.responsive .sidebar.account .c-selection .responsive-box {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
    }
    .aside.responsive .account .c-selection p {
        margin-right: 15px;
    }
    .responsive-box div {
        flex-grow: 50;
        -webkit-flex-grow: 50;
        margin-right: 15px;
        position: relative;
        padding-right: 28px;
    }
    .responsive-box div {
        flex-grow: 50;
        -webkit-flex-grow: 50;
        margin-right: 5px;
        padding-right: 10px;
        position: relative;
    }
    .c-selection a .image {
        position: absolute;
    }
    .c-selection a .text {
        font-size: 11px;
        max-width: 180px;
        width: auto;
    }
    .order-tab .block {
        display: table-cell;
    }
    .aside.responsive .sidebar.account {
        width: auto;
    }
    .aside.responsive .sidebar.account .c-selection .responsive-box {
        align-content: flex-start;
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-left: 15px;
        padding-right: 0px;
        -webkit-align-content: flex-start;
        -webkit-align-items: flex-start;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -webkit-justify-content: space-between;
        left: 15px;
        position: relative;
    }
    .account .aside .sidebar.account h1 {
        margin-top: 0px;
    }
    .aside.responsive .sidebar.account .ident-pic {
        background-color: white;
        height: 158px;
        margin-bottom: 20px;
        width: 228px;
        float: left;
        margin-top: 10px;
    }
    .aside.responsive .account .c-selection p {
        margin-top: 10px;
    }
    .aside.right.responsive {
        display: block;
        float: none;
        margin: auto;
        position: inherit !important;
        right: inherit;
        top: inherit;
        transform: none;
        -webkit-transition: none;
        -webkit-transform: none;
        width: 100%;
        padding: 0px;
        min-height: inherit;
        box-shadow: none;
        margin-top: 25px;
        overflow: hidden;
    }
    .logo-part a {
        width: auto;
    }
    .logo-part a img {
        height: auto;
        max-width: 100%;
    }
    .partners {
        margin-left: inherit;
    }
    .shadow > img {
        max-width: 100%;
        height: auto;
    }
    .menu-dropdown.S-k-W {
        width: 100%;
    }
    .logo-search {
        margin: 10px auto 11px;
        text-align: left;
        width: 95%;
    }
    .h-content {
        width: 95%;
    }
    .menu-dropdown a {
        display: inline-block;
    }
    .menu-dropdown .border {
        text-align: center;
    }
    .menu-world {
        width: 95%;
    }
    .box2 {
        width: auto;
        max-width: 20%
    }
    .warenkorb h2, .konto h2 {
        font-size: 14px;
        font-size: 1.4vw;
    }
    .warper {
        margin-left: auto;
        margin-right: auto;
        max-width: 95%;
    }
    .line {
        font-size: 0;
        margin-left: 0px;
        width: 100%;
    }
    .home-connected {
        height: auto;
        margin-left: 9px !important;
        width: 19%;
    }
    .product-gallery.home-connected .p-pict a img {
        height: auto;
        max-width: 100%;
        box-sizing: border-box;
    }
    .product-gallery.home-connected .gallery-description {
        max-width: inherit;
        width: 100%;
    }
    .product-gallery.home-connected .mask .purchase {
        width: 100%;
        margin: auto;
    }
    .product-gallery.home-connected .p-pict a {
        display: block;
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    .product-gallery .caption > h2 {
        width: 160px;
        max-width: 100%;
    }
    .box20 {
        height: auto;
        width: 19%;
        margin-left: 3px;
    }
    .box20 img {
        height: auto;
        max-width: 100%;
        box-sizing: border-box;
    }
    .box20 a {
        display: block;
        height: auto;
        width: auto;
    }
    .box20.cat a {
        display: inline-block;
        height: auto;
        width: 100%;
    }
    .box20.cat p {
        margin-top: 5px;
    }
    .box20 p {
        max-width: inherit;
    }
    .box20 .caption {
        bottom: 0px;
        box-sizing: border-box;
        height: auto;
        overflow: hidden;
        padding-bottom: 10px;
        width: 100%;
    }
    .home .line {
        margin-top: 10px;
        padding-bottom: 0;
    }
    .caption h2, .caption h1 {
        box-sizing: border-box;
        width: 100%;
    }
    .box20.cat h1 {
        box-sizing: border-box;
        font-size: 2.4vw;
        line-height: 3.4vw;/*width: 100%;*/
    }
    .box20.cat p {
        font-size: 1.6vw;
    }
    .box20.cat p::after {
        vertical-align: middle;
    }
    .box2 p.name {
        box-sizing: border-box;
        width: 100%;
    }
    .caption h1 {
        font-size: 1.4vw;
    }
    .caption h2 {
        font-size: 1vw;
    }
    .search-box input[type="text"] {
        width: 80%;
        display: inline-flex;
    }
    .search-box input[type="submit"] {
        display: inline-block;
        height: 30px;
        margin-right: 5px;
        width: 11%;
    }
    .dropdown-menu {
        top: 23px;
        width: auto;
    }
    .mSelect:last-child .dropdown-menu {
        right: 0;
    }
    .mCSB_container {
        padding-right: 10px;
        width: auto;
    }
    .mOption {
        height: auto;
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .konto .arrow, .warenkorb .arrow {
        margin-left: 5px;
    }
    .box75 {
        display: inline-flex;
        width: auto;
    }
    .box35 {
        display: inline-flex;
        width: auto;
    }
    .line.flex {
        display: flex;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .versand {
        background: url("../images/home/background/background-versand.jpg") no-repeat scroll center 50% / contain #f8f8fa;
    }
    .big-t h1, .small-t h1 {
        font-size: 3vw;
        line-height: 3.5vw;
    }
    .small-t h2 {
        font-size: 1.5vw;
    }
    .flex .box20 {
        background-size: contain;
        flex-grow: 5;
        -webkit-flex-grow: 5;
    }
    .box20.folgen.small-t p {
        font-size: 1.5vw;
        line-height: 1.8vw;
    }
    .inline-block.social-pic > a {
        height: inherit;
        width: inherit;
    }
    .box20.small-t.folgen {
        text-align: center;
    }
    .box20.folgen .inline-block.social-pic {
        margin: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .box20.folgen .inline-block.social-pic.twit {
        margin-right: 10px;
    }
    .zahlung {
        background-position: center center;
    }
    .logo-slide {
        width: 100%;
    }
    .footer .warper-footer {
        display: flex;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        width: 94%;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .footer.out .warper-footer {
        display: inherit;
        width: 94%;
    }
    .warper-footer .block20 {
        margin-right: 12px;
        width: auto;
    }
    .warper-footer .block20 .block-part {
        margin-right: 12px;
    }
    .warper-footer .block20 .block-part:last-child {
        margin-right: 0px;
    }
    .footer h1 {
        font-weight: 500;
    }
    .footer .all {
        text-align: left;
    }
    .footer h1 {
    }
    .logo-search {
        width: 95%;
    }
    .scroll-header .search-box input[type="submit"] {
        width: 17px;
    }
    .scroll-header .search-box input[type="text"] {
        width: 70%;
    }
    .scroll-header .dropdown-menu {
        margin-top: -8px;
    }
    .warper-article {
        margin-right: 10px;
        max-width: 691px;
        width: 100%;
        margin: auto;
    }
    .gallery-article .warper-article {
        margin-right: 10px;
        max-width: 100%;
        width: 100%;
    }
    .aside.product .button.korb {
        display: inline-block;
    }
}
@media all and (min-width:0px) and (max-width:975px) {

    .menu-dropdown a {
        display: block;
        text-align: center;
    }
    .menu-dropdown a {
        padding: 0 5px 10px;
    }
    .menu-dropdown .text-cont {
        margin: 4px auto auto;
        display: inline-block;
        line-height: 28px;

    }


    .menu-dropdown li .box-text {
        display: inline-block;
        padding: 0;
        vertical-align: middle;
        width: 100%;
        line-height: 12px;
        margin: auto;
    }

    .box-img.alle ~ .text-cont .box-text.mask, .box-img.magic-pic + .text-cont .box-text.mask, .box-img.ugpic + .text-cont .box-text.mask {
        display: inline-block;
        max-width: 65px;
        white-space: pre-wrap;
    }

    .menu-dropdown .text-cont {
        display: block;
        line-height: 28px;
        margin: 4px auto auto;
    }


}
@media all and (min-width:0px) and (max-width:970px) {
    .line.flex.log {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .box75 {
        display: inline-block;
        width: auto;
    }
    .log .box35.big-t.partners > img {
        display: none;
    }
    .home .log .partners img {
        opacity: 1;
    }
    .log .box35 {
        display: inline-block;
        width: 100%;
    }
    .navbar-app.navbar-absolute-bottom .btn-group .btn-navbar {
        line-height: 50px;
    }
}

@media all and (min-width:0px) and (max-width:952px) {
    .slide-forme.S-k-W {
        display: block;
        width: 100%;
    }
    .scroll-header .select .mSelect {
        margin-left: 4px;
        display: inline-block;
    }
    .scroll-header .select {
        border-top: medium none;
        padding-top: 0;
        width: auto;
    }
    .scroll-header .search-box {
        margin-left: 0;
        margin-top: 10px;
    }
    .slide-forme.S-k-W {
        height: auto;
    }
    .scroll-header .select .mSelect {
        flex-grow: 20;
        -webkit-flex-grow: 20;
        width: auto !important;
    }
    .scroll-header .select .mSelect:first-child {
        margin-left: 0;
    }
    .scroll-header .search-box {
        width: 75%;
    }
    .warper-box-menu-s {
        margin-bottom: 10px;
        margin-top: 7px;
    }
    .scroll-header {
        height: 81px;
    }
    .konto .id-bild {
        margin-top: 4px;
    }
    .scroll-header .warper-box-menu-s {
        width: 4%;
    }
    .scroll-header .konto.active:hover .konto-link {
        top: 80px;
    }
    .scroll-header .konto.active:hover {
        border-bottom: none;
        height: inherit;
    }
    .scroll-header .warenkorb.active:hover {
        border-bottom: none;
        height: inherit;
    }
    .scroll-header .slide-forme .konto {
    }
    .resa-search .slide-forme.S-k-W {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        width: 100%;
    }
    .box20, .home-connected {
        height: auto;
        margin-left: 5px !important;
    }
    .header.not-active .search {
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-box-flex-direction: column;
        -ms-box-flex-direction: column;
    }
    .header.not-active .search .select.S-k-W {
        width: 100%;
    }
    .header.not-active .search #middle-menu {
        width: 100%;
    }
    .deal.none .warper-box-menu-s {
        margin-right: 7px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .header.not-active .search #middle-menu {
        margin-left: 0;
        height: 40px;
    }
    .header.not-active .logo-search {
        padding-top: 3px;
    }
    .shadow-2.not-active {
        top: 74px;
    }
    .header.not-active .search-box input[type="submit"] {
        width: 3%;
    }
    .header.not-active .search-box input[type="text"] {
        width: 94%;
    }
    .header.not-active .search-box .autocomplete ul {
        width: 100%;
    }
}

@media all and (min-width:0px) and (max-width:920px) {
    .back-warper.dist {
        background: transparent url("../images/distribution/superman-background.svg") no-repeat scroll -588px 245px;
        padding-bottom: 30px;
        width: 100%;
    }
    .header {
        background: transparent none repeat scroll 0 0;
    }
    .footer h1 {
        font-size: 12px;
    }
    .footer p {
        font-size: 10px;
    }
    .block-part {
        margin-right: 10px;
    }
    .block-part:last-child {
        margin-right: 0px;
    }
    /*.box20, .home-connected {
            width: 24%;
        }*/
}

@media all and (min-width:0px) and (max-width:920px) {
    /*.menu-dropdown li .box-text {
        display: block;
        margin: 6px auto auto;
    }*/
    .box-img.giftpic {
        margin-left: 8px;
    }
}

@media all and (min-width:0px) and (max-width:870px) {
    .aside.responsive .sidebar.account .ident-pic {
        float: inherit;
        display: none;
    }
    .aside.responsive .sidebar.account .c-selection .responsive-box {
        padding-left: 0px;
    }
    .aside.responsive .sidebar.account .c-selection .responsive-box {
        left: 0px;
    }
    .account .aside .sidebar.account .c-selection {
        padding-left: 20px;
    }
    .back-warper.dist {
        background: none;
    }
    .content80 {
        width: 100%;
    }
    .part-table-info {
        width: 90%;
    }
    .header-warper.faq h1 {
        font-size: 28px;
    }
    .header-warper.faq h1 {
        font-size: 28px;
        padding: 0px;
        line-height: normal;
    }
    .header-warper.faq h2 {
        padding: 0;
        padding-top: 10px;
        font-size: 16px;
        line-height: normal;
    }
    .header-warper.faq h3 {
        font-size: 12px;
        padding-left: 0px;
        padding-top: 8px;
        line-height: normal;
    }
    .header-warper.faq .inline-block {
        line-height: 220px;
        margin-left: 50px;
        vertical-align: middle;
        margin-top: 48px;
    }
    .warper.clear .header-warper.faq {
        background-image: none;
    }
    .warper.clear .header-warper {
        min-height: 200px;
    }
    .sub-cont .nav.nav-tabs {
        left: 4px !important;
        position: absolute !important;
        right: inherit !important;
        top: -20px !important;
    }
    .box20, .home-connected {
        height: auto;
        margin-left: 5px !important;
        width: 24%;
    }
}

@media all and (min-width:0px) and (max-width:840px) {
    .modal .modal-dialog {
        margin: 30px auto;
        width: 95%;
    }
    .sub-cont .nav.nav-tabs {
        right: 0;
    }
    .slide .cbox .box-img.collepic {
        margin-left: auto;
    }
    .slide .cbox .box-img.giftpic {
        margin-left: auto;
    }
    .search-box input[type="text"] {
        font-size: 12px;
    }
    .account h1.title {
        font-size: 28px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding-bottom: 5px;
        padding-right: 30px;
    }
    .box2 {
        max-width: 15%;
        width: auto;
    }
    .modal .light-box .right {
        max-width: 30%;
    }
    .menu-dropdown a {
        padding: 0 5px 10px;
    }
    .menu-world .ugpic, .menu-world .magic-pic {
        background-size: contain !important;
        min-width: 65px;
        width: 100%;
    }
}

@media all and (min-width:0px) and (max-width:829px) {
    .modal .light-box .right {
        max-width: 31%;
    }
    .footer .all {
        float: left;
        text-align: left;
    }
    .block-part:last-child {
        width: 100%;
    }
    p.philo {
        display: table-cell;
        height: 64px;
        padding-left: 10px;
        vertical-align: middle;
    }
    .header.not-active .search-box input[type="submit"] {
        width: 3%;
    }
}

@media all and (min-width:0px) and (max-width:803px) {
    .box2 {
        max-width: 15%;
        width: auto;
    }
    .mSelected {
        font-size: 10px;
    }
    .home-connected p {
        font-size: 10px;
    }
    .home-connected .product-gallery .caption > h1 {
        font-size: 12px;
    }
    .modal .light-box .right {
        max-width: 31%;
    }
    .header.not-active .search-box input[type="submit"] {
        width: 5%;
    }
    .header.not-active .search-box input[type="text"] {
        width: 92%;
    }
}

@media all and (min-width:0px) and (max-width:775px) {
    .product-gallery.inline-block {
        margin-left: 4px;
    }
    .verfuegbarkeits_box {
        margin-left: 5px;
    }
    .head-resa .fa.fa-angle-double-right {
        margin-left: 5px;
    }
    .modal .light-box .right {
        max-width: 33%;
    }
    .box20, .home-connected {
        height: auto;
        margin-left: 4px !important;
        width: 24%;
    }
}

@media all and (min-width:0px) and (max-width:768px) {
    .p-pict.inline-block {
        margin-right: 2%;
    }
    .table-price.spec td.box-purch p {
        font-size: 9px;
    }
    .spec .box-purch.price-purch {
        width: 24%;
    }
    .v-center.price > p {
        margin-right: 0px;
    }
    .table-price.spec .box-purch.number-purch {
        width: 95px;
    }
    .table-price.spec .box-purch.price-purch.oldprice {
        max-width: inherit;
        width: auto;
    }
    .p-description.inline-block {
        width: 73%;
    }
}

@media all and (min-width:0px) and (max-width:755px) {
    .account div.content {
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .account div.content {
        display: inline-block;
        max-width: 100%;
        vertical-align: top;
        width: 100%;
    }
    .icon-zahl {
        width: 150px;
    }
    .zahl-descript {
        max-width: 56%;
        min-height: 134px;
    }
    .warper .icon-zahl {
        margin-right: 20px;
    }
    .line.zahlung-optionen .box100 {
        background: transparent url("../images/header/header-zahlung-2.jpg") no-repeat scroll right top;
    }
}

@media all and (min-width:0px) and (max-width:750px) {
    .box2 {
        display: none;
    }
    .warper-konto {
        padding-right: 10px;
    }
    .konto {
        margin-left: 10px;
        width: auto;
    }
    .warenkorb {
        padding-left: 0px;
    }
    .S-k-W .warenkorb.active p.artikel-nummer {
        left: 14px;
    }
    .box-link a {
        margin-left: 5px;
        margin-right: 6px;
    }
    .mSelected {
        font-size: 9px;
    }
    .modal .light-box .right {
        max-width: 33%;
    }
    .header.not-active .search-box .autocomplete ul {
        left: 0px !important;
        right: inherit !important;
        width: auto;
        min-width: inherit;
    }
}

@media all and (min-width:0px) and (max-width:742px) {
    .product-gallery.inline-block {
        margin-left: 34px;
    }
    .gallery-article .article .line {
        margin: auto;
        min-width: inherit;
        text-align: center;
        width: 600px;
    }
    .verfuegbarkeits_box {
        margin-left: 4px;
    }
    .head-resa .fa.fa-angle-double-right {
        margin-left: 4px;
    }
    .block.item-zoom {
        width: 61px;
    }
}

@media all and (min-width:0px) and (max-width:722px) {
    .verfuegbarkeits_box {
        margin-left: 2px;
    }
    .head-resa .fa.fa-angle-double-right {
        margin-left: 2px;
    }
    .inv-search .search-box {
        width: 485px;
    }
    .news .inv-search .search-box {
        width: 75%;
    }
    .responsive-content .box20.cat p {
        margin-top: 10px;
    }
    .modal .light-box .right {
        max-width: 34%;
    }
}

@media all and (min-width:0px) and (max-width:710px) {
    .p-description.inline-block {
        vertical-align: middle;
        width: 69%;
    }
    .product-title h1 {
        color: #174b86;
        font-size: 20px;
        line-height: 28px;
    }
    .purchase-info p.preorder-infos.inline-block {
        font-size: 10px;
    }
    p.date {
        font-size: 14px;
        line-height: 16px;
    }
    .eta-t {
        font-size: 9px;
    }
    P {
        font-size: 10px;
    }
    .total-price {
        font-size: 14px;
    }
    .sofort-purch .v-center p + p {
        font-size: 14px;
    }
    .sofort-purch-fdos-pending .v-center p + p {
        font-size: 14px;
    }
    .type-price {
        font-size: 8px;
    }
    .product-pic {
        display: inline-block;
        height: 450px;
        overflow: hidden;
        width: 300px;
        line-height: normal;
    }
    .slick-list {
        width: 300px;
    }
    .big .product-pics-nav {
        width: 300px;
    }
    .right2 .product-pics-nav, .right2 .big .product-pics-nav, .right2 .slick-list {
        width: 100%;
    }
    .product-pic img {
        max-width: 300px;
        height: auto;
    }
    .product .price-button .price.box43.inline-block {
        margin-top: 10px;
        width: 100%;
    }
    .product .price p {
        display: inline-block;
    }
    .sidebar .box-purch.button.korb.ng-scope {
        float: right;
        width: auto;
    }
    .product .box55.button.inline-block {
        float: none;
        min-width: 100%;
    }
    .product .box-purch.button.korb {
        display: inline-block;
        max-width: 125px;
        overflow: hidden;
    }
    .product .box55.button.inline-block {
        float: none;
        margin-top: 10px;
        min-width: 100%;
        text-align: right;
    }
    .product .box55.button.inline-block p {
        text-align: left;
    }
    .product .button.inline-block > p {
        text-align: left;
    }
    .product .info-price .total-price.inline-block {
        font-size: 24px;
    }
    .aside.product .price-button {
        display: inherit;
        width: 100%;
    }
    .big .img-box {
        height: 112px;
        width: 97px;
        margin-bottom: 2px;
    }
    .big .slick-slide .img-box {
        height: auto;
        line-height: inherit;
        max-width: 95px;
    }
    .product-title h1 {
        font-size: 18px;
    }
    .v-center.price > p {
        font-size: 10px;
        margin-right: 5px;
    }
    .v-center.price > p {
        font-size: 10px;
        margin-right: 2px;
    }
    p.number-box {
        padding-right: 5px;
    }
    .eta-purch {
        width: 80px;
    }
    .box-purch.button.korb {
        width: 118px;
    }
    .purchase {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .purchase div {
        flex-grow: inherit;
        -webkit-flex-grow: inherit;
    }
    .p-description.inline-block {
        vertical-align: middle;
        width: 73%;
    }
    .quantity-text-box {
        padding-right: 10px;
        text-align: center;
        width: auto;
    }
}

@media all and (min-width:0px) and (max-width:705px) {
    .head-resa .fa.fa-angle-double-right {
        margin-left: 1px;
    }
    .verfuegbarkeits_box {
        font-size: 11px;
        margin-left: 1px;
        width: 70px;
    }
    .head-resa {
        text-align: center;
    }
    .modal .light-box .right {
        max-width: 35%;
    }
}

@media all and (min-width:0px) and (max-width:685px) {
    .konto .arrow, .warenkorb .arrow {
        display: none;
    }
    .menu-top1 p {
        padding: 8px 3px 8px 0;
        font-size: 14px;
    }
    .sub-cont .nav.nav-tabs {
        right: -15px;
    }
    .nav > li.big-tabs a h2 {
        font-size: 14px;
        letter-spacing: inherit;
        padding: 0 18px;
    }
    .modal .light-box .right {
        max-width: 36%;
    }
}

@media all and (min-width:0px) and (max-width:675px) {
    .scroll-header .search-box {
        width: 74%;
    }
    .box20, .home-connected {
        height: auto;
        margin-left: 3px !important;
        width: 24%;
    }
}

@media all and (min-width:0px) and (max-width:660px) {
    .modal .light-box .right {
        max-width: 37%;
    }
}

@media all and (min-width:0px) and (max-width:645px) {
    .modal .light-box .right {
        max-width: 38%;
    }
}

@media all and (min-width:0px) and (max-width:639px) {
    .warper {
        max-width: inherit;
        width: 640px;
    }
    .caption h1 {
        font-size: 9px;
    }
    .box20 a .caption h1 {
        color: #174b85;
        line-height: 15px;
    }
}

@media all and (min-width:600px) and (max-width:630px) {
    .box20 {
        height: auto;
        margin-left: 3px;
        width: 19%;
    }
    .box20 a .caption h1 {
        color: #174b85;
        height: 20px;
        line-height: 20px;
    }
    .inline-block.link {
        margin-left: 5px;
    }
    .basket .product-descript-list h3 {
        font-size: 12px;
        font-weight: 600;
    }
}

@media all and (min-width:0px) and (max-width:640px) {
    .search-box .autocomplete {
        display: block;
    }
    .search-box {
        background-color: white;
    }
    .search-box input[type="text"] {
        display: inline-block;
        width: 80%;
        margin-left: 15px;
        margin-top: 0px;
    }
    .search-box .autocomplete form {
        width: 100%;
        background-color: transparent;
    }
    .search-box input[type="submit"] {
        display: inline-block;
        float: inherit;
        height: 30px;
        margin-right: 5px;
        width: 18px;
    }
    .search-box .form-control {
        height: auto;
    }
    .search-box, .warper-konto, .warper-warenkorb {
        vertical-align: middle;
    }
    .search-box {
        width: 130px;
    }
    .callbacks li {
        width: auto;
    }
    .scroll-header .search-box {
        margin-left: 0;
        margin-top: 0;
    }
    .scroll-header .search-box input[type="text"] {
        width: 93%;
    }
    body, #top, .scroll-header {
        width: 640px;
    }
    .warper {
        max-width: 95%;
    }
    .header.not-active .search-box input[type="submit"] {
        width: 5%;
    }
    .header.not-active .search-box input[type="text"] {
        width: 90%;
        margin-right: 0px;
    }
}

/* ********************************************** *
                 IPAD STYLE !!!!!!!!!!!
************************************************* */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .box2 {
        display: none;
    }
    .cols-3 {
        -moz-column-count: 2;
        -o-column-count: 2;
        -webkit-column-count: 2;
        -ms-column-count: 2;
        column-count: 2;
    }
    .footer h1 {
        font-size: 11px;
    }
    .footer p {
        font-size: 10px;
    }
    .block-part {
        margin-right: 10px;
    }
    .footer h1 {
        font-weight: 500;
    }
    .line.header .big-t h1 {
        padding-left: 15px!important;
        padding-right: 15px!important;
        font-size: 28px!important;
    }
    .part-table-info {
        margin-top: 20px;
        padding: 20px;
        width: 93%;
    }
    .Versand td {
        font-size: 12px;
    }
    .zahl-descript {
        max-width: 56%;
        min-height: 134px;
    }
    .warper .icon-zahl {
        margin-right: 20px;
    }
    .line.zahlung-optionen .box100 {
        background: transparent url("../images/header/header-zahlung-2.jpg") no-repeat scroll right top;
    }
    .modal .light-box .right.big {
        background-color: white;
        flex-direction: column;
        margin-right: 2px;
        max-width: 28%;
        overflow: auto;
        padding: 0;
        width: 28%;
    }
    .modal-content .light-box .left {
        max-width: 72%;
    }

}

@media all and (max-width:768px) and (max-height: 1024px) {
    .modal .light-box .right.big {
        background-color: white;
        flex-direction: column;
        margin-right: 2px;
        max-width: 28%;
        overflow: auto;
        padding: 0;
        width: 28%;
    }
    .modal-content .light-box .left {
        max-width: 72%;
    }
    .background-full.update.old-shop {
        background-position: top center;
    }
}

/*////////////////////////////////////////
******************************************
          Fix gallery home
******************************************
////////////////////////////////////////*/

@media all and (max-width:1366px) {
    .callbacks {
        max-height: 213px;
    }
    .background-full.update.old-shop {
        background: #164b87 url("../images/error/back-soon.svg") no-repeat scroll 0 -130px / cover ;
    }
    .old-shop .error-explain h2 {
        font-size: 40px;
    }
}

@media all and (max-width:1280px) {
    .callbacks {
        max-height: 200px;
    }
}

@media all and (max-width:1080px) {
    .callbacks {
        max-height: 169px;
    }
}

@media all and (max-width:1024px) {
    .callbacks {
        max-height: 160px;
    }
    .de .zahlung h1.line2 {
        position: relative;
        /*font-size: 0;*/
    }
    /*.de .zahlung h1.line2:before {*/
        /*content: "Zahlungsarten";*/
        /*font-size: 25px;*/
    /*}*/
    .de .zahlung .absolute-rb {
        margin-top: -10px;
    }
    .folgen h1.line2 br, .folgen p br {
        display: none;
    }
    .old-shop .error-explain h2 {
        font-size: 35px;
        margin-left: 0;
        padding-bottom: 24%;
    }
    .old-shop .error-explain p {
        font-size: 12px;
    }
}

@media all and ( max-width:768px) {
    .callbacks {
        max-height: 120px;
    }
    .old-shop .error-explain h2 {
        padding-bottom: 31%;
    }
    .background-full.update.old-shop {
        background: #164b87 url("../images/error/back-soon.svg") no-repeat scroll center top / cover ;
    }
}

@media all and ( max-width:725px) {
    .hasSub:nth-child(7) ul.Sub {
        min-width: 155px;
    }
}

@media (max-width: 965px) and (min-width: 0px) {

    .old-shop .error-explain h2 {
        padding-bottom: 18%;
    }
}

/*
*********************************************************************
///////////////////////// apple style ///////////////////////////////
*********************************************************************
*/

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .slide-forme.S-k-W {
        display: block;
        width: 100%;
    }
    .scroll-header .select .mSelect {
        margin-left: 4px;
        display: inline-block;
        flex-grow: 20;
        -webkit-flex-grow: 20;
        width: auto !important;
    }
    .scroll-header .select {
        border-top: medium none;
        padding-top: 0;
        width: auto;
    }
    .slide-forme.S-k-W {
        height: auto;
    }
    .scroll-header .select .mSelect:first-child {
        margin-left: 0;
    }
    .scroll-header .search-box {
        margin-left: 0;
        margin-top: 10px;
        width: 74%;
    }
    .warper-box-menu-s {
        margin-bottom: 10px;
        margin-top: 7px;
    }
    .scroll-header {
        height: 81px;
    }
    .konto .id-bild {
        margin-top: 4px;
    }
    .scroll-header .warper-box-menu-s {
        width: 4%;
    }
    .scroll-header .konto.active:hover .konto-link {
        top: 80px;
    }
    .scroll-header .konto.active:hover {
        border-bottom: none;
        height: inherit;
    }
    .scroll-header .warenkorb.active:hover {
        border-bottom: none;
        height: inherit;
    }
    .resa-search .slide-forme.S-k-W {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        width: 100%;
    }
    .line.flex.log {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .box75 {
        display: inline-block;
        width: auto;
    }
    .log .box35.big-t.partners > img {
        display: none;
    }
    .home .log .partners img {
        opacity: 1;
    }
    .log .box35 {
        display: inline-block;
        width: 100%;
    }
    .navbar-app.navbar-absolute-bottom .btn-group .btn-navbar {
        line-height: 50px;
    }
    .back-warper.dist {
        background: none;
        padding-bottom: 30px;
        width: 100%;
    }
    .header {
        background: transparent none repeat scroll 0 0;
    }
    .footer h1 {
        font-size: 1.5vw;
    }
    .footer p {
        font-size: 11px;
    }
    .block-part {
        margin-right: 10px;
    }
    .block-part:last-child {
        margin-right: 0px;
        width: 100%;
    }
    .menu-dropdown li .box-text {
        display: table-cell;
        margin: 6px auto auto;
        font-size: 2.1vw;
        padding-top: 0.5vw;
        padding-bottom: 0.3vw;
        padding-left: 0;
        padding-right: 0;
        height: 4vw;
        vertical-align: middle;
    }
    .box-img.giftpic {
        margin-left: 8px;
    }
    .aside.responsive .sidebar.account .ident-pic {
        float: inherit;
        display: none;
    }
    .aside.responsive .sidebar.account .c-selection .responsive-box {
        padding-left: 0px;
        left: 0px;
    }
    .account .aside .sidebar.account .c-selection {
        padding-left: 20px;
    }
    .content80 {
        width: 100%;
    }
    .part-table-info {
        width: 90%;
    }
    .header-warper.faq h1 {
        font-size: 28px;
        padding: 0px;
        line-height: normal;
    }
    .header-warper.faq h2 {
        padding: 0;
        padding-top: 10px;
        font-size: 16px;
        line-height: normal;
    }
    .header-warper.faq h3 {
        font-size: 12px;
        padding-left: 0px;
        padding-top: 8px;
        line-height: normal;
    }
    .header-warper.faq .inline-block {
        line-height: 220px;
        margin-left: 50px;
        vertical-align: middle;
        margin-top: 48px;
    }
    .warper.clear .header-warper.faq {
        background-image: none;
    }
    .warper.clear .header-warper {
        min-height: 200px;
    }
    .modal .modal-dialog {
        margin: 30px auto;
        width: 95%;
    }
    .slide .cbox .box-img.collepic {
        margin-left: auto;
    }
    .slide .cbox .box-img.giftpic {
        margin-left: auto;
    }
    .search-box input[type="text"] {
        font-size: 12px;
    }
    .account h1.title {
        font-size: 28px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding-bottom: 5px;
        padding-right: 30px;
    }
    .footer .all {
        float: left;
        text-align: left;
    }
    p.philo {
        display: table-cell;
        height: 64px;
        padding-left: 10px;
        vertical-align: middle;
    }
    .home-connected p {
        font-size: 10px;
    }
    .home-connected .product-gallery .caption > h1 {
        font-size: 12px;
    }
    .account div.content {
        margin-bottom: 20px;
        margin-top: 0px;
        display: inline-block;
        max-width: 100%;
        vertical-align: top;
        width: 100%;
    }
    .icon-zahl {
        width: 150px;
    }
    .zahl-descript {
        max-width: 56%;
        min-height: 134px;
    }
    .warper .icon-zahl {
        margin-right: 20px;
    }
    .line.zahlung-optionen .box100 {
        background: transparent url("../images/header/header-zahlung-2.jpg") no-repeat scroll right top;
    }
    .box2 {
        display: none;
    }
    .warper-konto {
        padding-right: 10px;
    }
    .konto {
        margin-left: 10px;
        width: auto;
    }
    .warenkorb {
        padding-left: 0px;
    }
    .S-k-W .warenkorb.active p.artikel-nummer {
        left: 14px;
    }
    .box-link a {
        margin-left: 5px;
        margin-right: 6px;
    }
    .mSelected {
        font-size: 9px;
    }
    .product-gallery.inline-block {
        margin-left: 34px;
    }
    .gallery-article .article .line {
        margin: auto;
        min-width: inherit;
        width: 600px;
    }
    .block.item-zoom {
        width: 61px;
    }
    .inv-search .search-box {
        width: 485px;
    }
    .news .inv-search .search-box {
        width: 75%;
    }
    .responsive-content .box20.cat p {
        margin-top: 10px;
    }
    .head-resa .fa.fa-angle-double-right {
        margin-left: 1px;
    }
    .verfuegbarkeits_box {
        font-size: 11px;
        margin-left: 1px;
        width: 70px;
    }
    .head-resa {
        text-align: center;
    }
    .konto .arrow, .warenkorb .arrow {
        display: none;
    }
    .menu-top1 p {
        padding: 8px 3px 8px 0;
        font-size: 14px;
    }
    .menu-top1 .social p {
        padding: 0;
    } 
    .sub-cont .nav.nav-tabs {
        left: 4px !important;
        position: absolute !important;
        top: -20px !important;
        right: -15px;
    }
    .nav > li.big-tabs a h2 {
        font-size: 14px;
        letter-spacing: inherit;
        padding: 0 18px;
    }
    .modal .light-box .right {
        max-width: 38%;
    }
    .warper {
        max-width: inherit;
        width: 95%;
    }
    .box20 a .caption h1 {
        color: #174b85;
        height: 20px;
        line-height: 20px;
    }
    .inline-block.link {
        margin-left: 5px;
    }
    .basket .product-descript-list h3 {
        font-size: 12px;
        font-weight: 600;
    }
    .box20 img {
        height: auto;
        max-width: 100%;
        box-sizing: border-box;
        width: 100%;
    }
    .gallery-description {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .warper-article {
        min-height: inherit;
        max-width: 95%;
    }
    .product-pic {
        width: 60%;
    }
    .cus-buy {
        max-width: 86%;
    }
    .gallery-article .article .line {
        width: 95%;
    }
    .partners .inline-block {
        width: 17%;
    }
    .caption h1, .box20 a .caption h1 {
        font-size: 2vw;
        line-height: 3vw;
        height: 3vw;
    }
    .box20, .home-connected {
        height: auto;
        margin-left: 9px;
        width: 32%;
    }
    .responsive-content .box20:last-child, .responsive-content .home-connected:last-child {
        display: none;
    }
    .line:nth-child(4) .responsive-content .box20:last-child, .line:nth-child(4) .responsive-content .home-connected:last-child {
        display: inline-block;
    }
    .box20.cat h1 {
        font-size: 4vw;
        line-height: 6.4vw;
    }
    .box20.cat p {
        font-size: 3vw;
    }
    .caption h2 {
        font-size: 1.8vw;
        line-height: 2.5vw!important;
        max-height: inherit;
    }
    .home .responsive-content {
        margin-top: 30px;
    }
    .warenkorb h2, .konto h2 {
        font-size: 14px;
        font-size: 2vw;
    }
    .search-box {
        height: 6vw;
    }
    .search-box .autocomplete form {
        height: 6vw;
    }
    .search-box input[type="text"] {
        height: 4.5vw;
        line-height: inherit;
        font-size: 2.4vw;
        padding-left: 5px;
    }
    .search-box input::-webkit-input-placeholder, #field2::-webkit-input-placeholder {
        font-size: 2vw;
        padding-left: 10px;
    }
    .konto a, .warenkorb a {
        line-height: 6vw;
    }
    .search-box input[type="submit"] {
        display: inline-flex;
        height: 30px;
        width: 10%;
        margin-right: 5px;
        height: 5vw;
        background-size: cover;
        background-position-y: -26px;
    }
    .search-box input[type="submit"] {
        height: 5vw;
        background-size: 95px 180px;
        background-position-y: -16px;
    }
    .konto .id-bild, .warenkorb .id-bild {
        width: 5vw;
        background-size: 110px;
        height: 5vw;
    }
    .warenkorb .id-bild {
        background-position-y: -45px;
    }
    .search-box .autocomplete ul {
        top: 6vw!important;
        width: 97vw;
        margin-left: -17vw;
    }
    .search-box .autocomplete .img-search {
        width: 16vw;
        height: 16vw;
    }
    .search-box .autocomplete .img-search img {
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .search-box .art-number {
        font-size: 2.4vw;
        line-height: inherit;
    }
    .text-search .art-title {
        line-height: normal;
        font-size: 2.6vw;
    }
    .logo-search {
        align-items: flex-start;
        -webkit-align-items: flex-start /* Safari 7.0+ */;
        position: relative;
        padding-bottom: 3.5vw;
    }
    .select.S-k-W {
        position: absolute;
        left: 0;
        max-width: 100%;
        margin: auto;
        bottom: 0;
    }
    .mSelected {
        font-size: 1.5vw;
        max-height: 3vw;
        line-height: inherit;
    }
    li span.box-img {
        width: 37px;
        height: 48px;
        background-size: 74px;
    }
    li span.box-img.alle {
        width: 41px;
        height: 42px;
        background-size: 82px;
    }
    span.box-img.mercpic, span.box-img.gamepic {
        width: 45px;
        height: 49px;
        background-size: 89px;
    }
    span.box-img.collepic, .hasSub:hover .border .collepic, .hasSub.active .border .collepic {
        width: 48px;
        height: 49px;
        background-size: 74px;
    }
    span.box-img.collepic {
        margin-left: 24px;
    }
    .h-content {
        max-height: inherit;
    }
    .menu-top1 {
        zoom: 1.5;
    }
    .content80 {
        width: 95%;
        box-sizing: border-box;
        padding: inherit;
    }
    .scroll-header {
        display: none!important;
    }
    .p-description.inline-block {
        width: 81%;
    }
    .warper .product-gallery.inline-block {
        zoom: 1.65;
    }
    .warenkorb.active .id-bild, .warenkorb a:hover .id-bild {
        background-size: 110px;
        background-position-y: -45px;
    }
    .S-k-W .warenkorb.active p.artikel-nummer {
        left: 1.5vw;
        zoom: 1.8;
    }
    aside.aside.right {
        zoom: 1.8;
    }
    .box20.cat p::after {
        content: " ";
        padding-left: 14px;
        position: relative;
        top: 2px;
        background: url("../images/home/produkt/arrow-cat.svg") no-repeat;
        height: 100%;
        width: 1vw;
        background-size: contain;
        display: inline-block;
        height: 3vw;
        position: relative;
        top: -2px;
        left: 4px;
    }
    #middle-menu .mSelect {
        height: 25px;
    }
    .right2.big, .right2 {
        min-height: inherit;
    }
    .left2 {
        height: 90%;
        max-height: 90%;
    }
    .account .inline-block.title + .inline-block {
        width: 65%;
    }
    .mobile input.needsclick {
        /* zoom: 1.2; */
        position: absolute;
        left: 0;
        margin-top: 2px;
    }
    .purchase.spec td.box-purch {
        width: 22%;
    }
    .header.not-active, .header.scroll-back.scroll-help::before {
        position: inherit;
        display: none;
    }

    .header.scroll-back.scroll-help::before, .header.active-menu {
        display: none;
        position: inherit;
    }

}

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .menu-dropdown li .box-text {
        display: inline-block;
    }
    .left2 {
        max-height: 75%;
    }
    .mobile input.needsclick {
        /* zoom: 1.2; */
        position: absolute;
        left: 0;
        margin-top: 2px;
    }
    .header.not-active, .header.scroll-back.scroll-help::before {
        position: inherit;
        display: none;
    }

    .header.scroll-back.scroll-help::before, .header.active-menu {
        display: none;
        position: inherit;
    }

}

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio: 2) {
    .box-purch, .table-price.spec td.box-purch {
        -webkit-flex-grow: 10;
    }
    .header.not-active, .header.scroll-back.scroll-help::before {
        position: inherit;
        display: none;
    }

        .old-shop .error-explain h2 {
            padding-bottom: 19%;
        }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .right2.big, .right2 {
        white-space: nowrap;
        min-height: inherit;
        height: auto;
    }
    .left2 {
        height: 87%;
        max-height: 87%;
    }
    .warper-article {
        margin-right: auto;
        max-width: 691px;
        width: 100%;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
    #back-top a {
        margin-top: -20px;
    }
    .warper-article {
        margin-right: auto;
        width: 100%;
    }
}