@import url(minimal.css);

html {
 background: #fff;
 color: #002
}
body {
 margin: 0;
 margin-left: 0.5rem;
 padding: 0.5rem
}


form {
 border: none;
 border-radius: 0.5em;
 box-shadow: #000 0 0 0.1em 0 inset, #000 0 0 0.1em 0, #002 0 0 0.5em 0, #003 0 0 1em 0, #004 0 0 0.2em 0 inset, #005 0 0 0.4em 0 inset;
 padding: 0.2em;
 margin-top: 0.25em;
 margin-bottom: 0.25em
}
nav, article, aside, section, iframe {
 border: none;
 box-shadow: #000 0 0 0.1em 0 inset, #000 0 0 0.1em 0, #002 0 0 0.5em 0, #003 0 0 1em 0, #004 0 0 0.1em 0 inset, #005 0 0 0.2em 0 inset;
 border-radius: 0.5em;
 margin-top: 0.5em;
 margin-bottom: 0.5em
}
aside.Anmerkung {
  padding: 0.5rem
}

section[property~='l:st'] {box-shadow: none}

nav#Hauptmenu {
 border: none
}
nav#Hauptmenu form {
 padding: 0;
 margin-top: 0;
 margin-bottom: 0
}

h1, h2, h3 {
 border: none;
 border-radius: 0.5em;
 box-shadow: #000 0 0 0.1em 0 inset, #000 0 0 0.1em 0, #002 0 0 0.5em 0, #003 0 0 1em 0, #004 0 0 0.2em 0 inset, #005 0 0 0.4em 0 inset;
 padding: 0.5em;
 margin: 0.5em
}
form {
 border: none
}
fieldset {
 border: none
}

form input, form button, form textarea, form select {
 background: rgba(255, 255, 0, 0.1);
 color: rgba(0, 0, 0, 0.8)
}

blockquote {
 padding: 0.5em
}

.inline-block {
 display: inline-block;
}
form.inline-block {
 margin: 0.2em;
 padding: 0
}
p.nachricht {
 display: inline-block;
 margin: 0.2em;
}
section.nachricht {
 margin-top: 0.5em;
 margin-bottom:0.5em
}
form.nachricht {
 margin-left: auto;
 margin-right: auto
}

/* Verweise */
a:link{
 color: #800;
 text-decoration: underline
}
a:visited{
 color: #840;
 text-decoration: underline
}
a:hover{
 color:#f88
}
a:active{
 color:#faf
}
a:focus{
 color:#efe;
 background-color: #111
}

nav#Hauptmenu input {
  transition: background 1s ease-in-out;
}
nav#Hauptmenu input:hover {
  background: #cfc;
}
nav#Hauptmenu input:active {
  background: #faf;
  transition: background 0.2s ease-in-out;
}

html#Gruppe .imFluss .drumrum figure, html#Profil .imFluss .drumrum figure {
 box-shadow: #000 0 0 0.1em 0 inset, #000 0 0 0.1em 0, #002 0 0 0.5em 0, #003 0 0 1em 0, #004 0 0 0.1em 0 inset, #005 0 0 0.2em 0 inset;
 border-radius: 0.5em;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
}


@media (min-width: 40em)  {
html {margin-left: 10em}
nav#Hauptmenu {
 width: 9em;
 overflow: auto;
 position: fixed;
 top: 0.2em;
 left: 0.2em;
 bottom: 0.2em;
 margin: 0;
 padding: 0.5em
}
nav#Hauptmenu * {
 text-align: center;
 margin-left: auto;
 margin-right: auto
}

nav#Hauptmenu h2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
nav#Hauptmenu form {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
nav#Hauptmenu select {
  height: 8em
}
nav#Hauptmenu option {
  display: block
}
nav#Hauptmenu select + br {
  display: block
}

/* Schnacken */
html#Schnacken body {
margin-top: 0;
}
html#Schnacken h1 {
margin: 0.2rem;
margin-top: 0rem;
}

html#Schnacken figure#f {
 height: calc(100vh - 8.5rem);
}

html#Schnacken form#e {
 margin-bottom: 0;
}

html#Schnacken form#e input[type='text'] {
 display: inline-block;
 width: 80%;
 min-width: 10em
}

html#Schnacken nav#Hauptmenu {margin-top: 0}

figure img {max-width: calc(100vw - 15em)}
}