/*
 * Webseitenschutz - style.css (utf-8)
 * - https://werner-zenk.de
 */

html {
 background-color: White;
 cursor: Default;
}

body {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 1rem;
 color: #000000;
 background-color: White;
 padding: 0.5rem;
 margin: Auto;
 max-width: 45rem;
}

header {
 background-color: #9CFAFD;
 text-align: Center;
 padding: 0.5rem;
 font-size: 1.4rem;
}

nav {
 background-color:white;
 text-align: Center;
font-size: 1rem;
 padding: 0.5rem;
 word-spacing: 8px;
}

textarea {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 1rem;
}

form {
 background: White;
 padding: 0.1rem 0 0.5rem 1rem;
}

a:link, a:visited {
 color: #4169E1;
}

h1 {
 font-size: 1.2rem;
 font-weight: Normal;
 background-color: #9CFAFD;
 padding: 0.2rem 0 0.2rem 0.5rem;
}

h2 {
 font-size: 1rem;
 font-weight: Normal;
 background-color: #9CFAFD;
 padding: 0.2rem 0 0.2rem 0.5rem;
}

h3 {
 font-size: 0.6rem;
color: #4169E1;
}

.ok {
 color: #0094D2;
}

.ko {
 color: #EE0000;
}

.pflichtfeld {
 color: #FF0000;
}

.hilfetext {
 font-family: Arial, Tahoma, Verdana, Sans-Serif;
 font-size: 0.80rem;
 font-style: Oblique;
 color: #009500;
}

footer {
 text-align: Center;
 background-color: #9CFAFD;
 padding: 0.5rem;
 margin-top: 1rem;
}

@media screen and (min-width: 690px) {
 article {
  min-height: 45rem;
 }
 footer {
  margin-top: 5rem;
 }
}

@media screen and (max-width: 690px) {
 article {
  min-height: 15rem;
 }
}