/* ============================== */
/* === Powered by locomputing === */
/* ============================== */

.cur {
cursor: default;
}

#tableform {
margin:0;
}
#tableform .fehler {
padding: 0 1em;
color:#db0000;
font-size: 75%;
}

.formbig {
font-weight: bold;
}

.sign img {
width: 1em;
height: auto;
}

.formlinetop {
background: white;
display: block;
width: 100%;	
text-align: center;
border-top:1px solid silver;
border-bottom:1px solid silver;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
}
.formline {
background: #f7f7f7;
display: block;
width: 100%;	
text-align: center;
border-top:1px solid silver;
border-bottom:1px solid silver;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
}
.formline1 {
background: #f2f2f2;
display: block;
width: 100%;	
text-align: left;
border-top:1px solid silver;
border-bottom:1px solid silver;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.formline2 {
display: block;
width: 100%;	
text-align: center;
border-bottom:1px solid silver;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
}
.formline2a {
display: block;
width: 100%;	
text-align: center;
border-bottom:1px solid silver;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
font-size: 70%;
}

.formleft1 {
width: 30%;	
font-size:85%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.formleft1 span {
color: red;
font-weight: bold;
}

.formleft1a {
font-size:80%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.formleft1a span {
color: red;
font-weight: bold;
}
.formright1 {
width: 70%;	
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
text-align: right;
}
.formright1a {
width: 90%;	
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
}
.formrights {
width: 70%;	
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
text-align:left;
}
.formright2 {
width: 70%;	
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
text-align: left;
}

.formlineleft {
display: block;
width: 100%;	
font-size:80%;
text-align: left;
font-weight:bold;
background: #f2f2f2;
border-top:1px solid silver;
border-bottom:1px solid silver;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
word-break:break-all;
word-break:break-word;
}
.formlineleft span {
color: red;
font-weight: bold;
}
.formlinecenter {
display: block;
width: 100%;	
font-size:85%;
text-align: center;
font-weight:bold;
background: #f2f2f2;
border-top:1px solid gray;
border-bottom:1px solid gray;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
word-break:break-all;
word-break:break-word;
}

.formbutli {
width: 50%;	
font-size:90%;
}
.formbutli a {
font-size:125%;
}
.formbutre {
width: 50%;
font-size:90%;		
}
.formbutre a {
font-size:125%;		
}

#formtwo {
display: flex;
width: 100%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
#formtree {
display: flex;
width: 100%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
text-align: center;
}

@media screen and (max-width: 800px) {
#formtwo {
display: block;
width: 100%;
}
.formleft1 {
display: block;
width: 100%;
}
.formright1 {
display: block;
width: 100%;
text-align:left;
}

}


.inputp {
display: block;
width: calc(5em + ((5vw - 0.1em) * 1));
padding: 0;
text-align: center;
border:calc(.2em + ((.2vw - 0.1em) * 1)) solid #474747;
border-radius: calc(.75em + ((.75vw - 0.1em) * 1));
background: gold linear-gradient(77deg, #ffe131, #ccae00, #ffe131);
background: gold linear-gradient(77deg, #793e22, #dadada, #793e22);
}
.piggi {
width:calc(5em + ((5vw - 0.1em) * 0.1));
height: auto;
}

textarea.form-controlheight {
width: 100%;
font-size:90%;
height: calc(17em + ((17vw - 0.1em) * 0.1));
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
border-radius: calc(.2em + ((.2vw - 0.1em) * 1));
}
textarea.form-control {
width: 100%;
font-size:90%;
height: calc(10em + ((10vw - 0.1em) * 0.1));
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
border-radius: calc(.2em + ((.2vw - 0.1em) * 1));
}
input.form-control {
width: 100%;
font-size:90%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
border-radius: calc(.2em + ((.2vw - 0.1em) * 1));
}

.formen-controler {
margin: 0 auto;
text-align: center;
display: block;
width: 100%;
letter-spacing: calc(.3em + ((.3vw - 0.1em) * 0.1));
padding: calc(.25em + ((.25vw - 0.1em) * 0.1));
font-size: calc(.85em + ((.85vw - 0.1em) * 0.1));
}

@media screen and (max-width: 35em) {
.formen-controler {
letter-spacing: calc(.2em + ((.2vw - 0.1em) * 0.1));
font-size: calc(.75em + ((.75vw - 0.1em) * 0.1));
}
}
@media screen and (max-width: 25em) {
.formen-controler {
letter-spacing: calc(.1em + ((.1vw - 0.1em) * 0.1));
font-size: calc(.65em + ((.65vw - 0.1em) * 0.1));
}
}






input.form-controller {
width: 90%;
text-align: left;
font-size:85%;
margin:0 0 3px 0;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
border-radius: calc(.2em + ((.2vw - 0.1em) * 1));
}
.az0 a {
text-decoration: none;
}

input.output-control {
width: 100%;
font-size:90%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
border: 2px solid green;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1));
}


#login input[type='text']::placeholder {
font-size: 95%;
color:gray;
font-weight:normal;
opacity: .7;
text-align: center; 
}
#login input[type='password']::placeholder {
font-size: 95%;
color:gray;
font-weight:normal;
opacity: .7;
text-align: center; 
}




