@charset "UTF-8";

@media screen, tv, projection {
    body {
        /*background:url('/img/ly/bodybg.png') repeat-x #fff;*/
    }
    .bodywrapper {
        /*background:url('/img/ly/mainbg.png') repeat-y transparent 50% 0%;*/
    }
    .bodywrapper2 {
        background:url('/img/ly/topbg_slim.jpg') no-repeat transparent 50% 0%;
    }
    .ym-wrapper {
        max-width: 1236px;
        margin:0 auto;
    }
    .frSpacer {
        margin-left: 10px;
        margin-right: 10px;
    }
    header { 
        position:relative;
        /*height:185px;*/
        /*height:260px; das ist die hjöhe des logos, neues hintergrundbild  */
        height:220px;
        /*background:url('/img/ly/topbg.jpg') no-repeat transparent -182px 0%;*/
        z-index:5;
        border-bottom:2px solid #24408c;;
    }
    #hnav {
        position:absolute;
        /*top:134px;*/
        top:190px;
        left:130px;
        z-index:20;
    }
    #lgselect {
        position:absolute;
        top:5px;
        left:350px;
    }
    #lgselect a {
        background-image:url("/img/ly/sprite-fixed.png");
        text-align: center;
        font-weight: bold;
        padding-top:20px;
        display: block;
        height: 40px; 
        width: 50px; 
        float:left;
        font-size:11px;
        text-decoration: none;
        color:#fff;
    }
    #lgselect a.flag_de { 
        background-position: 13px 0px; 
    }
    #lgselect a.flag_en { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 10px -70px; 
    }
    footer { 
        background:url('/img/ly/footerbg.png') repeat-x #21456a;
        width:100%;
        overflow: hidden;
        padding:10px 0;
        min-height: 150px;
    }
    #main { 
    }
    body.onecol .ym-column {
        padding: 0;
    }
    body.onecol .ym-col1 { 
        padding: 0;
        float: none;
    }
    body.onecol .ym-col3 { 
        display: none;
    }
    .ym-column {
        display: block;
        overflow: hidden;
        padding-left: 233px; /* column width */
        width: auto;
    }
    .ym-col1 { /* content */
        position: relative;
        float: left;
        width: 100%;
    }
    .ym-col3 { /* sidebar */
        position: relative;
        float: left;
        width: 233px; /* column width */
        right: 233px; /* column width */
        _right: 0px; /* fix for ie6 */
        margin: 0 0 0 -100%;
    }
    .ym-col1 .ym-cbox {
        padding: 30px;
    }
    .ym-col3 .ym-cbox {
        padding: 30px 0;
    }
    body.hideLeft .ym-column {
        padding-left: 0;
    }
    body.hideLeft .ym-col1,
    body.hideLeft .ym-col3 {
        float: none;
        right: auto;
        margin: 0;
        box-sizing: border-box;
        padding: 30px;
    }
    body.hideLeft .ym-col3 {
        width: 293px;
    }
    body.hideLeft .ym-col1 .ym-cbox {
    }
    body.hideLeft .ym-col3 .ym-cbox {
        padding: 0;
        box-sizing: border-box;
    }
    #copyright {
        float: right;
    }
    #copyright a {
        color: #fff;
        text-decoration: none;
    }
    #medial, #medial a, #medial img {
        color: #fff;
        vertical-align: middle;
    }
    #medial img {
        display: inline-block;
        margin: 0 0 0 .5em;
    }
    a.logo_ {
        display:block;
        background-image: url('/img/ly/sprite-fixed.png'); 
        background-position: 0px -591px ; 
        width: 441px; 
        height: 187px;
        position:absolute;
        left:0px;
        top:0px;
    }
    a.logo {
        display:block;
        background-image: url('/img/ly/logo_slim2.jpg');
        /*background-position: 0px -591px ;*/
        width: 470px;
        height: 160px;
        position:absolute;
        left:0px;
        top:0px;
    }
    .topbanner {
        width: 75px;
        height: 75px;
        position:absolute;
        cursor:help;
    }
    .topbanner.ssl{
        right:0;
        /*left:915px;*/
        top:60px;
        background-image: url('/img/ly/sprite-fixed.png'); 
        background-position: -75px -1107px; 
    }
    .topbanner.ts{
        top:0px;
        left: 1000px;
        cursor:pointer;
        background-image: url('/img/ly/sprite-fixed.png'); 
        background-position: 0 -1107px; 
    }

    .topbanner .wrapper {
        position:relative;
    }

    .topbanner .container {
        position:absolute;
        top:20px;
        right:80px;
        background-color:#E1D2B8;
        border:1px solid #966A39;
        width:150px;
        padding:10px;
        z-index:520;
        display:none;
    }

    .searchbg { 
        /*background-image: url('/img/ly/sprite-fixed.png'); */
        /*background-position: 0px -828px;*/
        width: 278px; 
        height: 67px; 
        position:absolute;
        /*left:480px;*/
        /*top:60px;*/
        top:-6px;
        /*right: 186px;*/
        right: 166px;
    }
    .searchinput { 
        /*background-image: url('/img/ly/sprite-fixed.png'); */
        /*background-position: 0px -945px; */
        width: 180px; 
        padding: 0 10px;
        height: 32px;
        line-height: 30px; 
        border:none;
        /*background-color: transparent;*/
        background-color: #fff;
        color: #24408c;
        font-weight: bold;
        position:absolute;
        left:10px;
        top:15px;
    }
    .searchsubmit { 
        background-image: url('/img/ly/search_1.svg');
        background-repeat: no-repeat;
        background-size: 70%;
        background-position: center center;
        /*background-position: 0px -1025px;*/
        border:none;
        /*background-color: transparent;*/
        background-color: #24408c;
        width: 32px;
        height: 32px; 
        position:absolute;
        left:211px;
        top:15px;
        cursor: pointer;

    }
    .searchsubmit:hover {
        /*background-position: 0px -5133px; */
    }

    .topbasket {
        position:absolute;
        /*left:780px;*/
        right:11px;
        /*top:75px;*/
        top:8px;
        z-index:4;
    }

    .bnbagger .tooltip {
        border:1px solid #7FB5FF;
        z-index:40; 
        position:absolute; 
        top:30px; 
        left:231px; 
        padding:10px 10px 10px 10px; 
        width:220px; 
        background-color:#fff;
        font-size:10px;
    }
    .topbasket .tooltip {
        outline: 1px solid #24408c;
        /*border:1px solid #7FB5FF;*/
        z-index:40; 
        position:absolute; 
        /*top:50px; */
        /*left:-30px; */
        padding:10px 10px 10px 10px; 
        width:220px; 
        background-color:#fff;
        font-size:10px;
    }

    .topbasket .tooltip .item, .bnbagger .tooltip .item {
        display:table-row;
        table-layout: fixed;
        /*z-index:4;*/ 
    }

    .topbasket .tooltip .qty, .bnbagger .tooltip .qty {
        display:table-cell;
        width:20px;
        /*z-index:4;*/ 
    }

    .topbasket .tooltip .name, .bnbagger .tooltip .name {
        display:table-cell;
        width:135px;
        /*z-index:4;*/ 
    }

    .topbasket .tooltip .a, .bnbagger .tooltip .a {
        display:table-cell;
        width:10px;
        /*z-index:4;*/ 
    }

    .topbasket .tooltip .price, .bnbagger .tooltip .price {
        display:table-cell;
        width:50px;
        text-align: right;
        white-space: nowrap;
        z-index:4; 
    }

    a.headbasket { 
        color:#fff;
        text-transform: uppercase;
        text-decoration: none;
        text-align: left;
        display:block;
        position: relative;
        /*padding:12px 45px 0 10px;*/
        padding:2px 45px 0 10px;
    }
    a.headbasket span {
        position:absolute;
        /*top:4px;*/
        top:0;
        /*right:18px;*/
        right:5px;
        /*background-image: url('/img/ly/sprite-fixed.png'); */
        background-image: url('/img/ly/cart2.svg');
        /*background-position: 0px -140px;*/
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 70%;
        width: 32px;
        height: 32px; 

    }
    .topbasket:hover a.headbasket span { 
        /*background-position: 0 -5051px;*/
    }

    .baskettotal {
        font-size:10px;
        text-align: left;
        color:#fff;
        position:absolute;
        padding-left: 10px;
        /*left:15px;*/
        /*top:0;*/
        width:135px;
    }



    .headbasketbg { 
        /*background-image: url('/img/ly/sprite-fixed.png'); */
        /*background-position: 0px -222px;*/
        width: 166px; 
        /*height: 49px;*/
        height: 32px;
        background-color: #24408c;
        color:#fff;
    }


    #servicenav,
    #nav { 
        /*background-image: url('/img/ly/sprite-fixed.png');*/
        /*background-position: 0px -2814px;*/
        width: 233px; 
        /*border-bottom:1px solid #0062A7;*/
    }

    #servicenav {
        margin-top:10px;
    }

    .navColBox{
        color: #24408c;
        text-align: left;
        width: 233px;
        margin-top: 10px;
    }

    .navColBox .colBoxTitle {
        font-size:14px;
        text-decoration: none;
        font-weight: bold;
        padding: 7px 0;
        /*background-color: #24408c;*/
        /*color:#fff;*/
    }

    .navColBox .colBoxText {

        line-height: 1.5em;
        padding:0;
        background-color: #fff;
        color:#24408c;
    }

    /*Auskommentiert wege DHL-Streik*/
    /*    .bnshipping { 
            background-image: url('/img/ly/sprite-fixed.png'); 
            background-position: 0px -2264px; 
            width: 233px; 
            height: 158px; 
            margin-top:10px;
        }*/

    .bnshipping { 
        background-image: url('/img/ly/sprite-fixed.png'); 
        background-position: 0px -8483px;

        width: 233px; 
        height: 183px; 
        margin-top:10px;
    }
    .bnhotline { 
        /*background-image: url('/img/ly/sprite-fixed.png'); */
        /*background-position: 0px -2472px; */
        font-size:1.4em;
        line-height: 1.2em;
        width: 233px; 
        height: 115px; 
        margin-top:10px;
    }
    .bnbagger {
        /*background-image:url("/img/ly/sprite-fixed.png");*/
        /*background-position: 0px -5215px; */
        width: 230px; 
        height: 45px; 
        margin-bottom:10px;
        margin-left: 1px;
        display: block;
        text-align:right;
        text-decoration: none;
        background-color: #24408c;
        color:#fff;
    }


