/* --------------------- */
/* --- formstyle.css --- */
/* --------------------- */

#links {
  float: left;
}
#rechts {
  width: 49%;
  float: left;
}
/*
#preview {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  white-space: pre-line; 
}

#preview ul {
  display:flex;
  flex-direction:row;
  margin:0.5em;
  width:100%;
  height:auto;
  border:1px solid #808080;
  border-radius: 3px; 
  padding:0px;
  background:lightyellow;
}

#preview ul li{
  width: 100%;
  height: auto;
  list-style-type:none;
}

#preview ul li img {
  border:1px solid #808080;
  text-align:center;
  background:lightgray;
  width: 50px;
  height:auto;
}

.preview ul li p{
  font-size:1.0em;
  padding-left:0;
  padding-top: 0.5em;
  text-align:left;
  color: black;
  order:1;
  width:calc(100% - 50px);
  height:auto;
}
*/
#warnmsg{
  font-size:1.0em;
  line-height:1.3em;
  padding-left:0;
  padding-bottom:0.5em;
  color:blue;
}

.anhangbutton{
  display:flex;
  flex-direction:row;
  flex-flow:row wrap;
  justify-content:left;
  flex-wrap:wrap;
}
.anhang_check_container,
.datenschutz_container{
  vertical-align:middle;
  color:gray;
  margin-top:0.8em;
  margin-left:1.0em;
  border:none;
  cursor:pointer
}
.anhangbutton button{
  float:left;
  font-size:1.0em;
  justify-content:center;
  align-items:center;
  text-align:center;
  margin-top:0.8em;
  margin-bottom:0.8em;
  margin-left:0.8em;
  width:15em;
  border:1px solid #808080;
  border-radius:0.4em;
  background-color:rgb(85,119,174);
  color:white;
  cursor:pointer;
  opacity:0.8
}
.anhangbutton button:hover:not([disabled]) {
  float:left;
  font-size:1.0em;
  justify-content:center;
  align-items:center;
  margin-top:0.8em;
  margin-bottom:0.8em;
  text-align:center;
  width:15em;
  border:1px solid #808080;
  border-radius:0.4em;
  background-color:rgb(85,119,174);
  color:yellow;
  cursor:pointer;
  opacity:1.0;
}
.anhangbutton button:disabled{
  float:left;
  font-size:1em;
  justify-content:center;
  align-items:center;
  margin-top:0.8em;
  margin-bottom:0.8em;
  margin-left:0.8em;
  text-align:center;
  width:15em;
  border:1px solid #808080;
  border-radius:0.4em;
  background-color:lightgray;
  color:darkgray;
  cursor:not-allowed
}
.anhangbutton button:disabled > label{cursor:not-allowed}
.anhangbutton button > label{cursor:pointer}
.anhangbutton button[disabled]:hover{float:left;font-size:1em;justify-content:center;align-items:center;margin-top:0.8em;margin-bottom:0.8em;text-align:center;width:15em;border:1px solid #808080;border-radius:0.4em;background-color:lightgray;color:darkgray;cursor: not-allowed}

.formbutton {
  display:flex;
  flex-direction:row;
  flex-flow:row wrap;
  justify-content:left;
  flex-wrap:wrap;
  margin-top:0.4em;
  margin-bottom:0.8em;
  margin-left:1.0em;
}
.formbutton button {
  float:left;
  font-size:1em;
  justify-content:center;
  align-items:center;
  text-align:center;
  margin-top:0.8em;
  margin-bottom:0.8em;
  width:15em;
  border:1px solid #808080;
  border-radius:0.4em;
  background-color:rgb(85,119,174);
  color:white;
  cursor:pointer
}
.formbutton button:hover:not([disabled]){float:left;font-size:1em;justify-content:center;align-items:center;margin-bottom:0.8em;text-align:center;width:15em;border:1px solid #808080;border-radius:0.4em;background-color:rgb(85,119,174);color:yellow;cursor:pointer;opacity:0.8;cursor:pointer}
.formbutton button:disabled{float:left;font-size:1em;justify-content:center;align-items:center;margin-bottom:0.8em;text-align:center;width:15em;border:1px solid #808080;border-radius:0.4em;background-color:lightgray;color:darkgray;cursor:not-allowed}
.formbutton button[disabled]:hover{float:left;font-size:1em;justify-content:center;align-items:center;margin-bottom:0.8em;text-align:center;width:15em;border:1px solid #808080;border-radius:0.4em;background-color:lightgray;color:darkgray;cursor:not-allowed}

legend {
  background-color: white;
  color: gray;
  font-size: 1.1em;
  padding: 5px 5px;
  width:auto;
}

fieldset{
  padding:0.5em;
  border:1px solid #808080;
  width:auto;
  margin:1.0em;
}

fieldset > label{
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:stretch;
  margin-right:1.5em;
  margin-left:1.0em;
  width:20.0em;
  padding-top:0.3em;
  text-align:right;
  color:gray;
}

fieldset > input{
  display:inline-block;
  font-size:1em;
  margin-left:1.0em;
  margin-bottom:0.5em;
  border:1px solid #808080;
  padding:0.1em;
  width:20.0em;
  border-radius:0.3em;
  background-color:lightyellow;
}

fieldset > select,
fieldset > select:disabled{
  -moz-appearance: menulist-button;
  -webkit-appearance: menulist-button;
  appearance: menulist-button;
  display:inline-block;
  font-size:1em;
  margin-left:1.0em;
  margin-bottom:0.5em;
  border:1px solid #808080;
  padding:0.1em;
  width:20.0em;
  border-radius:0.3em;
  background-color:lightyellow;
}

fieldset > textarea{
  display:inline-block;
  font-size:1em;
  margin-left:1.0em;
  margin-bottom:0.5em;
  border:1px solid #808080;
  padding:0.1em;
  width:20.0em;
  border-radius:0.3em;
  background-color:lightyellow;
  resize:vertical;
  text-align:left;
}
/*
select option {
  appearance: none;
  color:black;
}
*/
/* 27.11.2024 START 
option:nth-child(odd) {
  background-color: #eee !important;
}

option:nth-child(even) {
  background-color: #bbb !important;
}
option:checked, 
option:hover {
  background-image:linear-gradient(90deg, yellow 0%, red 80%)
}
 27.11.24 END */

input::placeholder,
textarea::placeholder {
  color:gray;
}

input:required,
textarea:required {
  border:1px solid #808080;
}
input:required:invalid,
input:focus:invalid,
textarea:required:invalid,
textarea:focus:invalid {
  color:red;
  border-color:rgb(85,119,174);
}
input[type="text"]:disabled,
input[type="email"]:disabled {
  background:lightyellow;
  color:silver;
}
input[type="checkbox"] {
  width:auto;
  color:red;
}

textarea:invalid {
  border-color:red;
  border-style:solid;
  border-width:2px;
}  
fieldset > span {
  display:inline-block;
  color:red;
}
fieldset > input:focus,
textarea:focus {
  background-color:lightyellow;
  color:rgb(85,119,174);
  border:1px solid rgb(85,119,174);
}
fieldset > input:hover,
textarea:hover {
  color:black;
  background:silver;
  border-color:rgb(85,119,174);
  cursor:pointer;
}
fieldset > select:focus {
  background-color:lightyellow;
  color:cornflowerblue;
}
fieldset > select:hover {
  color:black;
  background:silver;
  border-color:rgb(85,119,174);
  cursor:pointer;
}
.error,label > sup,p > sup,p > span {
  color:red;
}
.error:disabled {
  border:none;
  background-color:white;
  color:red;
}
label > span > strong {
  color:red;
}

.field_set {
  border:2px rgb(85,119,174) solid;
}
.legende {
  padding:3px 6px;
  color:rgb(85,119,174);
  font-weight:bold;
  font-size:16px;
}
      
.next{font-size:1.0em;font-weight:bold;color:white;background:rgb(85,119,174);cursor:pointer}
.previous{font-size:0.8em;font-weight:bold;color:white;background:rgb(85,119,174);cursor: pointer}
.previous:hover,.next:hover{color:yellow}

.normal{color:black;background-color:lightyellow}
.normal:hover{background:silver;color:black;cursor:pointer}

.clear{clear:left}
.pagination{text-align:center;height:50px;line-height:50px;font-weight:bold;background:rgb(85,119,174);color:white;box-sizing:border-box}
.pagihead{ display:inline;background:rgb(85,119,174);width:360px;height:50px;box-sizing:border-box}
.pagination a{width:20px;height:20px}

.datenschutz label{color:gray;padding-bottom:1.5em;display:inline-block;width:auto}
.datenschutz label:hover{background:white;color:black;cursor:pointer;width:auto}    
.datenschutz label input{display:inline-block;margin-left:auto}
.datenschutz label input:hover{background:white;color:black;margin-left:auto;cursor:pointer}    
    
textarea {
  display:inline-block;
  font-size:1em;
  margin-left:1.0em;
  margin-bottom:0.5em;
  border:1px solid #808080;
  padding:0.1em;
  width:20.0em;
  border-radius:0.3em;
  background-color:green; /*lightyellow;*/
  resize:vertical;
  text-align:left;
}

#ausgabe {
  margin-left:auto;
  margin-right:auto;
  width:auto;
  text-align:center;
}
.nosee {
  display:none;
}