/**
 * This file is a container for custom CSS. You can use it to override the default styles of the theme.
 *
 * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css".
 *    Otherwise this file will not be loded by Magento.
 * 2. Enable it in the admin panel.
 * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme.
 *
 * Please refer to the user guide for more details.
 *
 */


/* Products
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Product labels
-------------------------------------------------------------- */

/*
.sticker.new {
    background-color:#555;
    color:#fff;
}
.sticker.sale {
    background-color:orange;
    color:#fff;
}
*/

/* Stock indicator on product page (configurable products):
icon background color
-------------------------------------------------------------- */
/*
a.availability-only span.icon { background-color:orange; }
*/


/* Miscellaneous
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Drop-down caret */
/*
.caret {
    opacity:1;
    filter:alpha(opacity=100);
}
*/


h1{margin-bottom: 10px;}

h2{margin-bottom: 30px;}

h3 .zahlungsarten{margin-top: 0px; color: green;}




@media only screen and (max-width: 500px) {
    .hersteller {
        display: none;
        margin: 0px;
    }
    .icons {with: 100%;}
    }
    
    .banner_responsive{
    text-align: center;
}
    
  
@media only screen and (max-width: 768px) {
    .grid12-4{width: 100%; 
    background-color: #f8f8f8;}
}