body, html
{
  padding: 40px 0 0 0;
  padding: 40px 0 0 0 ;
  /*background-color: #eee;*/
  /* background: #1c1c22; */
  background-image: url('../bilder/hintergrund.jpg');

  font-size: 62.5%;
  /*font-size: 100%;*/
}
/*
@media screen and (min-width: 1200px)
{
  html
  {
    font-size: 100%;
  } 
}*/

.form-signin
{
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox
{
  margin-bottom: 10px;
}

.form-signin .checkbox
{
  font-weight: normal;
}

.form-signin .form-control
{
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus
{
  z-index: 2;
}

.form-signin input[type="email"]
{
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"]
{
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.container
{
  background-color:  #FFDEAD;
	border-radius: 20px;
	color: black;
	width: 740px;
	margin: 0 auto;
	margin-top: 15px;
	padding: 30px;
}

header
{
  background: #2a2a35;
  width: 100%;
  position: fixed;
  top: 0;
  text-align: right;
  transition: 200ms all;
  /* Fallback für alte Browser, die mit rem nicht klar kommen. */
  height: 70px;
  height: 7rem;
}

header nav#normal
{
  color: #c8354e;
  display: inline-block;
}

header nav#normal ul
{
  margin: 0;
  padding: 0;
  transition: all 300ms;
  display: inline-block;
}

header nav#normal ul li
{
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  position: relative;
  transition: all 300ms;
}

header nav#normal ul li a
{
  font-size: 62.5%;
  display: inline-block;
  /* Auch hier wieder der Fallback. */
  padding: 21.7px;
  padding: 2.17rem;
  float: left;
  /* hier wären dann 12px nötig */
  min-width: 12rem;
  text-align: center;
  font-size: 2rem;
  color: #fff;
  margin: 0 1px 0 0;
  text-decoration: none;
  background: #c8354e;
  font-weight: 300;
  transition: all 300ms;
}

header nav#normal ul li:hover > a
{
  background: #8c1e31;
}

header nav#normal ul li ul
{
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transition: 300ms all;
  max-height: 0;
}

header nav#normal ul li ul li
{
  border-bottom: 1px solid #8c1e31;
}

header nav#normal ul li:hover > ul
{
  max-height: 700px;
}

#umschlagtodo
{
  background-color: #FFDEAD;
  border-radius: 20px;
  color: black;
  width: 740px;
  margin: 0 auto;
  padding: 30px;
  font-size: 2.3em;
}

header nav#normal ul li#logals
{
  text-align: left;
  font-size: 3em;
  margin: 10px;
}