@font-face {
    font-family: HeaderFont;
    src: url(http://etagerie.com.dedi4693.your-server.de/wp-content/themes/etagerie/fonts/f_grotesk_book.otf) format("opentype");
}

@font-face {
    font-family: BodyFont;
    src: url(http://etagerie.com.dedi4693.your-server.de/wp-content/themes/etagerie/fonts/f_grotesk_book.otf) format("opentype");
}

body, html {
	font-size: 16px;
	line-height: 1.35;
	font-family: "BodyFont";}

@media screen and (max-width: 74.9375em) {
	.show-for-xlarge-only {
		display: none !important;
	}
}

h1,h2,h3,h4,h5,h6 {
   font-family: "HeaderFont";}

p, h2,h3 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

p, .footer .menu a {
	font-size: 11pt;
	line-height: 1.35;
	padding: 0;
}
p, .footer .menu li {
	margin-top: 1em;
	margin-bottom: 0em;
}
p.medium, .medium>p, .content-section table th, label.medium, button.medium, .menu.medium a {
	font-size: 15pt;
	line-height: 1.2;
}
p.medium, .medium>p, .content-section table th, .menu.medium li {
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0;
}
p.large, .large>p, .menu.large li {
	font-size: 22pt;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0em;
}
h2 {
	font-size: 22pt;
	line-height: 1.1;
	margin-top: 0em;
	margin-bottom: 0em;
}
h3 {
	font-size: 18pt;
	line-height: 1.2;
	margin-top: 0em;
	margin-bottom: 0em;
}

.content-area img {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2rem;
	margin-left: 0;
}

.content-area img.orbit-image {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

@media print, screen and (min-width: 40em) {
	p, .footer .menu a {
		font-size: 11pt;
		line-height: 1.35;
		padding: 0;
	}
	p, .footer .menu li {
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	p.medium, .medium>p, .content-section table th, label.medium, button.medium, .menu.medium a {
		font-size: 18pt;
		line-height: 1.2;
	}
	p.medium, .medium>p, .content-section table th, .menu.medium li {
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	p.large, .large>p, .menu.large li {
		font-size: 26pt;
		line-height: 1.2;
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	h2 {
		font-size: 26pt;
		line-height: 1.1;
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	h3 {
		font-size: 22pt;
		line-height: 1.2;
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	.content-area img {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 2rem;
		margin-left: 0;
	}
}

@media print, screen and (min-width: 64em) {
	p, .footer .menu a {
		font-size: 12pt;
		line-height: 1.35;
		padding: 0;
}
p, .footer .menu li {
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	p.medium, .medium>p, .content-section table th, label.medium, button.medium, .menu.medium a {
		font-size: 20pt;
		line-height: 1.2;
	}
	p.medium, .medium>p, .content-section table th, .menu.medium li {
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	p.large, .large>p, .menu.large li {
		font-size: 30pt;
		line-height: 1.2;
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	h2 {
		font-size: 30pt;
		line-height: 1.1;
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	h3 {
		font-size: 26pt;
		line-height: 1.2;
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	.content-area img {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 2rem;
		margin-left: 0;
	}
}

@media print, screen and (min-width: 75em) {
	p, .footer .menu a {
		font-size: 14pt;
		line-height: 1.35;
		padding: 0;
	}
	p, .footer .menu li {
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	p.medium, .medium>p, .content-section table th, label.medium, button.medium, .menu.medium a {
		font-size: 22pt;
		line-height: 1.2;
	}
	p.medium, .medium>p, .content-section table th, .menu.medium li {
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	p.large, .large>p, .menu.large li {
		font-size: 24pt;
		line-height: 1.2;
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	h2 {
		font-size: 34pt;
		line-height: 1.1;
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	h3 {
		font-size: 26pt;
		line-height: 1.2;
		margin-top: 0em;
		margin-bottom: 1.2em;
	}
	.content-area img {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 2rem;
		margin-left: 0;
	}
}

.debug-highlight h1, .debug-highlight h2, .debug-highlight h3, .debug-highlight h4, .debug-highlight h5, .debug-highlight h6, .debug-highlight p {
	background-color: yellow;
}

.debug-highlight h1 {
	font-family: Courier New;
	color: black;
}

/*.debug-highlight h1::first-letter, .debug-highlight ::first-letter, .debug-highlight h3::first-letter, .debug-highlight h4::first-letter, .debug-highlight h5::first-letter, .debug-highlight h6::first-letter, .debug-highlight p::first-letter {
	background-color: black;
	color: white;
}*/