@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Akkurat-Bold';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/a6e3eac4d6d610b1510dbf881db6a087.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-family: 'Nimbus Sans L';
    src: url('../fonts/NimbusSanL-RegIta.eot');
    src: url('../fonts/NimbusSanL-RegIta.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NimbusSanL-RegIta.woff2') format('woff2'),
        url('../fonts/NimbusSanL-RegIta.woff') format('woff'),
        url('../fonts/NimbusSanL-RegIta.ttf') format('truetype'),
        url('../fonts/NimbusSanL-RegIta.svg#NimbusSanL-RegIta') format('svg');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}
@font-face {
	font-display: swap;
    font-family: 'Nimbus Sans L';
    src: url('../fonts/NimbusSanL-Bol.eot');
    src: url('../fonts/NimbusSanL-Bol.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NimbusSanL-Bol.woff2') format('woff2'),
        url('../fonts/NimbusSanL-Bol.woff') format('woff'),
        url('../fonts/NimbusSanL-Bol.ttf') format('truetype'),
        url('../fonts/NimbusSanL-Bol.svg#NimbusSanL-Bol') format('svg');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Nimbus Sans L';
    src: url('../fonts/NimbusSanL-Reg.eot');
    src: url('../fonts/NimbusSanL-Reg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NimbusSanL-Reg.woff2') format('woff2'),
        url('../fonts/NimbusSanL-Reg.woff') format('woff'),
        url('../fonts/NimbusSanL-Reg.ttf') format('truetype'),
        url('../fonts/NimbusSanL-Reg.svg#NimbusSanL-Reg') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Nimbus Sans L';
    src: url('../fonts/NimbusSanL-BolIta.eot');
    src: url('../fonts/NimbusSanL-BolIta.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NimbusSanL-BolIta.woff2') format('woff2'),
        url('../fonts/NimbusSanL-BolIta.woff') format('woff'),
        url('../fonts/NimbusSanL-BolIta.ttf') format('truetype'),
        url('../fonts/NimbusSanL-BolIta.svg#NimbusSanL-BolIta') format('svg');
    font-weight: bold;
    font-style: italic;
	font-display: swap;
}
/* Material Icons */
@font-face {
	font-family: 'Material Icons Outlined';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('../fonts/MaterialIconsOutlined-Regular.eot'); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIconsOutlines-Regular'),
		url('../fonts/MaterialIconsOutlined-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/MaterialIconsOutlined-Regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/MaterialIconsOutlined-Regular.woff') format('woff'), /* Modern Browsers */
}
.material-icons-outlined {
	font-family: 'Material Icons Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;	
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;	
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;	
	/* Support for IE. */
	font-feature-settings: 'liga';
	font-variation-settings:
	'FILL' 0,
	'wght' 600,
	'GRAD' 0,
	'opsz' 24
}
html {
	--remMin: 10px;
	--remMax: 20px;
	--rem: calc(10px + (20 - 10) * (100vw - 320px) / (1920 - 320));
	--emMin: 15px;
	--emMax: 20px;
	--em: calc(15px + (20 - 15) * (100vw - 320px) / (1920 - 320));
	--emLMin: 24px;
	--emLMax: 56px;
	--emL: calc(24px + (56 - 24) * (100vw - 320px) / (1920 - 320));
	--emXLMin: 28px;
	--emXLMax: 96px;
	--emXL: calc(28px + (96 - 28) * (100vw - 320px) / (1920 - 320));
	--isWhite: #FFFFFF;
	--isHighlight: #ceff00;
	background-color: var(--isWhite);
	font-size: var(--remMin);
}
body {
	font-family: 'Akkurat-Bold', sans-serif;
    font-family: 'Nimbus Sans L', sans-serif;
	font-weight: 700;
	font-size: var(--emMin);
}
.btn_submit,
.btn-cancel,
a,
.button {
	color: inherit;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}
a:hover,
a:active,
a:focus,
a:visited {
	color: inherit;
	text-decoration: none;
}
a.skew:hover {
	transform: skewX(-45deg);
}
.button,
a.button {
	cursor: pointer;
	background-color: #fff;
	color: #000;
	text-transform: uppercase;
	font-weight: 400;
	border: 1px solid #000;
	display: block;
	text-align: center;
	font-size: .9em;
	letter-spacing: .03em;
	padding: 1em;
	width: calc(100% - 2em - 2px);
	text-decoration: none !important;
}
.button:hover,
a.button:hover {
	transform: skewX(0);	
	background-color: var(--isHighlight);
	border: 1px solid var(--isHighlight);
}
h1, h2, h3, h4, h5, h6 {
	display: block;
	max-width: 100%;
	font-weight: 700;
}
h1,
h2,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce-variation-price .woocommerce-Price-amount,
h3#order_review_heading {
	font-size: var(--emLMin);
	line-height: 1.1;
	margin: 0 0 2rem 0;
	letter-spacing: -.025em;
}
h3 {
	line-height: 1.4;
	font-size: 1em;
	margin: 1.5em 0 0 0;
}
h4 {
	line-height: 1.4;
	font-size: 1em;
	margin: 1em 0 0 0;
}
p, ol, ul {
	line-height: 1.4;
	font-size: 1em;
	margin: 1em 0;
}
h3 ~ p,
h4 ~ p {
	margin-top: 0;
}
.fs-menu a,
p.isLarge {
	font-size: var(--emXLMin);
	line-height: 1;
	letter-spacing: -.025em;
}
p:has(a.button) {
	margin: 2rem 0;
}
p.isSmall {
	font-size: .75em;
}
@media only screen and (min-width: 320px) {
	html {
		font-size: var(--rem);
	}
	body {
		font-size: var(--em);
	}
	h1, h2, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce-variation-price .woocommerce-Price-amount, h3#order_review_heading {
		font-size: var(--emL);
	}
	.fs-menu a,
	p.isLarge {
		font-size: var(--emXL);
	}
}
@media only screen and (min-width:  1920px) {
	html {
		font-size: var(--remMax);
	}
	body {
		font-size: var(--emMax);
	}
	h1, h2, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce-variation-price .woocommerce-Price-amount, h3#order_review_heading {
		font-size: var(--emLMax);
	}
	.fs-menu a,
	p.isLarge {
		font-size: var(--emXLMax);
	}
}


/* ----- Produkt Awards ----- */
.awards {
	margin: 1em 0 2rem 0;
}
.awards-i {
	padding: 0-3px;
}
.awards-c {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.awards .award {
	margin: 3px;
	height: 2rem;
}
.awards .award img {
	height: 100%;
	width: auto;
	mix-blend-mode: multiply;
}
@media only screen and (min-width: 800px) {
	.awards-i {
		padding: 0 -5px;
	}
	.awards .award {
		height: 3rem;
		margin: 5px;
	}
}

/* -------------------- First & Last Child -------------------- */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, ul:first-child, ol:first-child, p:has(a.button):first-child {
    margin-top: 0;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, p:has(a.button):last-child {
    margin-bottom: 0;
}