input[type='text']::placeholder {
font-size: 65%;
color:gray;
font-weight:normal;
opacity: .8;
}
input[type='email']::placeholder {
font-size: 65%;
color:gray;
font-weight:normal;
opacity: .8;
}
input[type='password']::placeholder {
font-size: 65%;
color:gray;
font-weight:normal;
opacity: .8;
}
textarea::placeholder {
font-size: 65%;
color:gray;
font-weight:normal;
opacity: .8;
}
input:focus::placeholder {
opacity: 0;
}
textarea:focus::placeholder {
opacity: 0;
}
input.form-controller:valid {
border: 1px solid gray;
}
input.form-controller:invalid {
border: 1px solid gray;
}
input.form-control:valid {
border: 2px solid green;
}
input.form-control:invalid {
border: 2px solid red;
}
textarea.form-control:valid {
border: 2px solid green;
}
textarea.form-control:invalid {
border: 2px solid red;
}

.butt {
display: inline;
padding: 3px 10px;
margin: 10px auto 0 auto;
font-size: 100%;
text-align: center;
cursor: pointer;
text-decoration: none;
text-shadow: 0 -1px black, 0px 1px black,1px 0px black, -1px 0px black;
}
.button-blue {
font-family: Arial, Helvetica, sans-serif;
cursor:pointer;
width: 95%;
font-size: calc(1.35em + ((1.35vw - 0.1em) * 0.1));
padding:calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
color: white;
background-color: #337ab7;
border-color: #122b40;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1));
}
.button-blue:hover {
background: white;
background-color: #286090;
border-color: #204d74;
}
.button-red {
font-family: Arial, Helvetica, sans-serif;
cursor:pointer;
width: 95%;
font-size: calc(1.35em + ((1.35vw - 0.1em) * 0.1));
padding:calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
color: white;
background-color: #d9534f;
border-color: #761c19;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1));
}
.button-red:hover {
background: white;
background-color: #c9302c;
border-color: #ac2925;
}


.button-blues {
font-family: Arial, Helvetica, sans-serif;
cursor:pointer;
width: 90%;
font-size: calc(1em + ((1vw - 0.1em) * 0.1));
padding:calc(.1em + ((.1vw - 0.1em) * 0.1)) 0;
color: white;
background-color: #337ab7;
border-color: #122b40;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1));
}
.button-blues:hover {
background: white;
background-color: #286090;
border-color: #204d74;
}


.leiste {
margin:calc(.25em + ((.25vw - 0.1em) * 1)) auto;
text-align: center;
font-size: 75%;
color:black;
}
.leiste span {
display: inline-block;
font-size: 111%;
font-weight: bold;
color:maroon;
}
.leiste span a {
display: block;
color:blue;
font-size: 99%;
font-weight: bold;
text-decoration: none;
}

.topmenu {
margin: -1em 0 .5em 0;
padding:.15em 0 .15em .25em;
font-size: 60%;
}

.nodats {
text-align: center;
color: maroon;
font-size: 80%;
margin:0;
}

.del {
text-align: center;
padding:10px 0;
}