Website/wp-content/themes/selfomat/style.css

/* EIGENE CSS SACHEN */

.bg-black, .bg-black * {
    background-color: #000;
    color: #ffffff !important;
}

.bg-black {
    padding: 60px 40px 40px 40px;
    vertical-align: text-top;
}

.bg-black h1, .bg-white h1 {
    margin-bottom: 40px;
}

.bg-white, .bg-white * {
    background-color: #fff;
    color: #000 !important;
}

.bg-white {
    padding: 60px 40px 40px 40px;
    vertical-align: text-top;
}

.bg-red {
    background-color: #f00;
}

.font-larger {
    font-size: 1.2em;
}

#header .top,
.home .slideshow,
.bg-black {
    border-bottom: #000 thick solid;
}

.home .wrap {
    margin: 0 !important;
    padding: 0 !important;
}

.text-mid-50pc {
    padding: 0 25% 20px 25%;
}

.text-left-50pc {
    margin: 0 15% 40px 5%;
    padding: 0 10% 0 20px;
    border-left: #fff thick solid;
}

.text-right-50pc {
    margin: 0 5% 40px 15%;
    padding: 0 20px 0 10%;
    border-right: #fff thick solid;
}

.text-left-50pc-noborder {
    padding: 0 50% 0 0;
}

.text-left-80pc {
    margin: 0 5% 40px 5%;
    padding: 0 10% 0 20px;
    border-left: #ffffff thick solid;
}

.text-left-80pc-margin {
    margin: 0 0 40px 20%;
    padding: 0 20px 0 0;
    border-right: #ffffff thick solid;
}

.text-left-30pc {
    margin: 0 40% 40px 5%;
    padding: 0 10% 0 20px;
    border-left: #fff thick solid;
}

.picture-middle-40pc {
    /*margin: 0 340px 0 340px;*/
    width: 40%;
    border: solid 1px #aaa;
    margin: 0 auto;
}

.picture-middle-33pc {
    width: 33.3%;
    border: solid 10px #f00;
    margin: 0 auto;
}

.picture-middle-40pc img, .picture-middle-33pc img {
    margin-bottom: 0 !important;
}

/* geteilte Seite f�r Text nebeneinander*/

.nopadding {
    padding: 0;
}

.doublepadding {
    padding: 40px !important;
}

.nomargin {
    margin: 0;
}

.width-33pc {
    width: 33%;
    display: inline-block;
    padding: 20px;
    box-sizing: border-box;
    margin: 0px 8.25%;
    margin-bottom: 20px;
    vertical-align: text-top;
}

.width-35pc-border-left {
    width: 35%;
    display: inline-block;
    padding: 20px;
    box-sizing: border-box;
    margin: 0px 8.25% 0 5%;
    margin-bottom: 20px;
    vertical-align: text-top;
    border-left: #ffffff thick solid;
}

.price {
    font-size: 4em;
    padding-bottom: 20px;
}

.product-text {
    padding: 20px 0;
    border-bottom: solid thin #fff;
}

.width-50pc {
    width: 49.6%;
    display: inline-block;
    padding: 20px;
    box-sizing: border-box;
    margin: 0px;
    vertical-align: text-top;
}

.width-50pc1 {
    width: 49.6%;
    display: inline-block;
    padding: 20px;
    box-sizing: border-box;
    margin: 0px;
    vertical-align: text-top;
}

.width-50pc-border-red {
    width: 51.2%;
    display: inline-block;
    box-sizing: border-box;
    margin: 0px;
    vertical-align: text-top;
    border: solid 10px #f00;
}

.width-50pc:first-of-type {
    border-right: 10px solid #000;
}

.width-50pc1:first-of-type {
    border-right: 10px solid #fff;
}

@media (max-width: 799px) {
    .width-50pc {
        width: 100%;
    }

    .width-50pc:first-of-type {
        border-bottom: 10px solid #000;
        border-right: none;
    }

    .text-mid-50pc {
        padding: 0 0 20px 0;
    }

    .text-left-50pc {
        margin: 0 0 40px 0;
        padding: 0 10% 0 20px;
        border-left: #fff thick solid
    }

    .text-right-50pc {
        margin: 0 0 20px 0;
        padding: 0 40px 0 10%;
        border-right: #fff thick solid
    }

    .width-35pc-border-left {
        width: 100%;
    }

    .width-50pc-border-red {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

@media (max-width: 1279px) {
    .width-33pc {
        width: 50%;
        margin: 0px 25%;
        margin-bottom: 40px;
    }

    .width-33pc:last-of-type {
        margin-bottom: 0;
    }
}

@media (max-width: 477px) {
    .width-33pc {
        width: 80%;
        margin: 0px 10%;
        margin-bottom: 40px;
    }
}

.product {
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0 20px 20px 0 !important;
    border: solid thin #666666;
    box-sizing: border-box !important;
}

/*.product:last-of-type {*/
/*margin-right: 0;*/
/*}*/

.product h3, .product p {
    padding: 0 20px !important;
}

.product .button {
    width: 100%;
    box-sizing: border-box;
    background-color: #ffffff !important;
}

.product img {

}

.product-page {
    padding: 20px;
}

.woocommerce-page #content {
    box-sizing: content-box;
    padding: 40px !important;
    border: none !important;
    margin: 0;
}

.single-product .product {
    box-sizing: content-box;
    /*padding: 40px !important;*/
    border: none !important;
    margin: 0;
}

.single-product .product .product {
    box-sizing: content-box;
    padding: 0 !important;
    border: solid thin #cccccc !important;
    margin: 0 20px 20px 0 !important;
}

/*.single-product .product .product:last-of-type {*/
/*margin-right: 0;*/
/*}*/

@media screen and (min-width: 871px) {
    .woocommerce.columns-2 ul.products li.product {
        width: 30% !important;
    }
}

@media screen and (max-width: 870px) {
    li.product {
        width: 100% !important;
        float: none !important;
    }
}