/*
<a class="bnbagger bn" href="<?= twsLink(url(URL_BASKET)) ?>">
<div class="title"><?php echo lg('BASIC_HEAD_BSKET'); ?></div>
<div class="baskettotal"><span class="num"><?= number_format($tpl['basket']['numitems'], 0, ',', '.') ?></span>&nbsp;<?php echo lg('BASIC_ARTIKEL', '', false); ?> | <span class="sum"><?= currency($tpl['basket']['sumprice']) ?></span>&nbsp;&euro;</div>
</a>
  */




    /*.bnbagger:HOVER {*/
    /*    background-position: 0px -5310px; */
    /*}*/
    .bnbagger .title {
        padding-bottom: 2px !important;
    }
    .bnbagger .baskettotal {
        text-align: right;
        position: relative;
        margin: 0;
        padding: 0;
        top: 0;
        left: 0;
        width: auto;
        padding-right: 8px !important;
    }
    .bncouponpromo, .bninstapromo {
        margin-top: 10px;
        display: block;
        background: #7fb5ff url(/img/ly/mobileorna.png) no-repeat top right !important;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        text-align: center;
        border: 1px solid #0063a7;
    }
    .bncouponpromo:HOVER .title, .bninstapromo:HOVER .title {
        color: black !important;
    }
    .bn a {
        /*color:#61370f;*/
        color:#24408c;
    }
    .bn .title {
        font-family: Garamont, Georgia, sans-serif;
        color:#fff;
        font-size:15px;
        padding:7px 10px;
        display:none;
    }
    .bnhotline b {
        display:block;
        /*font-size:14px;*/
        /*font-size:1.2em;*/
        padding: 0 10px;
        /*color:#61370f;*/
        color:#24408c;
        margin:2px 0 1px 0;
    }

    .bn p {
        padding: 0 10px;
        /*color:#61370f;*/
        color:#24408c;
        margin:0;
        line-height: normal;
    }

    .hotline{
        margin: 5px 0 5px 0;
    }
    .hotline b{
        color:#24408c;
        display: block;
    }
    .hotline p{
        color:#24408c;
        display: block;
        margin: 0;
    }
    .hotline a{
        color:#24408c;
        display: inline;
        margin: 0;
    }


    .bnpayment { 
        /*background-image: url('/img/ly/sprite-fixed.png'); */
        /*background-position: 0px -2637px; */
        width: 233px; 
        height: 177px; 
        margin-top:10px;
    }

    .payment{
        width: 233px;
        /*height: 177px;*/
        margin-top:10px;
        color:#24408c;
    }
    .payment .paymenttitle {
        font-weight: bold;
        color:#24408c;
        font-size:14px;
        padding:7px 0;
    }
    .payment p{
        margin:0;
    }

    #preFooterNav, #afterFooterNav {
        clear: both;
        padding: 10px 0 0 0;
    }
    .footerFloat {
        float: left;
        width: 25%;
        position: relative;
        margin: 0;
        padding: 0 16px 0 0;
        box-sizing: border-box;
    }
    .footerFloat b {
        display: block;
        font-size: 14px;
    }
    .footerFloat p {
        color: #fff;
        padding: 0;
        margin: 0;
    }
    .atrustedshop, .bnssl {
        display: block;
        padding-left: 90px;
        text-decoration: none;
        color: #fff;
    }
    .imgtrustedshop {
        position: absolute;
        top:0px;
        left:0px;
        background-image: url('/img/ly/sprite-fixed.png'); 
        background-position: 0px -1107px; 
        width: 75px; 
        height: 75px;
    }
    .imgssl {
        position: absolute;
        top:0px;
        left:0px;
        background-image: url('/img/ly/sprite-fixed.png'); 
        background-position: -75px -1107px; 
        width: 75px; 
        height: 75px;
    }

    .bnqual {
        position: absolute;
        top:0px;
        left:570px;
        display:none;
    }

    .imgqual {
        position: absolute;
        top:0px;
        left:0px;
        background-image: url('/img/ly/sprite-fixed.png'); 
        background-position: -150px -1107px; 
        width: 75px; 
        height: 75px;
    }


    #articlecat {
        clear:both;
    }

    #articlecat .item {
        width:220px;
        height:257px;
        overflow:hidden;
        float:left;
        padding-top:8px;
        margin:0 10px 10px 0;
        position:relative;
        cursor:pointer;
    }


    #articlecat .feature {
        position: absolute;
        top:0px;
        left:0px;
        width: 109px; 
        height: 108px; 
    }

    #articlecat .reduziert { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -1500px; 
    }

    #articlecat .catpic {
        height:250px;
        overflow:hidden;
        text-align: center;
    }

    #articlecat img {
        margin: 0px auto;
    }

    #articlecat .ilabel {
        position:absolute;
        bottom:0px;
        left:0px;
        background-image: url('/img/ly/sprite-fixed.png'); 
        background-position: 0px -2040px; 
        width: 220px; 
        height: 62px;
    }

    #articlecat .item:hover .ilabel {
        background-position: 0px -2152px;
    }

    #articlecat .item:hover a {
        color:#fff;
    }

    #articlecat .ilabel a {
        color:#24408c;
        display: block;
        padding: 2px 55px 0px 25px;
        text-decoration: none;
    }
    #articlecat .ilabel span {
        display:block;
        overflow:hidden;
        height:17px;
        margin-top:30px;
    }


    #articlecat .item:hover .ilabel a {

    }


    #articlecat .item:hover .ilabel span {
        margin-top:25px;
        height:34px;
    }


    #articlelist .pageslider {
        margin-bottom:0.5em;		
    }
    #articlelist .pageslider b {
        float:left;
        padding-right:1em;
    }

    #articlelist .pageslider a {
        padding:2px;	
    }

    #articlelist .pageslider a.back,
    #articlelist .pageslider a.back:hover {
        padding-right:1em;
        font-weight:bold;
        background:#fff;

    }
    #articlelist .pageslider a.next,
    #articlelist .pageslider a.next:hover {
        padding-left:1em;
        font-weight:bold;
        background:#fff;
    }

    #articlelist .pageslider a.act,
    #articlelist .pageslider a.act:hover {
        font-weight:bold;
        color:#fff;
        background:#004099;
    }

    #articlelist .pageslider a:hover {
        background:#7fb5ff;
    }

    #articlelist .pageslider .links {
        float:right;
        text-align:center;
        display:block;
        margin-left:140px;
        width:100%;
        margin-top:-1.2em;
    }

    #articlelist .removefilter {
        background:url(/img/ly/removefilter.png) no-repeat right;
        padding-right:20px;
        white-space:nowrap;
    }
    #articlelist .removefilter:hover {
        background-image:url(/img/ly/removefilter_ov.png);
    }

    #articlelist .item {
        float:left;
        width:220px;
        height:295px;
        margin:0 10px 10px 0; 
        position: relative;
        cursor: pointer;
    }

    #articlelist,
    #articlelist a {
        color:#24408c;
        text-decoration: none;

    }

    #articlelist .item a {
        padding: 4px 10px 0 10px;
        overflow: hidden;
        height:16px;
        display: block;
    }

    #articlelist .feature {
        position: absolute;
        top:-8px;
        left:0px;
        width: 109px; 
        height: 108px; 
    }

    #articlelist .neu { 
        background-image:url("/img/ly/sprite-fixed.png");        
        background-position: 0px -1342px; 
    }
    #articlelist .reduziert { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -1500px; 
    }
    #articlelist .tipp { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -1658px; 
    }


    #articlelist .pic { 
        text-align: center;
        overflow: hidden;
        height:250px;
    }
    #articlelist .details { 
        padding: 0px 10px;
    }
    #articlelist .nr {
        float:left;
    }

    #articlelist .price {
        font-weight:bold;
        font-size: 14px;
        float:right;
    }

    #articlelist .reduce .price {
        display:none;
    }

    #articlelist .reduce .newprice {
        position: absolute;
        top:223px;
        right:62px;
        color:#fff;
        font-size:21px;
        font-weight:bold;
    }

    #articlelist .reduce .newprice .ab{
        font-size:12px;
        font-weight:normal;
    }

    #articlelist .reduce .oldprice {
        position: absolute;
        top:270px;
        right:10px;
        font-weight: bold;

        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 35px -4075px; 
    }

    #articlelist .hearticon{
        width: 37px;
        height:29px;
        position: absolute;
        top:-8px;
        right: 0;
    }

    #articlelist .articleofweek .hearticon{
        background: url(/img/ly/herz_adwoche.png) no-repeat;
    }


    #articlelist .ilabel { 
        background-image: url('/img/ly/sprite-fixed.png'); 
        background-position: 0px -1816px; 
        width: 220px; 
        height: 62px; 
        position: absolute;
        left:0px;
        top:196px;
    }



    #articlelist .item:hover .ilabel {
        background-position: 0px -4693px; 
    }

    #articlelist .reduce .ilabel {
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -1928px !important;
        width: 221px; 
        height: 62px; 
    }

    #articlelist .reduce .prozente {
        position: absolute;
        left:16px;
        text-align: center;
        font-size: 17px;
        font-weight:bold;
        color:#fff;
        bottom:62px;
    }

    #articledetail {
        position: relative;
        color:#24408c;
    }

    #articledetail h1 {
        margin-right:140px;
    }



    #articledetail .feature {
        float:right;
        width: 112px; 
        height: 67px; 
        margin:0 0 10px 10px;
    }

    #articledetail .neu { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -6852px; 
    }

    #articledetail .reduziert { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -7769px; 
    }
    #articledetail .tipp { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -8133px; 
    }

    #articledetail .status_green { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -4133px; 
        padding-left:16px;
        float:left;
        margin-left:4px;
    }
    #articledetail .status_grey { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -4191px; 
        padding-left:16px;
        float:left;
        margin-left:4px;
    }
    #articledetail .status_yellow { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -4249px; 
        padding-left:16px;
        float:left;
        margin-left:4px;
    }

    #articledetail #articlenav {
        position: absolute;
        right:0px;
        top:0px;
        width:140px;
        height:25px;

    }

    #articledetail #articlenav a.back {
        display:block;
        position:absolute;
        left:0px;
        top:0px;
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -3464px; 
        width: 34px; 
        height: 25px; 
    }

    #articledetail #articlenav a.back:hover {
        background-position: 0px -4476px; 
    }

    #articledetail #articlenav .counter {
        position:absolute;
        left:40px;
        top:4px;
        width: 60px; 
        text-align: center;
    }


    #articledetail #articlenav a.forward {
        display:block;
        position:absolute;
        right:0px;
        top:0px;
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -3539px; 
        width: 34px; 
        height: 25px; 
    }
    #articledetail #articlenav a.forward:hover {
        background-position: 0px -4551px; 
    }

    #articledetail #thumbs, #articledetail #thumbsTouch {
        background-color:#ddeaf3;
        border-top:1px solid #24408c;
        border-bottom:1px solid #24408c;
        width: 100%;
        margin-bottom: 10px;
        position: relative;
    }
    #articledetail #thumbs:after, #articledetail #thumbsTouch:after {
        content: '.';
        display: block;
        clear: both;
        speak: none;
        overflow: hidden;
        height: 1px;
        color: rgba(255,255,255,.00001);
        position: relative;
    }
    #articledetail #thumbs a, #articledetail #thumbsTouch a {
        float:left;
        display:block;
        width:95px;
        height:120px;
        overflow: hidden;
        margin: 0;
        padding: 3px 0 3px 6px;
        text-align: center;
    }

    #articledetail #mainimg {
        width: 100%;
        max-width:395px;
    }

    #articledetail .articleinfo {
        margin:1em 0;
    }
    #articledetail .articlename {
        font-size: 16px;
        font-weight:bold;
        color:#24408c;
    }

    #articledetail .pricebig {
        font-size:18px;
        font-weight:bold;
    }
    #articledetail .priceinfo {
        font-size:10px;
    }

    #articledetail .oldpricewrapper {
        position:relative;
    }

    #articledetail .oldpricewrapper span { 
        position:absolute;
        z-index: 1;
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -4070px; 
        width: 43px; 
        height: 16px; 
    }


    #articledetail #zoominfo {
        margin:4px 0;
        padding: 8px 40px;
        position: relative;
    }

    #articledetail .btn_zoom { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -3993px; 
        display:block;
        position: absolute;
        top:0px;
        left:0px;
        width: 32px; 
        height: 32px; 
    }

    #articledetail .zoomslideshow {
        text-decoration: none;
        float:right !important;
    }

    #articledetail .zoomslideshow .wrapper {
        padding: 20px 0 0 0;
        display: block;
    }
    #articledetail .zoomslideshow .wrapper span {
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -3911px; 
        width: 32px; 
        height: 32px; 
        display: block;
        margin: 5px auto;
    }

    #articledetail .sizeinfo {
        position: relative;
        padding-left: 40px;
    }

    #articledetail .sizeinfo span {
        position:absolute;
        top:2px;
        left:0px;
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -3747px; 
        width: 32px; 
        height: 32px; 
    }

    #articledetail .infos {
        position: relative;
        padding-left: 40px;
    }


    #articledetail .infos span {
        position:absolute;
        top:2px;
        left:0px;
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -3829px; 
        width: 32px; 
        height: 32px; 
    }

    #articledetail #addtobasket {
        background-color:#966a39;
        width:100%;
    }
    #articledetail #addtobasket .footer {
        background-color:#966a39 !important;
        color:#fff;
    }
    #articledetail #addtobasket .footer td {
        border-top:1px solid #fff;
        padding:5px;
        font-size:11px;
    }

    #articledetail #addtobasket td {
        border:none;
        line-height: normal;
        padding:1px 3px;
    }


    #articledetail #addtobasket thead th {
        color:#fff;
        border:none;
        font-size:11px;
        font-weight:normal;
    }

    #articledetail #addtobasket .odd {
        background-color:#e1d2b8;
    }

    #articledetail #addtobasket .even {
        background-color:#fff;
    }

    #articledetail #addtobasket tr.pos:hover {
        background-color:#966a39;
        color:#fff;
    }

    #articledetail #addtobasket .optionprice {
        white-space: nowrap;
    }

    #articledetail #addtobasket .head .addbasket {
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 40px -3681px; 
        width: 120px; 
        white-space: nowrap;
    }

    #articledetail #addtobasket .pos {
        cursor: pointer;
    }

    #articledetail #addtobasket .pos .addbasket { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 34px -3610px; 
        width: 120px; 
    }

    #articledetail #addtobasket .pos:hover .addbasket {
        background-position: 34px -4622px; 
    }

    #articledetail .availablestatus .status_green { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -4129px; 
        width: 8px; 
        height: 18px; 
    }
    #articledetail .availablestatus .status_grey { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -4187px; 
        width: 8px; 
        height: 18px; 
    }
    #articledetail .availablestatus .status_yellow { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -4245px; 
        width: 8px; 
        height: 18px; 
    }

    #articledetail .legend .status_green { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -4132px; 
        width: 80px; 
        height: 18px; 
        padding-left:10px;
        float:left;
        white-space: nowrap;
        margin-left:4px;
    }
    #articledetail .legend .status_grey { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -4190px; 
        width: 8px; 
        height: 18px; 
        padding-left:10px;
        float:left;
        white-space: nowrap;
        margin-left:4px;

    }
    #articledetail .legend .status_yellow { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -4248px; 
        height: 18px; 
        padding-left:10px;
        float:left;
        white-space: nowrap;
        margin-left:4px;
    }

    #articledetail .crossselling .item {
        float:left;
        width:95px;
        height:120px;
        overflow: hidden;
        margin: 5px 5px 0 0;
    }
    #articledetail .addmail{
        text-align: center !important;
    }
    #dialog {
        background:#7FB5FF;
        position: absolute;
        z-index:1000;
        width:600px;
        min-height: 100px;
        margin-top:100px;
        margin-left:-300px;
        left:50%;
        padding-left:10px;
        border:5px solid #fff;
    }

    #dialog .crossselling1 {
        margin:50px 10px 0 10px;
    }

    #dialog .crossselling1 .item {
        float:left;
        margin-right:5px;
    }
    #dialog .btn_buyit {
        position: absolute;
        right:10px;
        bottom:10px;
    }    
    #dialog .btn_prev {
        position: absolute;
        left:10px;
        bottom:10px;
    }    

    #dialog h2 {
        font-size:19px;
    }

    #dialog .btncontainer {
        position: relative;
        height:80px;
    }
    #dialog .msg {
        font-size:21px;
        color:#fff;
        padding: 10px 10px 0 0;

    }

    #dialog .msg .thumb {
        float:left;
        margin-right: 10px;

    }

    #dialog .dlgClose{
        position: absolute;
        width: 31px;
        height: 31px;
        background: url(/img/ly/cross.png) no-repeat;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

    .btn_addbasket { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: 0px -5215px; 
        width: 190px; 
        height: 45px; 
        display: block;
        line-height:45px;
        color:#fff;
        font-size:16px;
        font-weight:bold;
        text-decoration: none;
        text-align: center;
        padding-left:40px;
        margin:1em 0;    

    }
    .btn_addbasket:hover { 
        background-position: 0px -5310px; 
    }

    a.shopbtn {
        display: block; 
    }
    .shopbtn {
        background-image:url("/img/ly/sprite-fixed.png");
        width: 190px; 
        height: 45px; 
        line-height: 45px;
        color:#fff;
        font-size:16px;
        font-weight:bold;
        text-decoration: none;
        text-align: center;
        padding-left:40px;
        border:none;
        cursor:pointer;
    }  

    .btn_buyit { 
        background-position: 0px -5405px; 
    }
    .btn_buyit:hover { 
        background-position: 0px -5500px; 
    }
    .btn_more { 
        background-position: 0px -5595px; 
    }
    .btn_more:hover { 
        background-position: 0px -5690px; 
    }
    .btn_next { 
        background-position: 0px -5785px; 
    }
    .btn_next:hover { 
        background-position: 0px -5880px; 
    }
    .btn_prev { 
        background-position: 0px -5975px; 
    }
    .btn_prev:hover { 
        background-position: 0px -6070px; 
    }
    .btn_purchase { 
        background-position: 0px -6165px; 
    }
    .btn_purchase:hover { 
        background-position: 0px -6260px; 
    }
    .btn_refresh { 
        background-position: 0px -6355px; 
    }
    .btn_refresh:hover { 
        background-position: 0px -6450px; 
    }
    .btn_submit { 
        background-position: 0px -6545px; 
    }
    .btn_submit:hover { 
        background-position: 0px -6640px; 
    }

    .progress .ic { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: -85px -6969px; 
        height: 30px; 
        padding: 0 20px 0 30px;
        float:left;
        margin-left:10px;
    }
    .progress_ov .ic { 
        background-image:url("/img/ly/sprite-fixed.png");
        background-position: -85px -7049px; 
        height: 30px; 
        padding: 0 20px 0 30px;
        float:left;
        margin-left:10px;
    }

    #progress {
        margin-bottom: 2em;
    }

    #progress .item {
        float:left;
    }


    #progress .num {
        background:#7FB5FF;
        width:30px;
        height:30px;
        line-height:30px;
        text-align: center;
        float:left;
        font-size:19px;
        border-radius: 3px;
        float:left;
        margin-right:10px;
    }

    #progress .progress_ov .num {
        background:#24408c;
        color:#fff;
    }

    #progress .wrapper {
        line-height: 30px;
        float:left;
    }


    #shippinginfo {
    }

    #shippinginfo .land { 
        color:#004099;
        font-weight:bold;
    }

    #shippinginfo .nn { 
        color:#004099;
    }

    #shippinginfo .express { 
        color:#004099;
    }

    #shippinginfo .details {
        float:left;
    }

    #shippinginfo .item {
        margin-top: 0.3em;
        padding-bottom: 0.3em; 
        border-bottom: 1px solid #999;
    }

    #shippinginfo .title {
        float:left; 
        width:130px;
    }
    #shippinginfo .price {
        float:left; 
        width:50px;
        text-align:right;
    }

    #shippinginfo .netto {
        float:left; 
        width:150px;
        font-size:10px;
        text-align:right;
    }

    body#popup {
        padding:20px;
        background:#fff;
    }


    #hstlogo {
        margin: 0 0 0 auto;
        float:right;
    }

    #hstlogo .item {
        background-image:url("/img/ly/sprite-hst.png");
        width: 98px; 
        height: 75px; 
        float:left;
        display:block;
        margin: 12px;
    }

    .countryline { 
        background-position: 0px -250px; 
    }
    .countryline:hover { 
        background-position: 0px -375px; 
    }
    .fuchs { 
        background-position: 0px -500px; 
    }
    .fuchs:hover { 
        background-position: 0px -625px; 
    }
    .hammerschmid { 
        background-position: 0px -750px; 
    }
    .hammerschmid:hover { 
        background-position: 0px -875px; 
    }
    .maddox { 
        background-position: 0px -1000px; 
    }
    .maddox:hover { 
        background-position: 0px -1125px; 
    }
    .os { 
        background-position: 0px -1250px; 
    }
    .os:hover { 
        background-position: 0px -1375px; 
    }

    .spiethwensky { 
        background-position: 0px -2000px; 
    }
    .spiethwensky:hover { 
        background-position: 0px -2125px; 
    }
    .turi { 
        background-position: 0px -1750px; 
    }
    .turi:hover { 
        background-position: 0px -1875px; 
    }

    .marjo{
        background-position: 0px -2250px; 
    }

    .marjo:hover{
        background-position: 0px -2355px;
    }

    .krueger{
        background-position: 0px -2460px; 
    }

    .krueger:hover{
        background-position: 0px -2585px;
    }


    #landingpage h2 {
        background: url("/img/ly/textur_brown_a.jpg");
        margin:0 20px 0 10px;

        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    #landingpage h2 a {
        display: block;
        padding:10px;
        color:#fff;
        text-decoration: none;
    }
    .seotext{
        color: #24408c;
        font-size: 14px;
        margin: 10px 0;
    }

    .dollarprice{
        font-weight: 500;
        margin-top:10px;
        /*width: 320px;*/
    }

    .dollarprice_basket{
        color: #24408c;
        font-weight: 500;
        padding-left:12px !important;
    }
    .frDnOne {
        display: none;
    }
    .onlyMobile {
        display: none !important;
    }
    /* HILITE */
    #hilites {
        display: block;
        clear: both;
        margin: 1em 0;
        padding: 0;
    }
    #hilites:after {
        content: '.';
        display: block;
        speak: none;
        clear: both;
        height: 1px;
        overflow: hidden;
        color: rgba(0,0,0,.00001);
    }
    #hilites .hiliteBox {
        width: 48%;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: cover;
        box-sizing: border-box;
        border: 2px solid #2362a7;
        color: #000;
        position: relative;
        overflow: hidden;
    }
    #hilites .hiliteBox:nth-of-type(odd) {
        float: left;
        clear: both;
        background-image: url(/img/hilite/outfit.jpg);
    }
    #hilites .hiliteBox:nth-of-type(even) {
        float: right;
        background-image: url(/img/hilite/woche.jpg);
    }
    #hilites .hiliteBox .hiliteBoxInlay {
        min-height: 320px;
        width: 160px;
        margin: 0 0 0 auto;
        background: #e4caae url(/img/hilite/holz.png) repeat top left;
        box-sizing: border-box;
        padding: 13px;
        box-shadow: -3px 0 3px rgba(0,0,0,.75);
    }
    #hilites .hiliteBox h1 {
        color: #61370f;
        font-weight: bold;
        font-size: 20px;
    }
    #hilites .hiliteBox h1 img {
        display: block;
        margin: 0;
        padding: 0;
    }
    #hilites .hiliteBox .hiliteButton {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 181px;
        height: 78px;
        background: transparent url(/img/hilite/banner.png) no-repeat center center;
    }
    #hilites .hiliteBox .hiliteButton a, #hilites .hiliteBox .hiliteButton a:VISITED {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #000;
        text-decoration: none;
        margin: 9px 10px 0 13px;
        padding: 10px 0;
        font-weight: bold;
    }
    .inputBorder{
        outline:2px solid #000;
        border:none !important;
    }
}
@media only screen and (max-width: 970px), only tv and (max-width: 970px), only projection and (max-width: 970px) {
    #hilites .hiliteBox,
    #hilites .hiliteBox:nth-of-type(odd),
    #hilites .hiliteBox:nth-of-type(even) {
        float: none;
        clear: both;
        margin: 1em 0;
        width: auto;
        max-width: 450px;
    }
}
@media only screen and (max-width: 1095px), only tv and (max-width: 1095px), only projection and (max-width: 1095px), only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .topbanner.ssl{
        left:auto;
        right: 88px;
    }
    .topbanner.ts{
        left:auto;
        right: 3px;
    }
    .ym-col1 .ym-cbox {
        padding-top:30px;
        padding-left:15px;
        padding-bottom:30px;
        padding-right: 5px;
    }
    #articlecat .item {
        margin-right: 7px;
    }
    #articlecat .item, #articlecat .ilabel {
        width: 218px !important;
    }
    .onlyMobile {
        display: none !important;
    }
}

