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

/* 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;
}

html {
  background-color:#fff;
  background-image:url(papyrus.php);
  background-size: auto;
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  color: #300;
  font-family: 'Gondola', cursive;
}
@media (min-width: 2000px)  {
  html {
    background-size: 100%;
  }
}

form input, form button, form textarea, form select {
 background: rgba(255, 255, 255, 0.2);
 color:  rgba(0, 0, 0, 0.8)
}
form *[type='submit'] {
 font-family: inherit
}

/* Verweise */
a:link{
 color: #a00;
 text-decoration: underline
}
a:visited{
 color: #a04;
 text-decoration: underline
}
a:hover{
 color:#f08
}
a:active{
 color:#808
}
a:focus{
 color:#004;
}

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

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

table th, nav#Hauptmenu h2 {
  padding-top: 0.5em
}

/* Anordnung für breite Anzeige */
@media (min-width: 40em)  {
html {margin-left: 9em}
nav#Hauptmenu {
 width: 9em;
 overflow: auto;figure img {max-width: calc(100vw - 15em)}
 position: fixed;
 top: 0.1em;
 left: 0.1em;
 bottom: 0.1em;
 margin: 0;
 padding: 0.1em
}

nav#Hauptmenu * {
 text-align: center;
 margin-left: auto;
 margin-right: auto
}

nav#Hauptmenu h2 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
nav#Hauptmenu form {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

nav#Hauptmenu select {
  height: 8em
}
nav#Hauptmenu option {
  display: block
}
nav#Hauptmenu select + br {
  display: block
}

nav#Hauptmenu input {
  transition: background 1s ease-in-out, color 1s ease-in-out;
}
nav#Hauptmenu input:hover {
  background: rgba(255,200,50,0.4);
  color: #400
}
nav#Hauptmenu input:active {
  color: #800;
  outline: thin solid #f40
}
nav#Hauptmenu input:focus {
  color: #a00;
  outline: thin solid #8f0
}

/* 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)}
}