:root {
    --primary-color: #14387f;
    --primary-color-transparent-70: rgba(20, 56, 127, 0.7);
    --primary-color-transparent-50: rgba(20, 56, 127, 0.5);
    --primary-color-transparent-30: rgba(20, 56, 127, 0.3);
    --primary-color-transparent-10: rgba(20, 56, 127, 0.10);
    --secondary-color: #406cb2;
    --secondary-color-hover: rgba(64, 108, 178, 0.8);
    --inactive-color: #808080;
}

/***** general *****/ 

div#primaryLogo img {
    height: 30px;
    margin-top: 5px;
}

.woocommerce-MyAccount-content .woocommerce-Button.wc-forward.button {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

html .startIllustrationWrapper {
    background-image: none;
}

/* Start page */
.startpage a.coursesLink {
    margin-right: 10px;
}

/* Bestellungen */

.woocommerce-view-order section.woocommerce-customer-details {
    display: none;
}

/* hide language flags */

.mainNavLinkIcon .wpml-ls-flag {
    display: none;
}
.mainNavLinkIcon .wpml-ls-legacy-list-vertical .wpml-ls-flag+span {
    margin-left: 0;
}

/***** woocommerce *****/

.cart_totals tr.cart-subtotal {
    display: none;
}
#container .woocommerce .cart_totals .order-total {
    border-radius: var(--border-radius);
}
#container .woocommerce .cart_totals .order-total th {
    border-top-left-radius: var(--border-radius);
    background-color: #fff;
}
#container .woocommerce .cart_totals .order-total td {
    border-top-right-radius: var(--border-radius);
    background-color: #fff;
}
.woocommerce-checkout-review-order-table tr.cart-subtotal {
    display: none;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr:first-child {
    display: none; /* Kaufabschlussseite */
}
th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-status, 
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status {
    display: none;
}
/* X bzw. loeschen im Warenkorb vergroessern */
.woocommerce-cart-form__cart-item a.remove {
    font-size: 50px;
    margin-right: -40px;
}

/* Buttons weisse Schrift auf Blau ohne Border */
html body .woocommerce-Button, html body .woocommerce .button {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border: none !important;
    font-weight: bold !important;
}
html body .woocommerce-Button:hover, html body .woocommerce .button:hover {
    background-color: var(--secondary-color) !important;
}
.tertiaryButton {
    background-color: var(--primary-color);
    color: #fff;
}
.tertiaryButton:hover {
    background-color: var(--secondary-color);
    color: #fff !important
}
.tertiaryButton i:before {
    color: #fff !important;
}
a.singleEventButtonLink {
    background-color: var(--primary-color);
}
a.singleEventButtonLink i:before {
    color: #fff !important;
}
a.singleEventButtonLink:hover,
.eventOverviewTable .singleEvent:hover .singleEventContentInner .singleEventButtonLink {
    background-color: var(--secondary-color);
}

/* Produktpreis Schriftgroesse auf single product Seite aendern */
.customSingleProductPage  h1.productPrice {
    font-size: 24px;
}


/* medie queries */

@media(max-width: 480px) {
    .startTextWrapper {
        margin-left: 30px;
        margin-right: 30px;
    }
    div#primaryLogo img {
        height: 20px;
        margin-top: 10px;
    }
    .header #headerLinks .mainNavLinkIcon {
        padding: 0px 8px;
    }
}


/* voruebergehend */

html div.woocommerce .checkout-button,
body.woocommerce-checkout #place_order {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

body.woocommerce-checkout #place_order:hover,
html div.woocommerce .checkout-button:hover {
    background-color: var(--secondary-color) !important;
}