body {
	text-align: center;
	border: 1px solid #ccc;
	max-width: 750px;
	border-radius: 7px;
	margin: 10px;
}
@media (min-width: 750px) {
	body {
	  	margin: auto;
		margin-top: 25px;
		margin-bottom: 25px;
	}
}


header {
    display: flex;
    justify-content: space-between;
    max-width: 700px;
    margin: auto;
    padding-top: 10px;
}
header img  {
	max-width: 100px;
}

main {
	padding: 15px;
	padding-bottom: 25px;
}

footer {
	border-top: 1px solid #ccc;
	background-color: #ccc;
	padding-top: 5px;
	margin: auto;
	max-width: 750px;
}
footer .links a:not(:last-child):after {
	content: '|';
	font-family: initial;
	margin: 0 10px;
}

.flagbase {
	background-image: url('/img/flags.png');
	position: relative;
	top: 7px;
	float: right;
	margin-left: 8px;
}
.flag {
    width: 18px;
    height: 12px;
}
.flag-de {
    background-position: -61px -49px;
}
.flag-en {
    background-position: -173px -93px;
}
.flag-fr {
    background-position: -33px -71px;
}
.flag-sp {
    background-position: -145px -49px;
}


form div { text-align: initial; }
.form-floating.col label { left: 12px; }
form div label span.optional { font-size: small; font-weight: 100; }

section p { text-align:justify; }
section ul { list-style-type: none; text-align: justify; }
section p.follwedbyul { margin-bottom: 0.1rem; }
section ~ section { margin-top: 2rem; }
section ul.list-circle { list-style-type: circle; }