p, b, i, td, h1, h2, h3, h4, h5, h6, span, div, dt, dl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, td, tr, th, span, div, dt, dl {
	font-size: 10pt
}

div.container {
	max-width: 900px;
	margin: 20px auto 0 auto;
}

div.top {
	border: 1px dotted darkgray;
}

div.top > h1 {
	font-size: 16pt;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
}

div.personalData {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 10px auto 20px auto;
}


div.personalData div.left,
div.personalData div.right {
	flex: 1 1 auto;
	display: table;
	padding: 12px 12px;
	max-width: 350px;
}

div.row {
	display: table-row;
}
div.title {
	display: table-cell;
}
div.content {
	display: table-cell;
	padding: 4px 10px 0px 10px;
}

div.websites{
	display: flex;
	flex-wrap: wrap;
	border: 0 dotted darkgray;
	border-left-width: 1px;
}

div.german,
div.english {
	flex: 1 1;
	padding: 25px 30px 30px 25px;
	border-style: dotted;
	border-color: darkgray;
	border-width: 0 1px 1px 0;
}

p {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 8pt;
}

div.websites h1 {
	font-size: 10pt;
	margin-top: 10px;
	margin-bottom: 3px;
	font-weight: bold;
}

div.websites h2 {
	font-size: 10pt;
	margin-top: 15px;
	margin-bottom: 0px;
	font-weight: bold;
}

a {
	color: #0066CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.url {
	color: gray;
	font-size: 8pt;
}

div.footer {
	margin-top: 5px;
	font-size: 9pt;
	text-align: center;
}

div.gdprContainer {
	max-width: 500px;
	padding: 10px;
}

div.gdprContainer h1 {
	font-size: 14pt;
}

div.gdprContainer h2 {
	font-size: 12pt;
	margin: 40px 0 20px 0;
}

div.gdprContainer p {
	font-size: 10pt;
	margin: 20px 0 20px 0;
}
div.gdprContainer ul {
	font-size: 10pt;
	margin: 20px 0 20px 0;
}