/*
CSS für WooCommerce

Seiten von WooCommerce werden nicht dem "Standardtemplate", sondern der Template-Einstellung: "FullWidth, no sidebar(s)" zugewiesen --> #main-fullwidth
*/

/*EINZUBETTEN IN STYLE.CSS*/
#main-fullwidth{
    background:#FFF;    /*überschreiben - Hintergrundbild rechts entfernen*/
}

/*EINZUBETTEN IN WOOCOMMERCE.CSS*/

/*Buttons farblich anpassen*/
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt
{
    background-color:#23A2E3 !important;    /*cyan*/
}
.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover
{
    background-color:#23A2E3 !important;    /*cyan*/
}
.woocommerce #respond input#submit.alt.disabled,.woocommerce #respond input#submit.alt.disabled:hover,.woocommerce #respond input#submit.alt:disabled,.woocommerce #respond input#submit.alt:disabled:hover,.woocommerce #respond input#submit.alt:disabled[disabled],.woocommerce #respond input#submit.alt:disabled[disabled]:hover,.woocommerce a.button.alt.disabled,.woocommerce a.button.alt.disabled:hover,.woocommerce a.button.alt:disabled,.woocommerce a.button.alt:disabled:hover,.woocommerce a.button.alt:disabled[disabled],.woocommerce a.button.alt:disabled[disabled]:hover,.woocommerce button.button.alt.disabled,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt:disabled:hover,.woocommerce button.button.alt:disabled[disabled],.woocommerce button.button.alt:disabled[disabled]:hover,.woocommerce input.button.alt.disabled,.woocommerce input.button.alt.disabled:hover,.woocommerce input.button.alt:disabled,.woocommerce input.button.alt:disabled:hover,.woocommerce input.button.alt:disabled[disabled],.woocommerce input.button.alt:disabled[disabled]:hover
{
    background-color:#23A2E3 !important;    /*cyan*/
}

.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button
{
    color:#000 !important;                    /*schwarz*/
    background-color:#F0F0F0 !important;    /*hellgrau*/
}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover
{
    background-color:#F0F0F0 !important;    /*hellgrau*/
    color:#000 !important;                    /*schwarz*/
}
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt
{
    background-color:#23A2E3 !important;    /*cyan*/
}
.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover
{
    background-color:#23A2E3 !important;    /*cyan*/
    color:#000;                                /*schwarz*/
}
.woocommerce #respond input#submit.alt.disabled,.woocommerce #respond input#submit.alt.disabled:hover,.woocommerce #respond input#submit.alt:disabled,.woocommerce #respond input#submit.alt:disabled:hover,.woocommerce #respond input#submit.alt:disabled[disabled],.woocommerce #respond input#submit.alt:disabled[disabled]:hover,.woocommerce a.button.alt.disabled,.woocommerce a.button.alt.disabled:hover,.woocommerce a.button.alt:disabled,.woocommerce a.button.alt:disabled:hover,.woocommerce a.button.alt:disabled[disabled],.woocommerce a.button.alt:disabled[disabled]:hover,.woocommerce button.button.alt.disabled,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt:disabled:hover,.woocommerce button.button.alt:disabled[disabled],.woocommerce button.button.alt:disabled[disabled]:hover,.woocommerce input.button.alt.disabled,.woocommerce input.button.alt.disabled:hover,.woocommerce input.button.alt:disabled,.woocommerce input.button.alt:disabled:hover,.woocommerce input.button.alt:disabled[disabled],.woocommerce input.button.alt:disabled[disabled]:hover
{
    background-color:#23A2E3 !important;    /*cyan*/
}
.woocommerce #respond input#submit.disabled:hover,.woocommerce #respond input#submit:disabled:hover,.woocommerce #respond input#submit:disabled[disabled]:hover,.woocommerce a.button.disabled:hover,.woocommerce a.button:disabled:hover,.woocommerce a.button:disabled[disabled]:hover,.woocommerce button.button.disabled:hover,.woocommerce button.button:disabled:hover,.woocommerce button.button:disabled[disabled]:hover,.woocommerce input.button.disabled:hover,.woocommerce input.button:disabled:hover,.woocommerce input.button:disabled[disabled]:hover
{
    background-color:#F0F0F0 !important;    /*hellgrau*/
}

/*Info- und Errornachrichten farblich anpassen*/
.woocommerce .woocommerce-info
{
    border-left-color:#23A2E3 !important;    /*cyan*/
}
.woocommerce .woocommerce-info:before
{
    color:#23A2E3 !important;                /*cyan*/
}
.woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message
{
    background-color:#F0F0F0 !important;        /*hellgrau*/
    color:#000 !important;                        /*schwarz*/
    border-top:3px solid #23A2E3 !important;    /*cyan*/
}

