/* Der gesamte Körper der Website */
html {
  box-sizing: border-box;
  font-size: calc( 100% + 0.5vw );
}
body {
  background-color: blue;
  font-family: "Times New Roman";
  }
.umrandung {
  background-color: lightblue;
  border: 1px solid black;
  }


/* Der Titel mit dem Navigationsbereich */
header {
  text-align: center;
  margin-bottom: 1%;
  }
nav {
  text-align: center;
  }
h1 {
  background-color: lightgreen;
  font-size: 6rem;
  font-weight: bold;
  margin-top: 0%;
  margin-bottom: 0%;
  padding-bottom: 1%;
}
a:link {
  color: black;
text-decoration: none;
}

a:visited {
    color: black;
}
.Button1, .Button2, .Button3 {
  cursor: pointer;
  font-weight: bold;
  font-size: 2rem;
  background: lightgreen;
  color: black;
  border: 1px solid black;
  border-radius: 0.25em;
  padding: 1%;
  margin: 0.5% 2%;
  text-decoration: none;
  display: inline-block;
}


/* Weitere Überschriften*/
h2 {
  text-align: center;
  background-color: lightgreen;
  font-size: 2rem;
  font-family: times;
  font-weight: bold;
}
h3 {
  font-size: 1rem;
}


/* Fußzeile*/
footer {
    font-size: 1rem;
    margin-bottom: 0%;
    margin-left: 1%;
    padding: 1%;
    background-color: lightgreen;
  }
.footer {
  background-color: lightgreen;
  }

/* Textformatierungen*/
.standardtext {
  font-size: 1rem;
  text-align: center;
  margin: 1.5em;
  width: 96%;
}


/* Kontaktformular */
.kontaktformular {
  font-size: 1rem;
  background-color: white;
  border-radius: 4px;
  padding: 1%;
  width: 28%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2%;
}

.anrede {
  display: inline-block;
  width: 49%;
}
.formularblock {
  display: inline-block;
  width: 49%;
}

.textfeld {
  display: block;
  width: 90%;
  border: 1px solid black;
  margin-bottom: 5%;
}

.textarea {
  width: 100%;
  border: 1px solid black;
  resize: none;
}

.kontakt_absenden {
  font-size: 0.6rem;
  font-weight: bold;
  margin: 1%;
  background-color: red;
  border-radius: 4px;
  cursor: pointer;
  padding: 2%;
  width: 22%;
}

.nosee {
  display:none;
}

.sendemeldung {
  text-align: center;
  color: red;
}




/*Anwendung*/
h4 {
  font-size: 2rem;
  margin-top: 0;
}
h5 {
  font-size: 1.5rem;
  margin: 1%;
}
h6 {
  font-size: 1rem;
  margin: 1%;
}

.anwendung {
  border: 1px solid black;
  text-align: center;
  padding: 2%;
}

button {
  font-size: 1rem;
  border: 10px outset green;
  margin: 1%;
  cursor: pointer;
  white-space: nowrap;
}

.auswahlbutton/*Formular*/ {
  display: inline-block;
}

#waffengewicht, #abzugsgewicht, #lauflaenge, #magazinkapazitaet, .waffengewicht, .abzugsgewicht, .lauflaenge, .magazinkapazitaet {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.verbandsauswahl {
  display: inline-block;
  font-size: 2rem;
}
#bds, #dsu, #bdmp, #dsb {
  vertical-align: middle;

}

.fehlgeschlagen {
  color: red;
}

 .verbandcontainer {
   border: 1px solid black;
 }
.verbandcontainer table {
  border-collapse: collapse;
  display: inline-block;
  text-align: center;
  padding: 0.25em;
  width: 49%;
}
.verbandcontainer th, td {
  border: 1px solid black;
  padding: 0.25em;
}
.verbandcontainer th {
  width: 30%;
}
.verbandcontainer td {
  width: 70%;
}

.infobox {
  display: inline-block;
}


/* Bildschirme unter 1024px */
@media screen and (max-width: 64em) {
  h1 {
    font-size: 4rem;
  }
  .standardtext {
    font-size: 0.8rem;
    margin: 0.8em;
  }

  /* Kontaktformular */
  .kontaktformular {
    width: 96%;
  }

  .textarea {
    width: 95%;
  }

  /*Anwendung*/


  button {
    border: 8px outset green;
    margin: 2%;
    font-size: 0.8rem;
  }

  .auswahlbutton/*Formular*/ {
    display: block;
  }

  #waffengewicht, #abzugsgewicht, #lauflaenge, #magazinkapazitaet, .waffengewicht, .abzugsgewicht, .lauflaenge, .magazinkapazitaet {
    width: 80%;
  }

  .verbandsauswahl {
    display: block;
    font-size: 1.5rem;
    margin: 2%;
  }



.verbandcontainer table {
  font-size: 0.8rem;
  display: block;
  width: 100%;
  }

}


/* Bildschirme ab 1920px */
@media screen and (min-width: 120em) {
  h1 {
    font-size: 8rem;
  }
  .standardtext {
    font-size: 1.2rem;
    margin: 1.2em;
  }

  .kontakt_absenden {
    font-size: 0.8rem;
    padding: 2%;
    width: 25%;
  }

  /*Anwendung*/

  button {
    border: 12px outset green;
    font-size: 1.2rem;
  }

  .verbandsauswahl {
    font-size: 2.5rem;
    margin: 1%;
  }

.verbandcontainer table {
  font-size: 1.2rem;
  }

}