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

html {
 background-color:#fff8e0;
 background-image:url(papierbg.php);
 background-size: auto auto;
 background-attachment: scroll;
 background-repeat: repeat;
 color:#200;
}

/* Lizenz siehe fonts/GondolaSteveDeffeyesFontLicense.txt */
@font-face {
  font-family: 'Gondola';
  src: url('fonts/GondolaSD.woff2') format('woff2');
}
@font-face {
  font-family: 'Gondola';
  src: url('fonts/GondolaSD-Swash.woff2') format('woff2');
  font-style: italic;
}
@font-face {
  font-family: 'Swash';
  src: url('fonts/GondolaSD-Swash.woff2') format('woff2');
}
@font-face {
  font-family: 'Swash';
  src: url('fonts/GondolaSD.woff2') format('woff2');
  font-style: italic;
}

body {
 padding-left:0.5rem;
 padding-right:0.5rem;
 padding-bottom:0.5rem;
 padding-top: 0.2rem;
 margin:0;
 display:flex;
 flex-direction: column;
 font-family: 'Gondola', cursive;
}

nav#Hauptmenu {
 order: 1
}
main {
 order: 2;
 flex:1;
 padding-left:0.5rem;
 padding-right:0.5rem;
 padding-bottom:0.5rem;
 padding-top: 0.5rem;
}

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

/* Verweise */
a:link{
 color: #600;
 text-decoration: underline
}
a:visited{
 color: #820;
 text-decoration: underline
}
a:hover{
 color:#f60
}
a:active{
 color:#f08
}
a:focus{
 color:#fa0;
}

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

table {
 border: 0.5em solid #ffe;
 border-radius: 0.5em;
 box-shadow: #000 0 0 0.1em 0, #000 0 0 0.3em 0, #000 0 0 0.5em 0;
 border-image-source:url(papierrand.php);
 border-image-slice: 2.2%;
 border-image-repeat: repeat;
 border-image-outset: 0.5;
 background-image:url(papier.php);
 background-size: auto auto;
 background-repeat: repeat
}
section {
 border: 0.5em solid #ffe;
 border-radius: 0.5em;
 box-shadow: #000 0 0 0.1em 0, #000 0 0 0.3em 0, #000 0 0 0.5em 0;
 border-image-source:url(papierrand.php);
 border-image-slice: 2.2%;
 border-image-repeat: repeat;
 border-image-outset: 0.5;
 background-image:url(papier.php);
 background-size: auto auto;
 background-repeat: repeat;
 padding: 1em;
 margin: 0.5em
}
section blockquote {
 border: 0.2em solid #fed;
 border-radius: 0.2em;
 box-shadow: #000 0 0 0.1em 0, #000 0 0 0.3em 0, #000 0 0 0.5em 0;
 border-image-source:url(papierrand.php);
 border-image-slice: 2.2%;
 border-image-repeat: repeat;
 border-image-outset: 0.5;
 background-image:url(papier.php);
 background-size: auto auto;
 background-repeat: repeat;
 padding: 1em
}
section blockquote section {
 border: none;
 background: transparent
}

section[property~='l:st'] {
 background: transparent;
 border: none;
 border-image: none;
 box-shadow: none
}

article {
 border: 0.5em solid #edc;
 border-radius: 0.5em;
 box-shadow: #000 0 0 0.1em 0, #000 0 0 0.3em 0, #000 0 0 0.5em 0;
 border-image-source:url(papierrand.php);
 border-image-slice: 2.2%;
 border-image-repeat: repeat;
 border-image-outset: 0.5;
 background-image:url(papier.php);
 background-size: auto auto;
 background-repeat: repeat;
 padding: 2em;
 margin: 0.5em
}
aside {
 border: 0.5em solid #edb;
 border-radius: 0.5em;
 box-shadow: #000 0 0 0.1em 0, #000 0 0 0.3em 0, #000 0 0 0.5em 0;
 border-image-source:url(papierrand.php);
 border-image-slice: 2.2%;
 border-image-repeat: repeat;
 border-image-outset: 0.5;
 background-image:url(papier.php);
 background-size: auto auto;
 background-repeat: repeat;
 padding: 1.5em;
 margin: 0.5em
}
body aside#u {
  outline: none
}

section.nachricht {
  background-image: none
}
section.nachricht p, section.nachricht form, section.nachricht fieldset {
  display: inline
}

figure figcaption {font-family: 'Swash', cursive; font-style: inherit; padding: 1em}

table th {
  padding-top: 0.5em
}

nav, nav h2 {
 border: none
}
nav form input {
 border: none
}
fieldset {
 border: none;
 background: rgba(255,255,255,0.2);
}

form input[type='submit'] {
 font-family: inherit
}
table th {
  padding-top: 0.5em;
  text-align: center
}

nav#Hauptmenu {
 width: auto;
 border: 0.2em solid #200;
 border-radius: 0.2em;
 box-shadow: #000 0 0 0.1em 0, #000 0 0 0.3em 0, #000 0 0 0.5em 0;
 border-image-source:url(papierrand.php);
 border-image-slice: 2.2%;
 border-image-repeat: repeat;
 border-image-outset: 0.5;
 background-image:url(papier.php);
 background-size: auto auto;
 background-repeat: repeat;
 padding: 0.5em;
 margin: 0.5em;
 margin-bottom: 1em
}

nav#Hauptmenu * {
  padding: 0.1rem;
  margin: 0rem;
  font-family: inherit
}
nav#Hauptmenu h2 {
  min-width: auto
}
nav#Hauptmenu select {
  height: 2.5em;
  overflow: hidden
}

nav#Hauptmenu input {
  transition: background 1s ease-in-out, color 1s ease-in-out;
  min-width: auto;
}
nav#Hauptmenu input:hover {
  background: rgba(255,200,100,0.4);
  color: #400
}
nav#Hauptmenu input:active {
  color: #800;
  outline: thin solid yellow
}
nav#Hauptmenu input:focus {
  color: #a00;
  outline: thin solid #600
}

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,255,0,0.1)
}

.imFluss figure {
 border: 0.5em solid #200;
 border-radius: 0.5em;
 border-image-source:url(papierrand.php);
 border-image-slice: 2.2%;
 border-image-repeat: repeat;
 border-image-outset: 0.5;
 background-image:url(papier.php);
 background-size: 100vw auto;
 background-repeat: repeat;
 box-shadow: #000 0 0 0.1em 0, #000 0 0 0.5em 0, #000 0 0 1em 0;
 margin-bottom: 1em;
 margin-top: 1em
}

figure img {
 box-shadow: #000 0 0 0.1em 0, #000 0 0 0.5em 0, #000 0 0 1em 0;
}