html {
	box-sizing: border-box;
}

*,
::before,
::after {
	box-sizing: inherit;
}

body {
	display: block;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: white;
}

.container {
	display: flex;
	justify-content: center;
	align-items: center;
	}

.content {
        font-family: CTR;
        font-size: 18px;
        color: #454545;
        line-height: 150%;
        text-align: left;
	hyphens: auto;
	max-width: 30em;
	position: relative;
}


@font-face {font-family:'OSCL'; src: url('fonts/OpenSansCondensed-Light.ttf') format('truetype');}
@font-face {font-family:'CUW';  src: url('fonts/CormorantUpright-Medium.ttf') format('truetype');}
@font-face {font-family:'CTI';  src: url('fonts/CrimsonText-Italic.ttf') format('truetype');}
@font-face {font-family:'CTR';  src: url('fonts/CrimsonText-Regular.ttf') format('truetype');}


a {color:DimGray;display:inline;margin:0px;padding:0px;text-decoration:none;vertical-align:baseline;}
a:hover {color:DodgerBlue ;}


/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */

h1,
nav,
nav a,
article,
footer {
	border-radius: 0px 0.5em 0.5em;
	border: 0px solid;
	padding: 10px;
	margin: 10px;
	flex: 1 100%;
	text-align: center;
}

footer {
	background: #e4ebf2;
	border-color: #8a9da8;
	display: flex;
	flex-flow: row wrap;
}

footer * {
	flex: 1 1 0%;
	justify-content: space-between;
}

footer p {
	text-align: right;
}