@font-face {
    font-family: Martel;
    src: url(/fonts/Martel-Regular.ttf);
}

@font-face {
    font-family: Lato;
    src: url(/fonts/Lato-Regular.ttf)
}


.font-serif {
	font-family: Martel;
}

.font-sans {
	font-family: Lato;
}

body {
	margin: 0;
	font-family: Martel;
}

main {
	margin: 25px 0;
	margin-bottom: 50px;
}

h1 {
	font-family: Lato;
	margin-bottom: 1em;
}

h2 {
	font-family: Lato;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	font-family: Lato;
	margin-top: 1em;
	margin-bottom: 1em;
}

h4 {
	font-size: 1em;
	font-family: Lato;
	font-weight: bold;
}

p {
	font-family: Martel;
}

#item-price {
	font-size: 2em;
}

a {
	color: black;
	text-decoration: underline;
}

a:hover {
	color: #6c757d;
	text-decoration: underline;
}


.square {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.square:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.square div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}



.shop-overview-item {
	text-align: center;
}

.shop-overview-item a {
	text-decoration: none;
}

.shop-overview-item img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.shop-overview-item .item-title {
	margin-top: .5em;
	font-size: 1.2em;
}

.shop-overview-item .item-type {
	font-size: .8em;

.de:lang(en) {display: None;}