@charset "utf-8"; #rahmen { border:1px solid #ccc; color:#727272; font-size:12px; margin-top:30px; line-height:1.3; padding:22px; position:relative; margin:10px auto 30px; max-width: 800px; } @media (max-width:800px) { .battvo { text-align: center; } .battv { float: none !important; margin: 0 auto !important; text-align: center; } #rahmentitle { left: 25% } } @media (max-width:720px) { #rahmentitle { left: auto; margin-bottom: 20px; position: relative !important; text-align: center; top: 0 !important; } } #rahmentitle { background:#eee none repeat scroll 0 0; color:#3f3f3f; font-size:16px; font-weight:700; padding:0 5px; position:absolute; top:-12px; } .battv { float:left; margin-right:20px; max-width:194px; } .border { float:left; height:81px !important; margin:5px; position:relative; text-align:center; transition:all 0.1s ease 0s; width:81px !important; } .border-big { width:100%; } /* --------------------Gallerie ------------------ */ .modal .btn-close { line-height: 1.3; color: #000; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 30px; position: absolute; right: 5px; text-align: center; top: -5px; transition: all 0.35s ease 0s; z-index: 20; } .modal .btn-close:hover,.modal .btn-close:focus { text-decoration: none; } .modal-wrap:before { content:''; display:none; background:rgba(0,0,0,0.6); position:fixed; top:0; right:0; bottom:0; left:0; z-index:101 } .modal-overlay { display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:102 } .modal-open:checked ~ .modal-wrap:before,.modal-open:checked ~ .modal-wrap .modal-overlay { display:block } .modal-open:checked ~ .modal-wrap .modal-dialog { display:block !important; } .modal-dialog { background:#fefefe; border:#555 solid 1px; border-radius:5px; position:fixed; left:0%; right:0; top:0; bottom:0; width:80%; max-width:100%; z-index:103; margin:5% auto; display:none; height: 85%; max-height: 950px; } .modal-body { padding:20px; } .modal-body p { margin:0 } .modal-header h2 { font-size:2rem; margin:0 } .modal-footer { border-top:#eaeaea solid 1px; text-align:right } @media screen and (max-width:499px) { .modal, .modal-body { display:none; } } @media screen and (max-height:499px) { .modal, .modal-body { display:none; } } .gallerie > #gal-slide1_0_modal:checked ~ ul > .slide.sli0, .gallerie > #gal-slide1_1_modal:checked ~ ul > .slide.sli1, .gallerie > #gal-slide1_2_modal:checked ~ ul > .slide.sli2, .gallerie > #gal-slide1_3_modal:checked ~ ul > .slide.sli3, .gallerie > #gal-slide1_4_modal:checked ~ ul > .slide.sli4, .gallerie > #gal-slide1_5_modal:checked ~ ul > .slide.sli5, .gallerie > #gal-slide1_6_modal:checked ~ ul > .slide.sli6, .gallerie > #gal-slide1_7_modal:checked ~ ul > .slide.sli7, .gallerie > #gal-slide1_8_modal:checked ~ ul > .slide.sli8, .gallerie > #gal-slide1_9_modal:checked ~ ul > .slide.sli9, .gallerie > #gal-slide1_10_modal:checked ~ ul > .slide.sli10, .gallerie > #gal-slide1_11_modal:checked ~ ul > .slide.sli11, .gallerie > #gal-slide1_12_modal:checked ~ ul > .slide.sli12 { opacity: 1; z-index: 2; background: #fff none repeat scroll 0 0; } .gallerie > #gal-slide1_0_modal:checked ~ .thumbs > label.sli0, .gallerie > #gal-slide1_1_modal:checked ~ .thumbs > label.sli1, .gallerie > #gal-slide1_2_modal:checked ~ .thumbs > label.sli2, .gallerie > #gal-slide1_3_modal:checked ~ .thumbs > label.sli3, .gallerie > #gal-slide1_4_modal:checked ~ .thumbs > label.sli4, .gallerie > #gal-slide1_5_modal:checked ~ .thumbs > label.sli5, .gallerie > #gal-slide1_6_modal:checked ~ .thumbs > label.sli6, .gallerie > #gal-slide1_7_modal:checked ~ .thumbs > label.sli7, .gallerie > #gal-slide1_8_modal:checked ~ .thumbs > label.sli8, .gallerie > #gal-slide1_9_modal:checked ~ .thumbs > label.sli9, .gallerie > #gal-slide1_10_modal:checked ~ .thumbs > label.sli10, .gallerie > #gal-slide1_11_modal:checked ~ .thumbs > label.sli11, .gallerie > #gal-slide1_12_modal:checked ~ .thumbs > label.sli12 { border:1px solid #222 } .first-input { position:relative !important; } .gal-container .gallerie { position: relative; display: block; margin: 0 auto !important; } .gallerie { display: inline-block; position: relative; max-width: 100%; width: 100%; margin-top: 10px; } .gallerie > .gal-input { display: none; } .gallerie > ul { position: relative; z-index: 1; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; overflow: hidden; white-space: nowrap; } .gallerie > ul > .slide-preview { width: 100%; font-size: 0px; line-height: 0; text-align: center; } .gallerie > ul > .slide.img img, .slide-preview img { max-height:430px; max-width: 100%; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; vertical-align: middle; } .gallerie > ul > .slide.img a { font-size: 0pt; color: transparent; } .gallerie > ul > .slide { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; font-size: 15px; font-size: initial; line-height: normal; white-space: normal; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .gallerie > ul > li.img, .gallerie > .thumbs { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gallerie > .thumbs { left: 0; width: 100%; z-index: 6; font-size: 0; line-height: 8pt; margin-top: 10px; margin-bottom: 20px; } .gallerie > .thumbs > div { margin-left: -50%; width: 100%; } .gallerie > .thumbs > label { position: relative; display: block; cursor: pointer; float:left; } .gallerie > .thumbs > label > .thumb > img { max-width: 100%; } .gallerie > #gal-slide1_0:checked ~ ul > .slide.sli0, .gallerie > #gal-slide1_1:checked ~ ul > .slide.sli1, .gallerie > #gal-slide1_2:checked ~ ul > .slide.sli2, .gallerie > #gal-slide1_3:checked ~ ul > .slide.sli3, .gallerie > #gal-slide1_4:checked ~ ul > .slide.sli4, .gallerie > #gal-slide1_5:checked ~ ul > .slide.sli5, .gallerie > #gal-slide1_6:checked ~ ul > .slide.sli6, .gallerie > #gal-slide1_7:checked ~ ul > .slide.sli7, .gallerie > #gal-slide1_8:checked ~ ul > .slide.sli8, .gallerie > #gal-slide1_9:checked ~ ul > .slide.sli9, .gallerie > #gal-slide1_10:checked ~ ul > .slide.sli10, .gallerie > #gal-slide1_11:checked ~ ul > .slide.sli11, .gallerie > #gal-slide1_12:checked ~ ul > .slide.sli12 { opacity: 1; z-index: 2; } /*.slide img{cursor: -webkit-zoom-in;cursor:zoom-in;}*/ .gallerie > ul > .slide { display: inline-block; position: absolute; left: 0; top: 0; opacity: 0; z-index: 1; -webkit-transition: opacity 0ms ease; transition: opacity 0ms ease; -webkit-transform: rotate(0deg); transform: rotate(0deg); text-align: center; } .gallerie > ul > li { background: #fff; border:1px solid #ddd } .gallerie > .thumbs > label { margin: 0 6px; } .gallerie > .thumbs > label .thumb { border:1px solid #ddd; width: 60px; height: 60px; display:block; margin-bottom:6px; background: #fff; } .gallerie > .thumbs img { bottom: 5px; left: 0; margin: auto; max-height: 55px !important; max-width: 55px !important; position: absolute; right: 0; text-align: center; top: 0; vertical-align: middle; } .gallerie > #gal-slide1_0:checked ~ .thumbs > label.sli0 .thumb, .gallerie > #gal-slide1_1:checked ~ .thumbs > label.sli1 .thumb, .gallerie > #gal-slide1_2:checked ~ .thumbs > label.sli2 .thumb, .gallerie > #gal-slide1_3:checked ~ .thumbs > label.sli3 .thumb, .gallerie > #gal-slide1_4:checked ~ .thumbs > label.sli4 .thumb, .gallerie > #gal-slide1_5:checked ~ .thumbs > label.sli5 .thumb, .gallerie > #gal-slide1_6:checked ~ .thumbs > label.sli6 .thumb, .gallerie > #gal-slide1_7:checked ~ .thumbs > label.sli7 .thumb, .gallerie > #gal-slide1_8:checked ~ .thumbs > label.sli8 .thumb, .gallerie > #gal-slide1_9:checked ~ .thumbs > label.sli9 .thumb, .gallerie > #gal-slide1_10:checked ~ .thumbs > label.sli10 .thumb, .gallerie > #gal-slide1_11:checked ~ .thumbs > label.sli11 .thumb, .gallerie > #gal-slide1_12:checked ~ .thumbs > label.sli12 .thumb { border:1px solid #000 } .gallerie > .thumbs > label .thumb:hover { border:1px solid #000 } .gallerie ul li label { display: block !important; } .gallerie > .thumbs > label.video, .gallerie > .thumbs > label.Artikel { display:none } .gallerie > .thumbs > label.ebayVideo { display:block } @media only screen and (max-width: 480px), only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( max--moz-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( -o-max-device-pixel-ratio: 2/1) and (max-width: 480px), only screen and ( max-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( max-resolution: 192dpi) and (max-width: 480px), only screen and ( max-resolution: 2dppx) and (max-width: 480px) { .gallerie > .gal-slide-prev, .gallerie > .gal-slide-next { display: none !important; } } .gallerie .thumb:empty { display:none !important } .modal .gallerie > ul > .slide.img img, .modal .slide-preview img { max-height:90% !important } .modal .first-input { } .modal .gallerie > ul { max-height: 800px; height: calc(85vh - 150px); height: -moz-calc(85vh - 150px); height: -webkit-calc(85vh - 150px); } .modal .gallerie > ul li { height: 100%; border:none; } .modal .slide img { cursor: default; } .wrapper .modal { display:none } @media screen and (max-height:599px) { .gallerie > .thumbs > label .thumb { width: 50px; height: 50px; } .gallerie > .thumbs > label .thumb img { max-height: 45px !important; max-width: 45px !important; } } /* --------------------Gallerie ------------------ */ .section1 { display:none; padding:25px; background:none repeat scroll 0 0 #fff; line-height:20px; } .product-tabs { margin-bottom:50px; } .product-tabs input { display:none; } .product-tabs label { display:inline-block; padding:8px 20px; background: #ccc; color: #222; cursor:pointer; font-size:14px; line-height:20px; text-align:center; font-weight: 600; font-family: "Montserrat",sans-serif !important; } .product-tabs label:before { font-weight:normal; margin-right:10px; font-size:20px; } .product-tabs label:hover { cursor:pointer; } .product-tabs input:checked + label { border-bottom-color:#fff !important; background:#222; color:#fff; margin-bottom:-1px; } #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 { display:block; } #wrap { display:inline-block; float:right; height:20px; margin-top:25px; position:relative; } .product-tabs input[type="text"] { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; border:medium none; color:#585858; font-size:23px; cursor:pointer; display:inline-block; font-weight:100; height:60px; outline:medium none; padding:3px 60px 3px 3px; position:absolute; right:0; top:0; transition:width 0.4s cubic-bezier(0, 0.795, 0, 1) 0s; width:0; z-index:3; } .mobile-title { display:none } @media (max-width: 699px) { .product-tabs label { display:none !important } .section1 { display: block; padding: 0px; margin-bottom: 15px; } .mobile-title { display:block; background: #274f10; color: #fff; font-size: 17px; height: 50px; line-height: 50px; margin: 0; max-width: 100%; padding-bottom: 5px; position: relative; text-align: left; width: 100%; padding-left: 30px; } .content { padding: 15px 25px !important; } .content .inner-title { display:none; } } .content { padding:20px 25px 25px; margin: auto; background:#fff; } .content h1, .inner-title { line-height:1.1; margin-bottom:25px; font-weight:700; font-size:21px; text-align:left; } .content p, .content , .content span { color: #333; font-size:13px; line-height:1.4; text-align:justify; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; } .content span { color: #333 !important; font-size:13px !important; line-height:1.4 !important; text-align:justify; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; } .content ul { list-style:none; padding-left:15px; position: relative; height: auto; border: none; display:block; } .content ul ul { padding-left: 15px; list-style:none; font-size:16px; margin-top:3px; margin-bottom:3px; } .content ul li { display:block; float:none; text-align: left; margin: 0 !important; } .content ul li p { display: inline-block; padding-left: 12px; text-indent: 0px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; } .content ul li:before { content: "■ "; font-family:"Arial Black"; color: #274f10; margin-left: -15px; width: 8px; height: 8px; margin-right: 3px; } .content ul ul li:before { content: "-"; } .content ul ul li { text-indent: -9px; } .content table { border-spacing:0; border-top:medium none; font-family:"Open Sans",sans-serif !important; margin-bottom:45px; width:100%; } .table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th { background-color:#f9f9f9; } .content tbody > tr:first-child > td, .content tbody > tr:first-child > th { border-top:medium none !important; } .content td:nth-child(2n+1) { color:#000; font-size:12px; font-weight:600; text-transform:uppercase; } .content table th, .content table td { border-top:1px solid #dddddd; color:#999; font-size:14px; line-height:19px; padding:4px; text-align:left; vertical-align:top; } .content table td:empty, .content tr:empty { border-top:0px !important; font-size:0 !important; line-height:0 !important; padding:0 !important; display:none !important; } .sticky { background:#fff none repeat scroll 0 0 !important; } .mainNavigation > .nav > li > a { color:#222 !important; } .mainNavigation > .nav > li > a i { color:#fff !important; } @media (min-width:992px) { .mainNavigation > .nav > li.active > a { background:#274f10 none repeat scroll 0 0 !important; } .mainNavigation > .nav > .cat-welcome > a { background:#222 none repeat scroll 0 0 !important; } } .payment-list { list-style-type:none; padding:11px 0; } .payment-list li { float:left; margin:0 5px 0 0; } .payment-list img { background-color:#f8f8f8; border:0 solid; border-radius:5px; filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); padding:2px; width:50px; } .payment-list img:hover { filter:none; -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); } .btn-search { background:transparent none repeat scroll 0 0; border:0 none; cursor:pointer; margin:0; overflow:visible; padding:0; width:auto; line-height:3 } .btn-search i { font-size:20px; line-height:1.7 } @media (max-width:599px) { .footer1 { text-align: center; } .content p, .content, .content span { text-align: left; } } @media (max-width:499px) { .nav-bottom { display:none; } .navbar-brand { margin: 0px auto 0px !important; } .categoryView { margin-top:0 !important } .price { font-size: 20px; padding-top: 20px; display: block; } } .clearfix { } .clearfix:before, .clearfix:after, .catchMarginBefore:before, .catchMarginAfter:after { display:table; line-height:0; content:""; } .clearfix:after { clear:both; } html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } body { margin:0; } footer, header, nav, section { display:block; } a { background:transparent; } a:active, a:hover { outline:0; } abbr[title] { border-bottom:1px dotted; } b, strong, .bold { font-weight:bold; } h1 { font-size:2em; margin:0.67em 0; } small { font-size:80%; } img { border:0; } hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; } button::-moz-focus-inner, .wrapper table { border-collapse:collapse; border-spacing:0; } .wrapper td,.wrapper th { padding:0; } .lineheight1 { line-height:1.2 !important; font-size:13px !important; } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } html { font-size:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } body { font-family:'Open Sans', sans-serif; font-weight:300; font-size:12px; line-height:24px; background-color:#ffffff; } .lh-075 { line-height:18px; } .lh-05 { line-height:12px; } .lh-0 { line-height:0; } body { color:#333; text-shadow:none; } a { color:#274f10; text-decoration:none; } a:hover,a:focus { color:#274f10; text-decoration:underline; } figure { margin:0; } img { vertical-align:middle; } .img-responsive { display:block; max-width:100%; height:auto; } img[src=""][data-src] { text-indent:-10000px; display:block; border:none; background-position:center center; background-repeat:no-repeat; min-height:100px; color:transparent; } hr,.hr { display:block; margin-top:12px; margin-bottom:12px; border:none; height:1px; background:#ddd; } .sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; } h1,h2,h3,h4,h5,h6,.h3 { margin:12px 0; font-family:inherit; font-weight:300; line-height:24px; color:inherit; text-rendering:optimizelegibility; } h1,h2,h3 { color:#555; } h1 { font-size:38.5px; font-weight:300; } h1 { line-height:48px; } h2 { font-size:31.5px; } h3,.h3 { font-size:20.5px; } h2,h3,.h3 { line-height:36px; } h4,.h4 { font-size:17.5px; } h3.small,.h3.small { font-size:20px; line-height:24px; } h5 { font-size:14px; font-weight:bold; } h6 { font-size:11.9px; font-weight:bold; } h1 small { font-size:24.5px; } h2 small { font-size:17.5px; } h3 small { font-size:14px; } h4 small { font-size:14px; } p,.p { margin:0 0 12px !important; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .btn + .btn { margin-left:5px; } ul,ol { margin-top:0; margin-bottom:12px; } ul ul,ol ul,ul ol, ol ol { margin-bottom:0; } .container { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px; } @media (min-width:768px) { .container { width:100%; } } @media (min-width:992px) { .container { width:100%; } } @media (min-width:1200px) { .container { max-width:1920px; width:100%; } } .row { margin-left:0px; margin-right:0px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position:relative; padding-left:15px; padding-right:15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float:left; } .col-xs-12 { width:100%; } .col-xs-11 { width:91.66666667%; } .col-xs-10 { width:83.33333333%; } .col-xs-9 { width:75%; } .col-xs-8 { width:66.66666667%; } .col-xs-7 { width:58.33333333%; } .col-xs-6 { width:50%; } .col-xs-5 { width:41.66666667%; } .col-xs-4 { width:33.33333333%; } .col-xs-3 { width:25%; } .col-xs-2 { width:16.66666667%; } .col-xs-1 { width:8.33333333%; } @media (min-width:768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float:left; } .col-sm-12 { width:100%; } .col-sm-11 { width:91.66666667%; } .col-sm-10 { width:83.33333333%; } .col-sm-9 { width:75%; } .col-sm-8 { width:66.66666667%; } .col-sm-7 { width:58.33333333%; } .col-sm-6 { width:50%; } .col-sm-5 { width:41.66666667%; } .col-sm-4 { width:33.33333333%; } .col-sm-3 { width:25%; } .col-sm-2 { width:16.66666667%; } .col-sm-1 { width:8.33333333%; } } @media (min-width:992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float:left; } .col-md-12 { width:100%; } .col-md-11 { width:91.66666667%; } .col-md-10 { width:83.33333333%; } .col-md-9 { width:75%; } .col-md-8 { width:66.66666667%; } .col-md-7 { width:58.33333333%; } .col-md-6 { width:50%; } .col-md-5 { width:41.66666667%; } .col-md-4 { width:33.33333333%; } .col-md-3 { width:25%; } .col-md-2 { width:16.66666667%; } .col-md-1 { width:8.33333333%; } } @media (min-width:1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float:left; } .col-lg-12 { width:100%; } .col-lg-11 { width:91.66666667%; } .col-lg-10 { width:83.33333333%; } .col-lg-9 { width:75%; } .col-lg-8 { width:66.66666667%; } .col-lg-7 { width:58.33333333%; } .col-lg-6 { width:50%; } .col-lg-5 { width:41.66666667%; } .col-lg-4 { width:33.33333333%; } .col-lg-3 { width:25%; } .col-lg-2 { width:16.66666667%; } .col-lg-1 { width:8.33333333%; } } .fade { opacity:0; -webkit-transition:opacity 0.15s linear; transition:opacity 0.15s linear; } .fade.in { opacity:1; } .clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after { content:" "; display:table; } .clearfix:after,.container:after,.row:after { clear:both; } .center-block { display:block; margin-left:auto; margin-right:auto; } .pull-right { float:right !important; } .pull-left { float:left !important; } .hide { display:none !important; } .show { display:block !important; } .text-hide { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0; } .hidden { display:none !important; visibility:hidden !important; } @media (max-width:767px) { .hidden-xs { display:none !important; } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display:none !important; } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display:none !important; } } @media (min-width:1200px) { .hidden-lg { display:none !important; } } .btn { font-family:"Montserrat",sans-serif; font-weight:600; letter-spacing:0.5px; } .btn { display:inline-block; height:33px; padding:5px 10px; margin-bottom:0; font-size:12px; line-height:22px; text-align:center; vertical-align:middle; cursor:pointer; border-width:0px; border-style:solid; ; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; } .btn:focus, .btn:active { outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled { cursor:not-allowed; pointer-events:none; -khtml-opacity:0.65; -moz-opacity:0.65; opacity:0.65; filter:alpha(opacity=65); } .mt-bottom { background:#222 none repeat scroll 0 0; border-right:15px solid #274f10 !important; color:#fff !important; margin-top:-11px; backface-visibility:hidden; border:0 none; border-radius:0; display:inline-block; font-family:"Montserrat",sans-serif; font-weight:bold; padding:9px 0; position:relative; text-align:center; text-decoration:none; text-transform:uppercase; transform:translateZ(0px); transition-duration:0.3s; transition-property:color; vertical-align:middle; width:100%; } .mt-bottom::before { bottom:0; content:""; left:5px; position:absolute; right:0; top:0; transform:scaleX(0); transform-origin:100% 50% 0; transition-duration:0.3s; transition-property:transform; transition-timing-function:ease-out; z-index:-1; } .mt-bottom:hover::before, .mt-bottom:focus::before, .mt-bottom:active::before { transform:scaleX(1); } .mt-bottom::before { background:#274f10 none repeat scroll 0 0; } .btn .caret { margin-left:0; } @media (max-width:991px) { .navbar-right > h2 { padding-left:20px; padding-right:20px; } } .nav { margin-bottom:0; padding-left:0; list-style:none; } .nav ul { padding-left:0; } .nav > li { display:block; } .nav > li > a { position:relative; display:block; padding:5px; } @media (max-width:991px) { .navbar-information .nav > li > a { color:#fff; } } .nav > li > a:hover, .nav > li > a:focus { text-decoration:none; } .nav > li.disabled > a { color:#999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color:#999999; text-decoration:none; background-color:transparent; cursor:not-allowed; } @media (min-width:992px) { .mainNavigation { display:block; float:left !important; font-family:"Montserrat",sans-serif; } .mainNavigation > .nav > li.active > a { background:#333333 none repeat scroll 0 0; color:#fff !important; outline:medium none; } .ielte9 .mainNavigation > .nav > li.active > a { border-bottom:4px solid #274f10; padding-bottom:3px; } .btn-cart > span > .caret { border-width:6px; border-color:#fff transparent; margin-top:11px !important } .nav-main .nav-login > li > a { padding:10px 17px !important; font-family:"Montserrat",sans-serif; font-weight:600; letter-spacing:0.5px; } .nav-main .nav > li > a { z-index:1005; float:none; padding:2px 17px 2px; border-width:1px; border-style:solid solid none; border-color:transparent; color:#d4d4d4; text-decoration:none; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; } .nav-main .nav > li > a.onlyIcon { padding:9px 15px 10px; } .navbar-main > li > ul > li > ul ul { display:none; } } @media (min-width:992px) and (max-width:1199px) { .navbar .nav > li > a { padding-left:12px; padding-right:13px; } } .nav > li > a, .nav > li > a:before, .navbarButton, .transition, .transitionAfter:after, .navigationList a, .navigationTree a { -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; transition:all 300ms ease 0s; } .articlePages_activeLink { background:#222 none repeat scroll 0 0 !important; color:#fff !important; } .navbar .nav .caret { margin-top:12px; margin-left:6px; margin-right:-6px; } .isPhone .caret { margin-top:8px !important; } @media (max-width:991px) { .navbar .nav.navbar-main .caret { display:none; } } .nav.inverse > li:hover > a { text-decoration:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#fff; } .nav .nav-divider { height:1px; margin:9px 0; overflow:hidden; background-color:#e5e5e5; } .nav > li > a > img { max-width:none; } .navbar { position:relative; } .navbar-collapse.in { overflow-y:auto; } @media (min-width:992px) { .navbar-collapse { width:auto; border-top:0; box-shadow:none; } .navbar-collapse.collapse { display:block !important; height:auto !important; padding-bottom:0; overflow:visible !important; } .navbar-collapse.in { overflow-y:visible; } } .container > .navbar-header, .container > .navbar-collapse { margin-right:-15px; margin-left:-15px; } @media (min-width:992px) { .container > .navbar-header, .container > .navbar-collapse { margin-right:0; margin-left:0; } } .navbar-brand { font-size:18px; line-height:20px; max-width:330px; float:left; } .navbar-brand img { width:100%; } .navbar-top { background:#000; } .nav-bottom { background:#e3e3e3; padding:20px 0; } @media (max-width:991px) { .navbar-brand { display:block; margin:3px 0 8px; } .navbar-brand img { max-width:100%; } } @media (min-width:992px) { .navbar-brand { padding:5px 5px 12px; margin-right:25px; } } @media (min-width:992px) and (max-width:1099px) { .navbar-brand { margin-right:15px; } } .navbar-brand:hover, .navbar-brand:focus { text-decoration:none; } @media (min-width:992px) { .navbar-toggle { display:none; } } .navbar-nav { float:left; } .navbar-nav > li > a { line-height:20px; } @media (min-width:992px)and (max-width:1260px) { .navbar-brand { max-width:280px; } .mainNavigation .nav > li > a { font-size:14px !important; } } @media (min-width:1021px)and (max-width:1260px) { .mainNavigation .nav > .cat-welcome > a { line-height:3.85 !important; } } @media (min-width:992px)and (max-width:1020px) { .mainNavigation .nav > .cat-welcome > a { line-height:3.75 !important; } } @media (max-width:1099px) { .navbar .nav > li > a { padding-left:6px; padding-right:6px; } .payment-list img { width:44px !important; } } @media (min-width:1099px) and (max-width:1265px) { .payment-list img { width:44px !important; } } @media (max-width:1265px) { .nav-main .nav-login > li > a { font-size:15px !important; } } @media (min-width:992px) { .navbar-nav { float:left; margin:0; } .mainNavigation > .navbar-nav { clear:left; } .navbar-nav > li { float:left; } .navbar-left { float:left !important; } .navbar-right { float:right !important; } } .navbar-btn { margin-top:8px; margin-bottom:8px; } .navbar-btn.btn-sm { margin-top:10px; margin-bottom:10px; } .navbar-btn.btn-xs { margin-top:14px; margin-bottom:14px; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { background-color:transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color:#274f10; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color:#ccc; background-color:transparent; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#fff; } .navbar-default .navbar-toggle .icon-bar { background-color:#222; } .nav-main { border-width:1px; border-style:none none solid; border-color:#fff; background:#1F1F1F; } .mainNavigation, .login { position:relative; padding-left:0; padding-right:0; float:right; cursor:pointer; } .mainNavigation > .navbar-main li,.mainNavigation > .navbar-main { height:100%; } .mainNavigation .nav > li > a { height:100%; line-height:4.9; font-size:15px; } .login .nav > li > a i { font-size:25px; color:#fff; } .login .nav > li > a span { display:none; } .login .nav > li > a { font-size:20px !important; background:#D90102; margin-top:15px !important; padding:10px 8px !important; } @media (min-width:992px) { .navbar-nav > li > a { position:relative; } .mainNavigation .nav > li + li > a { margin-left:-1px; } .cat-welcome { background:#274f10; } .cat-welcome i { font-size:25px; } .cat-welcome a { line-height:3.9 !important; } .nav.navbar-nav:after { right:auto; left:0; } } @media (max-width:991px) { .navbar-brand { float:none; margin:10px auto 20px; } .login { margin-top:-60px; } .navbar .mainNavigation li { position:relative; } .navbar .mainNavigation li.open > ul { display:block; } .navbar .nav li:before, .navbar .nav li:after { content:""; display:table; } .navbar .nav li:after { clear:both; } .navbar-main > li:last-child { margin-bottom:16px; } .navbar .nav > li > a, .navbar .nav > li > ul > li > a, .navbarInputWrapper { position:relative; z-index:10; } .navbar-information .nav > li { float:left; } } @media (max-width:359px) { .navbar .nav li.isPhone > a { padding-left:0; padding-right:0; border-color:transparent; } } footer { color:#999; } footer a, footer a:hover, footer a:focus { color:inherit; } footer strong { font-weight:bold; text-transform:uppercase; color:#fff; text-rendering:optimizelegibility; } footer hr { margin:10px 0; } .contact-adress { margin: 40px 0 0 !important; } .tickerWrapC { width:80%; position: absolute; } .tickerWrap { display:inline-block; overflow:hidden; position:relative; width:100%; } .ticker { white-space:nowrap; } .ticker__item { display:inline-block; } @keyframes ticker { 0% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } 100% { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } } .ticker { animation-name:ticker; animation-iteration-count:infinite; animation-timing-function:linear; animation-duration:15s; } .payment-list2 { max-width:320px; } .payment-list2 img { background-color:#f8f8f8; border:0 solid; border-radius:5px; filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); padding:2px; width:70px; } .payment-list2 li { float:left; margin:0 5px 5px 0; } .payment-list2 img:hover { filter:none; -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); } .footer1, .white { background:#fff; } .footer2, .grey { background:#ccc; } .footer3 { background:#fff; } .footer1, .footer2 { min-height:333px; padding-bottom:50px; padding-left:15px; padding-top:50px; } .footer3 { margin:0 auto; max-width:300px; min-height:333px; padding-top:50px; } .contact-adress { font-weight:500; line-height:1.9; list-style:none; margin:0; padding:0; font-size: 13px; } .contact-adress i { font-size:16px; padding-right:15px; position:relative; top:1px; } .contact-block h4 { margin-bottom:35px; color:#111; font-size:40px; font-family:"Montserrat",sans-serif; font-weight:600; letter-spacing:0.5px; } .contact-block h5 { color:#e83b4f; font-size:16px; font-weight:bold; line-height:1.45; margin-bottom:19px; } .contact-block p { color:#666; margin-bottom:20px; font-size: 13px; } .newsletter-form-mail { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color:-moz-use-text-color -moz-use-text-color #c2c2c2 #c2c2c2; border-style:none none solid solid; border-width:medium medium 3px 3px; color:#666; font-size:14px; font-weight:normal; margin-right:20px; padding:7px 10px; width:100%; } .footer-bottom { background:#222; } .btn-wilta { background:#274f10 none repeat scroll 0 0; border:medium none !important; border-radius:0 !important; box-shadow:none !important; color:#fff; } .btn-wilta { color:#fff !important; } .wilta-mail { width:80% !important; } .wilta-titel { color:#fff; font-size:22px; font-family:"Montserrat",sans-serif; font-weight:600; letter-spacing:0.5px; ; margin-bottom:28px !important; margin-top:40px !important; } .footerLine { border-top:1px solid #444; padding-top:10px; } ul.footerList { padding-left:0; list-style:none; padding-bottom:30px; font-size: 13px; } .footerLink { color:#aaa; } .footerLink:hover { color:#888; } @media (max-width:1099px) { .wilta-titel { font-size:18px; } .payment-list2 img { width:70px; } } @media (max-width:991px) { .footer1, .footer2 { padding-left:8px; } .payment-list2 { max-width:450px; } ul.footerList { padding-bottom:0px; } .footerLine { margin-top:10px; } .footer3 { padding-bottom:0; padding-left:30px; padding-top:20px; background:#eee !important } } @media (max-width:945px) { .contact-block { width:50% !important } } @media (max-width:890px) { .payment-list2 img { width:70px; } .payment-list2 { max-width:450px; } } @media (max-width:840px) { .wilta-titel { font-size:16px; } } @media (max-width:730px) { .contact-block h4 { font-size:30px; } .footer1, .footer2 { padding-top:20px; } } @media (max-width:767px) { .wilta-mail { width:90% !important; margin-bottom:5px; } .footer2 { padding-bottom:20px; } } @media (max-width:570px) { .footer3 { padding-left:0; min-height:90px; } } @media (min-width:501px) and (max-width:1020px) { .login .nav > li > a { margin-top:10px !important; } } @media (max-width:500px) { .footer2 { text-align:center; } .btn-wilta { margin-top:15px; } *::before, *::after { box-sizing:border-box; } .contact-block { width:100% !important; } .footer1 > h4, .footer2 > h4 { text-align:center; margin:5px; } .footer2 p { text-align:center; } .contact-adress { margin:0 auto; width:235px; } .payment-list2 { margin:0 auto; width:225px; } .wilta-titel { margin-bottom:15px; margin-top:10px; } .footerList li { line-height:1.5; } .footer-bottom { padding-top:20px; } .footerLine > .pull-right, .footerLine > .pull-left { float:none !important; margin-bottom:0; text-align:center; } .footer1, .footer2 { min-height:auto; } .wilta-mail { float:left; width:70% !important; } .btn-wilta { height:40px; } } .block,.h3,.p { display:block; } .inlineBlock { display:inline-block; } .hiddenText { text-indent:-100000px; } .center { text-align:center; } .right { text-align:right; } .normal { font-weight:normal; } small, .small { font-size:85%; } .large { font-size:125%; } .uppercase { text-transform:uppercase; } .btn:focus { outline:0; } .img-responsive.center { margin:0 auto; } .line-through { text-decoration:line-through; } @media (min-width:992px) { .navbar-information .nav > li > a { z-index:2005; } } .label-default { background-color:#999; } .label { display:inline; padding:.2em .6em .3em; font-size:75%; font-weight:700; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em; } .action-rabatt { background:#000 none repeat scroll 0 0; color:#fff; float:right; font-size:25px; font-weight:bold; padding:5px; } @media (min-width:1199px) { .list-v { height:152px !important; } } .list-v img { max-height:152px !important; } .list-v { text-align:center; } .line-through { color:#333; } .margin-top-0 { margin-top:0; } .margin-bottom-0 { margin-bottom:0; } .margin-top-025 { margin-top:3px; } .margin-top-05 { margin-top:6px; } .margin-top-1 { margin-top:12px; } .margin-top-15 { margin-top:18px; } .margin-top-2 { margin-top:24px; } .margin-top-3 { margin-top:36px; } .margin-top-4 { margin-top:48px; } .margin-top-5 { margin-top:40px; } .margin-top-6 { margin-top:50px; } .margin-top-8 { margin-top:96px; } .margin-bottom-025 { margin-bottom:3px; } .margin-bottom-05 { margin-bottom:6px; } .margin-bottom-1 { margin-bottom:12px; } .margin-bottom-15 { margin-bottom:18px; } .margin-bottom-2 { margin-bottom:24px; } .margin-bottom-3 { margin-bottom:36px; } .margin-bottom-4 { margin-bottom:48px; } .margin-bottom-8 { margin-bottom:96px; } .margin-right-025 { margin-right:3px; } .margin-right-05 { margin-right:6px; } .margin-right-1 { margin-right:12px; } .margin-right-15 { margin-right:18px; } .margin-right-2 { margin-right:24px; } .margin-left-025 { margin-left:3px; } .margin-left-05 { margin-left:6px; } .margin-left-1 { margin-left:12px; } .margin-left-15 { margin-left:18px; } .margin-left-2 { margin-left:24px; } .padding-top-0 { padding-top:0; } .padding-top-1 { padding-top:12px; } .padding-top-15 { padding-top:18px; } .padding-top-2 { padding-top:24px; } .padding-top-3 { padding-top:36px; } .padding-top-4 { padding-top:48px; } .padding-bottom-1 { padding-bottom:12px; } .padding-bottom-15 { padding-bottom:18px; } .padding-bottom-2 { padding-bottom:24px; } .padding-bottom-3 { padding-bottom:36px; } .padding-bottom-4 { padding-bottom:48px; } .padding-right-025 { padding-right:3px; } .padding-right-05 { padding-right:6px; } .padding-right-1 { padding-right:12px; } .padding-left-025 { padding-left:3px; } .padding-left-05 { padding-left:6px; } .padding-left-1 { padding-left:12px; } .no-padding { padding:0 !important; } @media (max-width:767px) { .margin-top-xs-0 { margin-top:0; } .margin-top-xs-05 { margin-top:6px; } .margin-top-xs-1 { margin-top:12px; } .margin-top-xs-2 { margin-top:24px; } .margin-bottom-xs-0 { margin-bottom:0; } .margin-bottom-xs-05 { margin-bottom:6px; } .margin-left-xs-0 { margin-left:0; } } .padding-left-0 { padding-left:0; } .padding-right-0 { padding-right:0; } .padding-left-025 { padding-left:3px; } .padding-right-025 { padding-right:3px; } @media (max-width:767px) { .text-left-xs { text-align:left; } .padding-left-xs-025 { padding-left:3px; } .padding-right-xs-025 { padding-right:3px; } .pull-left-xs { float:left !important; } .pull-right-xs { float:right !important; } .capitalize-xs { text-transform:capitalize; } } .art-id { background:#F7F7F7; line-height:1.5; margin-bottom:20px; margin-top:0px; padding:20px; } .art-id table th, .art-id table td { border-top:1px solid #dddddd; color:#888; font-size:14px; line-height:19px; padding:4px; text-align:left; vertical-align:top; } .art-id tbody > tr:first-child > td, .art-id tbody > tr:first-child > th { border-top:medium none !important; } .art-id td:nth-child(2n+1) { color:#000; font-family:"Montserrat",arial,serif; font-size:12px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; } .art-id table { border-spacing:0; font-family:"Open Sans",sans-serif; } .art-id-preview { min-height:110px; } .art-id-preview table th, .art-id-preview table td { border-top:1px solid #dddddd; color:#888; font-size:13px; line-height:19px; padding:4px; text-align:left; vertical-align:top; } .art-id-preview tbody > tr:first-child > td, .art-id-preview tbody > tr:first-child > th { border-top:medium none !important; } .art-id-preview td:nth-child(2n+1) { color:#000; font-family:"Montserrat",arial,serif; font-size:12px; font-weight:600; text-transform:uppercase; } .art-id-preview table { border-spacing:0; font-family:"Open Sans",sans-serif; } .art-id-preview table tr:last-of-type { height:50px; } .priceContainer, .articleVat { font-family:Montserrat,arial,serif; } .price { color:#d90102 !important; font-family:Montserrat,arial,serif; font-size:35px; font-weight:300 !important; line-height:1; } .toBasketWrapper a { font-size:15px; margin:0 0 30px; padding:0 10px; vertical-align:top; height:73px; line-height:73px; } .toBasketWrapper a { background:#222 none repeat scroll 0 0; border-right:15px solid #274f10 !important; color:#fff !important; backface-visibility:hidden; border:0 none; border-radius:0; display:block; font-family:"Montserrat",sans-serif; font-weight:bold; position:relative; text-align:center; text-decoration:none; text-transform:uppercase; transform:translateZ(0px); transition-duration:0.3s; transition-property:color; vertical-align:middle; } .toBasketWrapper a::before { bottom:0; content:""; left:5px; position:absolute; right:0; top:0; transform:scaleX(0); transform-origin:100% 50% 0; transition-duration:0.3s; transition-property:transform; transition-timing-function:ease-out; z-index:-1; } .toBasketWrapper a:hover::before, .toBasketWrapper a:focus::before, .toBasketWrapper a:active::before { transform:scaleX(1); } .toBasketWrapper a::before { background:#274f10 none repeat scroll 0 0; } .add-to-links { border-top:1px solid #e4e4e4; padding:10px 0 0; list-style:none; font-family:"Montserrat",sans-serif; font-weight:600; letter-spacing:0.5px; } .add-to-links li { display:inline-block; margin:0 15px 15px 0; cursor:pointer; } .add-to-links li a { float:left; font-weight:700; line-height:1; text-transform:uppercase; width:160px; color:#222; font-size: 13px; } .add-to-links .fa { float:left; overflow:hidden; font-size:26px; height:26px; margin-right:20px; padding:0; width:26px; } .article-tabs { margin-bottom:50px; margin-top:50px; } .article-desc img, .tech-content img { height:auto !important; max-width:100% !important; max-height:100% !important; border:medium none !important; } .tech-content ul { padding-left:15px; list-style:outside none square; } .content-title, .itemTitle { text-transform:uppercase; font-family:"Montserrat",sans-serif; font-weight:600; letter-spacing:0.5px; } .btn-cart { background:#274f10; color:#fff !important; border:none; line-height:32px; padding:10px; font-size:16px; float:right; list-style:none; } .btn-cart span,.btn-cart i { color:#fff; } .header-static { text-align:center; } .header-static .box { background:#f1f1f1 none repeat scroll 0 0; border:1px solid #ccc; color:#444; display:inline-block; font-size:13px; font-weight:bold; padding:14px; text-align:left; } @media (max-width:1130px) { .header-static .box { font-size:12px; padding:14px 5px; } } @media (max-width:991px) { .header-static .box { padding:0; border:medium none; background:transparent; } } .padding000 { padding-right:0 !important; } .padding0, .checkpadding0 { padding-left:0 !important; } .padding00, .checkpadding00 { padding:0 !important; } .wrapper { background:#eee; border: 1px solid #eee; } .cat-image img { width:100%; max-width:100%; } .widget > .h3 { font-size:16px; font-family:"Montserrat",sans-serif; font-weight:600; letter-spacing:0.5px; background:#274f10 none repeat scroll 0 0; color:#ffffff; padding:10px 20px; position:relative; text-transform:uppercase; top:0; } .widget > .h3 i { margin-right:10px; } .widget { background:#fcfcfc none repeat scroll 0 0; margin-bottom:40px; box-shadow:0 1px 4px #ddd; } .widget-wrap { padding:20px 0; } @media (min-width:1440px) { .nav-main .nav > li > a { padding:2px 25px; font-size:18px; } .nav-top> li > a { font-size:14px !important; } .mainNavigation > .nav > .cat-welcome > a i { line-height:2.9; } .login-drop, .nav-main .nav > li > .btn-cart { width:200px; } } @media (min-width:1199px) { .footerList a, .footerLine p, .footerLine a { font-size:13px; } } @media (max-width:600px) { .w600 { width:100% !important; } .w600-10 { width:35% !important; } .w600-90 { width:65% !important; padding-left:0 !important } .header-static .box { display:block; } .payment-list { margin:10px 0 0 !important; } .isInfo { margin-top:10px; } .btn-cart > .hidden-xs { display:block !important; } .isInfo i { display:none !important; } .footer-bottom > div > div > .col-xs-4, .footer-bottom > div > div > .col-xs-8 { width:100% !important; text-align:center; } } @media (max-width:767px) { .isInfo i { font-size:20px !important; } } @media (max-width:470px) { .w600 { width:100% !important; } .w600-10 { width:10% !important; } .w600-90 { width:90% !important; padding-left:0 !important } .btn-cart > .hidden-xs { display:none !important; } .isInfo i { display:block !important; } } @media (max-width:400px) { .w600 { width:80% !important; } .w600-10 { width:20% !important; } .w600-90 { display:none !important; } .isInfo > a { margin-top: 8px; } .isInfo { margin-top:0px; } } @media (max-width:570px) { .navbar-brand { max-width:300px; } .isImage, .isText { width:100% !important; } } @media (max-width:500px) { .navbar-brand { max-width:180px; } .navbar-toggle { margin:10px 0 0; } .nav-top { margin:0; } .navbar-brand img { margin-top:10px; margin-bottom:10px; } .hidden500 { display:none; } } @media (max-width:370px) { .hidden370 { display:none; } } @media (max-width:420px) { .header-static { display:none !important; } .w600-10 { padding:0; } .w600-90, .w600 { padding:0; } } .btn-preview { width:100%; margin-bottom:10px; } .description { font-size:14px; line-height:1.2; min-height:70px; } .item-desc { background:#fff; box-shadow:0 1px 4px #ccc; } .itemTitle { font-size:18px; font-family:"Montserrat",sans-serif; font-weight:600; letter-spacing:0.5px; line-height:1.1; margin-bottom:15px; text-align:left; } .item-box-grey { background:#EEEEEE; padding:20px; } .btn-addcart { background:#274f10; color:#fff; box-shadow:none; } .wish-btn { margin-top:15px; } .availabilityWrapper { margin-top:20px; margin-bottom:30px; } .page-title h1, .page-title h2 { font-family:'Montserrat', sans-serif; border-bottom:1px solid #e4e4e4; font-size:20.5px; font-weight:600; letter-spacing:0.5px; line-height:1.1; margin-bottom:20px; margin-right:15px; padding:10px 0; position:relative; text-transform:uppercase; } @media (min-width:768px) and (max-width:1325px) { .toBasketWrapper a { font-size:13px; } } @media (min-width:420px) and (max-width:520px) { .toBasketWrapper a { font-size:13px; display:block; } } @media (min-width:1050px) and (max-width:1155px) { .add-to-links li { margin:0 14px 15px 0; } } @media (min-width:400px) and (max-width:440px) { .add-to-links li { margin:0 14px 15px 0; } .add-to-links .fa { margin-right:5px; } .add-to-links li { margin:0 14px 15px 0; } .add-to-links li a { width:130px; } } @media (min-width:768px) and (max-width:880px) { .add-to-links li { margin:0; } } @media (min-width:768px) and (max-width:800px) { .add-to-links .fa { margin-right:5px; } .add-to-links li { margin:0 14px 15px 0; } .add-to-links li a { width:130px; } } @media (min-width:992px) and (max-width:1049px) { .add-to-links .fa { margin-right:5px; } .add-to-links li { margin:0 14px 15px 0; } .add-to-links li a { width:130px; } } @media (max-width:400px) { .add-to-links li a { width:100%; line-height:2; } .add-to-links li { margin:0; } } @media (min-width:992px) and (max-width:1075px) { .korb-hidden { display:none; } } @media (min-width:768px) and (max-width:820px) { .korb-hidden { display:none; } } @media (max-width:419px) { .toBasketWrapper a { width:100%; margin-top:10px; } } @media (max-width:991px) { .page-title h1, .page-title h2 { margin-left:15px; } } @media (max-width:700px) { .page-title h1, .page-title h2, .itemTitle, .content-title { font-size:15px !important; } } @media (max-width:500px) { .padding500 { padding:0 !important } } @media (min-width:992px) { #service-option { display:none !important; } } img[src=""][data-src] { background-position:center center; background-repeat:no-repeat; border:medium none; color:transparent; display:block; min-height:100px; text-indent:-10000px; } .isInfo, .isContact, .isPhone { font-family:"Montserrat",sans-serif; font-size:13px; font-weight:bold; line-height:1.5; } img[src='Error.src'] { display:none; } .tech-content p { margin:0 0 2px; font-size:12px; line-height:1.5; } .tech-content h2, .article-desc .h3, .article-desc h2 { margin:0 0 10px; font-size:12px; line-height:normal; } .tech-content ul li { line-height:1.2; margin-bottom:5px; } .manufacture { text-align:center; } .manufacture img { max-width:200px; } @media (min-width:992px) { .mainNavigation { position:static; } .mainNavigation > .navbar-nav > li { position:inherit; } .nav-main .nav > li > .btn-cart { z-index:10; } } .footerList a, .footerLine p, .footerLine a { color:#999; } @media (max-width:991px) { .mainNavigation .nav > li > a { font-size:16px; height:100%; line-height:2.9; text-align:left; } .mainNavigation > .navbar-main li, .mainNavigation > .navbar-main { height:auto; } .navbar .mainNavigation .nav > li > ul > li > a, .navbar .mainNavigation .nav > li > ul > li > ul > li > a { text-align:left; font-size:16px; } .cat-welcome > a > .sr-only { height:auto; position:relative; width:auto; } .cat-welcome i { display:none; } .mainNavigation > .navbar-nav { padding:8px 0; } .payment-list { padding:0; text-align:center; width:200px; } .header-static { text-align:left; } .header-static { padding:2px; } .header-static .box { border-left:medium none; padding-left:0; } .isInfo > a { padding:6px 15px } .navbar .mainNavigation .nav li > a { padding:0px 25px; } .navbar .mainNavigation .nav > li > ul > li > a { padding:10px 0 10px 40px; } .navbar .mainNavigation .nav > li > ul > li > ul > li > a { padding:10px 0 10px 55px; } .widget { background:#fff none repeat scroll 0 0; border:medium none; margin-bottom:40px; } } @media (min-width:321px) and (max-width:479px) { .itemBox .owl-buttons .owl-prev { left:45px; } .itemBox .owl-buttons .owl-next { right:45px; } } .padding-i { padding-left:5px; padding-right:5px; } .item-slider { list-style:none; padding-left:0; } .itemBoxInner, .previewImage, .crossSellingItemInner { background-color:#fff; } .itemBoxInner { box-shadow:0 1px 4px #ccc; position:relative; } .h-lg-2 { height:165px; } .itemBoxInner a { line-height:1.2; min-height:30px; } .itemBoxInner .imageBox img { max-height:100%; } img-responsive.center { margin:0 auto; } .imageBox img { max-width:100%; } .imageBox > img { max-width:100%; } .imageBox > img { vertical-align:middle; } .center { text-align:center; } .img-responsive { display:block; height:auto; max-width:100%; } @media (min-width:1200px) and (max-width:1366px) { .categoryView > .row > div.col-lg-2, .singleItemView > .row > div.col-lg-2 { width:25%; } .categoryView > .row > div.col-lg-10, .singleItemView > .row > div.col-lg-10 { width:75%; } } .tech-content { } .versand-table, .versand-table-res { margin:0px; padding:0px; width:100%; } .versand-table table, .versand-table-res table { border-collapse:collapse; border-spacing:0; width:100%; height:100%; margin:0px; padding:0px; } .versand-table-res { display:none; } .red { color:#d90102; } @media (max-width:460px) { .versand-table-res { display:block; } .versand-table { display:none; } } @media (max-width:991px) { .footer3 { max-width:520px; min-height:130px; padding-left:0px; } .social-block { background:#eee !important } .mainNavigation { display:none; } .payment-list2 { margin:20px auto 0; } .footerLine > .pull-right { float:none !important; text-align:center; line-height: 1.2; } } @media (min-width:600px) and (max-width:991px) { .mobile-nav { display:block; } } @media (max-width:550px) { .footer3 { max-width:255px !important; min-height:220px; } } .mega-menu { position:relative; } .mainNavigation >.mega-menu > ul { height:93px; display:block; margin:0; padding:0; } .mega-menu >ul >li { display:inline-block; overflow:hidden; padding-top:11px; padding-bottom:10px; margin-left:-4px; } .mega-menu >ul >li:first-child, .mega-menu >ul >li:first-child:hover { background:#274f10; padding:10px 15px 11px; margin-left:-15px; } .mega-menu >ul >li:first-child a:hover { background:#274f10; } .mega-menu >ul >li i { color:#fff; font-size:22px; } .mega-menu >ul >li >a { padding:8px; text-decoration:none; font-size:18px; line-height:4; color:#222; } .isPhone a { font-size:14px !important; text-transform:none !important; display:block; } .isPhone { padding:0 5px !important; display:block !important; } .mega-menu >ul >li:hover { -webkit-transition:ease 0.3s; background:#ccc; } .mega-menu .menu-detail { right:0; height:0; visibility:hidden; opacity:0; position:absolute; } .mega-menu >ul >li:hover >div.menu-detail { opacity:1; height:auto; width:100%; visibility:visible; top:93px; right:0; left:auto; z-index:99999; color:#222; -webkit-transition:height 1s; -moz-transition:height 1s; transition:height 1s; overflow:hidden; box-shadow:0 5px 4px rgba(0, 0, 0, 0.4) !important; } .menu-detail .section { padding:20px; text-align:left; font-size:13px; font-weight:400; } @media (min-width:768px) { .menu-detail.profile .section-1 { float:left; } .menu-detail.profile .section-1 { float:left; } .menu-detail.profile .links { width:45%; float:left; } .menu-detail.profile .links1 { width:100%; float:left; } } .menu-detail .links1 ul { padding-left:0; } .menu-detail .links1 ul li { display:block; border-bottom:1px dotted #5a5a5a; color:#222; line-height:25px; border-left:none; border-right:none; } .menu-detail .links1 ul li a { color:#272727; text-decoration:none; padding-left:2px; font-size:12px; } .mega li { border-bottom:none !important; } .level2 li a { font-size:14px !important; text-align:left !important; line-height:1.5 !important; background:#eee; font-weight:bold; color:#333; width:100%; display:block; padding:4px 14px !important; margin-bottom:8px; } .level2 li a:hover { text-decoration:none } .level3 li a:hover { text-decoration:underline !important } .level3 li a { font-size:12px !important; font-weight:normal !important; line-height:15px !important; background:transparent; } .level3 li { float:none !important; line-height:5px !important; margin:0 !important; padding-left:0 !important; text-align:left !important; } .level3 { display:block !important; } div.menu-detail > .links1:empty { display:none; } div.menu-detail > .links1 { background-color:#fff; } @media (min-width:1200px) { .mega-menu > ul > li > a { padding:9px; color:#222; } } @media (min-width:992px) and (max-width:1079px) { .navbar-brand { max-width:230px; } .mega-menu, .mega-menu > ul { padding-left:0; } } .colums2 { -webkit-column-count:2 !important; -moz-column-count:2 !important; column-count:2 !important; } @media (max-width:1410px) { .mega-menu > ul > li > a { font-size:16px; line-height:4.5; } } @media (max-width:1320px) { .mega-menu > ul > li > a { font-size:14px; line-height:5.15; } } @media (min-width:1166px) and (max-width:1260px) { .navbar-brand { margin-top:10px; } } @media (max-width:1165px) { .mega-menu > ul > li > a { line-height:3.4; padding:8px 6px; } .mainNavigation > .mega-menu > ul { height:60px; } .mega-menu >ul >li:hover >div.menu-detail { top:65px; } } @media (max-width:1079px) { .mega-menu > ul > li > a { line-height:2.8; } .mega-menu >ul >li:hover >div.menu-detail { top:60px; } .mega-menu >ul >li:first-child, .mega-menu >ul >li:first-child:hover { margin-left:-0px; } } @media (max-width:400px) { .art-id { display:none } } .vis561 { display:none } .hidden560 { display:block } @media (min-width:768px) and (max-width:1023px) { .vis561 { display:block; color: #000; font-family: "Montserrat",arial,serif; font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; } .hidden560 { display:none } } @media (max-width:560px) { .vis561 { display:block; color: #000; font-family: "Montserrat",arial,serif; font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; } .hidden560 { display:none } } .bull { font-size:15px; }