@font-face {
	font-family: 'Badhouse';
	src: url('/BadhouseBold.otf') format('opentype'),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TradeGothic';
	src: url('/TradeGothicBoldCondensedNo20.otf') format('opentype'),
	font-weight: normal;
	font-style: normal;
}
html, body {
	background-color: #f8f8f8 !important;
}
.logo {
	width: 150px;
	ratio: 1;
}
header {
	position: sticky;
	top: 0;
	z-index: 1;
	#background-color: #f8f8f8;
	background-color: var(--darkgrey);
}
#title {
	height: 4rem;
	background-color: var(--darkgrey-light);
	color: white;
}
#title h1 {
	font-family: 'Badhouse' !important;
}
#title a {
	color: white !important;
}	
footer {
	position: sticky;
	bottom: 0;
	z-index: 1;
	#background-color: #f8f8f8;
	background-color: var(--darkgrey);
}
.product-offer .price_wrapper .price {
	color: var(--brandcolor2) !important;
	font-family: 'Badhouse' !important;
	margin-bottom: 1rem;
}
:root {
	--primary: var(--brandcolor1) !important;
}
body {
	font-family: 'Arial' !important;
	color: var(--darkgrey-dark) !important;
}
h1, h2, h3 {
	font-family: 'TradeGothic' !important;
}
button.btn-primary {
	background-color: var(--brandcolor1) !important;
	color: white !important;
}
button[name=inWarenkorb] {
	background-color: var(--brandcolor2) !important;
	color: white !important;
	font-family: 'Badhouse' !important;
}
#product-offer .product-info .stock-information.stock-information-p {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
#product-offer .product-info .stock-information {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	align-items: flex-end;
}
.estimated-delivery {
	color: #707070;
	font-size: 0.75rem;
	display: inline-block;
}
.price_wrapper {
	margin-bottom: 1.5rem;
}
.price-note {
	font-size: 14px;	
}
a {
	color: var(--brandcolor2-darker) !important;
}
.configurator__variation .variation.selected:not(.disabled):hover {
	outline-color: var(--brandcolor1-darker) !important;
}
.configurator__variation .variation.selected {
	outline-color: var(--brandcolor1) !important;
}
.configurator__variation .variation:not(.disabled):hover {
	outline-color: var(--brandcolor1-lighter) !important;
}