/*     submenu navigation links      */
nav .submenu { 
  visibility: hidden;  
  height: 0;
  z-index: 1000; 
}
nav .submenu li { 
  display: block; 
  width: 15em;
}
 
/**     Show the submenu on hover, focus     **/
nav li:hover .submenu,
nav li:active .submenu, 
nav li:focus .submenu,
nav li:focus-within .submenu  { 
  visibility: visible;
  height: auto;
}


.responsive {
    width: 100%;
    height: auto;
}

.container,
.element {
	padding: 5px;

}

.flex {

	display: flex;
	box-sizing: border-box;
}

.row {
	flex-flow: row wrap;
}

.col {
	flex-flow: column wrap;
}

.element {
	min-width: 100px;
}

.content {
	flex: 1 1 100%;
}

.structure {
	min-height: 480px;
}

.links {
	flex: 1 1 80px;
}
.mitte {
	flex: 10 1 320px;
	justify-content: flex-start;	 /* align items in Main Axis */
    align-items: stretch;		/* align items in Cross Axis */
    align-content: stretch;		/* Extra space in Cross Axis */
  	
}

.rechts {
	flex: 0 1 80px;
}

.aside-1 {
	flex: 0 0 auto;
}

.header{
	flex: 0 0 auto;
	min-height:100px;
}

.article{
	flex: 1 1 auto;
}

.footer {
	flex: 0 0 100px;
}


.aside-2 {
	flex: 0 0 auto;
}

header {
	text-align: center;
	position: relative;
}

.adresse {
	display: inline-flex;
	flex-wrap: wrap;
}
.bind {
	display: inline-flex;
}

#birthday td{
	vertical-align: top;
}
table.small {
	max-width:100px !important;
}
table.line {
	border-collapse: collapse;
}
table.line tr{
	border-bottom: solid thin;
}

@media (max-width: 720px) {
	.container{
		flex-flow: row wrap;
	}
	.rechts	{
		flex-flow: row wrap;
		flex: 1 1 50%;
	}
	.aside {
		flex: 1 1 50%;
	}
	.links { order: 1; } 
	.mitte    { order: 2; }
	.rechts { order: 3; }
}

@media (max-width: 530px) {
	.structure{
		flex-flow: column wrap;
	}
	.rechts	{
		flex-flow: row wrap;
	}
	/*
	.rechts,.links {
		flex: 1 1 50%;
	}
	*/
	.links {
		flex 1 1 100%;
	}
	.mitte{
		flex: 1 100%;
		min-width: 320px;
	}
	.mitte    { order: 2; }
	.links { order: 1; } 
	.rechts { order: 3; }
}

nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
} 

nav li {
  list-style: none;
/*
  margin: 0.5em;
*/
	margin: 0;
  padding: 0;
  font-size: 1em; 
  flex: 1 1 0%;
}

@media (max-width: 530px) {
  nav ul {	
    flex-direction: row;
	flex-flow: row wrap;  
  }
  nav li {
    flex: 1; 
    font-size: 1.1em;
  }  
}

nav a {
  display: block;
/*
  color: gold; 
  padding: 0.4em;
  background-color: darkblue;
*/
	padding: 8px;
 
	text-decoration: none; 
	font-weight: bold;
	text-align: center;
	transition: all .25s ease-in;

/*
	border: 1px solid darkblue;
	border-radius: 10px;
	box-shadow: 0 5px 10px white inset;
*/
	box-shadow: 0 5px 10px white inset;

}

nav li[aria-current] a {
	color: #000;
	background-color: #f1f1f1;
/*
  background-color: firebrick; 
  color: gold;
*/
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
	background-color: #555;
	color: white;
/*
	color: darkblue; 
	background-color: gold;
*/
}