@font-face
{
	font-family: 'MeineTextschrift';
	src: url('/pfad/meine-textschrift.woff2') format('woff2'),
		 url('/pfad/meine-textschrift.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'Rift-Bold';
	src: url('SHARED/fonts/rift/RiftSoft-Bold.woff2') format('woff2'),
		 url('SHARED/fonts/rift/RiftSoft-Bold') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Große Überschriften und Produktnamen */
h1,
.headline_hero,
.wrap_text_left h2,
.wrap_text_right h2,
.feature_content h1,
.shop_item_filter_title,
.item_product .product_headline,
h2,
h3,
.shop_checkout_flow_headline,
.shop_checkout_address_headline,
.shop_checkout_delivery_headline,
.shop_checkout_confirm_address_title,
.cart_drawer_headline h3
{
	font-family: 'Rift-Bold', Georgia, serif;
}

/* RELIC LOGO – DESKTOP */
.logo
{
	background-image: url('images/logo.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 250px;
	height: 60px;
	margin-bottom: 0;
}

.link_logo,
.link_logo:link,
.link_logo:visited
{
	display: block;
	width: 250px;
	height: 60px;
}


/* RELIC LOGO – TABLET */
@media screen and (min-width: 768px) and (max-width: 1199px)
{
	.logo
	{
		width: 180px;
		height: 44px;
		background-size: contain;
	}

	.link_logo,
	.link_logo:link,
	.link_logo:visited
	{
		width: 180px;
		height: 44px;
	}
}


/* RELIC LOGO – SMARTPHONE */
@media screen and (max-width: 767px)
{
	.sidebar
	{
		position: relative;
		min-height: 74px;
	}

	.logo
	{
		position: absolute;
		top: 12px !important;
		left: 50%;
		width: 140px;
		height: 50px;
		margin: 0;
		background-position: center center !important;
		background-size: contain !important;
		background-repeat: no-repeat;
		transform: translateX(-50%) !important;
		z-index: 1;
	}

	.link_logo,
	.link_logo:link,
	.link_logo:visited
	{
		display: block;
		width: 140px;
		height: 50px;
	}

	html.mm-wrapper_opened .logo
	{
		transform: translateX(-50%) !important;
	}
}

.logo,
html.mm-wrapper_opened .logo
{
	transform: none;
	transition: none;
}