@charset "UTF-8";
@import url(minimal.css);

html {
  background-color:#fff;
  background-image:url(waneemuhlbanjuef14h.php);
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  color:#004;
}
body {
 padding:0.5rem;
 margin:0;
 display:flex;
 flex-direction: column
}
nav#Hauptmenu {
 order: 1
}
main {
 order: 2;
 flex:1
}

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

/* Verweise */
a:link{
 color: #d00;
 text-decoration: underline
}
a:visited{
 color: #f04;
 text-decoration: underline
}
a:hover{
 color:#00d
}
a:active{
 color:#f0f
}
a:focus{
 color:#ff0;
}

.inline-block, p.nachricht {
 display: inline-block;
 width: auto;
 width: fit-content
}

section {
 border: none;
 background: rgba(100,255,100,0.1)
}
section blockquote {
 border: none;
 background: rgba(225,225,255,0.1)
}
section blockquote section {
 border: none;
 background: transparent
}

article {
 border-color: rgba(0,0,255,0.8);
 background: rgba(0,0,250,0.1)
}
aside {
 border-color: rgba(240,100,100,0.8);
 background: rgba(250,0,0,0.1)
}

nav, nav h2 {
 background: rgba(0,0,128,0.25);
 border: none;
 color: #fcf
}
nav form input {
 background: rgba(32,0,128,0.5);
 border: none
}
fieldset {
 border: none;
 background: rgba(0,128,255,0.2);
}

nav#Hauptmenu, nav#Hauptmenu * {
  padding: 0.1rem;
}

nav#Hauptmenu h2 {
  min-width: auto;
  margin: 0.2rem;
}

nav#Hauptmenu input {
  transition: background 1s ease-in-out, color 1s ease-in-out;
  min-width: auto;
  color: #fcc
}
nav#Hauptmenu input:hover {
  background: rgba(0,0,200,0.75);
  color: #fff
}
nav#Hauptmenu input:active {
  background: rgba(200,0,0,0.75);
  color: #fff;
  outline: thin solid yellow
}
nav#Hauptmenu input:focus {
  background: rgba(200,0,100,0.5);
  color: #fff;
  outline: thin solid #0f0
}

html#Schnacker {
 background: transparent
}

html#Schnacken figure#f {
 height: calc(100vh - 11.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}

html#Gruppe .imFluss .drumrum figure, html#Profil .imFluss .drumrum figure {
 border: none;
 border-radius: 0.5em;
 background: rgba(0,200,0,0.1)
}