/*Tabellen farblich anpassen*/
.woocommerce table.shop_table
{
    border:1px solid #414445 !important;    /*dunkelgrau*/
    color:#000 !important;                    /*schwarz*/
}
.woocommerce table.shop_table td
{
    border-top:1px solid #414445;    /*dunkelgrau*/
}
.woocommerce table.shop_table tbody th,.woocommerce table.shop_table tfoot td,.woocommerce table.shop_table tfoot th
{
    border-top:1px solid #414445 !important;    /*dunkelgrau*/
}

/*graue Boxen für Zahlung, etc. farblich anpassen*/
#add_payment_method #payment div.payment_box span.help,.woocommerce-checkout #payment div.payment_box span.help
{
    color:#414445 !important;    /*dunkelgrau*/
}
#add_payment_method #payment div.payment_box:before,.woocommerce-checkout #payment div.payment_box:before
{
    border:1em solid #dfdcde;    /*nicht ändern, weil der Pfeil sonst nicht mehr geht*/
}
#add_payment_method #payment,.woocommerce-checkout #payment
{
    background:#F0F0F0 !important;    /*hellgrau*/
}
#add_payment_method #payment ul.payment_methods,.woocommerce-checkout #payment ul.payment_methods
{
    border-bottom:1px solid #414445 !important;    /*dunkelgrau*/
}
#add_payment_method #payment div.payment_box,.woocommerce-checkout #payment div.payment_box
{
    background-color:#dfdcde;    /*dfdcde bleibt so, weil sonst Pfeil nicht mehr richtig dargestellt wird*/
    color:#414445 !important;    /*dunkelgrau*/        
}
#add_payment_method #payment div.payment_box input.input-text,#add_payment_method #payment div.payment_box textarea,.woocommerce-checkout #payment div.payment_box input.input-text,.woocommerce-checkout #payment div.payment_box textarea
{
    border-color:#F0F0F0 #F0F0F0 #F0F0F0 !important;    /*hellgrau hellgrau hellgrau*/
}
#add_payment_method #payment div.payment_box ::-webkit-input-placeholder,.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder
{
    color:#F0F0F0 !important;    /*hellgrau*/
}
    #add_payment_method #payment div.payment_box :-moz-placeholder,.woocommerce-checkout #payment div.payment_box :-moz-placeholder
{
    color:#F0F0F0 !important;    /*hellgrau*/
}
    #add_payment_method #payment div.payment_box :-ms-input-placeholder,.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder
{
    color:#F0F0F0 !important;    /*hellgrau*/
}
.woocommerce table.shop_table tbody:first-child tr:first-child td,.woocommerce table.shop_table tbody:first-child tr:first-child th
{
    border-top:0 !important;    /*doppelten border entfernen*/
}
.woocommerce table.shop_table td{
    border-top: 1px solid rgba(0,0,0,1) !important;
}

/*grüne Angebotszeichen in der Produktvorschau farblich anpassen -> magenta, außer in Bestätigungsseite*/
.woocommerce span.onsale
{
    background-color:#C70187 !important;    /*magenta*/
}

/*grüne Schriften farblich anpassen --> cyan*/
.woocommerce ul.products li.product .price
{
    color:#23A2E3 !important;    /*cyan*/
}
.woocommerce ul.products li.product .price .from
{
    color:rgba(65,68,69,.5) !important;    /*dunkelgrau 50% transparent*/
}
.woocommerce div.product p.price,.woocommerce div.product span.price
{
    color:#23A2E3 !important;    /*cyan*/
}
.woocommerce div.product .stock
{
    color:#23A2E3 !important;    /*cyan*/
}

/*Schriftfarbe von Links beim Hovern farblich anpassen -> rot, außer Buttons sollen gleich bleiben*/
.woocommerce ul.products li.product a
{
    color:#555555 !important;    /*dunkelgrau von woocommerce*/
}
.woocommerce ul.products li.product a:hover{
    color:#D00101 !important;    /*rot von woocommerce*/
}
.woocommerce ul.products li.product a.button:hover{        /*Buttons beim Hovern nicht magenta färben*/
    color:#000000 !important;    /*magenta*/
}

/*Eingabefeld für Gutscheincode verbreitern, damit Wort "Gutscheincode" Platz hat*/
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
    width:100px !important;
}

/*Text von Bewertung weiter nach rechts verschieben, dass Text nicht ins Bild steht*/
.woocommerce #reviews #comments ol.commentlist li .comment-text{
    margin:0 0 0 100px !important;
}

/*EINZUBETTEN IN DEFAULTS.CSS*/
/*Kopfzeile in Formulare farblich anpassen*/
thead th{
    background:#F0F0F0 !important;    /*hellgrau*/
}

/*IN USER-AGENT-STYLE-SHEET*/
/*Vorschaubild in Lightbox ausblenden*/
.pp_gallery div ul{
    display:none;
}

/*Uploader mit mehr Abstand zu anderen Objekten (divs) machen*/
#wufdc_div{
    margin-top:30px;
    margin-bottom:30px;
}

/*h3 mit margin-top:30*/
h3{
    margin-top:30px;
}

/*Aufzählungen mit größerem Zeilenabstand*/
ul{
    line-height:1.5;
}