*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


@media screen and (max-width: 18em) {
html, body {display: none;}
}

@media screen and (min-width: 18em) {
body {
    font-size: calc(1em + ((1.5vw - 0.1em) * 3));
  }  
}
@media screen and (min-width: 30em) {
body {
    font-size: calc(1em + ((1.25vw - 0.1em) * 2.5));
  }
}
@media screen and (min-width: 60em) {
body {
    font-size: calc(1em + ((1vw - 0.1em) * 2));
  }
}
@media screen and (min-width: 120em) {
body {
    font-size: calc(1em + ((1vw - 0.1em) * 1.5));
  }
}




.normalertext {
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
	font-weight : normal;
}
.ueberschriftfett{
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
	FONT-WEIGHT: bold;
}
TABLE {
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
}
.innentable TABLE{
	background : #adad94;
	border : thin solid #000000;
	text-align : center;
	font-weight : bold;
	font-size: 1em;
}
.innentable2 TABLE{
	background : #deded6;
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
	border : none;
	font-weight : normal;
	text-align : left;
}
.linksu {
	COLOR: #000000;
}
A.linksu  {
	COLOR: blue;
	TEXT-DECORATION: underline;
}
A.linksu:hover {
	COLOR: green;
	TEXT-DECORATION: underline;
}

A {
	COLOR: #000000;
	TEXT-DECORATION: none;
	padding-left:8px;
}
A:hover {
	COLOR: #000000;
	TEXT-DECORATION: underline;
}
.ueberschriftkopf {
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
}
INPUT {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-SIZE: 1em;
	BORDER-LEFT: 1px solid;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: Verdana
}
.inputohne INPUT {
	BORDER-RIGHT: 0px solid;
	BORDER-TOP: 0px solid;
	FONT-SIZE: 1em;
	BORDER-LEFT: 0px solid;
	BORDER-BOTTOM: 0px solid;
	FONT-FAMILY: Verdana
}


TEXTAREA {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-SIZE: 1em;
	BORDER-LEFT: 1px solid;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: Verdana
}
.geheim_ueberschrift{
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
	FONT-WEIGHT: bold;
}
.innentablec TABLE{
	background : #E4F2E4;
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
	border : none;
	font-weight : normal;
	text-align : left;
}
.innentablec2 TABLE{
	background : #B0C3AD;
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
	border : none;
	font-weight : normal;
	text-align : left;
}
.ueberschrift {
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
}
.ueberschriftklein {
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: .8em;
	font-weight : normal;
}
.ueberschriftklein2 {
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
	font-weight : normal;
}
.ueberschriftrot {
	COLOR: #FFFF00;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
	font-weight : normal;
}
.normalertextschwarz {
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
	font-weight : normal;
}
.normalertextklein {
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
	font-weight : normal;
}
.eintragstext {
	COLOR: #000000;
	FONT-FAMILY: Tahoma,Arial,Helvetica;
	FONT-SIZE: 1em;
	font-weight : normal;
}



.leiste {
border-top: 1px solid gray;
border-bottom: 1px solid gray;
text-align: center;
font-size: 75%;
margin: 1em auto;
padding: .25em 0;
}





article {
font-size: 75%;
padding: .35em 0;
display: block;
width: auto;
background:#e7e7e2;
border-top:none;
border-right:.12em solid black;
border-left: .085em solid black;
border-bottom: none;
}

.articbor {
height: .02em;
background:white;
border-right: .087em solid black;
border-left: .06em solid black;
}

.articlend {
height: calc(.35em + ((.35vw - 0.1em) * 1));
background:#AAAA93;
background:linear-gradient(180deg, #AAAA93, #d8d8cf, #AAAA93);
border-top: none;
border-right: .07em solid black;
border-left: .05em solid black;
border-bottom:.035em solid #515151;
margin: 0 0 .1em 0;
}

.kopcenter {
display: block;
width: 90%;
font-size: 75%;
text-align: center;
padding: .5em 0 .15em 0;
}
.logline {
max-width: 32em;
display: flex;
margin: .1em auto;
border:1px solid black;
}
.logline2 {
max-width: 32em;
display: block;
margin: .1em auto;
border:1px solid black;
text-align: center;
}
.link {
color: blue;
text-decoration: underline;
}
.link:hover {
color: green;
}
.logline3 {
max-width: 32em;
display: block;
margin: .1em auto;
text-align: left;
}
label.logvorn {
width: 10em;
padding: 0 0 0 .25em;
font-size: 80%;
}
input.logform {
margin-right: 0;
font-size: 85%;
width: 90%;
padding: 0 .25em;
}

textarea.logform {
margin-right: 0;
font-size: 85%;
width: 90%;
height: 8em;
padding: 0 .25em;
}



input.logbut{
margin-right: 0;
font-size: 85%;
padding:0 .25em;
width: auto;
}


.users {
text-align: center;
font-weight: normal;
font-size: 80%;
}



.inputohne {
width: auto;
padding: 0 0 0 .25em;
font-size: 70%;
}