/*!
 * 
 * Copyright 2022 Belter-Media.net
 * style.css Standardformatierungen zus. Bootstrap CSS
 * 
 */

@-ms-viewport {
  width: device-width;
}

h1, h2, h3, h4, h5 {
  font-weight: 600;
}

h1 {
  padding-top: 35px;
  font-size: 2.3em;
  color: #444;
}

h2 {
  padding-top: 18px;
  font-size: 1.4em;
  color: #444;
}

h3 {
  padding-top: 14px;
  padding-bottom: 11px;
  font-size: 1.0em;
  color: #444;
}

h4 {
  padding-top: 6px;
  font-size: 1.0em;
  color: #444;
}

body {

background-image: url('assets/img/background-v01-keys-1500x900px.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
font-family: sans-serif, arial, verdana;
background-color: #777;

}

#main {
  
  background-color: #444;
  background-image: "assets/img/middlelogo_01.png";

}



.footer{

  background-color:#ffffff;
  padding:20px;
  width:auto;
  max-width:900px;
  margin:0 auto;

}

.form-buttongroup {

  padding-top: 20px;
  margin-top: 10px;
}

/* Image Size in Modal Dialogs */
.img-responsive-height
{
  display: block;
  width: auto;
  /* max-height: 100%; */
  max-width: 100%;
  height:  auto;
  max-height: 100%;
}

/* Input Patterns */

input:invalid{
 color:red;
 border: 1px solid red;
/* background-color:#ffefef; */
}

/*Eine korrekte Eingabe:*/
input:valid{
 color:green;
 border: 1px solid green;
 background-color: #efffef;
}

input[required]{
 background-attachment: color #f08080;
}


.headernumbers{
  color:#ffeeff;
  background-color: #330099;
}