@media only screen and (max-width: 1290px), only tv and (max-width: 1290px), only projection and (max-width: 1290px) {
    footer {
        padding-left: 2vw;
        padding-right: 2vw;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 1120px), only tv and (max-width: 1120px), only projection and (max-width: 1120px) {
    #instagrampromo {
        display: none !important;
    }
    .frDnTwo {
        display: block !important;
    }
}
@media only screen and (max-width:1055px),only tv and (max-width: 1055px), only projection and (max-width:1055px){
    #couponpromo{
        display:none !important;
    }
}
/*@media only screen and (max-width: 965px), only tv and (max-width: 965px), only projection and (max-width: 965px), only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {*/
@media only screen and (max-width: 965px), only tv and (max-width: 965px), only projection and (max-width: 965px), only screen and (min-device-width: 481px) and (max-device-width: 1060px) and (orientation:portrait) {
    .topbasket, .topbanner.ssl, .topbanner.ts, #couponpromo, #instagrampromo {
        display: none !important;
    }
    .frDnOne, .frDnTwo {  /* Warenkorb Spalte links */
        display: block !important;
    }
    .onlyMobile {
        display: none !important;
    }
    .searchbg{
        right:0;
    }
    .headbasketbg{
        width: 100%;
        margin-bottom: .5em;
    }
}
@media only screen and (max-width: 880px), only tv and (max-width: 880px), only projection and (max-width: 880px) {
    .bnssl {
        clear: both;
    }
    .footerFloat {
        width: 50%;
        padding-bottom: 20px;
    }
}
@media handheld, only screen and (max-width: 780px), only tv and (max-width: 780px), only projection and (max-width: 780px), only screen and (max-device-width: 480px) {
    @viewport {
        width: device-width;
        zoom: 1;
    }
    body {
        /*background: #fff url(/img/ly/bodybgmobile.png) repeat-x;*/
    }
    .bodywrapper, .bodywrapper2, footer {
        max-width: 450px;
        width: 100%;
        overflow: hidden;
    }
    body {
        margin: 0;
        padding: 0;
    }
    .bodywrapper, .bodywrapper2, footer {
        margin: 0 auto; /* Zentriert die Container */
        padding: 0;
        position: relative;
        clear: both;
        top: 0;
        left: 0;
    }
    footer {
        padding: 2vw !important;
        box-sizing: border-box !important;
    }
    /* Medium Mobile Logo (400px-780px) */
    a.logo { 
        display:block;
        background-image: url(/img/ly/logo_medium.png); 
        background-position: 0; 
        width: 450px; 
        height: 120px;
        z-index: 5;
        margin: 0 auto; /* Center the logo */
        position: relative; /* Changed from absolute to relative */
    }
    .bodywrapper, footer {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    header, .bodywrapper, .bodywrapper2 {
        background: transparent;
        height: auto !important;
    }
    #lgselect {
        position: absolute;
        float: none;
        top: 10px;
        left: auto;
        right: 10px;
        width: auto;
        height: 60px;
        z-index: 10;
    }
    #lgselect a.flag_de, #lgselect a.flag_en {
        border: 1px solid #0063a7;
        height: auto;
        background: White;
        background-position: initial;
        padding: 2px 5px;
        font-size: 9px;
        color: #0063a7;

        margin: 0;
        width: auto;
        font-weight: normal;
    }
    #lgselect a.flag_on {
        color: White !important;
        background: #0063a7;
    }
    #firstForcer {
        position: relative;
        clear: both;
        float: none;
        top: 0; /* Korrekte Position für Mobile Menü */
        right: 0;
        margin: 10px auto;
        padding: 2px;
        background: #dcebf9;
        box-shadow: 3px 3px 5px rgba(66,66,66,.5);
        z-index: 100;
        width: fit-content;
    }
    .forcer p {
        margin: 0;
        padding: 0;
    }
    .mobileCutter {
        height: 5px;
        overflow: hidden;
        clear: both;
        position: relative;
        padding-top: 10px;
    }
    .shMobileIconAbs, .shMobileIcon {
        display: block;
        height: 50px;
        overflow: hidden;
        float: left;
    }
    .shMobileIconAbs {
        width: 1px;
        margin-left: 14px;
    }
    .shMobileIcon {
        width: 50px;
        background-color: transparent;
        background-image: url(/img/ly/mobile_menu.png);
        background-repeat: no-repeat;

        margin-left: 15px;
        z-index: 150;
    }
    #shMobileSearch {
        background-position: -108px -3px; 
    }
    #shMobileNav {
        background-position: -12px -3px; 
    }
    #shMobileWarenkorb {
        background-position: -300px -3px; 
    }
    .shMobileIconAfter {
        clear: both;
    }
    .searchbg {
        clear: both;
        float: none !important; /* Nicht mehr rechts schweben */
        position: relative !important; /* Überschreibt absolute Positionierung */
        left: 0 !important;
        top: 0 !important;
        right: auto !important; /* Überschreibt Desktop right-Positionierung */
        margin: 17px auto 0 auto !important; /* Zentriert das Suchfeld */
        width: 280px !important; /* Feste Breite ähnlich dem mobilen Menü */
        max-width: 90% !important; /* Responsive Fallback */
        height: auto !important; /* Überschreibt Desktop height */
        display: none !important; /* Standardmäßig ausgeblendet */
        align-items: center;
        justify-content: center;
    }
    
    /* Suchfeld sichtbar machen wenn JavaScript es einblendet */
    .searchbg[style*="display: block"] {
        display: flex !important;
    }
    
    /* Mobile Suchfeld-Input Styling */
    .searchinput {
        border: 2px solid #2a3e8a; /* Rahmen in gewünschter Farbe */
        border-radius: 4px 0 0 4px; /* Abgerundet links, gerade rechts */
        outline: none; /* Entfernt Browser-Standard-Outline */
        flex: 1; /* Füllt verfügbaren Platz flexibel */
        height: 40px; /* Gleiche Höhe wie Button */
        position: static; /* Nicht mehr absolut */
        left: auto;
        top: auto;
        box-sizing: border-box;
        min-width: 0; /* Verhindert Overflow */
    }
    
    /* Mobile Suchfeld-Button Styling */
    .searchsubmit {
        border: 2px solid #2a3e8a;
        border-left: none; /* Nahtloser Übergang vom Input */
        border-radius: 0 4px 4px 0; /* Abgerundet rechts */
        height: 40px; /* Gleiche Höhe wie Input */
        width: 40px; /* Quadratisch */
        flex-shrink: 0; /* Button behält seine Größe */
        position: static; /* Nicht mehr absolut */
        left: auto;
        top: auto;
        margin-left: -3px; /* Korrigiert horizontale Position */
        margin-top: 0; /* Stellt sicher, dass keine vertikale Verschiebung */
        vertical-align: top; /* Gleiche vertikale Ausrichtung wie Input */
    }
    #hnav {
        position: relative;
        left: 0;
        top: 0;
        clear: both;
        padding-top: 10px;
    }
    #hnavafter {
        clear:both;
        padding: 5px;
    }
    #hnav ul, #hnav li {
        list-style: none outside none;
        float: none;
        clear: both;
        line-height: normal;
        width: auto;
        height: auto;
        visibility: visible;
        position: relative;
        top: 0;
    }
    #hnav ul ul {
        margin: 0;
        left: 0;
    }
    #hnav a, #hnav span, #hnav a span, #hnav ul ul span, #hnav ul ul a {
        display: block;
        background: transparent !important;
        height: auto;
        padding: 0;
        margin:0;
    }
    #hnav a {
        border: 1px solid #24408c;
        margin-top: 8px;
        background: #fff !important; /* Nur weiß, keine Verläufe */
        /* Desktop-Menü Styling für Mobile übernehmen */
        font-size: 14px;
        font-weight: bold;
        color: #24408c;
        text-decoration: none;
        text-align: left;
        padding: 8px 10px; /* Reduziert Höhe, passend zur Schriftgröße */
        display: flex;
        align-items: center;
        height: auto; /* Automatische Höhe basierend auf Inhalt */
    }
    #hnav a span, #hnav a:VISITED span {
        padding: 0; /* Kein extra Padding für kompaktere Darstellung */
        float: none;
    }
    /* Touch-freundliche States statt Hover */
    #hnav li.act a, #hnav a:focus, #hnav a:active {
        background: #24408c !important; /* Desktop-Menü Farbe */
        color: #fff !important; /* Desktop-Menü Textfarbe */
        border: 1px solid #24408c;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    }
    #hnav li:HOVER ul a, #hnav li.act ul a {
        background: transparent !important;
    }
    #hnav ul ul {
        border-bottom: 1px solid #24408c;
        border-left: 1px solid #24408c;
        border-right: 1px solid #24408c;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2px;
    }
    #hnav ul ul li {
        border-top: 1px solid #24408c;
    }
    #hnav ul ul a {
        padding: 0;
        width: 100%;
        background: #fff !important; /* Desktop-Menü Untermenü-Farbe */
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        font-size: 12px; /* Desktop-Menü Untermenü-Schriftgröße */
        font-weight: normal; /* Desktop-Menü Untermenü-Schriftgewicht */
    }
    #hnav ul ul span {
        width: auto;
        padding: 3px; /* Reduziert für weniger Höhe */
    }
    #hnav ul ul a, #hnav ul ul span {
        text-align: right;
        margin-top: 0;
        border: none !important;
        color: #24408c;
        box-shadow: none !important;
        background: #fff !important; /* Nur weiß, keine himmelblaue Farbe */
    }
    /* Touch-freundliche Untermenü-States */
    #hnav ul ul a.act span, #hnav ul ul a:focus span, #hnav ul ul a:active span {
        background: #24408c !important; /* Desktop-Menü Untermenü-Aktiv-Farbe */
        color: #fff !important; /* Desktop-Menü Untermenü-Aktiv-Textfarbe */
    }
    #hnav ul ul ul {
        border: none;
        width: 100%;

    }
    #hnav ul ul ul li {
        border: none;
    }
    #hnav ul ul ul li, #hnav ul ul ul li a, #hnav ul ul ul li span {
        font-size: .95em;
        background: white !important;
    }
    #hnav .subtitle {
        display: none;
    }
    #hnav .meFloLi {
        margin-left: 15px;
        margin-top: -30px;
    }
    #hnav .meFloLi, #hnav .meFloLi span {
        float: left;
        width: 20px;
        height: 20px;
    }
    #hnav .meFloLi span.medown {
        background: url(/img/ly/medown.png) top left no-repeat !important;
    }
    #hnav .meFloLi span.meright {
        background: url(/img/ly/meright.png) top left no-repeat !important;
    }
    #main, .ym-column, .ym-col1, .ym-col3, .ym-cbox, #content, #articlelist, #articlecat, #hstlogo {
        clear: both;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        padding: 0 !important;
    }
    #main, .ym-column, .ym-col1, .ym-cbox, #content, #articlelist, #articlecat, .ym-g50, .ym-gl, .ym-gr {
        width: 100%;
        margin: 0 !important;
        float: none;
        clear: both;
    }
    .ym-col3 {
        width: 233px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 20px !important;
    }
    #hstlogo {
        width: 250px;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 20px !important;
    }
    #main :first-child {
        margin-top: 0 !important;
    }
    .topbasket, .topbanner.ssl, .topbanner.ts, #couponpromo {
        display: none !important;
    }
    .frDnOne {
        display: block !important;
    }
    .frDnOne .tooltip {
        display: none !important;
    }
    .frSpacer {
        clear: both;
        margin-top: 30px; /* Kleiner Abstand nach dem Menü */
    }
    h1, h2, h3 {
        text-align: center;
    }
    .noMobile {
        display: none !important;
    }
    .onlyMobile {
        display: block !important;
    }
    .mobileMenu, .flyout, .searchbg {
        display: none;
    }
    /* Artikel-Übersicht - 2 Artikel nebeneinander wenn Breite ausreicht */
    #articlelist .item, #articlecat .item, #hilites .hiliteBox {
        float: left;
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 10px;
    }
    #articlelist .item:nth-child(even), #articlecat .item:nth-child(even), #hilites .hiliteBox:nth-child(even) {
        margin-right: 0;
    }
    #articlecat .ilabel span {
        margin-top: 30px !important;
    }
    .bnpayment {
        height: 130px;
    }
    #copyright {
        float: none;
        clear: both;
        text-align: left;
        padding: 0 0 1em 0;
    }
    .mobileClear {
        clear: both;
    }
    /* Artikel-Details */
    #articledetail #thumbs, #articledetail #thumbsTouch {
        overflow: hidden;
    }
    #articledetail #thumbs, #articledetail #thumbs a,  #thumbs img,
    #articledetail #thumbsTouch, #articledetail #thumbsTouch a,  #thumbsTouch img{
        height: 80px;
    }
    #articledetail #thumbs a, #thumbs img,
    #articledetail #thumbsTouch a, #thumbsTouch img {
        width: 63px;
    }
    #articledetail #thumbs a,
    #articledetail #thumbsTouch a{
        font-size: 8px;
        padding: 0;
        margin: 0 8px 0 0;
    }
    #articledetail .zoomslideshow .wrapper {
        padding: 3px 0 0 0;
    }
    .mobileDown {
        display: none;
    }
    #mobileDownInsert {
        min-height: 10px;
        display: block !important;
    }
    #articledetail .crossselling .item, #articledetail .crossselling .item img,
    #dialog .crossselling1 .item, #dialog .crossselling1 .item img{
        height: 80px;
        width: 63px;
    }
    #articledetail .crossselling .item,
    #dialog .crossselling1 .item {
        float: none;
        margin: 0;
        padding: 5px;
        display: inline;
    }
    #articledetail .crossselling,
    #dialog .crossselling1 {
        margin-top: 1em;
        text-align: center;
    }
    /* Dialog */
    #dialog {
        width: 280px !important;
        margin-left: -140px;
    }
    #dialog .btncontainer {
        height: auto;
        text-align: center;
    }
    #dialog .shopbtn {
        display: block;
        position: relative;
        float: none;
        left: 0;
        top: 0;
        margin-top: .5em;
        margin-bottom: .5em;
        width: 190px;
        margin-left: auto;
        margin-right: auto;
    }
    /* Warenkorb */
    #progress {
        background: White;
        border: 1px solid #7fb5ff;
        padding-bottom: .5em;
    }
    #progress .item {
        clear: both;
        float: none;
        display: block;
        padding: .5em;
    }
    #progress .item .ic {
        float: right !important;
    }
    #basket, #orderlogin {
        padding-bottom: 20px;
        border-bottom: 1px solid #7fb5ff;
    }
    #basket #mwstinfo {
        text-align: center;
        font-size: 10px !important;
        padding: 5px 50px;
        float: none;
    }
    #basket #basketbuttons {
        text-align: center !important;
    }
    #basket #basketbuttons input {
        margin: 10px 0 0 0 !important;
        padding: 5px !important;
    }
    #mobileBasket .thumb img {
        height: 80px !important;
        width: 63px !important;
        margin: 1px !important;
    }
    #mobileBasket td.thumb {
        width: 67px !important;
    }
    #mobileBasket td, #mobileBasket th {
        padding: 2px !important;
        font-size: 10px !important;
        line-height: 1.1em !important;
    }
    #mobileBasket th {
        text-align: center !important;
    }
    #mobileBasket .basketItemRow {
        border-top-width: 1px;
        border-top-style: solid;
    }
    #mobileBasket #sumdiscountinput {
        border-top: 1px solid black;
    }
    .mobileAFull a {
        display: block;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #checkout .checkoutbox {
        padding: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }
    #tsinsurance {
        width: 100% !important;
    }
    #mobileFormSiegel, #formTShops {
        width: 95% !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    /* TABLE */
    .mobileTabOneTwo {
        width: 100% !important;
    }
    .mobileTabOneTwo td {
        display: block !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .mobileTabOneTwo tr td:first-child {
        padding: 10px 0 0 0 !important;
    }
    .mobileTabOneTwo td span {
        padding: 0 !important;
        margin: 0 !important;
    }
    .mobileTabOneTwo td {
        text-align: left !important;
    }
    .mobileTabOneTwo td select {
        max-width: 286px !important;
        padding: 0px !important;
    }
    .mobileTabOneTwo td input[type=text], .mobileTabOneTwo td input[type=password], .mobileTabOneTwo td textarea {
        width: 283px !important;
        padding: 0px !important;
    }
    .mobileTabOneTwo td input[type=text].mobileInput1Of3, .mobileTabOneTwo td select.mobileInput1Of3 {
        width: 93px !important;
    }
    .mobileTabOneTwo td input[type=text].mobileInput2Of3 {
        width: 185px !important;
    }
    .mobileTabOneTwo td input[type=text].mobileInput1Of4 {
        width: 70px !important;
    }
    .mobileTabOneTwo td input[type=text].mobileInput3Of4 {
        width: 208px !important;
    }
    .mobileTabOneTwo td.noMobile {
        display: none !important;
    }
    .footerFloat {
        width: 100%;
        padding-bottom: 20px;
        float: none;
    }
    #medial span {
        display: block;
        padding-bottom: 5px;
    }
    #medial {
        padding-bottom: 10px;
    }
}

/* Small Mobile Logo (under 450px) */
@media only screen and (max-width: 450px) {
    a.logo { 
        background-image: url(/img/ly/mobilelogo.png); 
        width: 310px; 
        height: 131px;
        margin: 0 auto; /* Center the logo */
    }
    
    /* Sprachauswahl für kleines Logo anpassen */
    #lgselect {
        right: 70px; /* Angepasst für schmaleres Logo (310px statt 450px) */
    }
}
@media print {
    .ym-col3 {
        display:none; 
    }
    footer {
        display:none;
    }
}