/* Stil-Vorgaben Anfang */
html {
background-color: #cccccc;
border: none;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.5em;
margin: .5em;
padding: none;
width: 100%
}

a {
text-decoration: none;
}
 
.auswahl {
 display: flex;
}

.auswahlbox {
	flex: 0.33;
	border: 1px solid;
	margin: .5em;
	padding: .5em;
	background: #8febe6;
}

.cook{
        background: #777999;
}

.cbutt {
  display: flex; 
  justify-content: space-around;
  flex-direction: row;
}

.ds {
  font-size: 1em;
}

body {
    display: flex;
    min-height: 100vh;
    margin: 0 auto;
    max-width: 60em;
    flex-direction: column;
}

body article {
    margin: .5em;
    min-height: 100px;
    flex: 1;
}

footer, header {
 flex-flow: row reap;
}

header * {
  flex: 1 1 0%;
}

header nav {
  flex: 1 1 100%;
}

h1 {
 font-size: 2em;
 padding: 0 1em 0 1em;
}

h2 {
font-size: 1.33em;
}

p.padded {
 padding: 0 1em 0 1em;
}

p.aw {
 background-color:#aaa;
 padding: 0 1em 0 1em;
 width:9em;
}