/************************************************************************************
Normalisierung
*************************************************************************************/
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0; line-height:140%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0; }
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
/************************************************************************************
ENDE Normalisierung
*************************************************************************************/

/************************************************************************************
Webschriftart
*************************************************************************************/
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'),
       url(../fonts/pt-sans-narrow-v17-latin-ext_latin-regular.woff2) format('woff2'),
}
/************************************************************************************
ENDE Webschriftart
*************************************************************************************/

/************************************************************************************
allgemein
*************************************************************************************/
body{ 
	font-family: 'PT Sans Narrow', arial, sans-serif;
	font-size: 15px;
	color: rgba(0,0,0,1.0);
	background-color: ghostwhite;
	line-height: 22px;
}
summary{
color: rgba(0,0,205,1.0);
}
header{
	text-align: center;
	margin: 20px;
}
h1{
	line-height: 36px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	color: rgba(0,0,205,1.0);
}
h2{
	line-height: 24px;
	color: rgba(0,0,205,1.0);
	text-align: center;
}
h3{
	color: rgba(0,0,205,1.0);
	text-align: center;
}
h4{
	text-align: left;
}
hr{
	border-color: rgba(0,0,205,1.0);
	border-width: 0.5px;
}
a{
	color: rgba(0,0,205,1.0);
	text-decoration: underline;
}
a:hover{
	text-decoration: underline;
}
p{
	margin-top: 0;
	margin-bottom: 15px;
}
img{
	max-width: 100%;
	height: auto;
}
main img{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border-radius: 0em;
}
address{
	text-align: center;
	font-size: 75%;
	font-style: normal;
	line-height: 1.5;
}
#hinweis{
	border: 1px solid red;
	background-color: white;
	margin-top: 50px;
	margin-bottom: 50px;
	color: red;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px
}
#information{
	border: 1px solid blue;
	background-color: white;
	margin-top: 25px;
	margin-bottom: 50px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px
}
#zitat{
	text-align: right;
}
#wrapper{
	padding: 10px;
}
#mobile{
	text-align: center;
	cursor: pointer;
	margin-bottom: 15px;
}
#banner{
	background: url(../img/header2.webp);
	background-size: cover;
	padding-top: 17.7%;
}
/************************************************************************************
ENDE allgemein
*************************************************************************************/

/************************************************************************************
Navigation
*************************************************************************************/
#navoeffnen{
	display: none;
}
nav{
	background: rgba(255,255,255,0.8);
	padding: 20px 20px;
	display: none;
	text-align: center;
	background-color: ghostwhite;
}
.navopen{
	display: block;
}
nav ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
nav a{
	background: rgba(50,100,255,0.25);
	color: rgba(0,0,205,1.0);
	display: block;
	text-decoration: none;
	line-height: 40px;
	margin-bottom: 3px;
	padding-left: 15px;
	border-radius: 1em;
}
nav a:hover{
	background: rgba(50,100,255,0.75);
	color: rgba(0,0,0,1.0);
	text-decoration: underline;
}
nav #aktuelleseite{
	background: rgba(50,100,255,0.75);
	color: rgba(0,0,0,1.0);
}
/************************************************************************************
ENDE Navigation
*************************************************************************************/

/************************************************************************************
Tabelle
*************************************************************************************/
tr.ungerade {
	background-color: rgba(50,100,255,0.25);
}
tr.gerade {
	background-color: rgba(50,100,255,0.35);
}
td.links {
	padding-left: 5px;
	padding-right: 15px;
	width: 440px;
}
td.rechts {
	padding-left: 15px;
	padding-right: 5px;
	text-align: right;
	width: 190px;
}
/************************************************************************************
ENDE Tabelle
*************************************************************************************/

/************************************************************************************
responsiv
*************************************************************************************/
@media only screen and (min-width:430px){
		#header{
			background-image: url(../img/header2.webp);
		}
}
@media only screen and (min-width:565px){
		#header{
			background-image: url(../img/header1.webp);
		}
}
@media only screen and (min-width:700px){
		#header{
			background-image: url(../img/header.webp);
		}
}
@media only screen and (min-width:800px){
		#nav{
			display: block; 
			width: 27%;
			padding-left: 0;
			float: left;
		}
		#mobile{
			display: none;
		}
		main{
			width: 70%;
			float: right;
		}
		footer{ 
			clear: both; 
			border-top: thin outset;
			border-color: rgba(0,0,205,1.0);
			text-align: center;
		}
}
@media only screen and (min-width:980px){
		#wrapper{
			width: 960px;
			border: medium outset;
			border-color: rgba(0,0,205,1.0);
			margin: 20px auto;
			border-radius: 15px;
		}
}
/************************************************************************************
ENDE responsiv
*************************************************************************************/

/************************************************************************************
Kontaktformular
*************************************************************************************/
.kontaktformular{
	background: rgba(50,100,255,0.25);
	line-height: 1.2;
	min-width: 320px;
	max-width: 500px;
	padding: 1em;
	border-top: 1px solid rgba(190,190,190,1.0);
	border-bottom: 1px solid rgba(190,190,190,1.0);
	margin-bottom: 2em;
	border: 1px solid;
	border-color: rgba(0,0,205,1.0);
	margin: 20px auto;
}
.kontaktformular div{
	margin-bottom: 1em;
}
.kontaktformular label{
	display: block;
	cursor: pointer;
	margin-bottom: 0.25em;
}
.kontaktformular input[type="text"]{
	min-width: 250px;
	max-width: 100%;
	padding: 0.25em;
	margin-bottom: 1em;
}
.kontaktformular input[type="radio"]{
	width: auto;
	max-width: 100%;
	padding: 0.25em;
	margin-bottom: 1em;
}
.kontaktformular textarea{
	min-width: 250px;
	min-height: 7em;
}
.kontaktformular input:focus, .kontaktformular textarea:focus{
	background: rgba(50,100,255,1.0);
}
.kontaktformular input[type="submit"]{
	font-size: 100%;
	font-family: 'Proza Libre', sans-serif;
	background: rgba(255,255,255,0.8);
	color: rgba(0,0,205,1.0);
	padding: 10px;
	border: 1px solid rgba(50,100,255,1.0);
	-webkit-appearance: none;
}
.kontaktformular input[type="submit"]:hover, .kontaktformular input[type="submit"]:focus{
	background: rgba(50,100,255,1.0);
	color: rgba(50,100,255,1.0);
	border: 1px solid rgba(0,0,205,1.0);
	cursor: pointer;
	outline: none;
}
/************************************************************************************
ENDE Kontaktformular
*************************************************************************************/