/*
Template: Deutsche Vorlage f. Autoteile
Description: KfZ-Teile Allgemein ohne Kategoriezuordnung
Version: 1.2
*/

/*
Template: Deutsche Vorlage f. Lampen
Description:
Version: 1.2
*/
/* user colors */
#wpl_store_header .hotline {
color: #FFFFFF;
background-color: #FFA500;
display: block;
float: right;
}

#wpl_wrapper .wpl_description h2 {
color: #000000;
}

#wpl_wrapper h3.bar {
color: #FFFFFF;
background-color: #555555;
background-image: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#000000));
background-image: -webkit-linear-gradient(top, #555555, #000000);
background-image: -moz-linear-gradient(top, #555555, #000000);
background-image: -ms-linear-gradient(top, #555555, #000000);
background-image: -o-linear-gradient(top, #555555, #000000);
background-image: linear-gradient(to bottom, #555555, #000000);
}

/* layout */
#wpl_wrapper {
width: 90%;
margin-right: auto;
margin-left: auto;
margin-top: 30px;
margin-bottom: 20px;
font-size: 14px;
font-family:Arial,Helvetica,sans-serif;
}

#wpl_wrapper h2 {
font-size: 24px;
line-height: 30px;
}

#wpl_wrapper h3.bar {
margin-top: 30px;
margin-bottom: 20px;
padding-left: 10px;
height: 30px;
line-height: 30px;
font-size: 16px;
font-family: Helvetica, Arial, sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#wpl_store_header {
width:100%;
overflow: hidden;
}

#wpl_store_header .logo {
float: left;
}
#wpl_store_header .hotline {
height: 40px;
font-size: 16px;
line-height: 40px;
font-weight: bold;
padding-right: 20px;
padding-left: 20px;
margin-top: 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
text-shadow: 2px 2px 4px #713803;
filter: dropshadow(color=#713803, offx=0, offy=1);
}

#wpl_wrapper .clearfix {
clear:both;
}

#wpl_list_images a {
border: 1px solid #ccc;
display: block;
float: left;
height: 75px;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
padding: 12px;
width: 75px;
}

#wpl_wrapper .alignleft {
float: left;
}
#wpl_wrapper .alignright {
float: right;
}

#wpl_wrapper .section p {
padding-left: 10px;
padding-right: 10px;
/* fix for firefox: */
line-height: 1.2em;
margin: 1em 0;
}

#wpl_wrapper .section big {
font-size: 18px;
font-weight: bold;
}

.primary_image, .wpl_product_image {
width: 100%;
}

#gallery a {
text-decoration: none;
}

/* these only apply in preview to override default styles from wp-admin */
body.wp-admin #wpl_wrapper ul {
list-style: disc inside none;
}
body.wp-admin #wpl_wrapper ul li {
padding-left: 2em;
}

/** Media queries **/
@media (min-width: 320px) {
#wpl_wrapper {
width: 95%;
}

#wpl_store_header .hotline {
float: left;
}

#gallery {
width: 100%;
}

#wpl_list_images {
display: none;
}
}
@media (min-width: 481px) {
#wpl_wrapper {
width: 95%;
}

#wpl_store_header .hotline {
float: right;
display: inline-block;
}

#gallery {
display: block;
width: 48%;
float: left;
}

#description {
width: 48%;
float: right;
}

#gallery #wpl_main_image {
max-width: 220px;
max-height: 225px;
}

#wpl_list_images {
display: block;
}

#wpl_list_images a {
width: 80px;
height: 80px;
}

#wpl_list_images a img.wpl_thumb {
width: 100%;
}
}
@media (min-width: 641px) {
#wpl_wrapper {
width: 95%;
}

#wpl_store_header .hotline {
float: right;
}

#gallery {
display: block;
width: 45%;
float: left;
}

#description {
width: 100%;
float: right;
}

#gallery #wpl_main_image {
width: 50%;
height: 100%;
max-height: 370px;
max-width: 370px;
}

#wpl_list_images {
display: block;
}

#gallery #wpl_list_images a {
width: 80px;
height: 80px;
}

#wpl_list_images a img.wpl_thumb {
width: 80px;
}
}

img{max-width:100%}

.wi-recommendations {
font-family: arial;
color: #19191A;
background-color: white;
padding-top: 10px;
}
.wi-recommendations-header {
font-size: 24px;
margin-bottom: 16px;
}

.wi-recommendations-brand {
float: right;
padding-top: 2px;
font-size: 10px;
}

.wi-recommendations-brand-image {
width: auto;
height: 24px;
margin-bottom: -6px;
}

.wi-recommendations-container {
margin-top: 12px;
display: grid;
gap: 50px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.wi-recommendation-image {
max-width: 274px;
max-height: 274px;
border-radius: 18px;
}

.wi-recommendation-title {
width: 274px;
margin-top: 16px;
height: 40px;
margin-bottom: 8px;
}

@media screen and (max-width: 992px) {

.wi-recommendations-container {
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.wi-recommendation-image {
max-width: 200px;
max-height: 200px;
border-radius: 18px;
}

.wi-recommendation-title {
width: 200px;
margin-top: 16px;
height: 24px;
margin-bottom: 8px;
}

.wi-recommendation-title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}

.wi-recommendation {
font-size: 12px;
}

.wi-recommendation-button {
border: 1px solid #919699;
padding: 6px 16px;
width: fit-content;
border-radius: 5px;
color: #19191A;
}

Empfohlene Produkte

Provided by

KS-TOOLS Bremssattelbürste Drahtbürste Reinigungsbürste Grilbürste

Produkt ansehen

ORIGINAL ATE Bremssattelbürste Drahtbürste Reinigungsbürste Grilbürste

Produkt ansehen

ATE Bremssattelbürste Drahtbürste Reinigungsbürste Grilbürste Spezial Drahtbürst

Produkt ansehen

HAZET Bremssattelbürste Drahtbürste Grillbürste Bürste Reinigungsbürste 4968-2

Produkt ansehen

HAZET Bremssattelbürste Drahtbürste Bürste Reinigungsbürste Made in Germany

Produkt ansehen

HAZET Bremssattelbürste Drahtbürste Bürste Reinigungsbürste 035er Draht 2-reihig

Produkt ansehen