/* =========================================================
   Fonts
========================================================= */

@font-face {
    font-family: 'Islington';
    src: url('assets/fonts/woff2/Islington-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Islington Regular Italic';
    src: url('assets/fonts/woff2/Islington-RegularItalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Islington Extended';
    src: url('assets/fonts/woff2/Islington-ExtendedBlack.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Islington Extended Regular';
    src: url('assets/fonts/woff2/Islington-ExtendedBlack.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Islington-CondensedLight';
    src: url('assets/fonts/woff2/Islington-CondensedLight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Islington-CondensedLightItalic';
    src: url('assets/fonts/woff2/Islington-CondensedLightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


/* =========================================================
   TYPOGRAPHY RESET
========================================================= */

.woocommerce,
.woocommerce * {
	font-size: inherit;
	line-height: inherit;
	font-family: "Islington", serif;
	font-weight: normal;
	letter-spacing: inherit;
}

/* =========================================================
   PRODUCT TYPOGRAPHY
========================================================= */

.single-product .shop-pages,
.single-product .shop-pages p,
.single-product .shop-pages li,
.single-product .shop-pages span,
.single-product .shop-pages div,
.single-product .shop-pages label,
.single-product .shop-pages a,
.single-product .td,
.single-product .th,

.shop-archive p,
.shop-archive li,
.shop-archive span,
.shop-archive div,
.shop-archive label,
.shop-archive a,
.shop-archive h2

{
    font-size: 19.2px;
    line-height: 1.3;
	font-weight: normal;
}





/* =========================================================
   PRICE
========================================================= */

.single-product .price,
.single-product .price * {
	font-size: 16px;
	font-weight: normal;
	color: #000;
}

/* =========================================================
   STOCK
========================================================= */

.single-product .stock,
.single-product .stock * {
	font-size: 16px;
	font-weight: normal;
	color: #000;
}

/* =========================================================
   VARIATIONS
========================================================= */

.single-product .variations,
.single-product .variations * {
	font-size: 16px;
	font-weight: normal;
}

/* =========================================================
   WOO MESSAGES
========================================================= */

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;

	background: transparent;
	border: 0;
	padding: 0;
	margin: 0 0 24px;
	color: #000;
}

.woocommerce-message *,
.woocommerce-error *,
.woocommerce-info * {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

/* =========================================================
   BUTTONS
========================================================= */

.woocommerce button,
.woocommerce .button,
.woocommerce input.button,
.woocommerce a.button,
.single_add_to_cart_button {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
}

/* =========================================================
   TABLES
========================================================= */

.woocommerce table,
.woocommerce table * {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
}

/* =========================================================
   FORM ELEMENTS
========================================================= */

.woocommerce input,
.woocommerce select,
.woocommerce textarea {
	font-size: 16px;
	font-weight: normal;
	font-family: inherit;
}

/* =========================================================
   GERMANIZED
========================================================= */

.wc-gzd-additional-info,
.wc-gzd-additional-info * {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	color: #000;
}

/* =========================================================
   Base
========================================================= */

:root {
    --color-bg: #e9ecd7;
    --color-text: #000;
    --color-accent: fuchsia;

    --space-xs: .5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;

    --container-single: 900px;
    --container-gallery: 1000px;

    --font-base: 'Islington', serif;
    --font-condensed: 'Islington', serif;
    --font-condensed-italic: 'Islington', serif;
    --font-extended: 'Islington', serif;
}

* {
    box-sizing: border-box;
}

html {
    margin-top: 0 !important;
}

body {
    margin: 1rem 1rem 0;
    background: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-base);
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
}

em {
    font-family: 'Islington Regular Italic';
}

strong {
    font-family: "Islington Extended"
}

/* =========================================================
   Layout
========================================================= */

.page-wrap {
    margin-top: 7rem;
}

.products {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.products .product {
    list-style: none;
    margin-bottom: 25vh;
    display: flex;
    justify-content: center;
}

.produkt-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

/* =========================================================
   Navigation
========================================================= */

.shop-nav {
    font-size: clamp(1.5rem, 4vw, 3rem);
    font-family: var(--font-condensed);
    position: relative;
}

.shop-titel {
    margin: 0;
    font-size: inherit;
    font-weight: normal;
}

.werkstatt-link {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.woocart {
    position: absolute;
    right: 8rem;
    top: 0;
    font-family: 'Islington-CondensedLightItalic';
    font-style: italic;
}

.language-switch-shop {
    position: absolute;
    right: 1.5rem;
    top: 0;
}

/* =========================================================
   Motto
========================================================= */

.motto {
    position: absolute;
    top: 6rem;
    left: 4rem;
    z-index: 11;

    font-size: clamp(4rem, 10vw, 9rem);
    line-height: .9;

    font-family: 'Islington-CondensedLightItalic';
    font-style: italic;
    pointer-events: none;

}

/* =========================================================
   Product Archive
========================================================= */

.produkt__bild {
    width: 100%;
    max-width: 850px;
}

.produkt__bild.sehr-klein {
    max-width: 300px;
}

.produkt__bild.klein {
    max-width: 450px;
}

.produkt__bild.mittel {
    max-width: 650px;
}

.produkt__info {
    margin-top: 1rem;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.produkt__info h2 {
    margin: 0;
    font-size: inherit;
    font-weight: normal;
}

.price,
.price *,
.woocommerce-Price-amount {
    color: #000;
}

.produkt__info .price {
    margin: 0;
    white-space: nowrap;
}

/* =========================================================
   Single Product
========================================================= */

.single-product .product {
      width: 900px;
    margin-left: auto;
    margin-right: auto;
} 

.single-product .product {
    margin-bottom: 5rem;
}

.single-product .titel {
    font-size: 2rem;
    font-family: 'Islington Extended Regular';
}

.single-product__bilder {
    max-width: var(--container-gallery);
}

.single-product__bilder img {
    margin-bottom: 2rem;
}

.single-product__info {
    font-size: 19.2px;
    line-height: 1.3;
}

.single-product .quantity {
    display: none;
}

.single-product ul {
    padding: 0;
}

/* =========================================================
   Info List
========================================================= */

.info-liste li {
    display: flex;
}

.info-liste li p {
    margin: 0 0 .5rem;
}

.info-liste li p:first-child {
    min-width: 150px;
    margin-right: .5rem;
}

/* =========================================================
   WooCommerce Cleanup
========================================================= */

.related,
.posted_in,
.product-thumbnail,
.ajax_add_to_cart,
.product_type_simple,
.woocommerce-placeholder,
.price-unit,
.product-units,
.woocommerce-breadcrumb {
    display: none;
}

.woocommerce-product-gallery__wrapper {
    display: none;
}

.woocommerce a {
    color: inherit;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    color: #000;
    border-top: none;
    padding: 1em 2em 1em 1.5em;
    display: flex;
    flex-direction: column-reverse;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    display: none;
}

.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
    margin-left: 0;
    float: none;
}

.woocommerce-info {
    border-top-color: #000;
}

/* =========================================================
   Variations
========================================================= */

.variations {
    margin-block: 20px;
}

.variations * {
    max-width: 400px;
    vertical-align: top;
}

.variations .label {
    padding-right: 10px;
}

.reset_variations {
    display: block;
    margin-top: 10px;
}

/* =========================================================
   Buttons
========================================================= */

.single_add_to_cart_button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
    appearance: none;
    border: 0;
    background: none;

    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 125px;

    padding: 1rem;

    width: 300px;
    aspect-ratio: 3.1;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;

    color: #000;
    text-align: center;
    cursor: pointer;

    --b: 1px;
    --s: 20px;

	    font-family: inherit;
    font-weight: normal;

}

.single_add_to_cart_button::before,
.woocommerce button.button.alt::before,
.woocommerce a.button.alt::before,
.woocommerce input.button.alt::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    background: #000;

    --g1: #000 var(--b), #0000 0 calc(100% - var(--b)), #000 0;

    --g2:
        #0000 calc(.707 * var(--s)),
        #000 0 calc(.707 * var(--s) + var(--b)),
        #0000 0 calc(100% - .707 * var(--s) - var(--b)),
        #000 0 calc(100% - .707 * var(--s)),
        #0000 0;

    -webkit-mask:
        linear-gradient(45deg, var(--g2)),
        linear-gradient(-45deg, var(--g2)),
        linear-gradient(90deg, var(--g1)) 50% / 100% calc(100% - 2 * var(--s)) no-repeat,
        linear-gradient(180deg, var(--g1)) 50% / calc(100% - 2 * var(--s)) 100% no-repeat;
}

.single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover {
    color: var(--color-accent);
    background: none;
}

/* =========================================================
   Checkout
========================================================= */

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
#order_payment_heading,
#order_review_heading {
    margin-top: 50px;
    margin-bottom: 20px;
    text-decoration: underline;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment,
.woocommerce-checkout .shop_table {
    background: #f3f3f3;
}

.woocommerce form .form-row {
    margin-bottom: 15px;
}

.woocommerce table.shop_table th {
    font-family: 'Islington Extended Regular';
}

.woocommerce table.shop_table td {
    min-height: 1.5rem;
}

/* =========================================================
   Footer
========================================================= */

footer {
    margin-top: 2rem;

    padding-block: 2rem;

    display: flex;
    flex-direction: row;

    background: #000;
    color: #fff;

    margin-left: -1rem;
    width: calc(100% + 2rem);
}

footer a {
    color: #fff;
}

footer li {
    margin: .5rem;
    list-style: none;
}

/* =========================================================
   Responsive
========================================================= */

@media (max-width: 950px) {

    .shop-nav {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 1rem;
    }

    /* .shop-nav h1 {
        font-size: 1.5rem;
    } */

    .shop-nav div {
        position: relative !important;
        inset: auto !important;
        transform: none;
    }

    .motto {
        top: 12rem;
    }

    /* .produkt__bild,
    .single-product__bilder,
    .single-product {
        width: 100%;
        max-width: 100%;
    } */

    .single_add_to_cart_button,
    .woocommerce button.button.alt,
    .woocommerce a.button.alt,
    .woocommerce input.button.alt {
        width: 250px;
        margin-left: 0;
    }

    .variations * {
        max-width: 200px;
    }

.single-product .product {
    width: 100%;
}

}



/* =========================================================
   Stock
========================================================= */

.stock,
.in-stock,
.out-of-stock,
.available-on-backorder{
	margin-top: .5rem;

	font-size: .95rem;
	line-height: 1.2;

	color: #000;
}

.in-stock{
	color: #000;
}

.out-of-stock{
	color: red;
}

.available-on-backorder{
	color: #000;
}

/* =========================================================
   Variation Form
========================================================= */

.variations_form{
	margin-top: 2rem;
}

.variations{
	width: 100%;
	border-collapse: collapse;
}

.variations tbody{
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.variations tr{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.variations td{
	padding: 0;
}

.variations .label{
	min-width: 120px;

	padding-top: .5rem;
	padding-right: 1rem;

	font-weight: normal;
}

.variations .value{
	flex: 1;
	min-width: 220px;
}

.woocommerce div.product form.cart .variations label{
	font-weight: normal;
}

/* =========================================================
   Selects
========================================================= */

.variations select{
	width: 100%;
	max-width: 400px;

	padding: .5rem .75rem;

	background: transparent;

	border: 1px solid #000;
	border-radius: 0;

	font: inherit;
	color: #000;

	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.variations select:focus{
	outline: none;
	border-color: fuchsia;
}

/* =========================================================
   Reset Variations
========================================================= */

.reset_variations{
	display: inline-block;

	margin-top: .75rem;

	font-size: .9rem;

	text-decoration: underline;
}

/* =========================================================
   Variation Price
========================================================= */

.single_variation_wrap{
	margin-top: 2rem;
}

.single_variation .price{
	margin-bottom: 1rem;

	font-size: 1.2rem;
	font-family: var(--font-extended);

	color: #000;
}

/* =========================================================
   Quantity
========================================================= */

.quantity{
	display: flex;
	align-items: center;

	margin-bottom: 1rem;
}

.quantity input.qty{
	width: 80px;

	padding: .5rem;

	border: 1px solid #000;
	border-radius: 0;

	background: transparent;

	font: inherit;
	color: #000;
}

/* =========================================================
   Add To Cart Wrapper
========================================================= */

.single_variation_wrap .woocommerce-variation-add-to-cart{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* =========================================================
   Variation Description
========================================================= */

.woocommerce-variation-description{
	margin-bottom: 1rem;

	font-size: .95rem;
	line-height: 1.4;
}

/* =========================================================
   Disabled State
========================================================= */

.single_add_to_cart_button.disabled,
.single_add_to_cart_button:disabled{
	opacity: .3;
	cursor: not-allowed;
}

/* =========================================================
   Mobile
========================================================= */

@media (max-width: 950px){

	.variations tr{
		flex-direction: column;
	}

	.variations .label{
		margin-bottom: .25rem;
	}

	.variations .value{
		width: 100%;
	}

	.variations select{
		max-width: 100%;
	}

}




.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock{
	color: #000;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover{
	background: none;
	color: gray;
}

/* =========================================================
   WooCommerce Messages
========================================================= */

.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
	position: relative;

	margin-bottom: 2rem;
	padding: 1.25rem 1.5rem;

	background: transparent;

	border: 1px solid #000;
	border-radius: 0;
	box-shadow: none;

	color: #000;

	font-family: var(--font-base);
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.4;
}

/* remove woo icons */

.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before{
	display: none;
}

/* remove woo top border */

.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
	border-top-width: 1px;
}

/* message links */

.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a{
	color: inherit;

	font-family: inherit;
	font-weight: normal;

	text-decoration: underline;
}

/* buttons inside notices */

.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button{
	display: inline-flex;
	align-items: center;
	justify-content: center;

	margin-top: 1rem;
	margin-left: 0;
	margin-right: 1rem;
	float: none;

	padding: .5rem 1rem;

	background: transparent;

	border: 1px solid #000;
	border-radius: 0;

	color: #000;

	font-family: var(--font-base);
	font-size: .95rem;
	font-weight: normal;

	cursor: pointer;
}

/* hover */

.woocommerce-message .button:hover,
.woocommerce-error .button:hover,
.woocommerce-info .button:hover{
	background: #000;
	color: #fff;
}

/* lists */

.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li{
	margin-bottom: .5rem;

	font-family: var(--font-base);
	font-weight: normal;
}

/* checkout notices */

.woocommerce-checkout .woocommerce-info{
	margin-bottom: 1.5rem;
}

/* success */

.woocommerce-message{
	border-color: #000;
}

/* error */

.woocommerce-error{
	border-color: red;
}

/* info */

.woocommerce-info{
	border-color: #000;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
    font-weight: normal;
    font-size: inherit;
}

.single-product .titel{
    font-size: 2rem;
    font-weight: bold;
    font-family: "Islington Extended Regular";
}

.woocommerce strong {
    font-family: 'Islington Extended';
        font-weight: bolder;
}

.woocommerce-message a{
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.cart-count{
    font-size: 90%;
}


.woocommerce div.product{
    margin-bottom: 25vh;
}


a:hover{
    color:fuchsia;
}