body {
	display: grid;
	gap: 0em;
}

@media (min-width: 30em) {
	/* Breite beträgt mindestens 30em */
	
	body {
		grid-template-columns: 1fr 2fr;
		grid-template-rows: 60px 1fr 100px;
	}
}

header,
footer {
	grid-column: 1 / -1;
	border: 0px solid;
}

header {
   /*margin: 500px;*/
	display: grid;
	grid-template-columns: min-content fr;
	border: 0px solid;
	padding-left : 25px;
	background-color: #ffffff;
}
header2 {
   /*margin: 500px;*/
	border: 0px solid;
	padding-left : 25px;
	background-color: #ffffff;
}
main {
	background-color: #ffffff;
	padding: 0px;
	background-image: url(back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-top: 1px solid;
	border-color: #c8c8c8;
}

aside {
	background: #ffffff;
	padding: 30px;
	border-top: 1px solid;
	border-color: #c8c8c8;
}

footer {
	background: #062e3f;
	border-color: #8a9da8;
	border: 0px solid;
	padding: 10px;
	
}

footer * {
	float: left;
	margin: 0 0 1em;
	border: 0px solid;
	padding: 10px;
	text-color: #111111;
}

body {
	margin: 0 auto;
	/*max-width: 80em;*/
	font-family: sans-serif;
}
input[type=text] {
  width: 100%;
  padding: 12px 12px;
  margin: 8px 0;
  box-sizing: border-box;
    color:#606060;   /* Farbe orange */
  font-size:12pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif; /* Schriftart */
}
h1 {
  color:#606060;   /* Farbe orange */
  font-size:18pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif; /* Schriftart */
}
h2 {
  color:#606060;   /* Farbe orange */
  font-size:12pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif; /* Schriftart */
}
h3{
  color:#ffffff;   /* Farbe orange */
  font-size:12pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif; /* Schriftart */
}
p {
  color:#606060;   /* Farbe orange */
  font-size:12pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif; /* Schriftart */
}
label {
  color:#606060;   /* Farbe orange */
  font-size:12pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif; /* Schriftart */
}
video {
  /* height: 100vh;*/
  width: 100%;
  object-fit: fill; // use "cover" to avoid distortion
  position: absolute;
}
box1 { 
  float: right; 
  width: 20; 
  margin-right: 0; 
  padding: 0px; 
  background: #062e3f; 
  /*box-sizing: border-box; */
  }
  
box2 { 
  float: right; 
  width: 20;
height: 21;  
  margin-right: 2%; 
  padding: 0px; 
  background: #062e3f; 
  /*box-sizing: border-box; */
}
box3 { 
  float: right; 
  width: 20; 
  height: 21;  
  margin-right: 0; 
  padding: 0px; 
  background: #062e3f; 
  /*box-sizing: border-box; */
}
.terms{ display:none; }