body {
	display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto;
    margin: 10px auto;
	max-width: 100%;
	font-family: sans-serif;
	background-color: #006eb4;
    color: #ffffff;
}
header,footer {
	grid-column: 1/2;
}
header {
	grid-column: 1/2;
	grid-row: 1/2;
	border-radius: 0.3em 0.3em 0.3em;
	border: 1px solid #ffffff;
	padding: 2px;
	margin: 10px;
	margin-bottom: 3px;
	background: #006eb4;
}
nav {
	grid-column: 1/2;
	grid-row: 2/4;
	border: 1px solid #ffffff;
	border-radius: 0.3em 0.3em 0.3em;
	padding: 5px;
	margin: 3px;
	margin-left: 10px;
}
main {
	grid-column: 1/2;
	grid-row: 2/4;
	border: 1px solid #ffffff;
	border-radius: 0.3em 0.3em 0.3em;
	padding: 3px;
	padding-left: 8em;
	padding-right: 8em;
	margin-top: 3px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 3px;
}
article {
	grid-column: 1/2;
	grid-row: 2/4;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	border-radius: 0.3em 0.3em 0.3em;
	padding: 5px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	margin-left: 3px;
	color: #ffffff;
}
section {
	grid-column: 1/2;
	grid-row: 2/4;
	border-width: 1px
	border-style: solid;
	border-color: #ffffff;
	border-radius: 0.3em 0.3em 0.3em;
	padding: 3px;
	padding-left: 3em;
	padding-right: 3em;
	margin: 3px;	
	color: #ffffff;
}
aside {
	grid-column: 2/3;
	grid-row: 2/4;
	border: 1px solid #ffffff;
	border-radius: 0.3em 0.3em 0.3em;
	padding: 5px;
	margin: 5px;
	background: #ebf5d7;
}
footer {
	grid-column: 1/2;
	grid-row: 4/5;
	border: 1px solid #ffffff;
	border-radius: 0.3em 0.3em 0.3em;
	padding: 0.3px;
	padding-bottom: 0.5em;
	margin: 10px;
	margin-top: 3px;
	color: #ffffff;
}
ul {
	list-style-type: none;
}
a {
   color: #ffffff;
   text-decoration: none;
}
#dtwin-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

div img {
    margin: 1.3em;
    align-self: center;
}
a:hover, a:focus {
    border: 1px solid lime;
    background: #B43232;
    padding: 0.1em;
}
h2.oben {
    text-align: center;
    color: #ffffff;
}
h3.ds {
    color: #e6e600;
}
.mitte{
    text-align: center;
}
.address-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 1em;
    padding-bottom: 1em;
}
.address-item {
    flex-basis: auto;
    border: 1px solid #ffffff;
	border-radius: 0.25em 0.25em 0.25em;
    padding-left : 2em;
    padding-right: 2em;
    padding-bottom: 1em;
    margin: 1em;
    background-color: #005096;
    width: auto;
}
.ds-container {
    display: flex;
    flex-direction: column;
}
.ds-item{
    flex-basis: auto;
    padding: 0.5em;
}
.logo-item{
    flex-basis: auto;
    width: auto;
    justify-content: center;
}