/****************************************** /****************************************** /****************************************** Polishop eCommerce HTML Template Template By Harnish Design www.harnishdesign.net *******************************************/ /* Farbcodes: #5d5658 grau #803251 lila */ @font-face { font-family: 'Forte'; /*a name to be used later*/ src: url('../fonts/forte.ttf'); /*URL to font*/ } @font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: 400; src: url('../fonts/DroidSans.ttf'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html {overflow: -moz-scrollbars-vertical; margin: 0; padding: 0;} body {background:#f8f8fa url(../image/patterns/27.png) left top repeat; color: #222; font-family:Droid Sans, Verdana, Geneva, sans-serif; margin: 0px; padding: 0px; line-height:18px; } body, td, th, input, textarea, select, a {font-size:12px;} * { margin:0; padding:0; } h1 {color: #5d5658; margin-bottom:10px; font-size: 34px; line-height:30px; font-weight: normal; text-align:center; text-rendering:optimizelegibility; font-family:Georgia, "Times New Roman", Times, serif; } .headline h1 { color:#803251; font-family: 'Forte'; font-size: 36px; line-height:34px; } h2 {color: #5d5658; font-size:15px; margin-top: 0px; margin-bottom:15px; padding:3px 0px 5px 0px; border-bottom: 1px solid #ddd; text-transform: uppercase; font-weight:normal; } h4 {color: #5d5658; font-size:13px; margin-top: 0px; margin-bottom:10px; padding:3px 0px 5px 0px; font-weight:bold; } h3 { color: #5d5658; font-size: 18px; font-weight: normal; text-decoration: none; text-align:center; text-rendering:optimizelegibility; font-family:Georgia, "Times New Roman", Times, serif; } .headline h3 { font-size: 22px; font-family: 'Forte'; margin-bottom:7px; } p {margin-top: 0px; margin-bottom: 20px; line-height:20px;} a, a:visited, a b { color:#793454; text-decoration: underline; cursor: pointer;} a:hover {text-decoration:underline; color:#793454;} a img { border: none; } .clear{clear:both;} form { padding:0; margin:0; display:inline;} input[type='text'], input[type='password'], textarea { background:#fff; border: 1px solid #dddddd; padding:5px 7px; margin-left: 0px; margin-right: 0px; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:218px;} input[type='text']:focus, input[type='password']:focus, textarea:focus { border:1px solid #bbb; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} select {background:#fff; border: 1px solid #dddddd; padding:5px 2px; font-family:Georgia, "Times New Roman", Times, serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} label {cursor: pointer;} #content ul { margin-left:0px /*0px*/; } /* 18px für Darstellung Listenpunkte auf Kategorieseiten */ .link { color:#793454; font-weight:bold; } .clear_mobil { display:none; } /********** layout **********/ .wrapper-box{max-width:1040px; margin:20px auto; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2); /*border-top:2px solid #555555;*/} .wrapper-wide{max-width:100%; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.08); border-top:2px solid #555555;} .main-wrapper{max-width:1000px; margin:0px auto; padding:0 20px;} #container{text-align:left; overflow:auto; margin:0 auto;} #column-left { float:left; width:220px; padding:0px 15px 0 0px; border-right:1px solid #eee; } #column-right { float: right; width:220px; padding:0px 0px 0 15px; border-left:1px solid #eee; } #content { min-height: 400px; margin-bottom:10px; padding:0px 0px 0 0px; } #column-left + #column-right + #content, #column-left + #content { margin-left:250px; } #column-right + #content { margin-right:250px; } /********** header **********/ #header {position: relative; padding:0px;} #header:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} #header .htop{border-bottom:1px solid #eee;} #header .htop:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} #header .hsecond{position:relative; margin:0 auto;/* min-height:100px;*/} #header #logo {float:left; margin:10px 10px 0px 0px; } #header #mlogo {/*float:left; margin:10px 10px 0px 0px;*/ display:none; } #header #mlogo img {height:40px; } /********** Language & Currency **********/ #language, #currency{float:left; margin:0 0px; cursor:default; color:#444; text-decoration:none; text-transform:capitalize; position:relative; z-index:1015; line-height:30px; } #language ul, #currency ul{ display:none; position:absolute; top:30px; left:0; background:#fff; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); z-index:1013; padding:10px; } #language ul li, #currency ul li{ line-height:0px; } /* #language ul li, #currency ul li{ display:block; width:120px; line-height:18px; padding:2px 0;} */ #language ul li a, #currency ul li a{} /* #language ul li a, #currency ul li a{display:block;} */ #language ul li a b, #currency ul li a b{cursor:default; display:block;} #language ul li a:hover, #currency ul li a:hover{color:#793454;} #language span, #currency span{ position:relative; display:block; padding:0 10px 0 10px; z-index:1014; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} #language span b, #currency span b{background:url(../image/bullet-d.png) right center no-repeat; padding:0 12px 0 0px;} #language:hover span, #currency:hover span{background:#fff; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} #language:hover, #currency:hover{box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.25);} #language img {cursor: pointer; margin-right:3px; } #currency:hover, #language:hover { color:#793454;} #currency a b{color: #000; text-decoration: none; } /********** Top Links **********/ #header .links { position: relative; float:right; line-height:30px; margin-right:-10px;} #header .links a {display: inline-block; padding:0px 10px; color: #444; text-decoration: none; font-size:12px; position:relative;} #header .links a + a:before{display:inline-block; content: "|"; clear: both; height: 0; color:#444; font-size:11px; padding-left:12px; position:absolute; left:-15px;} #header .links a:hover{color:#793454;} #header #welcome {color: #999999; float:left;} /********** Mini Cart ***********/ #header #cart { position:absolute; line-height:25px; right:0px; top:100px;} #header #cart .heading {padding:0 0px 0 0px; position: relative;} #header #cart .heading h4 { background:#793454; width:32px; height:32px; float:left; margin:0px!important; /*margin:4px 0px 0 0; */ padding:0; z-index:1012; position:relative;} #header #cart .heading a { text-decoration: none; font-size:14px; height:32px; color:#444; display:inline-block; background:#fff; z-index:1012; position:relative; /*padding:0 7px 0 2px;*/} #header #cart .heading a span { /*background:url('../image/bullet-d.png') right 11px no-repeat; padding-right: 12px; */ display:inline-block; /*margin-top:5px;*/ } #header #cart .content { clear: both; display:none; position:absolute; padding:8px; /*min-height: 150px;*/ z-index:110; background: #FFF; width:350px; right:0; top:45px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);} #header #cart.active .heading{ box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); } #header #cart.active .content { display: block; } .mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; } .mini-cart-info td { color: #000; vertical-align: top; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; } .mini-cart-info .image { width: 1px; } .mini-cart-info .image img { text-align: left; } .mini-cart-info .name small { color: #666; } .mini-cart-info .name a { text-decoration:none; } .mini-cart-info .nichtlieferbar { color: #AA0000; size:10; } .mini-cart-info .quantity { text-align: right; } .mini-cart-info td.total { text-align: right; width:55px; } .mini-cart-info .remove { text-align: right; } .mini-cart-info .remove img { cursor: pointer; } .mini-cart-total { text-align: right; } .mini-cart-total table { border-collapse: collapse; display: inline-block; margin-bottom: 5px; } .mini-cart-total td { color: #000; padding:2px; } #header #cart .checkout {text-align: right; clear: both; line-height:normal; margin:0;} #header #cart .empty { padding-top: 50px; text-align: center; } .mobilecart {display:none;} .artikeltext {display:inline;} /********** Search Bar **********/ #header #search { position:absolute; top:35px; right:340px;} #header .button-search { background:url('../image/button-search.png') center center no-repeat; width:28px;height:28px ;position:absolute; right:0; cursor:pointer; float:right;} #header #search input {background:#FFF; padding:0 10px; width:300px; height:28px; line-height:28px; font-size:12px; color:#333; outline:none;} #header #language input {background:#FFF; padding:0 10px; width:300px; height:28px; line-height:28px; font-size:12px; color:#333; outline:none; margin-top:2px;} /* input wurde in language verschoben */ /*style 2*/ #header.style2 #search{right:0; left:auto;} #header.style2 #logo{margin:20px 0px 0 250px; width:300px; text-align:center;} #header.style2 #cart{left:0; right:auto;} #header.style2 #cart .content{left:0; right:auto;} #header.style2 .htop{margin-bottom:0px;} /* 10 */ /*style 3*/ #header.style3 .htop{border:none; display:inline-block; float:right;} #header.style3 .hsecond{min-height:100px;} /* 143 */ #header.style3 #language, #header.style3 #currency{position:absolute; right:0px; top:30px;} #header.style3 #language{right:100px;} #header.style3 #language ul, #header.style3 #currency ul{right:0; left:auto;} #header.style3 #language span, #header.style3 #currency span{padding:0 7px;} #header.style3 #language:hover, #header.style3 #currency:hover{box-shadow:0 0px 10px 0 rgba(0, 0, 0, 0.25);} #header.style3 #cart{top:65px;} #header.style3 .links{z-index:1; padding-right:8px;} #header.style3 #logo{margin:40px 10px 0 0; } #header.style3 #search{right:0px; top:112px;} /********** Menu **********/ #menu > span, .m-menu{display:none;} #menu {background:#222; margin:0px /* 15px */ 0px; height:40px; padding:0px 0px 0px 3px;} #menu > ul > li.home { margin:0 0 0 0px; } #menu > ul > li.home a { display:block; height:35px!important; line-height:35px!important; padding:5px 5px 0 5px!important; } #menu > ul > li.home a span { background:url(../image/home-icon.png) center center no-repeat; display:block; width:30px; height:30px; text-indent:-9999px;} #menu ul { list-style: none; margin: 0; padding:0 0 0 2px;} #menu > ul > li { position: relative; float: left; z-index:90; padding:0px; } #menu > ul > li > a { font-size:12px; color: #fff; line-height:40px; text-decoration: none; display: block; padding:0px 10px 0px 10px; z-index: 90; position: relative; font-weight:bold; text-transform:uppercase;} #menu > ul > li:hover > a {color:#fff; background:#793454; } #menu > ul > li > div { display: none; background:#fff; position:absolute; z-index:1008; padding:10px; border-top:2px solid #793454; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);} #menu > ul > li:hover > div.custom_block{display:table;} #menu > ul > li:hover > div.custom_block ul{display:table-cell;} #menu > ul > li:hover > div { display: table;} #menu > ul > li > div > ul { display: table-cell; } #menu > ul > li.categories_hor > div { display: none; background:#fff; width:400px; position:absolute; z-index:1008; padding:10px 10px 0px 10px; border-top:2px solid #793454; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);} #menu > ul > li:hover > div {display: block;} #menu > ul > li.categories_hor > div > .column {position:relative; display:inline-block; width:160px; margin:0 15px 15px 0px;} #menu > ul > li > div > ul{position:relative; width:160px;} #menu > ul > li.categories_hor > div > .column + .column, #menu > ul > li > div > ul li + li{} #menu > ul > li.categories_hor > div > .column > a{font-weight:bold; font-size:13px; border-bottom:1px solid #ddd; margin-bottom:5px;} #menu > ul > li.categories_hor > div > .column a, #menu > ul > li > div > ul li a{padding:4px 0; display:block; } #menu > ul > li > div > ul li a{font-size:12px;} #menu > ul > li.categories_hor > div > .column:hover > a{color:#793454;} #menu > ul > li.categories_hor > div > .column > div{display:block;} #menu > ul > li.categories_hor > div > .column:hover div{display:table; } #menu > ul > li.categories_hor > div > .column > div ul{display:table; padding:0;} #menu > ul > li.categories_hor > div > .column > div ul li + li{} #menu > ul > li ul + ul { padding-left: 20px; } #menu > ul > li ul > li > a {text-decoration:none; padding:4px; display:block; min-width: 150px;} #menu > ul > li div > ul > li > a {color:#222; } #menu > ul > li div > ul > li > a:hover {background:url(../image/bullet-1.png) right center no-repeat; color:#793454;} #menu > ul > li.categories > div { display: none; background:#fff; min-width:160px; position:absolute; z-index:1008; padding:10px; border-top:2px solid #793454; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);} #menu > ul > li:hover > div {display: block;} #menu > ul > li.categories > div > .column, #menu > ul > li > div > ul{position:relative;} #menu > ul > li.categories > div > .column + .column, #menu > ul > li > div > ul li + li{border-top:1px solid #eee;} #menu > ul > li.categories > div > .columnix + .columnix, #menu > ul > li > div > ul li + li{border-top:1px solid #eee;} #menu > ul > li.categories > div > .column a, #menu > ul > li > div > ul li a{font-size:13px; padding:7px 0; display:block; text-decoration:none;margin-left:10px;} #menu > ul > li.categories > div > .columnix a, #menu > ul > li > div > ul li a{font-size:13px; padding:7px 0; display:block; text-decoration:none; margin-left:30px;} #menu > ul > li.categories > div > .column:hover > a{color:#793454;} #menu > ul > li.categories > div > .column > div{display:none; position:absolute; border-top:2px solid #793454; background:#fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); z-index:110; left:150px; top:0; padding:5px 10px;} #menu > ul > li.categories > div > .column:hover div{display:table; } #menu > ul > li.categories > div > .column:hover > div ul{display:table-cell; } #menu > ul > li.categories > div > .column:hover > div ul li + li{border-top:1px solid #eee;} .custom_block p{line-height:18px; margin:0;} .breadcrumb { color: #c2c2c2; margin-bottom: 10px; text-align:center; text-decoration:none;} .breadcrumb a { color:#999; font-size:11px; text-decoration:none;} .breadcrumb a:hover { color:#793454 } .success, .warning, .attention, .information { padding: 10px 10px 10px 33px; margin-bottom: 15px; color:#555555; } .success a { padding:3px 5px; background:#BBDF8D; margin:0px 3px; } .warning a { padding:3px 5px; background:#F8ACAC; margin:0px 3px; } .attention a { padding:3px 5px; background:#F2DD8C; margin:0px 3px; } .success { background: #EAF7D9 url('../image/success.png') 10px center no-repeat; border: 1px solid #BBDF8D; } .warning { background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border: 1px solid #F8ACAC; } .attention { background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C; } .success .close, .warning .close, .attention .close, .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; } .required { color: #FF0000; font-weight: bold; } .error { display: block; color: #FF0000; } .help { color: #999; font-size: 10px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block; } table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px; } table.form tr td:first-child { width: 150px; } table.form > * > * > td { color: #333; } table.form td { padding:8px 4px; } table.form .pflicht td { font-weight:bold; } table.form .optional td { color:#7d7d7d; } table.form .optional_leer td { font-weight:bold;color:#AA0000;background-color:rgba(170, 0, 0, 0.05) } table.form .optional_pw td { color:#000000; } table.form .pflicht_leer td { font-weight:bold;color:#AA0000;background-color:rgba(170, 0, 0, 0.05) } input.large-field, select.large-field { width: 230px; /* 300 */ } table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } table.list thead td { background-color: #EFEFEF; padding: 0px 5px; } table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; } table.list tbody td { vertical-align: top; padding: 0px 5px; } table.list .left { text-align: left; padding: 7px; } table.list .right { text-align: right; padding: 7px; } table.list .center { text-align: center; padding: 7px; } table.radio { width: 100%; border-collapse: collapse; } table.radio td { padding: 5px; vertical-align: top; } table.radio td label { display: block; } table.radio tr td:first-child { width: 1px; } table.radio tr td:first-child input { margin-top: 1px; } table.radio tr.highlight:hover td { background: #f8f6f6; cursor: pointer; } /*********** Pagination ***********/ .pagination { border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px; } .pagination .links { float: left; } .pagination .links a { vertical-align:middle; display: inline-block; border: 1px solid #EEEEEE; padding: 4px 10px; text-decoration: none; color: #777; } .pagination .links b {vertical-align:middle; display: inline-block; border: 1px solid #793454; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #fff; background: #793454; } .pagination .links a:hover { color:#793454; border: 1px solid #ccc; } .pagination .results { float: right; padding-top: 3px; } /*********** button ***********/ a.button, input.button { cursor: pointer; color:#fff; font-size: 13px; font-weight: bold; background:#793454; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);} a.button { display: inline-block; text-decoration: none; padding:7px 12px; } .button_disabled { cursor: pointer; color:#fff; font-size: 9px; font-weight: normal; background:#8f8f8f; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);} input.button { margin:0; padding:7px 12px; } .checkout-content input.button { margin:0; padding:10px 14px; } a.button:hover, input.button:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .buttons { /*border-bottom:1px solid #EEEEEE; */ padding:0px /*10*/ 6px 0px 6px; margin-top:-10px; margin-bottom: 20px; /*20*/ } /* standard: padding:15px 6px 0px 6px;overflow: auto; */ .buttons .left { float: left; text-align: left; } .buttons .right { float: right; text-align: right; } .buttons .center { text-align: center; margin-left: auto; margin-right: auto; } .htabs {height:30px; line-height: 16px; padding-left:10px; border-bottom: 1px solid #ddd; } .htabs a {padding:7px 15px 6px 15px; float:left; /*background: #5d5658;*/ border: 1px solid #ddd; font-size: 13px; font-weight: normal; text-align: center; text-decoration: none; color: #333; margin-right: 2px; display: none; } .htabs a.selected { padding-bottom: 7px; background: #5d5658; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-weight: normal; color:#FFFFFF;} .tab-content{padding: 10px; margin-bottom: 20px; z-index: 2;} .tab-content ul { margin-left:20px; } .tab-content .farbwahl { width:90px; height:90px; border:0px!important; padding:0px!important; margin:0px!important; margin-bottom:-5px!important; } /*.tab-content .farbwahl_aktiv { width:74px; height:75px; outline: 2px dashed #aa0000; outline-offset: -3px; padding:0px!important; margin-left:-1px!important; margin-top:-1px!important; margin-right:0px!important; margin-bottom:-5px!important; }*/ .tab-content .farbwahl_aktiv { width:90px; height:90px; outline: 6px dashed #fff; outline-offset: -7px; padding:0px!important; margin-left:0px!important; margin-top:0px!important; margin-right:0px!important; margin-bottom:-5px!important; } .tab-content .farbwahl_link { padding:0px!important; margin:0px!important;text-decoration:none; } .tab_content .farbwahl_link_inaktiv { visibility:hidden; } .product-tab{margin-bottom:20px;} .product-tab .tabs{height:30px; line-height: 16px; padding-left:10px; border-bottom: 1px solid #ddd; margin-bottom:4px;} .product-tab .tabs li{float:left; list-style-type:none;} .product-tab .tabs li a{padding:7px 15px 6px 15px; float:left; font-size:14px; text-transform:uppercase; font-weight: normal; text-align: center; text-decoration: none; color: #222; margin-right: 2px; opacity:0.7; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;} .product-tab .tabs li.active a{opacity:1; padding-bottom: 7px; background: #FFFFFF; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;} .product-tab .deactive{display:none;} .addthis_default_style > a{padding:0} /*********** box ***********/ .box { margin-bottom: 20px; } .box .box-heading, .welcome{ text-transform:uppercase; padding:0px 0px 0px 0px; margin-bottom:20px; height:30px; line-height:30px; font-size:16px; /*color:#333; */ border-bottom:1px solid #ddd; /*font-family: 'Forte';*/ color:#5d5658; /* #803251 */ /*font-size:2em; padding-bottom:4px;*/ } .box .box-content { padding:0px; } /*********** box products ***********/ .box-product { width: 100%; } .box-product > .flexslider ul li{vertical-align: top; background:#fff; text-align:center; } .box-product > .flexslider ul li .slide-inner{ padding:10px 10px 0px 10px; position: relative; text-align: center; border:1px solid #fff; max-width:150px;/*max-height:200px;*/} .box-product > .flexslider ul li .slide-inner .image img{max-width:150px; max-height:150px;} /* NEU */ .box-product > .flexslider ul li .slide-inner:hover{border:1px solid #ddd;} .nohover:hover{border:1px solid #ffffff;} .box-product > .flexslider ul li .slide-inner .name a {text-decoration:none!important; } .box-product .image { display: block; margin-bottom:5px; max-width:200px; max-height:200px; } .box-product .image a { display:block; } .box-product .image img { padding:0px; } .box-product .name a {font-size:13px; line-height:18px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px; color:#333;} .box-product .name a:hover {text-decoration:none;} .box-product .price, #preis { display: block; font-weight: bold; margin:5px 0 5px 0; padding:0 8px; color:#793454; font-size:12px;} .box-product .price-old { color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;} .box-product .price-new { font-weight: bold; } .box-product .price-sale { font-weight: bold; color: #AA0000; } .box-product .sale-box { font-weight: normal; color: #FFFFFF; background-color:#AA0000; padding:2px; } .box-product .rating { display: block; margin-top: 5px; } .box-product > .flexslider ul li .cart input, .box-product > .flexslider ul li .cart a{padding:2px 3px; font-size:11px; height:auto; line-height:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} .box-product > .flexslider ul li .rating img{ width:auto; display:inline;} .box-product > .flexslider.style1 ul li .name a{margin:0 0 10px 0;} .box-product > .flexslider.style1 ul li .name{text-align:left} .box-product > .flexslider.style1 ul li .price{float:left; width:95px; padding:0; margin:0; text-align:left;} .box-product > .flexslider.style1 ul li .rating{float:left;} .box-product > .flexslider.style1 ul li .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;} .box-product > .flexslider.style1 ul li:hover .rating{display:block;} .box-product > .flexslider.style1 ul li .cart{float:right; } .box-product > .flexslider.style1 ul li .cart input, .box-product > .flexslider.style1 ul li .cart a{font-size:11px; text-indent:-9999px; background:#793454 url(../image/cart-icon.png) center center no-repeat; width:35px; height:35px; border-radius:50%;} .box-product > .flexslider.style1 ul li .cart input:hover, .box-product > .flexslider.style1 ul li .cart a:hover{background-color:#444; border-radius:50% 0%; } .box-product > .flexslider.style1 ul li .slide-inner{background:#f3f3f4; padding:5px; margin:0 5px; border:0px none;} .box-product > .flexslider.style1 ul li .slide-inner:hover{border:0px none; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1) inset;} /********** Comented for Right Part Start*******/ .box-product > .flexslider ul li{display:block;} .box-product > .flexslider ul li .slide-inner{ /*padding:0; padding:10px; */ } #column-left .box-product > .flexslider ul li, #column-right .box-product > .flexslider ul li{width:220px;} #column-left .box-product .image, #column-right .box-product .image { float:left; margin-right:5px; margin-bottom:0px; } #column-left .box-product .name, #column-right .box-product .name { margin-bottom:2px; text-align:left; } #column-left .box-product .name a, #column-right .box-product .name a { padding:0 0 0 0px; width:auto; font-size:12px;} #column-left .box-product .price, #column-right .box-product .price { float:left; padding:0 10px 0 0; margin:0px 0 2px 0; font-size:12px;} #column-left .box-product .rating, #column-right .box-product .rating { float:left; margin-top:0px; } /********** Comented for Right Part End*******/ /*********** Category boxes ***********/ .box-category ul, .list-item { list-style: none; margin: 0; padding: 0; } .box-category > ul > li, .list-item > li {display: block; position: relative; } .box-category .down { top: 6px; right: 0; position: absolute; cursor: pointer; width:16px; height:16px; padding: 2p; background: transparent url(../image/plus.png) 0px 0px no-repeat; opacity: 0.6; -moz-opacity: 0.6; } .box-category .down:hover { opacity: 1; -moz-opacity: 1;} .box-category ul li a, .list-item li a {padding:5px 0px 5px 12px; color:#222; display: block; background: transparent url(../image/bullet-dark.png) 0px 11px no-repeat;} .box-category ul li.double a { display: inline-block; margin: 0; } .box-category ul li { position: relative; } .box-category > ul > li a.active + .down { background-position: 0px -16px; } .box-category > ul > li > a { color: #333; text-transform: uppercase; text-decoration:none; } .box-category > ul > li ul { display: none; padding-left: 10px; margin-bottom:5px;} .box-category > ul > li a.active { font-weight: bold; } .box-category > ul > li > a.active { margin-bottom:5px; } .box-category > ul > li a.active + ul { display: block; } .box-category a:hover, .list-item a:hover {text-decoration:underline; } .box-category > ul > li ul li a:hover, .list-item a:hover, .box-category > ul > li > ul > li a.active { } .box-category > ul > li ul li { border-top: 1px solid #eee; } .box-category > ul > li ul li a { margin-right: 16px; } .box-category > ul > li ul li a:hover, .list-item a:hover { margin-right: 16px;} .box-category > ul > li ul > li > a { text-decoration: none; } #category_active { background-color:#dbcbd4!important;font-weight:bold; } .submenu{display:nne;} #nocss { text-decoration:none; margin:0px;padding:0px; background:none; } /*********** Filter ***********/ .box-filter > li > span{font-size:14px; font-weight:bold; margin-bottom:10px; display:block; color:#444;} .box-filter > li > ul{margin-bottom:15px;} .box-filter > li > ul li {margin-bottom:5px;} .box-filter > li > ul li label{margin-left:5px;} #button-filter{font-family: Arial,Helvetica,sans-serif; font-size:12px; height:auto; line-height: normal; padding: 5px 7px; text-transform: uppercase;} /*********** sitemap ***********/ .sitemap { list-style: none; margin: 0; padding: 0; } .sitemap > li { border-top: 1px solid #eee; display: block; position: relative; } .sitemap > li:first-child { border-top:0; } .sitemap li a { padding: 5px 8px; display: block; font-weight:bold; } .sitemap li ul { margin-left:30px; } .sitemap li ul li a { font-weight:normal; } .sitemap li a:hover { color: #793454; } /*********** content ***********/ #content .content { padding: 10px; overflow: auto; margin-bottom: 20px; } #content .content .left { float: left; width: 49%; } #content .content .right { float: right; width: 49%; } #lieferanschrift_checkbox { font-weight:bold; align:center; margin-bottom:10px; } /*#content .rechnungsanschrift input[type="checkbox"] { display:none; } #content .rechnungsanschrift input[type="checkbox"] + label::before { width: 15px; height: 15px; border-radius: 15px; border: 2px solid #793454; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; } #content .rechnungsanschrift input[type="checkbox"]:checked+label::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #793454; } */ /*********** category ************/ .category-info { overflow: auto; margin-bottom: 20px; } .category-info .image { float: left; padding:0px; margin-right: 15px; } .category-list { overflow: auto; margin-bottom: 20px; } .category-list ul { float: left; width:23%; margin-right:12px;} /*********** manufacturer ***********/ .manufacturer-list { overflow: auto; margin-bottom: 20px; } .manufacturer-heading { background: #f8f8f8; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 15px; font-weight: bold; padding: 5px 8px; margin-bottom: 6px; } .manufacturer-content { padding: 8px; } .manufacturer-list ul { float: left; width: 25%; margin: 0; padding: 0; list-style: none; margin-bottom: 10px; } /*********** product ***********/ #cloud-zoom-big{background:#fff;} .product-filter { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background:#F9F9F9; padding:6px 5px; overflow: auto; line-height:27px; } .product-filter .display { margin-right: 15px; float: left; color: #333; } .product-filter .display a { font-weight: bold; } .product-filter .sort { float: right; color: #333; } .product-filter .limit { margin-left: 15px; float: right; color: #333; } .product-filter select{padding:2px 2px;} .product-compare { padding-top: 6px; margin-bottom: 25px; font-weight: bold; } .product-compare a { text-decoration: none; font-weight:normal;} /*********** Product List ***********/ .product-list > div {overflow: auto; /* border:1px solid #fff; */ padding:4px; /* individuell: */ /*width:200px;*/ float:left; } .product-list > div:hover{/*border:1px solid #ddd; */} .product-list .right { float: right; margin-left: 15px; } .product-list .left .cart .button, .product-list .left .cart .wishlist, .product-list .left .cart .compare{float:left; } .product-list .button { margin-top:5px; display:none;} /* ind. */ .product-list > div + div { /* border-top: 1px solid #ddd; */ } .product-list > div:hover + div{border-top: 1px solid #fff;} .product-list .image { float: left; margin-right: 10px; } .product-list .index_image { /*float: right; max-width:210px; */ width:220px; padding-bottom:5px; overflow:hidden; /*padding:5px; */ } .product-list .index_image img { width:220px; height:165px; } .product-list .yarnbox { min-height:275px; overflow:hidden; } .product-list .index_description_visible { padding-bottom:6px; max-width:220px; } /*.product-list .index_image img { max-width:210px; /* ind */ } */ .product-list .name { margin-bottom:6px; } .product-list .name a { color: #793454; font-weight: bold; text-decoration: none; font-size:13px; } .product-list .title { color: #555; font-weight: bold; text-decoration: none; font-size:13px; margin-top:-1px; } .product-list .name a:hover { color:#793454;text-decoration:none; } .product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; } .product-list .rating { color: #7B7B7B; margin-bottom:5px;} .product-list .price {font-size:14px; font-weight: bold; color:#793454; margin-bottom:5px;} .product-list .price-old { color: #F00; text-decoration: line-through; font-weight:normal; } .product-list .price-tax { font-size: 12px; font-weight: normal; color: #BBBBBB; } .product-list .cart input{ padding:2px 3px; font-size:11px; /*font-family:Arial, Helvetica, sans-serif;*/ height:auto; line-height:normal; text-transform:uppercase; } .product-list .cart select, .product-list .cart option{ padding:0px 0px; text-align:center; font-size:10px; font-family:Arial, Helvetica, sans-serif; height:10px; line-height:normal; text-transform:uppercase; } .product-list .cart .bestellmenge { width:35px; } .product-list .wishlist, .product-list .compare {margin-left:10px;} .product-list .wishlist a{color: #333333; text-decoration: none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:16px; background: url("../image/plus.png") 0 1px no-repeat;} .product-list .compare a {color: #333333; text-decoration:none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:16px; background: url("../image/plus.png") 0 1px no-repeat;} .product-list .grundpreis { font-size: 12px; font-weight: normal; color: #999; } .product-list .lieferbox { position:relative; font-size:8px; width:101%; height:16px; top:15px; margin-top:-16px; right:0px;z-index:10;background-color:rgba(255, 255, 255, 0.7);background-repeat:repeat; } .product-list .lieferbox p { line-height:16px; text-align:middle; vertical-align:middle; } a.wishlist:hover { color:#793454; } /*********** Grid-List Icon ***********/ .product-filter .display b { float:left; margin-right:10px;} .grid-icon{background:url(../image/list-icon.png) left top no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;} .list-icon{background:url(../image/list-icon.png) left -45px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;} .grid1-icon { background: url(../image/list-icon.png) left -23px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;} .list1-icon { background: url(../image/list-icon.png) left -68px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px; } /*********** Product Grid ***********/ .product-grid { width: 100%; } .product-grid > div { width: 145px; /* 130 */ /* min-height:190px; */ display: inline-block; margin-bottom:10px; /* 10 */ position: relative; /*vertical-align: bottom; */ /* top */ background:#fff; text-align:center; box-shadow:1px 1px 8px silver;/*padding:1px 0px 0px 0px!important; */ /* 2 */ /*border:1px solid #fff;*/ } .product-grid-kit div { width:173px!important;} .product-grid-news div { width:190px!important;} .product-grid > div:hover { /*background-color:#f7f4f5;*/ box-shadow:1px 1px 8px #793454!important; } .product-grid .image { /*height:145px;*/ top:0px!important; margin-top:0px!important; position:top; display: block; margin-bottom:0px; /* 5px */ z-index:1; } .box-product .image a { display:block; } .product-grid .image img { padding:0px; width:100%;} .product-grid .image_kit img { padding:0px; width:100%; } .product-grid .name { height:20px; margin-top:-16px; } /* individuell 2 Zeilen Höhe */ .product-grid .name_kit { height:24px; } /* individuell 2 Zeilen Höhe */ .product-grid .name a, .product-grid .name_kit a { /*width:100%; */ /* 130 */ font-size:12px; line-height:14px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px; color:#333; } .product-grid .name a:hover, .product-grid .name_kit a:hover {text-decoration:none;} /*.product-grid .name span {position:relative;margin:auto;}*/ .product-grid .description { display: none; } .product-grid .rating { display: block; margin-top: 5px; } .product-grid .price { display: block; font-weight: bold; margin:4px 0 8px 0; padding:3px; color:#793454; font-size:12px; } /*.product-grid .price_kit { display: block; font-weight: bold; margin:4px 0 0 0; padding:3px; color:#793454; font-size:12px; }*/ .product-grid .price-old { color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;} .product-grid .price-new { font-weight: bold; } .product-grid .price .price-tax { display: none; } .product-grid .grundpreis { margin-left:-8px; margin-top:-14px; color:#999; font-size:9px; } .product-grid .cart input{ padding:4px 5px; /* padding:2px 3px; */ font-size:10px; font-family:Arial, Helvetica, sans-serif; height:auto; line-height:normal; text-transform:uppercase; margin-bottom:1px; } .product-grid .cart .bestellmenge { width:22px; } .product-grid .lieferbox { position:relative; width:145px; height:16px; top:-150px; /*margin-top:-16px;*/ line-height:15px; right:0px;z-index:10;background-color:rgba(255, 255, 255, 0.7);background-repeat:repeat; } .product-grid .lieferbox p { font-size:7px; line-height:16px; text-align:middle; vertical-align:middle; } .product-grid .namebox { position:relative; height:30px; top:210px; margin-top:-30px; line-height:15px; right:0px;z-index:10;background-color:rgba(255, 255, 255, 0.8);background-repeat:repeat; } .product-grid .namebox p { font-size:7px; line-height:16px; text-align:middle; vertical-align:middle; } .product-grid .wishlist, .product-grid .compare { margin-bottom: 3px;} .product-grid .wishlist a{color: #666; text-decoration: none; display:inline-block; font-size:10px; text-transform:uppercase; margin-top:10px; padding-left:16px; background: url("../image/plus.png") 0 0 no-repeat;} .product-grid .compare a {color: #666; text-decoration:none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:16px; background: url("../image/plus.png") 0 0 no-repeat;} .product-grid .wishlist a:hover, .product-grid .compare a:hover, .product-list .wishlist a:hover, .product-list .compare a:hover {color:#793454;} .product-grid.style1 .name a{margin:0 0 10px 0;} .product-grid.style1 .name{text-align:left} .product-grid.style1 .price{float:left; width:95px; padding:0; margin:0; text-align:left;} .product-grid.style1 .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;} .product-grid.style1 > div:hover .rating{display:block;} .product-grid.style1 .cart{float:right; } .product-grid.style1 .cart input{font-size:11px; padding:0 5px; text-indent:-9999px; background:#793454 url(../image/cart-icon.png) center 2px no-repeat; width:35px; height:35px; border-radius:50%;} .product-grid.style1 .cart input:hover{background-color:#444; border-radius:50% 0%;} .product-grid.style1 > div{background:#f3f3f4; padding:5px; margin:0 5px 10px 5px; border:0px none;} .product-grid.style1 > div:hover{border:0px none; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1) inset;} .product-grid.style1 .wishlist, .product-grid.style1 .compare{position:absolute; display:none; width:100%; bottom:-20px; left:0; background:#eee; padding:0 0 2px 0; z-index:1;} .product-grid.style1 .compare{bottom:-37px; padding:0 0 4px 0;} .product-grid.style1 > div:hover .wishlist, .product-grid.style1 > div:hover .compare{display:block} .product-grid.style1 .wishlist a{margin:0;} /*********** Product ***********/ .product-info { overflow:auto; margin-bottom: 20px; overflow-x: hidden; } .product-info > .left { float: left; margin-right: 10px; } .product-info > .left + .right { margin-left:360px; } .product-info .image { float: left; margin-bottom: 15px; text-align: center; position:relative; } .product-info .image_inside { margin:0px; position:relative; z-index:20; padding:0; } .product-info .image .zoom_btn { position: absolute; bottom:6px; right:0px; width: auto; height: 11px; z-index:21; } .product-info #zoom-image .zoom_bttn { font-size: 10px; line-height: 11px; color: #ababab; text-transform: uppercase; background: #fff url('../image/zoom-plus.png') 2px 2px no-repeat; padding: 1px 1px 1px 16px; } .product-info #zoom-image { color: #ababab; } .product-info .image-additional { width:355px; margin-left: -7px; clear: both; overflow: hidden; } .product-info .image-additional img { width:64px; display:block; } .product-info .image-additional a { float: left; display: block; margin-left:7px; margin-bottom: 10px; } .image-additional a:active { outline: 0; } .product-info .description { /*padding: 5px 5px 10px 5px;*/ /*margin-bottom: 10px; */ line-height: 20px; color: #4D4D4D; /*font-size:14px; */ } .product-info .description span { /*font-weight:bold; display:block;float:left; color:#353535; line-height:20px;margin-right:5px; */ } .product-info .description a { color:#793454;text-decoration:none; } /*.product-info .description a { color: #4D4D4D; text-decoration: none; font-size:13px; } */ .product-info .description .fblink { text-align:center; } .product-info .price { /*border-top:1px solid #eee; */ min-width:300px; overflow: auto; padding: 6px 15px 5px 5px; margin-top: 10px; font-size:22px; color: #793454; } .product-info .price-old { color: #F00; text-decoration: line-through; font-weight:normal; } .product-info .price-new { color: rgb(117, 49, 81); font-size: 50px; background-color: rgb(255, 255, 255); text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px; font-family:Helvetica, Arial; padding: 1px /*6*/ 15px 5px 5px; margin-top: 10px; font-size:24px; color: #793454; letter-spacing:2px; font-weight:bold; white-space: nowrap; } .product-info .price-tag{background:#793454 url(../image/price-tag.png) left top no-repeat; display:inline-block; height:48px; padding:0 18px 0 32px; border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; line-height:48px; color:#fff; font-size:25px; font-weight:normal;} .product-info .price-tax { font-size: 12px; font-weight: normal!important; line-height:14px; color: #999; } .product-info .price .reward { font-size: 12px; font-weight: normal; color: #999; } .product-info .price .discount { font-weight: normal; font-size: 12px; color: #4D4D4D; } .product-info .grundpreis { font-size: 12px; font-weight: normal; color: #999; } .product-info .options {padding: 0px 5px 10px 5px; margin-bottom: 10px; color: #333; } .product-info .option-image { margin-top: 3px; margin-bottom: 10px; } .product-info .option-image label { display: block; width: 100%; height: 100%; } .product-info .option-image img { margin-right: 5px; border: 1px solid #CCCCCC; cursor: pointer; } .product-info .cart { border-bottom: 0px solid #eee; border-top: 0px solid #eee; padding:5px 5px 5px 5px; margin-bottom: 0px; color: #4D4D4D; overflow: auto; } .product-info .cart div { vertical-align: middle; } .product-info .cart div > span { padding-top: 7px; display: block; color: #999; } .product-info .cart div .qty{margin-right:15px; float:left; padding:5px 0px;} .product-info .cart div .wishlist{padding-left:15px; background: url("../image/plus.png") 0px 1px no-repeat; font-size:11px; margin-top:15px; display:inline-block;} .product-info .cart div .wishlist + .wishlist{margin-left:10px;} .product-info .cart input{ /*padding:2px 3px; */ font-size:14px; font-family:Arial, Helvetica, sans-serif; height:auto; line-height:normal; text-transform:uppercase; } .product-info .cart span { font-weight:bold; } .product-grid .cart select, .product-info .cart select { width: 40px; height: 32px; padding: 0px; margin: 0px; font-size: 14px; appearance: none; text-align: center; } .product-info .cart .bestellmenge { width:22px; } .product-info .cart #button-cart{text-transform:uppercase; padding:10px 12px;} .product-info .cart .minimum { padding-top: 5px; font-size: 11px; color: #999; clear: both; } .product-info .review { color: #4D4D4D; margin-bottom: 10px; } .product-info .review a:hover { color: #793454; } .product-info .review > div { padding: 8px; background:#F4F3F3; line-height: 20px; overflow:auto; } .product-info .review > div > span { color: #38B0E3; } .product-info .review .share { overflow: auto; line-height: normal; } .product-info .review .share a { text-decoration: none; } .review-list { padding: 10px; overflow: auto; margin-bottom: 20px; border: 1px solid #EEEEEE; } .review-list .author { float: left; margin-bottom: 20px; } .review-list .rating { float: right; margin-bottom: 20px; } .review-list .text { clear: both; } .attribute { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } .attribute thead td, .attribute thead tr td:first-child { color: #333; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; } .attribute tr td:first-child { color: #333; font-weight: bold; text-align: right; width: 20%; } .attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .compare-info { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; margin-bottom: 20px; } .compare-info thead td, .compare-info thead tr td:first-child { color: #333; font-size: 14px; font-weight: normal; text-transform:uppercase; background: #F7F7F7; text-align: left; } .compare-info tr td:first-child { color: #333; font-weight: bold; text-align: right; } .compare-info td { padding: 7px; width: 20%; text-align: center; vertical-align: top; border-bottom: 1px solid #DDDDDD; } .compare-info td + td{border-left: 1px solid #DDDDDD;} .compare-info thead td{padding:10px 7px;} .compare-info .name a { font-weight: bold; } .compare-info .price-old { color: #F00; text-decoration: line-through; font-weight:normal; } .compare-info .price-new { font-weight: normal; color: #AA0000; } .compare-info .price-sale { font-weight: bold; color: #AA0000; } .qty strong{margin-right:10px;} .qty a{ background: url("../image/plus.png") no-repeat left top; display: inline-block; height: 16px; width: 16px; overflow: hidden; position: relative; text-indent: -9999px; border:1px solid #fefefe; top:4px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .qty a.mines{background-position:left bottom;} .qty a:hover{ border:1px solid #ccc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /*********** Login ***********/ .login-content { margin-bottom: 20px; overflow: auto; } .login-content .left { float: left; width: 48%; } .login-content .right { float: right; width: 48% } .login-content .right b{margin-bottom:3px; display:inline-block;} .login-content .right a{margin-top:12px; display:inline-block} .login-content .left .content, .login-content .right .content { min-height: 190px; } /*********** cart ***********/ .cart-info table{width: 100%; margin-bottom:30px; border-collapse: collapse; border-top: 1px solid #DDDDDD;} .cart-info td { padding: 7px; } .cart-info thead td { color: #000; padding:10px 7px; text-transform:uppercase; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .cart-info thead .image { text-align: center; } .cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity { text-align: left; } .cart-info thead .price, .cart-info thead .total { text-align: right; } .cart-info tbody td {border-bottom: 1px solid #DDDDDD; } .cart-info tbody .image { text-align: center; } .cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity { text-align: left; } .cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img { position: relative; top: 4px; cursor: pointer; } .cart-info tbody .quantity input[type='text'] { padding-left:0px;padding-right:0px; } .cart-info tbody .price, .cart-info tbody .total { text-align: right; } .cart-info tbody span.stock { color: #F00; font-weight: bold; } .cart-info tbody .name a { text-decoration:none; } .cart-module > div { display: none; } .cart-total { overflow: auto; padding-top: 0px; margin-bottom: 10px; } .cart-total table { float: right; } .cart-total td { padding: 3px; text-align:right; } /************** Accordion ************/ .accordion-heading { background: #F8F8F8; border: 1px solid #DBDEE1; padding:10px 8px; font-weight: bold; cursor:pointer; font-size: 13px; color: #555555; margin-bottom: 15px; } .accordion-content { padding: 0px 0px 15px 0px; display: none; overflow: auto; line-height:18px; } /*********** checkout ***********/ .checkout{margin-bottom:20px;} .checkout-heading {border-bottom: 1px solid #DBDEE1; padding:15px 0; font-weight: normal; font-size: 16px; color: #333; text-transform:uppercase;} .checkout-heading{} .checkout-heading a { float: right; margin-top: 1px; font-weight: normal; text-decoration: none; } .checkout-content { padding: 0px 0px 15px 0px; margin-top:5px; display: none; overflow: auto; } .checkout-content .left { float: left; width: 48%; } .checkout-content .right { float: right; width: 48%; } .checkout-content .buttons { clear: both; } .checkout-product table{width:100%; border-collapse:collapse; border:1px solid #DDDDDD; margin-bottom:20px;} .checkout-product td { padding: 7px; } .checkout-product thead td {padding:10px 7px; color: #000; text-transform:uppercase; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .checkout-product thead .name, .checkout-product thead .model { text-align: left; } .checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right; } .checkout-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } .checkout-product tbody .name, .checkout-product tbody .model { text-align: left; } .checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right; } .checkout-product tfoot td { text-align: right; border-right: 1px solid #DDDDDD; } .contact-info { overflow: auto; } .contact-info .left { float: left; width: 48%; } .contact-info .right { float: left; width: 48%; } .sitemap-info { overflow: auto; margin-bottom: 40px; } .sitemap-info .left { float: left; width: 48%; } .sitemap-info .right { float: left; width: 48%; } /************** Back To Top *************/ .back-to-top{display:none;} .back-to-top a{ position:fixed; bottom:20px; right:20px; background:rgba(250, 250, 250, 0.5)url(../image/back-to-top.png) left top no-repeat; width:35px; height:35px;text-indent:-9999px; display:block;} .back-to-top a:hover { background:#793454 url(../image/back-to-top.png) left -35px no-repeat; } /************************* Footer ***********************/ #footer .part3{ /*width:320px; */ float:left;} #footer .part3 + .part3{margin-left:17px;} #footer .social-part{padding:0px 0px 30px 0; margin:0;} #footer .social-part:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} /******* Facebook ********/ #footer #facebook{ position:relative; height:240px; overflow:hidden;} #footer #facebook .line {background:#222; display: block; height: 6px; position: absolute; top:103px; width: 100%; z-index: 1;} /******** Twitter *******/ #footer #twitter_footer{padding:0px;} #footer #twitter_update_list.twitt_icon li{background:url(../image/twitt_feeds-icon.png) left 2px no-repeat;} #footer #twitter_update_list.twitt_icon1 li{background:url(../image/twitt_feeds-icon1.png) left 2px no-repeat;} #footer #twitter_update_list.twitt_icon2 li{background:url(../image/twitt_feeds-icon2.png) left 2px no-repeat;} #footer #twitter_update_list.twitt_icon3 li{background:url(../image/twitt_feeds-icon3.png) left 2px no-repeat;} #footer #twitter_update_list.twitt_icon4 li{background:url(../image/twitt_feeds-icon4.png) left 2px no-repeat;} #footer #twitter_update_list.twitt_icon5 li{background:url(../image/twitt_feeds-icon5.png) left 2px no-repeat;} #footer #twitter_update_list.twitt_icon6 li{background:url(../image/twitt_feeds-icon6.png) left 2px no-repeat;} #footer #twitter_update_list.twitt_icon7 li{background:url(../image/twitt_feeds-icon7.png) left 2px no-repeat;} #footer #twitter_update_list.twitt_icon8 li{background:url(../image/twitt_feeds-icon8.png) left 2px no-repeat;} #footer #twitter_update_list.twitt_icon9 li{background:url(../image/twitt_feeds-icon9.png) left 2px no-repeat;} #footer #twitter_update_list.twitt_icon10 li{background:url(../image/twitt_feeds-icon10.png) left 2px no-repeat;} #footer #twitter_update_list.twitt_icon11 li{background:url(../image/twitt_feeds-icon11.png) left 2px no-repeat;} #footer #twitter_update_list li {padding:0 0 8px 35px; } #footer #twitter_update_list {padding: 0 !important; list-style: none !important; margin-top:0 !important; line-height:17px; } #footer #twitter_footer li:last-child { border: none !important; } #footer #twitter_footer li:first-child { padding-top:0 !important; } #footer #twitter_footer li span { display: block; color:#999999; } #footer #twitter_footer li a { font-style:normal; color:#555555;} #footer #twitter_footer li a:hover{ color:#ffffff;} /******** Footer Links *******/ #footer { clear: both; overflow:auto; background:#222; color:#908f8f;} #footer .fpart-inner{max-width:1000px; margin:0 auto; padding:20px 20px 0 20px;} #footer a{ color:#908f8f; } #footer a:hover{color:#fff;} #footer h3{color: #bbbbbb; font-size:14px; margin:0px 0 10px 0; padding:0px 0px 7px 0px; border-bottom:1px dotted #444; text-transform:uppercase; font-weight:normal;} #footer .column { float: left; position:relative; } #footer .column + .column { margin-left:15px; } #footer .column ul {width:170px; padding:0px; } #footer .column ul li { list-style-type:none; } #footer .column a { text-decoration: none; display:block; padding:5px 0px; /*line-height:18px; font-size:14px;*/ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .column a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /*#footer .column h3 { font-family:Georgia, "Times New Roman", Times, serif; } */ #footer .custom_column p{line-height:18px; margin:0;} /******** Contact Details *******/ #footer .contact{margin-left:15px; float:left;} #footer .contact ul{width:220px;} #footer .contact ul li{font-size:12px; list-style-type:none; padding:0 0 0 36px; min-height:30px; line-height:18px; margin-bottom:7px;} #footer .contact_icon ul li{background:url(../image/contact-icon.png) left top no-repeat;} #footer .contact_icon1 ul li{background:url(../image/contact-icon-1.png) left top no-repeat;} #footer .contact_icon2 ul li{background:url(../image/contact-icon-2.png) left top no-repeat;} #footer .contact_icon3 ul li{background:url(../image/contact-icon-3.png) left top no-repeat;} #footer .contact_icon4 ul li{background:url(../image/contact-icon-4.png) left top no-repeat;} #footer .contact_icon5 ul li{background:url(../image/contact-icon-5.png) left top no-repeat;} #footer .contact_icon6 ul li{background:url(../image/contact-icon-6.png) left top no-repeat;} #footer .contact_icon7 ul li{background:url(../image/contact-icon-7.png) left top no-repeat;} #footer .contact_icon8 ul li{background:url(../image/contact-icon-8.png) left top no-repeat;} #footer .contact_icon9 ul li{background:url(../image/contact-icon-9.png) left top no-repeat;} #footer .contact_icon10 ul li{background:url(../image/contact-icon-10.png) left top no-repeat;} #footer .contact ul li.address{background-position:0px 7px;} #footer .contact ul li.mobile{background-position:0px -48px; /*line-height:25px;*/} #footer .contact ul li.email{background-position:0px -99px; /*line-height:28px;*/} #footer .contact ul li.fax{background-position:0px -153px; /*line-height:25px;*/} #footer .contact ul li a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .contact ul li a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /******** Payments Types *******/ #footer .payments_types{float:left; padding:8px 0 0 0;} #footer .payments_types img{display:inline-block; margin:0px 3px 3px 3px; vertical-align:middle; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .payments_types img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /******** Social Icon *******/ #footer .social { float:right; margin:0; text-align:right; padding:8px 0 0 0;} #footer .social a { display:inline-block; margin:0px 0 0px 5px; border-radius:50%;} #footer .social a img{border-radius:50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .social a img:hover{border-radius:50% 0%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /******** Powered *******/ #footer #powered {line-height:20px; padding:10px 0; font-size:11px; border-top:1px dotted #444444; margin-top:15px;} #footer #powered a { font-size:11px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius:50%;} #footer #powered a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer.style-2 .powered_text{text-align:right;} #footer .powered_text{text-align:center;} #footer .powered_text p{line-height:18px; margin:0;} #footer .box2{width:490px; float:left;} #footer .box2 + .box2{margin-left:20px;} #footer .box5{width:235px; float:left;} #footer .box5 + .box5{margin-left:15px;} #footer.style-2 .column{float:none;} #footer.style-2 .custom_column p{line-height:18px; margin:0;} #footer.style-2 .column + .column{} #footer.style-2 .column ul{width:auto;} #footer.style-2 .social-part{padding:0px 0 10px 0;} #footer.style-2 #powered{padding:15px 0; margin:0;} #footer.style-2 .contact{float:none; margin:15px 0 0 0; border-top: 1px dotted #444444;} #footer.style-2 .contact ul{width:auto; padding:15px 0;} #footer.style-2 .contact ul li{width:21%; display:table-cell; vertical-align:middle; height:36px; margin:15px 0px 15px 4px;} #footer.style-2 .contact ul li.mobile{background-position: 0 -44px; font-size:15px;} #footer.style-2 .contact ul li.fax{background-position: 0 -148px; font-size:15px;} #footer.style-2 .contact ul li.email{background-position: 0 -96px;} #footer.style-2 .contact h3{display:none;} #footer.style-2 #facebook{height:293px;} #footer.style-2 .fpart_column ul li{float:left; list-style-type:none;} #footer.style-2 .fpart_column ul li a{padding-right:12px; } #footer .box3{width:300px; float:left;} #footer .box3 + .box3{margin-left:20px;} #footer .box3_1{width:380px; float:left;} #footer.style-3 .custom_column{float:none; margin:0 0 25px 0;} #footer.style-3 .custom_column p{margin:0;} #footer.style-3 .column{min-height:155px; margin-right:20px;} #footer.style-3 .column + .column{margin-left:0px;} #footer.style-3 .contact h3{display:none;} #footer.style-3 .contact{float:none; margin:15px 0 0 0; border-top: 1px dotted #444444;} #footer.style-3 .contact ul{width:auto; padding:15px 0;} #footer.style-3 .contact ul li{width:21%; display:table-cell; vertical-align:middle; height:36px; margin:15px 0px 15px 4px;} #footer.style-3 .contact ul li.mobile{background-position: 0 -44px; font-size:15px;} #footer.style-3 .contact ul li.fax{background-position: 0 -148px; font-size:15px;} #footer.style-3 .contact ul li.email{background-position: 0 -96px;} #footer.style-3 #facebook{height:293px;} #footer.style-3 .column a{padding:3px 0;} #footer.style-3 #powered{padding:15px 0; margin:0;} /*********** banner ***********/ .banner div { text-align: center; width:100%; } .banner div img { margin-bottom: 20px; } /*********** Extra ***********/ .w30{width:30px!important; text-align:center;} #kassebutton { /*float:right;position:relative;top:74px;*/ } #kassebutton_ie { float:right;position:relative;top:74px; } .amazon_alternative { margin-right:7px; width: 250px; padding-top:25px; /*padding-bottom:40px;*/ } .filterbox { width: 95%; background-color:#ffd4d2; text-align:center; left:auto; right:auto; padding:2px; border: 1px #969696 dotted; } .filterbox_small { display: inline-block; font-family: arial; color: #292929 !important; font-size: 12px; text-shadow: 0px 0px 0px #000000; box-shadow: 1px 1px 1px #D6D6D6; padding: 6px 7px; border-radius: 9px; border: 1px inset #BDBDBD; background: #EEEEEE; background: linear-gradient(to top, #EEEEEE, #FFFFFF); } .filterbox_small:hover { color: #14396A !important; background: #E0E0E0; } .filterbox_small button { font-size: 16px; font-weight: bold; /*background-color:#e1dede;*/ padding: 0px 4px; border:1px #000000 dotted; cursor: pointer; /*text-align:right;*/ } /************* INDIVIDUELLE ELEMENTE *************************/ .iban+.iban:before { content: " "; /*letter-spacing: .15rem;*/ } .gradient_alt { background: #eee; border: 1px solid #DDD; background: -moz-linear-gradient(top, #EEE, #FFF); background: -webkit-linear-gradient(top, #eee, #fff); background: -ms-linear-gradient(top, #eee, #fff); background: -o-linear-gradient(top, #eee, #fff); box-shadow: 1px 2px 4px rgba(0,0,0, .2); } .gradient { background: #f5f5f5; border: 1px solid #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 1px 2px 4px rgba(0,0,0,.4); padding:3px; max-width:98%; } .gradientflow { background: #ffffff; /* f5f5f5 */ border: 1px solid #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 1px 2px 4px rgba(0,0,0,.4); padding:3px; max-width:98%; width:30%; float:left; margin:3px; } .gradient a { text-decoration:none; } .gradientflow a { text-decoration:none; } .button2 { box-shadow:inset 0px 1px 0px 0px #ffffff; background:linear-gradient(to bottom, #ffffff 5%, #e3e3e3 100%); background-color:#ffffff; border-radius:6px; border:1px solid #bfbdbf; display:inline-block; cursor:pointer; color:#666666!important; font-family:Trebuchet MS; font-size:13px; padding:4px 15px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; margin-bottom:4px; } .button2:hover { background:linear-gradient(to bottom, #e3e3e3 5%, #ffffff 100%); background-color:#e3e3e3; text-decoration:none; } .button2:active { position:relative; top:1px; } .button3 { background:linear-gradient(to bottom, #803251 5%, #803251 100%); background-color:#803251; border-radius:6px; border:1px solid #803251; display:inline-block; cursor:pointer; color:#ffffff!important; font-family:Trebuchet MS; font-size:13px; text-align:right; /*font-weight:bold;*/ padding:4px 15px; text-decoration:none; margin-bottom:4px; } .button3:hover { background:linear-gradient(to bottom, #803251 5%, #803251 100%); background-color:#803251; text-decoration:none; } .button3:active { position:relative; top:1px; } div.divtable { background-color: #F1F1F1; text-align: left; border-collapse: collapse; /*min-width:450px;*/ width:490px; /*box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 19%);*/ border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; margin-bottom:4px; } div.detailpage { width:390px; } .table_headline { font-weight:bold; width:100px; } .divTable.divtable .divTableCell, .divTable.divtable .divTableHead { border: 0px solid #AAAAAA; padding: 2px 2px; } .fullsize { width:100%; } .divTable.divtable .divTableBody .divTableCell { /*font-size: 13px;*/ } .divTable.divtable .divTableRow:nth-child(even) { background: #FFFFFF; } .divtable .tableFootStyle { /*font-size: 14px;*/ } .divtable .tableFootStyle .links { text-align: right; } .divtable .tableFootStyle .links a{ display: inline-block; background: #1C6EA4; color: #FFFFFF; padding: 2px 8px; border-radius: 5px; } .divtable.outerTableFooter { border-top: none; } .divtable.outerTableFooter .tableFootStyle { padding: 3px 5px; } /* DivTable.com */ .divTable{ display: table; } .divTableRow { display: table-row; } .divTableHeading { display: table-header-group;} .divTableCell, .divTableHead { display: table-cell;} .divTableHeading { display: table-header-group;} .divTableFoot { display: table-footer-group;} .divTableBody { display: table-row-group;} .crosslinks{ /*float:left; */ text-align:center; margin-top:10px; } .crosslinks a{ /*min-width:145px;*/ text-align:center; } .mobilefloat { clear:both; } .categoryclear { clear:right; } .category_image img { float:right; margin:0px 10px 10px 10px; padding:7px; /*padding-bottom:9px;*/ box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); /*transform: rotate(1deg);*/ -webkit-backface-visibility: hidden; } .fieldset { border: 1px solid #d2d2d2; padding:3px; } .legend { } .dsgvo { padding-left:25px!important; margin: } .dsgvo ol.first {list-style-type: upper-roman; text-size:14em!important; } .dsgvo ol.first h3 {color: #000000; text-transform: uppercase; text-align:left; margin-top:15px!important; } /*.dsgvo ol.second { margin-left:25px!important;}*/ .dsgvo ol.second li { /*margin-left:25px!important;*/ margin-top:10px!important; } .dsgvo ol.second ul li { margin-left:35px!important; margin-top:0px!important; } .dsgvo ol.second ol li { margin-left:35px!important; margin-top:0px!important; } /*.dsgvo ol.second {list-style-type: decimal; color: #000000; }*/ /*.dsgvo ul {list-style-type: circle; color: #010101;}*/ /* #dsgvo ul.first {list-style-type: upper-roman;} #dsgvo ul.second {list-style-type: upper-roman;} #dsgvo ol.first {list-style-type: upper-roman;} */ /* Colorbox */ #cb_clicker, #cb_clicker2, #cb_choicer { height:124px; float:left; padding-left:1px; padding-right:1px;margin-bottom:2px;z-index:4; } #cb_clicker img, #cb_clicker2 img, #cb_choicer img { width:124px;height:124px; box-sizing: border-box; z-index: 5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius:15%; } #cb_clicker a , #cb_clicker2 a , #cb_choicer a { height:124px; z-index:6; text-decoration:none; border:1px solid; } #cb_clicker b, #cb_clicker2 b, #cb_choicer b { text-decoration:none; font-size:12px; color:#000000; /* color:#803251; margin-bottom:2px; margin-top:2px; color:#000000; font-size:11px; */ } #cb_choicer .innertext, #cb_clicker .innertext { background-image: url(../image/bg_white_60.png); padding-top:-1px; z-index: 2; position: relative; top:-104%; left:0px;width:100%; /* height:16px;*/ /*padding-bottom:-4px;*/ padding:3px; /*font-family: "Arial", cursive, sans-serif; */ text-align:center; vertical-align:middle; color: #000000; /*font-size:10px;*/ line-height: 14px; /*padding-top:2px;*/ text-align:middle; vertical-align:middle; } #cb_clicker2 .innertext { background-image: url(../image/bg_white_60.png); padding-top:-1px; z-index: 2; position: relative; top:-100%; /* left:0px;width:110px; height:16px;*/ /*padding-bottom:-4px;*/ /*font-family: "Arial", cursive, sans-serif; */ text-align:center; vertical-align:middle; color: #000000; font-size:10px; line-height: 14px; padding-top:2px; text-align:middle; vertical-align:middle; } /* #cb_clicker .liefertext, #cb_choicer .liefertext { background-image: url(../image/bg_white_60.png); padding-top:-1px; z-index: 3; margin-bottom:0px; position: relative; bottom:110px; left:0px;width:110px;max-height:16px;height:16px; padding-bottom:-4px; font-family: "Arial", cursive, sans-serif; text-align:center; color: #AA0000; font-size: 1.1em; } */ #cb_clicker img, #cb_choicer img { border: 1px solid rgba(0, 0, 0, 0.6); } #cb_clicker:hover img, #cb_choicer:hover img { border: 2px solid rgba(121, 52, 84, .8); } @media screen and (max-width: 600px) { #cb_clicker, #cb_choicer,#cb_clicker a , #cb_choicer a { height:150px; } #cb_clicker img, #cb_choicer img { width:150px;height:150px; } #cb_clicker2 { width:30vw; height:30vw; /*width:32%;height:100px;*/ } #cb_clicker2 img { width:100%;height:100%; } #cb_clicker2 a{ height:95px; } #cb_clicker .innertext, #cb_choicer .innertext { line-height: 16px; padding-top:6px;} /* #cb_clicker .innertext, #cb_choicer .innertext { top:-63%; left:0px;width:150px; } #cb_clicker .innertext, #cb_choicer .innertext { bottom:150px; left:0px;width:150px; } #cb_clicker2.innertext { top:-63%; left:0px;width:90px; } #cb_clicker2.innertext { bottom:90px; left:0px;width:90px; } */ } .smalltext, .smalltext a { font-size:10px; line-height: 110%; } .kal_aktueller_tag { font-weight:bold; } .kal_standard_tag { color: #000000; } .kal_vormonat_tag { color: #AAAAAA; } .clearfix:after { /*content: ""; */ /*display: table; */ /* float:none;margin-top:40px; */ /*clear: both; */ } .textbox p { width:300px; } .choicebox { text-align:center; width:100%; float:none; } .choicebox span { text-align:center; font-weight:bold; } .vorteil ul { margin-left:35px; } .vorteil li { padding: 3px 0px 3px 30px; list-style: none; margin: 0; background-repeat: no-repeat; background-position: right top; margin-left: 9px; padding:4px; } .readonly { height:150px!important; } #addressBookWidgetDiv { min-width: 280px; width: 100%; /*max-width:48%; */ min-height: 150px; /* 228 */ max-height: 300px; height:300px; float:left; padding-right:10px; } #walletWidgetDiv { min-width: 280px; width: 100%; /*max-width:48%;*/ min-height: 150px; /* 228 */ max-height: 300px; height:300px; float:left; } #smalltext { font-size:10px; color:#793454; } /* Garnsorte Startseite */ .garntype { /* Container */ width:100%; /* 33 */ float:left; } .garntype_head { /* enthält Bild und Sortentitel */ /*width: 100%;*/ margin:2px; } .garntype_head img{ /* enthält Bild */ display: block; margin-left: auto; margin-right: auto; cursor:pointer; } .garntype_head font{ /* enthält Namen */ display: none; /* ausgeblendet, stattdessen werden Bilder als Header verwendet */ font-family: 'Forte'; color:#803251; font-size:2em; padding-bottom:4px; } .garntype_children { /* Container für die Garnsorten */ /*width:300px;*/ float:left; } .garntype_children div { /* Container für die Garnsorten */ float:left; /*width:50%;*/ } .garntype_child { width:100%; /* 45*/ text-align: center; /* -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0); background-color:#f9f9f9; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #e0e0e0; display:inline-block; */ cursor:pointer; color:#666666; font-family:Arial; font-size:12px; padding:3px; text-decoration:none; } .garntype_image { float:left; width:100px; height:75px; } .garntype_formimg { min-height:105px!important; width:45%!important; } .garntype_child:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9)); background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0); background-color:#e9e9e9; } #garntype_name { font-weight:bold; } #garntype_description { font-size:1; color:#793454; } .category_description_minheight { /*min-height:180px;*/ } .category_description ul { margin-left:18px!important; } .photo { padding: 5px; background-color: #ffffff; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; display: inline-block; } .photo img { float: left; } .search-box { top:30px; left:0; background:#fff; box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.25); z-index:90; padding:8px;border:0px;/*margin-top:3px;*/ } .designer { width:230px; height:350px; overflow:hidden; } .selectbox body { padding: 0.7rem; color: hsla(215, 5%, 50%, 1); } .selectbox h1 { color: hsla(215, 5%, 10%, 1); margin-bottom: 2rem; } .selectbox section { display: flex; flex-flow: row wrap; } .selectbox section > div { flex: 1; padding: 0.2rem; } .selectbox input[type="radio"] { display: none; } &:not(:disabled) ~ label { cursor: pointer; } &:disabled ~ label { color: hsla(150, 5%, 75%, 1); border-color: hsla(150, 5%, 75%, 1); box-shadow: none; cursor: not-allowed; } .selectbox label { display: block; background: white; border: 2px solid #e8e8e8; border-radius: 15px; padding: 0.4rem; text-align: center; position: relative; } .selectbox input[type="radio"]:checked + label { background: #ffffff; color: #222; box-shadow: 0px 0px 5px #222; } .selectbox input[type="radio"]:after { color: hsla(215, 5%, 25%, 1); font-family: 'FontAwesome'; border: 2px solid hsla(150, 75%, 45%, 1); content: "\f00c"; font-size: 24px; position: absolute; top: -25px; left: 50%; transform: translateX(-60%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25); } .selectbox input[type="radio"]#control_05:checked + label { background: red; border-color: red; } .selectbox p { font-weight: 900; } .selectbox p { font-size: 13px!important; padding:3px 0px 4px 0px; text-transform: uppercase; } #rating_einleitung, #ratingText, .greytext { color:#708090; } .rating_input { width:200px;margin-bottom:3px;text-align:center;float:none; } .rating_area { width:455px; } .rating_linkbox { /*display:block; width:80px; height:20px; float:left;*/ font-size: 0.9em; text-decoration:none!important; } .responsebox_red, .responsebox_green, .responsebox_yellow { width: 98%; text-align:center; left:auto; right:auto; padding:2px; color:#000000; } .infobox { width: 60%; padding:2px; color:#000000; background-color:#b5d6e1; border: 1px #4e7481 dotted; padding-top:4px; padding-bottom:4px; margin-bottom:5px; } .greybox { width: 96%; padding:10px; background: #F8F8F8; border: 1px solid #DBDEE1; padding-top:4px; padding-bottom:4px; margin-bottom:5px; margin-left:10px; } .greybox h3{ font-weight: bold; font-size: 13px; color: #555555; font-family: Droid Sans, Verdana, Geneva, sans-serif!important; } .halfbox { width: 43%; float:left; background: #F8F8F8; border: 1px solid #DBDEE1; padding:15px; margin-bottom:5px; margin-left:10px; min-height:247px; } .responsebox_red { background-color:#FFC0CB; border: 1px #E5798D dotted; } .responsebox_yellow { background-color:#decc83; border: 1px #E5798D dotted; padding-top:4px; padding-bottom:4px; margin-bottom:5px; } .responsebox_green { background-color:#EBF8A4; border: 1px #BEDB00 dotted; padding-top:10px; padding-bottom:10px; margin:10px; } .rating_klammer { float:left; } .highlight_klammer { float:right; margin-top:-20px; } .highlight_box { max-width:500px; } .highlight_comment,.highlight_comment_footer { font-style:italic; margin:0px; padding:0px; } .highlight_starbox,.highlight_starbox_footer { float:left; } .highlight_headline,.highlight_headline_footer { margin:0px; padding:0px; } .highlight_reply { margin-left:83px; background-color:#F9F9F9; } .fb_like_box { float:left; } .allratings_comment { margin-left:83px; } .lightbox { margin:10px!important; padding:10px!important; max-width:650px!important; } .featured a { /*color:#803251!important;*/ /*font-weight:bold;*/ } /* Make the container relative */ .swap-on-hover { position: relative; margin: 0 auto; /*max-width: 145px;*/ } /* Select the image and make it absolute to the container */ .swap-on-hover img { position: absolute; top:0; left:0; overflow: hidden; /* Sets the width and height for the images*/ /*width: 145px; height: 145px;*/ } /* We set z-index to be higher than the back image, so it's alwyas on the front. We give it an opacity leaner to .25s, that way when we hover we will get a nice fading effect. */ .swap-on-hover .swap-on-hover__front-image { z-index: 9; transition: opacity .5s linear; cursor: pointer; } .swap-on-hover:hover > .swap-on-hover__front-image{ opacity: 0; } .soldbox { position: relative; height: 16px; top: 53px; margin-top: -16px; right: -15px; z-index: 10; } .produktbox_kit { /*margin-top:12px!important;*/ max-width:165px; /*margin-right:12px;*/ border: 1px dashed #DDDDDD; } .produktbox_garn { /* margin-top:10px!important; */ max-width:144px; border: 1px solid #EEEEEE; } .amazonlogout { margin-top:-20px!important; } #paypal-button-container { width:200px!important; /*float:left;*/ /*padding-right:6px;*/ } #AmazonPayButton { /*float:left;*/ } .paypal_checkout_text p { margin:0px!important; padding:0px!important; } #shippingMethod { display:none; } /* Style all input fields */ .pwvalidator input[type=text],.pwvalidator input[type=password], { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; } .pwvalidator .validinput { background-color:#d6f8c7; } /* Style the submit button */ .pwvalidator input[type=submit] { background-color: #793454; color: white; } .pwvalidator input[type=submit]:disabled { background-color: #807c7d; color: white; } /* Style the container for inputs */ .pwvalidator .container { background-color: #f1f1f1; padding: 20px; } /* The message box is shown when the user clicks on the password field */ .pwvalidator #message, .pwvalidator #message2 { display:none; background: #f1f1f1; color: #000; position: relative; padding: 20px; margin-top: 10px; } .pwvalidator label { font-weight:bold; } .pwvalidator #message p, .pwvalidator #message2 p { padding: 10px 35px; font-size: 14px; line-height:normal; margin:0px!important; } /* Add a green text color and a checkmark when the requirements are right */ .pwvalidator .valid { color: green; } .pwvalidator .valid:before { position: relative; left: -35px; content: "\2611"; } /* Add a red text color and an "x" icon when the requirements are wrong */ .pwvalidator .invalid { color: red; } .pwvalidator .invalid:before { position: relative; left: -35px; content: "\2612"; } .noticebox, .errorbox, .loadingbox { text-align:center; /*left:auto; right:auto;*/ padding:2px; color:#000000; /*padding-top:10px;*/ padding-bottom:10px; /*margin:10px;*/ width: 50%; max-width:400px; /*height: 00px;*/ /*top: 30%;*/ /*left: 43%;*/ position: fixed; z-index:999; left: 56%; top: 30%; transform: translate(-50%, -50%); } .noticebox p, .errorbox p, .loadingbox p { margin-bottom:0px!important; } .noticebox { background-color:#FFFFFF; height:100px; /*border: 1px #BEDB00 dotted;*/ /*border: 1px #5d5658 dotted;*/ box-shadow: 2px 2px 5px #7e3f5e, -2px -2px 5px #7e3f5e; } .errorbox { background-color:#FFC0CB; border: 1px #AA0000 dotted; } .loadingbox { /*width: 250px;*/ background-color:#FFFFFF; border: 1px #5d5658 groove; box-shadow: 5px 5px 10px silver inset; } .carticon { position:absolute; top:3px; right:130px; } .response_text { padding-top:15px; padding-left:75px; } .quickcart_button { background-color: #7e3f5e; width: 165px; height: 31px; position: absolute; z-index: 1; right: 8px; cursor: pointer; top: 74px; } .quickcart_button:hover { background-color: #444444; } /* General button style */ .btn { border: none; font-family: Droid Sans, Verdana, Geneva, sans-serif; font-size: inherit; color: inherit; background: none; cursor: pointer; /*padding: 25px 80px;*/ display: inline-block; /*margin: 15px 30px;*/ /*text-transform: uppercase;*/ /*letter-spacing: 1px; */ /*font-weight: 700;*/ outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; float:right; top:20px; right:6px; } .btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Pseudo elements for icons */ .btn:before { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; } /* Icon separator */ .btn-sep { /*padding: 16px 10px 0px 50px;*/ } .btn-sep:before { background: rgba(0,0,0,0.15); } .btn-2 { background: #7e3f5e; color: #fff; width:190px; height:31px; } .btn-span { position: absolute; top: 8px; width: 150px; right: 0px; font-family: Droid Sans, Verdana, Geneva, sans-serif; } .btn-2:hover { background: #444444; } .btn-2:active { background: #444444; /*top: 2px;*/ } .btn-2:before { position: absolute; height: 100%; left: 0; top: 0; line-height: 2; font-size: 140%; width: 40px; } .cartbtn { border: none; font-family: Droid Sans, Verdana, Geneva, sans-serif; font-size: inherit; color: inherit; background: none; cursor: pointer; /*padding: 25px 80px;*/ display: inline-block; /*margin: 15px 30px;*/ /*text-transform: uppercase;*/ /*letter-spacing: 1px; */ /*font-weight: 700;*/ outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; float:right; /*top:20px;*/ /*right:6px;*/ } .cartbtn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Pseudo elements for icons */ .cartbtn:before { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; } /* Icon separator */ .cartbtn-sep { padding: 0px 10px 0px 50px; } .cartbtn-sep:before { background: rgba(0,0,0,0.15); } .cartbtn-2 { background: #7e3f5e; color: #fff; width:210px; height:45px; } .cartbtn-span { position: absolute; top: 8px; width: 100px; right: 0px; font-family: Droid Sans, Verdana, Geneva, sans-serif; } .cartbtn-2:hover { background: #444444; } .cartbtn-2:active { background: #444444; /*top: 2px;*/ } .cartbtn-2:before { position: absolute; height: 100%; left: 0; top: 0; line-height: 2.4; font-size: 140%; width: 50px; } /* Icons */ .icon-cart:before { content: "\f07a"; } .icon-heart:before { content: "\f55a"; } .icon-info:before { content: "\f05a"; } .icon-send:before { content: "\f1d8"; } .warenkorb_output { color:#FFFFFF; position:absolute; top:6px; right:10px; min-width:100px; } .carticon_add { position:absolute; top:17px; left:9px; float:left; opacity:0.3; /*margin-left:120px; */ } .carticon_right { position:absolute; /*left:105px;*/ width:100%; } #overlay { position: fixed; /* Sit on top of the page content */ display: none; /* Hidden by default */ width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); /* Black background with opacity */ z-index: 100; /* Specify a stack order in case you're using a different order for other elements */ cursor: pointer; /* Add a pointer on hover */ } .paypalbox { box-shadow: -2px 2px 5px silver; width:95%; position:relative; left:20px; } .loadingcircle { position: absolute; right: 10px; bottom: 20px; } .loadingcircle_detail { } .themebox { min-height:210px; margin-bottom:15px; } .themebox img { float:left; margin-right:10px; } .themebox h3 { /*margin-top:50%;*/ } .themebox .left { width:65%;float:right; } .themebox .right { width:25%;float:left; } .spezialtext { color:#AA0000; } .farbwahl_linkbox { color:#AA0000; padding:7px; float:left; min-width:160px; } .farbwahl_linkbox a { text-decoration:none; } .img_left { float:left; margin:10px; } .img_right { float:right; margin:10px; } .zitat { font-size:1.2em;font-style:inherit;position:relative;top:50%; } .list { padding-left:15px; margin:4px; margin-left:10px; } .mobileonly { display:none;} .desktoponly { display:block;} .notreffer { margin-top:15px; } #placeholder_ajax_filter { width:100%; } .ajax_filter_table { float:left; margin-right:10px; padding-top:10px; min-width:160px; /*width:20%;*/ } .infoicon { position: relative; top: 3px; cursor: pointer; opacity: 0.6; left:-118px; } /************* BEGINN RESPONSIVE ELEMENTS *************************/ @media screen and (max-width:1024px) { .wrapper-box{width:auto; margin:10px; } .box-product > div, .product-grid > div{margin-right:2px;} .main-wrapper{margin: 0px 0px 0 0px; padding:0 10px;} .product-list > div {width:30%;overflow-x: hidden; } /* individuell */ .product-list .notreffer { width:100%!important; } #header #search{right:300px;} .product-info .cart div{float:none; margin-bottom: 10px;} .highlight_box { margin:0px; float:none; max-width:400px; } } @media only screen and (min-width:801px) { #menu > ul, #footer ul { display: block!important;} .vorteil li { list-style-image: url(../image/vorteil_haekchen.png); } .designer_image { min-height:240px; } } @media screen and (max-width:800px) { .mobileonly { display:block;} .desktoponly { display:none;} body {-webkit-text-size-adjust: auto; } #header { min-height:auto; text-align:center; margin:0 auto; padding:0px;} #header.style3 #logo {float:none; margin:0; padding:/*2*/0px 0px;} #header #logo { margin:0px;padding:0px;display:none;} #header #mlogo {display:inline; } #header.style3 .hsecond{min-height:100px;} /* auto */ #header.style3 #language, #header.style3 #currency{top:0; position:relative;} #header.style3 .htop{display:block; float:none;} #header.style3 #language{right:auto;} #header.style3 #language ul, #header.style3 #currency ul{left:0; right:auto;} #header.style3 #language ul li, #header.style3 #currency ul li, #header #language ul li, #header #currency ul li{text-align:left;} #header.style3 #search{top:auto; display:inline-block} #header.style3 #cart{top:auto; float:left; position:relative;} #header.style3 #cart .content, #header #cart .content{/*left:0;*/} #header #search{position:relative; right:auto; float:right; top:auto;} #header #cart{position:relative; top:auto; display:inline-block; float:right;} #header.style2 #logo{width:auto; margin:0;} #header.style2 .htop{margin-bottom:0;} #header.style3 .links{padding-right:0px;} #footer, #header{ width:auto!important; } #container{width:none!important;} .home, .banner, .back-to-top a, #column-right, #column-left{ display:none!important; } #header #welcome{width:100%; float:none;} h1, .welcome { text-align:center } .login-content .left, .login-content .right, .checkout-content .left, .checkout-content .right { width:auto!important; float:none; } .login-content .left .content, .login-content .right .content{min-height:inherit } input[type="text"], input[type="password"], textarea { width:95%; } .breadcrumb a {font-size:11px; margin-bottom:10px; display:inline-block; } .sticky { position: fixed!important; top: 0!important; left:0!important; /*width: 100%;*/ z-index:110; } .stickycart { position: fixed!important; top: -3px!important; right:0!important; /*width: 100%;*/ z-index:110; /*box-shadow: -2px 2px 5px silver;*/ } #mobilespacer {height:36px;} #kassebutton { /*display:none!important; */} .sticky + .m-menu { padding-top: 102px; /*position:fixed;*/ } .cartbtn-2 { /*max-width:130px;*/ width:auto; } .cartbtn-sep { padding: 0px 5px 0px 52px!important; } #mobilemenu {position:absolute;top:80px;z-index:110;left:-10px;/*min-width:260px; */ /*width:90%;*/} #mobilemenucontent { min-width:260px!important; } #mobilemenucontent h3 { color: #793454; /*background-image: linear-gradient(to right, #c4d4da 50%, transparent 50%); background-position: 0 50%; background-repeat: repeat-x; background-size: .5em 2px; */ font-size:18px!important; } #mobilemenucontent h3 > span { background: white; padding: 0.5em; } #minicart_box { /*float:right;*/ position:absolute;right:-10px;top:80px; } .mobilecart {display:inline;position:absolute;/*top:160px;*/z-index:98;right:-10px;} .artikeltext {display:none;} .m-menu{display:block;background-color:#FFFFFF!important;text-align:center;left:0!important;} #menu {padding:0; height:auto; text-align:left!important;/*text-align:center;*/background:none !important;} #menu ul{padding:0;} #menu > span {text-transform:uppercase; font-size:16px; /*padding:0px 15px 0px 8px;*/ width:50px; background-color:#7e3f5e; height:45px; line-height:45px; text-align:center; margin:0; cursor: pointer; display:inline-block; color:#fff; /*background:url(../image/mplus.png) no-repeat right 17px; */} #menu >span:active {background-color:#7e3f5e;} #menu .active {background-color:#626061;} #menu > ul > li { float:none; padding:0px; display:none;} #menu > ul > li.categories{display:block;/*width:90%;*/} #menu > ul > li.categories > a{display:none;} #menu > ul > li.categories > div > .column > a{color:#333!important; text-decoration:none; } #menu > ul > li.categories > div{ display:block; position:relative; /*height: 50%;*/ height: 500px; /*width: 100%;*/ overflow-y: scroll; -webkit-overflow-scrolling:touch; max-height: 60vh; overflow: auto; } #menu > ul > li.categories > div > .column > div{display:none; position:relative; left:auto;} #menu > ul > li.categories > div > .column:hover div{display:block; } #menu > ul > li.categories > div > .column:hover > div ul{display:block; } #menu > ul > li.categories > div > .column > div ul li + li{border-top:1px solid #eee;} #menu > ul > li.categories > div > .columnix > div ul li + li{border-top:1px solid #eee;} #menu > ul { display:none; text-align:left; background:#fff!important; position:relative; z-index:9;} #menu li {/*float:left;*/ } #menu > ul > li > div{display:block;} #menu > ul > li.categories > div > .column > a{font-weight:bold;/*padding-left: 100px; */ margin-left: 30px; } #menu > ul > li.categories > div > .column > div{display: none; box-shadow:none; border:none; padding:0; margin-left:20px;} #menu > ul > li.categories > div > .column:hover div{display: none;} span.more{color: #c2c2c2; display: block; font-weight: bold; position: absolute; left: 0; top:0px; width: 30px; height: 30px; line-height:30px; font-size:20px; text-align:center; cursor:pointer; background:url(../image/mplus2.png) no-repeat left -50px;} span.more.plus{background-position:0 -80px;} .product-info .cart div .qty{float:none; margin-bottom:15px; padding:0;} .product-info .cart div .wishlist{margin:0;} .buttons .left , .buttons .right, .buttons .center{ float: none; text-align: center; margin:10px 0;} #footer {padding:0!important;} #footer .fpart-inner{padding:10px 10px 0} #footer .column { float:none; width:auto; margin:0!important; display:inline; } #footer h3{ cursor:pointer; display:block; text-align:center; padding:10px 0; margin-bottom:0px; border-top:1px dotted #444444; border-bottom:none; height:32px; line-height:32px;} #footer .custom_column h3{border:none;} #footer h3 + h3{border-top:1px dotted #444444;} #footer h3.active{background-color:#444;} #footer .column a { font-size:14px; padding:3px 0; line-height:25px; height:25px; background:none;} #footer .column:hover ul { display:none; } #footer .column ul {display:none; position:relative; bottom:0px; width:auto; padding:10px 0;} #footer .column ul li { text-align:center; } #footer .info { width:auto; display:inline; float:none; } #footer .info h3 { padding:5px 0; } #footer .about-text { display:none; text-align:center; padding:0 10px; } #footer-top-outside { display:none; } #footer .contact{float:none; margin:0;} #footer .contact ul{width:auto; display:none; padding:10px 0;} #footer .contact ul li.address{background-position:0px 0px;} #footer #powered{margin-top:0px;} #footer .payments_types{float:none; padding:0 0 10px 0;} #footer .part3{width:auto; float:none;} #footer .part3 + .part3{margin:0;} #footer .social{float:none; text-align:center; padding:12px 0 0;} .social_wrap { display:none!important; } #powered { text-align:center; width:100%; line-height:normal; padding-top:10px; height:auto!important;} #powered .fl { float:none; } .payments_types{float:none; margin:10px 0 0px 0;} .payments_types img{margin-bottom:10px;} #footer .box5, #footer .box2{float:none; width:auto;} #footer .box5 + .box5, #footer .box2 + .box2{margin:0;} #footer.style-2 .fpart_column ul li{float:none; display:inline-block;} #footer.style-2 .powered_text{text-align:center; margin-top:10px;} #footer.style-2 .contact h3{display:block;} #footer.style-2 .contact, #footer.style-3 .contact{float:none; margin:0; border:none;} #footer.style-2 .contact ul, #footer.style-3 .contact ul{display:none; padding:15px 0;} #footer.style-2 .contact ul li, #footer.style-3 .contact ul li{display:block; width:auto; margin:0; line-height:34px;} #footer.style-2 .payments_types{padding:0;} #footer.style-2 #powered{padding:10px 0;} #footer.style-2 .custom-column-content{padding:0 0 15px 0;} #twitter_footer, #facebook{display:none;} #footer .box3_1{float:none; width:auto;} #footer.style-3 .custom_column{margin:0 0 15px 0;} #footer.style-3 .contact h3{display:block;} #footer .contact ul li.address{background-position:0 7px;} #column-right + #content { margin-right:0!important; } #column-left + #content { margin-left:0!important; } #column-left + #column-right + #content, #column-left + #content{margin-left:0!important; } .product-list .left { width:auto; float:none; } .social { float:none; margin:10px; text-align:center; clear:both;} .social h3 { display:none!important; } #footer .column a { font-size:13px; } .jcarousel-skin-opencart { display:none!important; } .product-info > .left { float:none; text-align:center; margin-right:0px; } .product-info > .left + .right { margin-left:auto ; text-align:center;} .price table { width:100%; } .product-info .image { float:none;} .mousetrap { width:99%; } .product-info .image-additional { width:auto; margin-bottom:10px; max-width:none; } .product-info .image-additional a { display:inline-block; float:none; } .product-info .cart div { margin-bottom:15px; float:none;/*text-align:left;*/} .product-grid{ text-align:center; } .cart-info thead .price, .cart-info tbody .price { display:none; } .sitemap-info .left, .sitemap-info .right, #content .content .left, #content .content .right{ float:none; width:auto } .cart-info thead .model, .cart-info tbody .model{display:none;} .product-filter .sort select{width:auto;} .product-list .image {float:none;} .product-list .index_image {/*float:none;*/ width:auto;} .product-list > div {width:45%;overflow-x: hidden; } /* individuell */ .pagination{text-align:center; margin-bottom:0;} .pagination .links{float:none;} .pagination .results{float:none; margin-top:5px;} .box .box-heading span{padding:0 30px;} #kassebutton { /* float:right; position:relative; top:17px;*/} .amazon_alternative { width: 100%; /*text-align:center;*/ padding:0px; } .garntype { width:100%; } .designer { width:100%; height: auto; max-height:350px!important; } .selectbox section { flex-direction: column; } .rating_input { width:98%!important; text-align:left; } .rating_area { width:98%!important; } .responsebox_red, .responsebox_green { width: 95%; margin:5px; padding: 2px; } .infobox { width:95%; float:none; clear:both; } .greybox { width: 96%; padding:5px; margin-left:0px; } .halfbox { width: 96%; padding:5px; margin-left:0px; float:none; min-height:0px; } .greybox img { /*width: 100px;*/ /*height: 100px;*/ padding:3px; margin-left:0px; } .highlight_box { margin:0px; float:none; max-width:100%; } .rating_klammer { float:none; } .highlight_klammer { margin-top:0px; float:none; } .highlight_klammer_footer { display:none; } .allratings_comment, .highlight_reply { margin-left:0px; } .fb_like_box { float:none; } .img_left, .img_right { width:100%!important;float:none; } div.divtable { width:100%; min-width:0px; } div.detailpage { width:100%; min-width:0px; } .crosslinks { float:left; } .crosslinks a{ /*width:90%;*/ text-align:center; min-width:0px; } .mobilefloat { display:none; clear:none; } .categoryclear { clear:both; } .category_image { text-align:center; } .category_image img { float:none; /*transform: rotate(0deg);*/ } } @media screen and (max-width: 600px) { .gradientflow { width:45%; } #language, #currency{float:none; display:inline-block;} #header .links{display:inline-block; float:none;} #header .htop{border-bottom:none;} .noticebox,.errorbox,.loadingbox { width:95%; left:0%!important; top:0%!important; max-width:600px; /*top: 30%;*/ /*left: 43%;*/ position: fixed; z-index:999; transform: translate(2%, 3%); } .loadingbox{ top:30%!important; } .qr { display:none; } } @media screen and (max-width:480px) { .product-grid-kit div { width:100%!important;max-width:200px!important; /*here*/ } .wrapper-box{margin:0;} .product-info .image a img {width:100%;} #header.style3 #search, #header.style2 #search, #header #search{display:block; float:none; top:auto;} #header #search input{width: 93%!important;} /*#header #logo img { width:90%!important; display:none;}*/ #header.style3 #cart, #header.style2 #cart, #header #cart {float:none; /*margin-top:10px;*/} #header.style3 #cart .content, #header.style2 #cart .content, #header #cart .content{/*left:-95px;*/} #header .links{margin-right:40px;} #header .links a#wishlist-total{display:none;} .product-tab .tabs{padding-left:0px;} .product-tab .tabs li a{padding: 7px 8px 6px; font-size:12px;} .product-filter .display, .product-filter .limit, .product-filter .sort{width:auto; float:none; margin:0; clear:both;} .product-filter .limit{margin:5px 0;} .product-filter select{width:auto;} .flex-control-nav, .flex-direction-nav li a.prev:hover{display:none!important;} .contact ul li{float:none; width:auto;} .category-list ul { float: none; width:auto; margin-right:0px;} .product-info .review > div {overflow:inherit;} select{width:99%;} .cart-info thead .image, .cart-info tbody .image{display:none;} .product-list .image, .product-list .index_image {float:left; width:50%; max-height:130px; /*width:75%; height:100px;*/} .product-list .index_image img {height:100%; width:100%;} .product-list .yarnbox { width:100%;height:auto!important; min-height:0px; } .product-list > div {width:95%; } /* individuell */ /*.product-list .image img, .product-list .index_image img {width:80px;height:62px;} */ .product-list .left{text-align:center;} .product-list .left .cart .button, .product-list .left .cart .wishlist, .product-list .left .cart .compare{float:none;} .product-list .index_description { display:none; } .product-list .button { display:none; } .product-list .index_description_visible { /*display:none; */ max-width:100%; } .mini-cart-info .name { /*width:120px; */ } .mini-cart-info .image, .mini-cart-info .remove { display:none; } #cart .content, #cart .mini-cart-info, #cart .mini-cart-total, #cart .checkout { float:left;margin:0px;padding:0px; } .mini-cart-info{overflow-y: scroll;} .product-list .cart select, .product-list .cart option{ padding:0px 0px; text-align:center; font-size:10px; font-family:Arial, Helvetica, sans-serif; height:10px; line-height:normal; text-transform:uppercase; } #header #cart { float:left; } #header #cart .content { clear: both; display:none; position:absolute; padding:3px; min-height: 150px; z-index:110; background: #FFF; width:300px; /*left:0%;*/ /*top:32px;*/ text-align:left; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);} .clear_mobil { clear:both;display:block!important; } .choicebox { text-align:center; width:100%; display:block!important;text-align:center!important; } .product-info .description { text-align: left; } .product-info .description span { text-align:right; margin-right:5px; } .garntype_child { width:100%; /* 45 */ min-width:100px; } #garntype_description { display:none; } .garntype_head img{ /* enthält Bild */ /*display:none!important;*/ } .garntype_head font{ /* enthält Namen */ /*display: block;*/ } .garntype_child img{ display:none!important; } .garntype_formimg { min-height:0px!important; width:100%!important; } .photo { display:none; } .htabs a{font-size:11px; padding:7px 5px 6px 5px;} .themebox img { float:none; } .themebox .left { width:90%;float:none; } .themebox .right { width:90%;float:none; } .ajax_filter_table { width:45%; } .name { margin-top:20px; } } @media screen and (max-width:320px) { .gradientflow { width:95%; } .product-list .cart select, .product-list .cart option{ padding:0px 0px; text-align:center; font-size:10px; font-family:Arial, Helvetica, sans-serif; height:10px; line-height:normal; text-transform:uppercase; } .main-wrapper{padding:0 5px;} #header .links{line-height:20px;} #header .links a{font-size:11px; padding:0 7px;} #language, #currency{font-size:11px;} #header #cart .content, #header.style2 #cart .content, #header.style3 #cart .content{width:250px; left:-45px;} .product-info{overflow:hidden!important;} .garntype_child { width:100%; } #garntype_description { display:none; } } /************* ENDE RESPONSIVE ELEMENTS *************************/