@charset "utf-8";
/* CSS Document msc_nord*/
body {
	margin: 10px auto;
	max-width: 75em;
	color: #000;
	font: 1.2em/1.2 "Agency FB";
	background: #dff2fe;
	display: grid;

}

@media (min-width: 40em) {
	body {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
	}
}

a {
	color: #000;
}

a:focus   { background-color: yellow; color: black;}
a:hover   { background-color: black; color: white; }
a:active  { background-color: red; color: black; }

li {
	margin-bottom: 2px;
}

h3, h4, p, ul {
	margin: 4px;
}

article {
	grid-column: 1 / -1;
	grid-row: span 2;
}

header {
	grid-row: span 3;
	max-width: 73.5em;
	grid-column: span 2;
}

header img{
	width: 100%;
	grid-row: span 2;
}

nav {
	
	grid-row: span 2;
}

#news {
	grid-row: span 1;
	grid-column: span 1;
}
#Agency {
	font-family: Agency FB;
}

#wir {
	width: 100%;
}

footer div {
	padding: 1em 0 0 70%;
}

#logo {
	width: 4em;
	height: 3em;
	padding: 5px;
}

#logo3fpx {
	width: 3em;
	height: 3em;
	padding: 0 0 0 10px;
}

header,
nav,
main,
article,
aside,
footer {
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 5px;
	margin: 5px;
}

section {
	padding: 2px;
	margin: 2px;
}

header, nav, #news, article, aside, article {
	background: #d3eefe;
	border-color: #52bdfe;
}

footer, aside {
	background: #c5e9ff;
	border-color: #52bdfe;
}

.gallery {
	width: 100%;
}

.gallery img {
	width: 9.5%;
}