/* vietnamese */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(Dosis-viet.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(Dosis-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(Dosis-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.content p, .content h1, .content h2, .content ul
{
	font-family: 'Dosis', sans-serif;
	
}

.content h1
{
	margin-bottom: 10px;
	font-size: 32px;
}

.content h2
{
	margin-bottom: 5px;
	font-size: 22px;
}

.content p
{
	font-size: 20px;
	margin-top: 2px;
	margin-bottom: 10px;
}

.content a
{
	color: #00f;
	text-decoration: underline;
}

.content a:hover
{
	text-decoration: none;
}

div.container
{
	padding-left: 15px;
	padding-right: 15px;

}

img.logo
{
	float: right;
	width: 200px;
}

p.footer
{
	padding-top: 30px;
	font-size: 13px;
}

/* Darstellung von Erfolgs- und Fehlermeldungen */
.error, .success, .warning
{
	line-height: 100%;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 50px;
	color: #000;
}
.error p, .success p, .warning p
{
	padding-bottom: 10px;
}
.error {
	border-left: 5px solid #c32e04;
	background-color: #fbd4d4;
}
.success {
	border-left: 5px solid #32cd32;
	background-color: #bdf8bd;
}
.warning {
	border-left: 5px solid #ffbf00;
	background-color: #feee94;
}

/* mobile Ansicht */
@media all and (max-width: 640px)
{
	img.logo
	{
		width: 120px;
	}

	.content h1
	{
		font-size: 26px;
	}

	.content h2
	{
		font-size: 20px;
	}

	.content p
	{
		font-size: 18px;
	}

	.content li
	{
		font-size: 18px;
	}
}