/*
 Theme Name:   Spielwiese Nordwinkel
 Description:  Child-Theme auf Basis eines Boilertemplates
 Author:       Konrad Paul
 Author URI:   https://nordwinkel.de
 Template:     nordwinkel-3-0
 Version:      1.0
 Text Domain:  Spielwiese Nordwinkel
*/

/* Schriftart, -größe und -farbe festlegen */
body {
	font-family: helvetica, arial, sans-serif;
	font-size: 1rem;
	color: #555555;
}

/* Überschriftenart und -farbe im Nordwinkelrot */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: thesis, roboto, sans-serif;
	color: #9a1b22;
	text-shadow: 0.2em 0.2em 0.7em #b35459;
}

/* Hauptmenü in Form bringen mit Abständen, Schaltflächen und zentriert */

.main-navigation {
	max-width: 100%;
	max-height: 100vh;
	display: grid;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
	position: fixed;
	top: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: rgba(255, 255, 255, 0.5);
}

.main-navigation li {
	padding: 0.5rem;
	margin: 0 0.1rem 0 0.1rem;
	background: linear-gradient(45deg, #f3f3f3, #d9d9d9);
	border-radius: 0.3rem;
}

.main-navigation a:link {
	color: #000000;
}
.main-navigation a:visited {
	color: #000000;
}

.main-navigation a:hover {
	color: #661D20;
	text-decoration: underline;
}

.main-navigation a:focus {
	color: #e54049;
	text-decoration: underline;
}

.main-navigaton a:active {
	color: #9a1b22:
	text-decoration: underline dotted;
}

ul.sub-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

/* Logo verkleinern */
img.custom-logo {
	max-width: 20rem;
}

/* Logo zentrieren */

div.site-branding {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Rasterlayout erstellen und anwenden, Elemente positionieren */

div#page.site {
	width: 100vw;
	display: grid;
	grid-template-rows: 3rem 25rem auto auto auto 10rem;
	grid-template-columns: 1rem repeat(10, 10%);
	grid-gap: 1rem 1rem;
	padding-top: 5rem;
}

/* Header im Raster platzieren */
header#masthead.site-header {
	grid-column-start:2;
	grid-column-end:11;
	grid-row-start:1;
	grid-row-end:2;
}

/* Header-Bild platzieren */

img.header-image {
	max-width: 1200px;	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#headerpicture.header-image-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Hauptinhalt im Raster anordnen */

main#primary.site-main {
	grid-column-start:2;
	grid-column-end:8;
	grid-row-start:3;
	grid-row-end:6;
}

/* Sidebar im Raster anordnen */

aside#secondary.widget-area {
	grid-column-start:8;
	grid-column-end:11;
	grid-row-start:3;
	grid-row-end:6;
	margin-left: 1rem;
	margin-right: 1rem;
}

/* Footer im Raster platzieren */

footer#colophon.site-footer {
	grid-column-start:2;
	grid-column-end:11;
	grid-row-start:6;
	grid-row-end:7;
}