/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/**
 * Cookie CSS Start
 */
 #mtc-cookieBanner {
	padding: 5em 5em 5em 5em;
	position: fixed;
	top: 10%;
	max-height: 60%;
	display: none;
	overflow: auto;
}
#mtc-cookieInner {
	max-height: 50%;
	overflow: auto;
	padding: 1em 1em 1em 1em;

	display: block;
	border: 5px solid rgba(1,44,87,1);
	background-color: rgba(255, 255, 255, 0.9);
}
#mtc-cookieBanner:after {
	clear: both;
}
#cookieOk {
    display: inline-block;
    text-align: center;
    word-break: break-word;
    background-color: var(--wp--preset--color--primary);
    color: #fff;
    border: 1px solid var(--wp--preset--color--black);
    padding: 1rem 2rem;
    margin-top: 1rem;
    text-decoration: none;
    font-size: medium;
    cursor: pointer;
}
#cookieOk:hover {
	color: var(--wp--preset--color--white);
    text-decoration: underline;
}

/**
 * Produkt Filter Start
 */
.mtc_filter{
	display: inline;
}

.mad-shop-filter-form{
    text-align: left; 
}

span.mtc-filter-inactiv-button {
    display: inline-block;
    text-align: center;
    word-break: break-word;
    background-color: var(--wp--preset--color--tertiary);
    color: #BFCCD6;
    border: 1px solid var(--wp--preset--color--white);
    padding: 1rem 2rem;
    margin-top: 1rem;
    text-decoration: none;
    font-size: medium;
}

span.mtc-filter-inactiv-button img{
    opacity: 30%;
}

.mtc-filter-activ-button {
    display: inline-block;
    text-align: center;
    word-break: break-word;
    background-color: var(--wp--preset--color--cyan-bluish-gray);
    color: #000;
    border: 1px solid var(--wp--preset--color--black);
    padding: 0rem 2rem;
    margin-top: 1rem;
    text-decoration: none;
    font-size: medium;
}

span.mtc-filter-description {
    display: inline-block;
    text-align: center;
    word-break: break-word;
    background-color: var(--wp--preset--color--cyan-bluish-gray);
    color: #000;
    border: 1px solid var(--wp--preset--color--black);
    padding: 1rem 2rem;
    margin-top: 1rem;
    text-decoration: none;
    font-size: medium;
	width: 80px
}

span.mtc-filter-description.mtc-pa_form {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    word-break: break-word;
    background-color: var(--wp--preset--color--cyan-bluish-gray);
    color: #000;
    border: 1px solid var(--wp--preset--color--black);
    padding: 2.9rem 2rem 2.9rem;
    margin-top: 1rem;
    text-decoration: none;
    font-size: medium;
	width: 80px
}


span.mtc-pa_guete, span.mtc-pa_mass {
    display: inline-block;
    text-align: center;
    word-break: break-word;
    background-color: var(--wp--preset--color--cyan-bluish-gray);
    color: #000;
    border: 1px solid var(--wp--preset--color--black);
    padding: 0rem 2rem;
    margin-top: 1rem;
    text-decoration: none;
    font-size: medium;
	width: 80px
}

a.button.mtc-pa_guete, a.button.mtc-pa_mass {
    display: inline-block;
    text-align: center;
    word-break: break-word;
    background-color: var(--wp--preset--color--primary);
    color: #fff;
    border: 1px solid var(--wp--preset--color--white);
    padding: 0rem 2rem;
    margin-top: 1rem;
    text-decoration: none;
    font-size: medium;
}

a.button.mtc-pa_form, a.button.mtc-pa_material {
    display: inline-block;
    text-align: center;
    word-break: break-word;
    background-color: var(--wp--preset--color--primary);
    color: #fff;
    border: 1px solid var(--wp--preset--color--white);
    padding: 1rem 2rem;
    margin-top: 1rem;
    text-decoration: none;
    font-size: medium;
    cursor: pointer;
}

.woocommerce .woocommerce-products-header h1.page-title {
    text-align: center;
    margin-bottom: 0;
    font-family: var(--wp--preset--font-family--system-font);
    font-weight: 600;
}

h1 {
    font-family: var(--wp--preset--font-family--system-font);
    font-size: var(--wp--custom--typography--font-size--colossal);
    font-weight: 400;
    line-height: var(--wp--custom--typography--line-height--tiny);
}