@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* CSS Document */
/* ergänzende Angaben zum Grund CSS */
/* Container Layout */
h1 {
  font-size: 1.5em;
}
td {
  vertical-align: top;
}
div#grund {
  max-width: 1024px;
  margin: 0 auto ;
  padding-top: 125px;
}
div#container {
  padding-top: 25px;
}
/* Container Content */
div#content_text {
  text-align: left;
  width: 100%;
  background-image: url(../images/hgr_content.gif);
  border: none;
}
/* Content Text */
.incontent_text h2 {
  padding-top: 0;
}
.incontent_text td {
  line-height: 25px;
  vertical-align: top;
}
.incontent_text td.kleinerer_zeilenabstand {
  line-height: 18px;
}
.incontent_text sup {
  vertical-align: top;
  line-height: 100%;
}

/* Content Etikette */
div#content_etikette {
  text-align: left;
  width: 250px;
  background-color: #DDD;
  padding: 20px;
  margin-left: 28px;
  margin-bottom: 20px;
}
div#content_etikette_hinweis {
  text-align: left;
  width: 300px;
  padding-left: 50px;
}
/* Layout-Klassen */
.incontent_etikette {
  padding: 0;
}
.incontent_etikette_hinweis {
  padding: 0;
}
/* Span */
.hinweis {
  font-style: italic;
  color: #06F;
}
.hinweis_rot {
  color: #F00;
}
.hinweis_einzug_links {
  font-style: italic;
  color: #06F;
  line-height: 10px;
  padding-left: 10px;
}
.hinweis_rot_einzug_links {
  color: #F00;
  padding-left: 10px;
}
.fehler {
  font-weight: bold;
  color: #F00;
}
.hinweis_mehrzeilig {
  font-style: italic;
  color: #06F;
  line-height: 18px;
}
.hinweis_ettikette_nicht_drucken {
  font-style: italic;
  color: #06F;
}
.hintergrund_hinweis {
  background-color: #4D6B9D;
  color: #FFF;
}
.nicht_anzeigen {
  display: none;
}
.row {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-column-gap: 20px;
}
.row.red {
  color: red;
}
.row.col1 {
  grid-template-columns: 100%;
}
.row.col3 {
  grid-template-columns: 40% 30% 30%;
}
.row.col5 {
  grid-template-columns: 40% auto auto auto auto;
}
.row.col6 {
  grid-template-columns: 40% auto auto auto auto auto;
}
.row.col7 {
  grid-template-columns: 40% auto auto auto auto auto auto;
}
.row .cell.right {
  text-align: right;
}
.row .cell.center {
  text-align: center;
}
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
  margin: 10px;
}