html 		{	overflow-y: scroll; }
html, body	{	width: 100.0%; height: 100.0%; min-width: 375px; }
body 		{	flex-flow: row wrap;justify-content: center;align-items: center; }
hr		{	width: 100.0%; margin: 1.00em auto; border-top-width: 1px; }
table	{	width: 100.0%; border-collapse: collapse; border-spacing: 0; }
img,
video	{	display: block; }

*, :before, :after	{	list-style: none; margin: 0; padding: 0; border: 0; border-style: solid; z-index: 2; border: 0; border-style: solid; transition: all 300ms ease-in-out 0ms; }

table	{	border-collapse: collapse; border-spacing: 0; }
hr		{	width: 100.0%; margin: 0.50em auto; border-top-width: 1px; }

.row 		{	position: relative; width: calc(100.0% + 4.00rem); margin: -2.00rem; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: stretch; align-items: stretch; }
.row + .row	{	margin-top: 4.00rem; padding-top: 2.00rem; }
.row > div 	{	position: relative; flex: 1 1 400px; margin: 2.00rem; order: 2; }

.faq .row > div:nth-child(2) 	{	flex: 0 0 320px; }	@media screen and (max-width : 800px)	{	.faq .row > div:nth-child(2) 	{ flex: 1 1 100.0%; }}

/* --- Header /Footer --- */

header                      {   background-color: rgba(250,250,250); }
footer                      {   height: 112px; }
header, footer				{	width: 100.0%; }
header > div, footer > div	{	border: 0; height: 100.0%; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center; }

header > div > *, footer > div > *	    {	flex: 1 1 10.00%; display: flex; flex-flow: row wrap; justify-content: center; align-content: center; align-items: center; }
header > div > *:first-child            {	justify-content: flex-start; }

header			{	height: 64px; }
header a        {   margin-left: 16px; }

header img      {   min-height: 25px; max-width: 100px; text-decoration: none; padding: 0 8px; max-height: 60px; }

footer > div	{	padding: 24px 0 32px 0;  }

.footer-content {   background-color: rgb(250, 250, 250); position: relative; width: 100.0%; height: 3rem; display: block; }
.list-items     {   text-align: center; display: block; margin: 8px; letter-spacing: 0.02em; }
.footer-items   {   cursor: pointer; color: rgb(112, 112, 112); font-weight: 300; font-size: 12px; line-height: 20px; }
.footer-item    {   padding: 4px 4px 0 4px; margin: 8px 6px 8px 6px; }
.footer-item a  {   text-decoration: none; color: rgb(16, 16, 16); }

@media screen and (max-width : 768px) 	{ header > div > *:nth-child(2), footer > div > *:nth-child(2)	{	display: none; }}

h2.pageTitle { font-size: 4rem; margin: 0;}

h2.pageTitle span { display: block; margin: 2em 5%; text-align: center; }

/* --- Content --- */

#content		{	position: relative; width: 100.0%; margin: 2.00vw auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; }
.page-middle {  width: 100.0%; max-width: 1200px; margin: 0 auto !important; }

/* --- Article --- */

article 				{	position: relative; width: 100.0%; padding: 5.00rem 0; overflow: hidden; }
article > div 			{	position: relative; width: 100.0%; }
article > div + div		{	margin-top: 5.00rem; }
article > div > div 	{	position: relative; width: 90.00%; max-width: 75.00rem; height: 100.0%; margin: 0 auto; }

header + article 	{	padding-top: 160px; }

article > div:nth-child(2n) > div > .row > *:nth-child(2) 	{	order: 1; }

@media screen and (max-width : 900px)	{	article > div:nth-child(2n) > div > .row > *:nth-child(2) 	{	order: 2; }}

/* --- Legal --- */

.legal #imprint	{	padding-top: 5.00rem; }
.legal p > span	{	display: inline-block; width: 6.00em;  max-width: calc(100.0% - 1.00em); margin-right: 4.00em; }