/* @override
	http://praxis-fuer-naturheilkunde-berlin.de/css/basic.css #### */

	/* @group fonts */

	@font-face {
	     font-family: "TheSans";
	     src: url("../fnt/TheSansC5-5_Plain.woff2") format("woff2");
	     font-weight: normal;
	     font-style: normal;
	}

	@font-face {
	     font-family: "TheSans";
	     src: url("../fnt/TheSansC5-5iPlainItalic.woff2") format("woff2");
	     font-weight: normal;
	     font-style: italic;
	}

	@font-face {
	     font-family: "TheSans";
	     src: url("../fnt/TheSansC5-7_Bold.woff2") format("woff2");
	     font-weight: bold;
	     font-style: normal;
	}

	@font-face {
	     font-family: "TheSans";
	     src: url("../fnt/TheSansC5-5_Plain.woff2") format("woff2");
	     font-weight: normal;
	     font-style: normal;
	}

	@font-face {
	     font-family: "TheSans";
	     src: url("../fnt/TheSansC5-5iPlainItalic.woff2") format("woff2");
	     font-weight: normal;
	     font-style: italic;
	}

	@font-face {
	     font-family: "TheSans";
	     src: url("../fnt/TheSansC5-7_Bold.woff2") format("woff2");
	     font-weight: bold;
	     font-style: normal;
	}

	@font-face {
	     font-family: "FlorisText";
	     src: url("../fnt/FlorisText19-Regular.woff2") format("woff2");
	     font-weight: normal;
	     font-style: normal;
	}

	@font-face {
	     font-family: "FlorisText";
	     src: url("../fnt/FlorisText19-Bold.woff2") format("woff2");
	     font-weight: bold;
	     font-style: normal;
	}

	@font-face {
	     font-family: "FlorisText";
	     src: url("../fnt/FlorisText19-Italic.woff2") format("woff2");
	     font-weight: normal;
	     font-style: italic;
	}

	@font-face {
	     font-family: "FlorisText";
	     src: url("../fnt/FlorisText19-BoldItalic.woff2") format("woff2");
	     font-weight: bold;
	     font-style: italic;
	}

	/* @end */

	/* @group Standards */

body {
	font-style: italic;
	font: 9vw FlorisText, serif;
}

a:link, a:visited, a:active {
	color: inherit;
	text-decoration: none;
	display: block;
}

.text {
	position: absolute;
	top: 30px;
	left: 30px;
}

.image {
	width: 100vw;
	height: 100vh;
}

h1 {
	     font-weight: normal;
	color: black;
	font-style: italic;
	margin-bottom: 1em;
}

h2 {
	     font-weight: normal;
	width: 60vw;
	font-style: italic;
	color: white;
	text-align: right;
}


img {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
}