body {
  font-family: Verdana, "Lucida Sans Unicode", sans-serif;
  background-image: radial-gradient(#A9BCF5, #dddddd);
  background-repeat: repeat;
  color: #333333;
  font-size: 1.0em;
}

form {
  width: 35% !important;
  border: 3px solid silver;
  border-radius: 5px;
  padding: 11px;
  margin-bottom: 1em !important;
  font-size: 0.85em;
  text-align: left;
}

label {
  display: block;
  margin-bottom: 1em !important;
  text-align: center !important;
  font-size: 1.0em;
  font-weight: bold;
}

h1 {font-size: 1.5em; margin-top: 0.5rem;}
h2 {font-size: 1.0em;}
h3 {font-size: 0.85em; font-weight: normal;}
          
.form-group{
  margin-bottom: 2em !important;
}

.form-control {
  height: 31px; 
  width: 70%; 
  max-width: 70%;
  min-width: 70%;
  margin-left: 15%;
  border: 1px solid #0d6efd;
  border-radius: 5px;
  padding-left: 5px;
}

.hoehetextarea{
  height: 93px;  
}

.form-error{
  /*height: 31px; 
  width: 70%; 
  max-width: 70%;
  min-width: 70%;
  margin-left: 15%;
  border: 1px solid #0d6efd;
  border-radius: 5px;
  padding-left: 5px;*/ 
  display: block;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  text-align: center !important;
  font-size: 0.75em;
  font-weight: normal;
  color: red;
  
}

.btn{
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 5px;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align:center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-primary{
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-submit{
  margin-left: 25%;
  margin-right: 25%;
  width: 50%;
}

#idtaAnliegen{}


@media only screen and (max-width: 600px) {
  form {
    width: 90% !important;
  }
  
 .form-control {
    width: 95%; 
    max-width: 95%;
    min-width: 95%;
    margin-left: 3%;
  }
}